/* Color Variables */
/* Padding Sizes */
/* Font Sizes */
/* Misc Variables */
/* Theme Specific Colors */
/* Font family and sizes */
[v-cloak] {
  display: none !important;
}

html {
  font-size: 15px !important;
}

body {
  overscroll-behavior: none;
}

.font-serif {
  font-family: Georgia, serif;
}

.font-monospace {
  font-family: SFMono-Regular, Menlo, Consolas, monospace;
}

.flex-center, .buttons-archive {
  display: flex;
  align-items: center;
  justify-content: center;
}

.h2 {
  margin-bottom: 0 !important;
  cursor: default;
  font-size: 24px;
  font-weight: 600;
}

.h3 {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.h5 {
  font-size: 20px;
  font-weight: 600 !important;
  margin-bottom: 15px;
  margin-top: 15px;
}

.p {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.outline {
  cursor: default;
  font-size: 12px;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.body2-css,
.body-css {
  cursor: default;
  font-size: 24px !important;
}

.title-normal {
  font-weight: 400;
}

.logo {
  padding: 15px 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-container {
  height: 30px;
  width: 30px;
}

a,
.btn-link:hover {
  color: #5650FF;
}

.btn.btn-link {
  color: inherit;
  padding: 15px;
  height: 50px;
  width: 50px;
}

/* Columns */
.two-column-container {
  display: flex;
}

.column {
  flex: 1;
  padding: 10px;
  display: block;
  margin-bottom: 10px;
}

.dates-column {
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.buttons-archive {
  background-color: transparent;
  padding: 10px;
  border: none;
  margin-bottom: 5px;
}

.buttons-archive:hover {
  border-radius: 5px;
  background-color: #f0f0f0;
}

.buttons-archive:active,
.buttons-archive.active {
  border-radius: 5px;
  background-color: #5650FF;
  color: #FFFFFF !important;
}

.contentEmailPreview {
  background-color: #FFFFFF;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #888;
  overflow: auto;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
}

.topic-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 2px 5px;
}

.keyword-row {
  margin: 2px 0.5rem;
}

.folder-topic-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.4rem 15px;
  padding-right: 10px;
  background-color: #C0268D !important;
  border-radius: 5px;
  color: #FFFFFF;
}
.folder-topic-container:hover {
  background-color: rgb(167, 32, 122) !important;
}

.folder-pillar-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.4rem 15px;
  background-color: #5650FF !important;
  border-radius: 5px;
  color: #FFFFFF;
}
.folder-pillar-container:hover {
  background-color: #4944d2 !important;
}

.form-input-container {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0.8rem;
}

.form-input-container .form-control {
  background-color: #FFFFFF;
  border-radius: 3px;
  border-color: #9D9D9D;
  border-width: 1px;
  padding: none;
  box-shadow: none;
}

.content-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
  outline: none;
}
.content-container:hover {
  cursor: pointer;
}
.content-container:hover .edit-delete-buttons {
  visibility: visible;
  opacity: 1;
  color: #5650FF;
}

.content-keywords {
  padding-top: 15px;
}
.content-keywords > div {
  display: block;
}

.content-topics > div {
  display: block;
}

.folder-keywords-container {
  padding: 5px 10px;
  background-color: #2A268F !important;
  border-radius: 5px;
  color: #FFFFFF;
}
.folder-keywords-container:hover {
  background-color: #1B186F !important;
}

.folder-teams-container {
  padding: 5px 10px;
  background-color: none;
  border-radius: none;
  color: #181818;
}
.folder-teams-container:hover {
  background-color: #f0f0f0 !important;
}

.edit-delete-buttons {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.btn-custom-label {
  padding: 5px;
}
.btn-custom-label:hover {
  background-color: #f0f0f0;
}

.topic-container .btn-custom-label {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out ease, visibility 0.3s ease-in-out ease;
}
.topic-container:hover .btn-custom-label {
  opacity: 1;
  visibility: visible;
  fill: #FFFFFF !important;
}

.drag-handle {
  padding: 5px;
  padding-left: 10px;
  background-color: #C0268D;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
}
.drag-handle:hover, .drag-handle:focus {
  background-color: rgb(167, 32, 122);
  color: #FFFFFF;
}

.topic-id-zero {
  background-color: #888888;
}
.topic-id-zero:hover, .topic-id-zero:focus {
  background-color: #5a6268;
}

.pillar-container {
  padding: 30px;
  background-color: #F4F4F4;
  border-radius: 5px;
  margin-bottom: 25px;
}

.topic-container {
  overflow-x: hidden;
  padding: 5px;
  border-radius: 5px;
}

.paragraph-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.delete-button {
  display: inline-block;
  visibility: hidden;
  color: #5650FF;
}

.item-title-input {
  font-weight: 700;
  color: #171717;
  width: 100%;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 5px;
  box-shadow: none !important;
}

.item-title-input:focus {
  outline: none;
  border: 2px solid #8EA604 !important;
  border-radius: 5px;
  padding: 5px;
}

.inline-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.inline-container .delete-button,
.paragraph-container:hover .delete-button {
  background: transparent;
  border: transparent;
  visibility: visible;
}

.paragraph-container .delete-button {
  margin-right: 10px;
  margin-bottom: 10px;
}

.editable-paragraph {
  border: 2px solid transparent;
  background-color: transparent;
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  box-shadow: none !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.editable-paragraph::-webkit-scrollbar {
  display: none;
}

.editable-paragraph:focus {
  outline: none;
  border: 2px solid #8EA604 !important;
}

.editable-paragraph:not(:focus):hover {
  border: 2px solid #5650FF !important;
}

.dropdown-menu {
  margin-bottom: 10px;
}

.form-control {
  display: inline-block;
  flex: 1;
  margin: 0;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.07);
}

.custom-form-control {
  display: block;
  width: 600px;
}

.custom-card {
  background-color: #f0f0f0;
}

select.form-control {
  -webkit-appearance: none;
}

select.form-control:not([multiple]):not([size]) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding-right: 1.2rem;
  cursor: pointer;
}

.team-select:hover,
.team-select:focus {
  background-color: #f0f0f0;
}

.button-container {
  width: 100%;
  display: inline-flex;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.button-container button {
  width: fit-content;
  font-size: inherit;
  padding: 2%;
  margin: 2%;
  background: #f0f0f0;
  border: none;
}

.item-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}

.item-title-input {
  font-weight: 700;
  color: #171717;
  flex-grow: 1;
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 5px;
  box-shadow: none !important;
  transition: border-color 0.3s ease-in-out;
}

.item-title-input:focus {
  outline: none;
  border-color: #8EA604 !important;
}

.item-title-input:not(:focus):hover {
  border-color: #5650FF !important;
}

.custom-button-spacing {
  margin-left: 10px;
  margin-right: 10px;
}

.dropdown-header {
  cursor: default;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-toggle-no-caret:after {
  display: none;
}

.dropdown-item {
  display: flex !important;
  align-items: center !important;
}
.dropdown-item:hover {
  cursor: pointer;
  background-color: #F3F0EA;
}

.dropdown-item.active {
  background-color: #5650FF;
  color: #FFFFFF !important;
}

.dropdown-item:hover.active {
  color: #FFFFFF;
}

.dropdown-item:focus {
  color: #5650FF;
}

.dropdown-item .icon {
  margin-right: 10px !important;
}

.row.text-center > .dropdown-item {
  padding: 5px 10px !important;
  text-align: center !important;
}

.settings-dropdown .dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
}
.settings-dropdown .dropdown-menu {
  position: absolute;
  top: auto !important;
  right: 100%;
  padding: 0;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.07);
  overflow: visible;
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
  z-index: 1000;
  width: auto;
}

.rotate-icon {
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}

.settings-dropdown .dropdown-item,
.settings-dropdown .dropdown-header {
  padding: 5px 10px;
}
.settings-dropdown .dropdown-divider {
  margin: 0;
}
.settings-dropdown .dropdown-menu:focus,
.settings-dropdown .dropdown-item:focus,
.settings-dropdown form:focus, .settings-dropdown:focus {
  outline: none;
}
.settings-dropdown .dropdown-item {
  cursor: pointer;
}
.settings-dropdown .topic-row {
  white-space: nowrap;
}

.table-compact {
  color: unset !important;
}
.table-compact tr td:first-child {
  padding-left: 0;
}
.table-compact tr td:last-child {
  padding-right: 0;
}

.custom-border-and-shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.custom-border-and-shadow:focus {
  outline: 3px solid #8a7fff;
  outline-offset: 0px;
  border-color: #5650FF;
  outline-color: #b5aeff;
  box-shadow: none;
}

.icon {
  height: 25px;
  width: 25px;
  display: block;
  line-height: 1;
  fill: #5650FF;
  stroke: none;
}
.icon > svg,
.icon > img {
  width: 25px;
  height: 25px;
  vertical-align: top;
  fill: #5650FF;
  stroke: none;
}

.icon-small {
  width: 10px;
  height: 10px;
  display: inline-block;
}
.icon-small > svg,
.icon-small > img {
  width: 10px;
  height: 10px;
}

.icon.icon-selected > svg {
  fill: #FFFFFF !important;
}

.custom-icon-stroke svg {
  fill: none !important;
  stroke: #5650FF !important;
}

.custom-icon svg {
  fill: #FFFFFF;
  height: auto;
  width: 100%;
}

.small-icon svg {
  height: 16px;
  width: 16px;
}

.small-icon-orange svg {
  height: 20px;
  width: 20px;
  fill: rgb(255, 144, 108) !important;
}

.selectable-icon.active svg {
  fill: #FFFFFF !important;
}

.icon-margin-right {
  margin-right: 5px;
}

.custom-fill {
  height: 25px;
  width: 25px;
  display: block;
  line-height: 1;
  fill: #888888;
  stroke: none;
}
.custom-fill:focus {
  outline: none;
}

.custom-fill-white {
  height: 25px;
  width: 25px;
  display: block;
  line-height: 1;
  stroke: none;
  fill: #FFFFFF;
}
.custom-fill-white:focus {
  outline: none;
}

.no-background-color {
  background-color: transparent !important;
  border: none;
}
.no-background-color:focus {
  outline: none;
}

.custom-dropdown-container {
  width: 200px;
}

.counter {
  padding-left: 0.5rem;
  opacity: 0.6;
}

.light {
  opacity: 0.6;
}

#feed-list-scroll {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.selectgroup {
  position: relative;
  display: block;
  margin: 0;
}
.selectgroup *,
.selectgroup .noselect,
.selectgroup .dropdown-menu * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectgroup input[type=radio] {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
}
.selectgroup input[type=radio]:checked + .selectgroup-label {
  background-color: #5650FF !important;
  color: #FFFFFF !important;
}
.selectgroup input[type=radio]:checked + .selectgroup-label .icon-layers svg {
  fill: white;
}
.selectgroup input[type=radio]:checked + .selectgroup-label .custom-icon-stroke svg {
  stroke: #FFFFFF !important;
}
.selectgroup + .selectgroup {
  margin-top: 0.25rem;
}
.selectgroup .selectgroup-label {
  padding: 0.375rem 0.5rem;
  border-radius: 4px;
  overflow-wrap: break-word;
}
.selectgroup .selectgroup-label:hover {
  cursor: pointer;
  background-color: #F3F0EA;
}
.selectgroup .selectgroup-label:focus {
  outline: none;
}
.selectgroup .icon-layers svg {
  fill: #5650FF;
}

.delete-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: none;
  background: transparent;
}

.expanded {
  transform: rotate(90deg);
}

@keyframes stroke {
  from {
    stroke-dashoffset: 120;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.loading {
  color: transparent !important;
  min-height: 0.8rem;
  pointer-events: none;
  position: relative;
}
.loading::after {
  animation: rotate 0.5s infinite linear;
  border: 0.1rem solid #d1d1d1;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  left: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.icon-loading > svg {
  animation: stroke 2s infinite normal;
  stroke-dasharray: 60;
}

.btn:focus {
  box-shadow: none !important;
}
.btn-default {
  border: 1px solid #ced4da;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.btn-default:focus, .btn-default:active {
  border-color: #5650FF;
}
.btn-default:active {
  background: #f0f0f0;
  box-shadow: none;
}
.btn-outline {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.btn-outline:hover {
  background-color: #f0f0f0;
}
.btn-close {
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
  padding: 10px 1rem;
  border-radius: 3px;
  cursor: pointer;
}
.btn-close:hover, .btn-close:focus {
  cursor: pointer;
  border: none;
  background: #4944d2;
  outline: none !important;
}

.toolbar-column {
  display: flex !important;
  flex-direction: column !important;
  width: auto;
  border-right: 0.8px;
  border-color: #d0d4d9 !important;
}

.toolbar-item,
.custom-toolbar-item {
  display: flex !important;
  justify-content: center; /* Center children horizontally */
  align-items: center;
  background-color: transparent !important;
  text-decoration: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 3px;
  line-height: 1;
  fill: #5650FF !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: inherit;
}
.toolbar-item:focus,
.custom-toolbar-item:focus {
  outline: none !important;
}
.toolbar-item:disabled,
.custom-toolbar-item:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.toolbar-item.active, .toolbar-item.active:hover,
.custom-toolbar-item.active,
.custom-toolbar-item.active:hover {
  color: #fff !important;
  background-color: #5650FF !important;
}
.toolbar-item.active .icon svg, .toolbar-item.active:hover .icon svg,
.custom-toolbar-item.active .icon svg,
.custom-toolbar-item.active:hover .icon svg {
  fill: #fff !important;
  stroke: none !important;
}
.toolbar-item:hover,
.custom-toolbar-item:hover {
  background-color: #F3F0EA !important;
}
.toolbar-item:hover .icon svg,
.custom-toolbar-item:hover .icon svg {
  fill: #5650FF !important;
  stroke: none !important;
}

.toolbar-item[title=All] .icon svg {
  fill: none !important;
  stroke: #5650FF !important;
}
.toolbar-item[title=All]:hover {
  background-color: #F3F0EA !important;
}
.toolbar-item[title=All].active {
  background-color: #5650FF !important;
}
.toolbar-item[title=All].active .icon svg {
  fill: none !important;
  stroke: #FFFFFF !important;
}
.toolbar-item[title=All].active:hover {
  background-color: #F3F0EA !important;
}
.toolbar-item[title=All].active:hover .icon svg {
  fill: none !important;
  stroke: #5650FF !important;
}

.toolbar-item:hover[title=Appearance] svg,
.toolbar-item:hover[title="Open Link"] svg {
  fill: none !important;
  stroke: #5650FF !important;
}

body button[title=All] .icon svg {
  fill: none !important;
  stroke: #5650FF !important;
}
body button[title=All]:hover {
  cursor: pointer;
}

.custom-toolbar-item {
  width: 100% !important;
}
.custom-toolbar-item:active {
  background-color: none !important;
  outline: none !important;
}

.cursor-default {
  cursor: default;
  font-size: 24px;
  font-weight: 600;
}

label[for=feed-folder], label[for=keyword] {
  font-size: 20px;
  font-weight: 600;
}

.drag {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  z-index: 900;
  cursor: col-resize;
}

.input-icon {
  position: relative;
  height: 48px;
  display: flex;
  align-items: center;
}
.input-icon .icon {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  width: 2rem;
  justify-content: center;
  pointer-events: none;
}
.input-icon input {
  padding-left: 2rem !important;
  width: 100%;
}

.toolbar-search {
  border: none;
  background-color: #F3F0EA;
  border-radius: 5px;
  padding: 5px 10px;
  line-height: 1;
}
.toolbar-search:hover, .toolbar-search:focus {
  background-color: #F3F0EA;
  outline: none;
}

.container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form-group {
  border-radius: 5px;
  font-size: 16px;
  justify-content: flex-start;
  padding-top: 5px;
}

.form-group-no-padding {
  border-radius: 5px;
  font-size: 15px;
}

.datepicker {
  width: 100%;
  flex-grow: 1;
  margin-right: 5px;
}

#opml-import-form input[type=file]::-webkit-file-upload-button {
  position: absolute;
  top: -999px;
  left: -999px;
}

form {
  margin-right: 0.5rem;
}

.sort-button {
  border: 1px solid transparent;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 3px;
  background: none;
  cursor: pointer;
  display: inline-block;
  align-items: center !important;
  margin-left: 4px;
  outline: none !important;
}
.sort-button:hover {
  background-color: #F3F0EA !important;
}
.sort-button svg {
  fill: #5650FF;
  width: 20px;
  height: 20px;
}

.custom-modal {
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: auto;
  display: block !important;
}

.custom-mt-5 {
  position: -webkit-sticky;
  /* For Safari browser compatibility */
  position: sticky;
  top: 0;
  /* Adjust if there's additional padding/margin you want to account for */
  z-index: 10;
  background-color: #FFFFFF;
  padding-top: 15px;
}

.custom-feed-list {
  margin-top: 10px;
  position: relative;
  z-index: 1;
}

#col-item {
  padding: 15px;
}

.custom-button {
  background-color: #FF906C !important;
  color: #FFF;
  font-weight: 600;
  border: none;
}
.custom-button:hover, .custom-button:focus {
  background-color: #dc6f4b !important;
}

.custom-button-danger {
  background-color: #D81E5B;
  border: none !important;
  display: inline-block;
  justify-content: center !important;
  align-items: center !important;
}
.custom-button-danger:hover, .custom-button-danger:focus {
  background-color: #a91848;
}

/* content */
.article p,
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article li,
.article td,
.article th,
.article dt,
.article dd,
.article caption,
.article cite,
.article b,
.article i,
.article strong,
.article em,
.article q,
.article abbr,
.article address,
.article figcaption,
.article legend,
.article span,
.article sup {
  padding: 5px !important;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  user-select: none;
}
.article p.selected,
.article li.selected,
.article h1.selected,
.article h2.selected,
.article h3.selected,
.article h4.selected,
.article h5.selected,
.article h6.selected,
.article td.selected,
.article th.selected,
.article dt.selected,
.article dd.selected,
.article caption.selected,
.article cite.selected,
.article b.selected,
.article i.selected,
.article strong.selected,
.article em.selected,
.article q.selected,
.article abbr.selected,
.article address.selected,
.article figcaption.selected,
.article legend.selected,
.article span.selected,
.article sup.selected {
  background-color: rgba(142, 166, 4, 0.25);
  border: 2px solid #8EA604;
  padding: 5px;
  border-radius: 4px;
}
.article p:hover {
  border: 2px solid #5650FF;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
}

.wrapper {
  margin: 5px 5px 15px;
  padding: 5px 10px !important;
}

.article li:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article h1:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article h2:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article h3:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article h4:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article h5:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article h6:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article td:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article th:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article dt:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article dd:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article caption:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article cite:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article b:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article i:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article strong:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article em:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article q:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article abbr:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article address:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article figcaption:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article legend:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article span:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *),
.article sup:hover:not(p *, li *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, td *, th *, dt *, dd *, caption *, cite *, b *, i *, strong *, em *, q *, abbr *, address *, figcaption *, legend *, span *, sup *) {
  border: 2px solid #5650FF;
  padding: 0.2rem 0.4rem;
  border-radius: 5px;
}

.modal-dialog-small {
  width: 30%;
  max-width: 100%;
}

.modal-dialog-medium {
  width: 50%;
  max-width: 100%;
}

.modal-dialog-large {
  width: 70%;
  max-width: 100%;
}

.custom-class-modal {
  padding: 0;
  border-radius: 5px 5px 0 0;
}

.no-bottom-padding {
  padding: 5px 15px !important;
  background-color: #5650FF;
}

.no-top-padding {
  padding: 15px 30px 15px 30px !important;
}

.confirmation-message,
.alert-message {
  margin-top: 30px;
  padding: 10px;
  padding-right: 45px;
  display: block;
  align-items: center;
  text-align: left;
  border-radius: 6px;
  font-weight: 600;
}
.confirmation-message .icon,
.alert-message .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.confirmation-message {
  background-color: #FBFFE4;
  color: #8EA604 !important;
  border-left: 6px solid #8EA604;
}

.alert-message {
  background-color: #FCE9EF;
  color: #D81E5B !important;
  border-left: 6px solid #D81E5B;
}

.custom-stroke-white svg {
  fill: #FFFFFF !important;
  height: 20px;
  width: 20px;
}

.custom-done svg {
  fill: #8EA604 !important;
  height: 20px;
  width: 20px;
}

.custom-alert svg {
  height: 20px;
  width: 20px;
}

.content-wrapper {
  max-width: max-content;
  margin: 0 auto;
}

.content {
  overflow-wrap: break-word;
  line-height: 1.5;
}
.content img,
.content video {
  max-width: 100%;
  height: auto;
}
.content iframe {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
}
.content .video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .video-wrapper::before {
  display: block;
  padding-top: 56.25%;
  /* 16x9 aspect ratio */
  content: "";
}
.content .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content pre {
  overflow-x: auto;
  color: inherit;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding: 5px;
}
.content a {
  color: inherit;
  text-decoration: underline;
}
.content blockquote {
  border-left: 1px solid #181818;
  padding-left: 10px;
}
.content h1 {
  font-size: 28px;
}
.content h2 {
  font-size: 24px;
}
.content h3 {
  font-size: 20px;
}
.content h4 {
  font-weight: 600 !important;
}
.content h5 {
  font-size: 20px;
  font-weight: 700;
}
.content h6 {
  font-size: 16px;
}
.content p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.custom-padding-class {
  padding-bottom: 15px;
  display: inline-flex;
  align-items: center;
}

.custom-outline-padding {
  padding-left: 5px !important;
}

.title-container {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: auto;
}

.item-source {
  font-size: 20px;
  color: #5650FF;
  font-weight: 700;
}

.form-check {
  padding: 15px 30px 30px 30px;
}

button.theme-light {
  background-color: #FFFFFF !important;
}

#json-import-form {
  margin: 0;
}

.add-article-button {
  background-color: #f0f0f0 !important;
  border-color: #d2d2d2 !important;
}
.add-article-button .add-article-text {
  color: #5650FF;
}
.add-article-button .icon svg {
  fill: #5650FF !important;
}
.add-article-button:hover, .add-article-button:active, .add-article-button:focus {
  background-color: #e0e0e0 !important;
}

.theme-sepia,
.theme-sepia .btn-default,
.theme-sepia .modal-content,
.theme-sepia .item-title-input,
.theme-sepia .editable-paragraph {
  background-color: #F3E3D4 !important;
}
.theme-sepia .add-article-button {
  background-color: #FFF5EC;
  border-color: #dfd6cf;
}
.theme-sepia .add-article-button .add-article-text {
  color: #5650FF;
}
.theme-sepia .add-article-button .icon svg {
  fill: #5650FF !important;
}
.theme-sepia .add-article-button:hover, .theme-sepia .add-article-button:active, .theme-sepia .add-article-button:focus {
  background-color: #F3F0EA !important;
}
.theme-sepia .dropdown-menu,
.theme-sepia .pillar-container {
  background-color: #FFF5EC;
  border-width: 1px;
  border-style: solid; /* You also need a border style */
  border-color: #dfd6cf !important;
}
.theme-sepia .toolbar-search {
  background-color: #F3F0EA;
}
.theme-sepia .form-control-themed {
  background-color: #FFF5EC !important;
  border-color: #dfd6cf !important;
}
.theme-sepia .content hr,
.theme-sepia .content pre,
.theme-sepia .border-right,
.theme-sepia .border-top {
  border-color: #d0d4d9 !important;
}
.theme-sepia .selectgroup-label:hover,
.theme-sepia .toolbar-item:hover,
.theme-sepia .buttons-archive:hover,
.theme-sepia .custom-toolbar-item:hover,
.theme-sepia .toolbar-search:hover,
.theme-sepia .dropdown-item:hover,
.theme-sepia .delete-btn:hover,
.theme-sepia .sort-button:hover,
.theme-sepia .btn-custom-label:hover,
.theme-sepia .toolbar-search:focus {
  background-color: #F3F0EA !important;
}
.theme-sepia .custom-card {
  background-color: #FFF5EC;
}
.theme-sepia .custom-card label {
  background-color: #FFF5EC !important;
}
.theme-sepia .toolbar-item:hover[title=Appearance] svg,
.theme-sepia .toolbar-item:hover[title="Open Link"] svg {
  fill: none !important;
  stroke: #5650FF !important;
}
.theme-sepia .toolbar-item.active:hover .icon svg,
.theme-sepia .toolbar-item.active:hover .custom-icon-stroke svg, .theme-sepia .toolbar-item.active:hover + .selectgroup-label .icon svg {
  fill: #5650FF !important;
  stroke: none !important;
}
.theme-sepia .toolbar-item.active:hover[title=All] .icon svg {
  fill: none !important;
  stroke: #5650FF !important;
}
.theme-sepia .buttons-archive.active:hover {
  background-color: #4944d2 !important;
  color: #FFFFFF !important;
}
.theme-sepia .dropdown-item:hover {
  color: #5650FF;
}
.theme-sepia .dropdown-item:focus {
  color: #5650FF;
}
.theme-sepia .dropdown-item:hover.active {
  color: #5650FF !important;
}

.theme-night,
.theme-night .buttons-archive,
.theme-night .btn-default,
.theme-night .modal-content {
  color: #C1C8CD;
  background-color: #121212;
}
.theme-night .toolbar-search {
  background-color: #807a7a;
}
.theme-night .toolbar-search::placeholder {
  color: #FFFFFF;
}
.theme-night .add-article-button {
  background-color: #414244 !important;
  border-color: #393a3c !important;
}
.theme-night .add-article-button .add-article-text {
  color: #FFFFFF;
}
.theme-night .add-article-button .icon svg {
  fill: #FFFFFF !important;
}
.theme-night .add-article-button:hover, .theme-night .add-article-button:active, .theme-night .add-article-button:focus {
  background-color: #807a7a !important;
}
.theme-night .content hr,
.theme-night .content pre,
.theme-night .border-right,
.theme-night .border-top,
.theme-night .dropdown-divider {
  border-color: #535353 !important;
}
.theme-night .modal-content,
.theme-night .item-title-input,
.theme-night .editable-paragraph,
.theme-night .buttons-archive,
.theme-night #collapse-article-form {
  background-color: #2C2C2E;
  color: #C1C8CD;
}
.theme-night .item-title-input:focus {
  outline: none;
  border: 2px solid #D8F43F !important;
  border-radius: 5px;
  padding: 5px;
}
.theme-night .editable-paragraph:focus {
  outline: none;
  border: 2px solid #D8F43F !important;
}
.theme-night .item-title-input:focus {
  outline: none;
  border-color: #D8F43F !important;
}
.theme-night .article p,
.theme-night .article h1,
.theme-night .article h2,
.theme-night .article h3,
.theme-night .article h4,
.theme-night .article h5,
.theme-night .article h6,
.theme-night .article li,
.theme-night .article td,
.theme-night .article th,
.theme-night .article dt,
.theme-night .article dd,
.theme-night .article caption,
.theme-night .article cite,
.theme-night .article b,
.theme-night .article i,
.theme-night .article strong,
.theme-night .article em,
.theme-night .article q,
.theme-night .article abbr,
.theme-night .article address,
.theme-night .article figcaption,
.theme-night .article legend,
.theme-night .article span,
.theme-night .article sup {
  padding: 5px !important;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  user-select: none;
}
.theme-night .article p.selected,
.theme-night .article li.selected,
.theme-night .article h1.selected,
.theme-night .article h2.selected,
.theme-night .article h3.selected,
.theme-night .article h4.selected,
.theme-night .article h5.selected,
.theme-night .article h6.selected,
.theme-night .article td.selected,
.theme-night .article th.selected,
.theme-night .article dt.selected,
.theme-night .article dd.selected,
.theme-night .article caption.selected,
.theme-night .article cite.selected,
.theme-night .article b.selected,
.theme-night .article i.selected,
.theme-night .article strong.selected,
.theme-night .article em.selected,
.theme-night .article q.selected,
.theme-night .article abbr.selected,
.theme-night .article address.selected,
.theme-night .article figcaption.selected,
.theme-night .article legend.selected,
.theme-night .article span.selected,
.theme-night .article sup.selected {
  background-color: rgba(216, 244, 63, 0.25);
  border: 2px solid #D8F43F;
  padding: 5px;
  border-radius: 4px;
}
.theme-night .article p:hover {
  border: 2px solid #5650FF;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
}
.theme-night .dropdown-menu,
.theme-night .dropdown-item,
.theme-night .dropdown-header,
.theme-night .pillar-container {
  background-color: #414244;
  color: #C1C8CD;
}
.theme-night .form-control-themed {
  background-color: #2C2C2E !important;
  color: #FFFFFF; /* Replace with your desired text color */
}
.theme-night .selectgroup-label:hover,
.theme-night .toolbar-item:hover,
.theme-night .buttons-archive:hover,
.theme-night .custom-toolbar-item:hover,
.theme-night .toolbar-search:hover,
.theme-night .dropdown-item:hover,
.theme-night .delete-btn:hover,
.theme-night .sort-button:hover,
.theme-night .btn-custom-label:hover,
.theme-night .toolbar-search:focus {
  background-color: #807a7a !important;
  color: #FFFFFF !important;
}
.theme-night .btn-custom-label .custom-fill {
  fill: #c9c2c2;
}
.theme-night .toolbar-search:hover::placeholder, .theme-night .toolbar-search:focus::placeholder {
  color: #FFFFFF;
}
.theme-night .custom-card {
  background-color: #414244;
}
.theme-night .custom-card label {
  background-color: #414244 !important;
  color: #fff;
}
.theme-night .toolbar-item:hover[title=Appearance] svg,
.theme-night .toolbar-item:hover[title="Open Link"] svg {
  fill: none !important;
  stroke: #5650FF !important;
}
.theme-night .toolbar-item.active:hover {
  background-color: #F3F0EA !important;
}
.theme-night .toolbar-item.active:hover .icon svg,
.theme-night .toolbar-item.active:hover .custom-icon-stroke svg,
.theme-night .toolbar-item.active:hover + .selectgroup-label .icon svg {
  fill: #5650FF !important;
  stroke: none !important;
}
.theme-night .toolbar-item[title=All] .icon svg {
  fill: none !important;
  stroke: #5650FF !important;
}
.theme-night .toolbar-item[title=All]:hover {
  background-color: #F3F0EA !important;
}
.theme-night .toolbar-item[title=All].active {
  background-color: #5650FF !important;
}
.theme-night .toolbar-item[title=All].active .icon svg {
  fill: none !important;
  stroke: #FFFFFF !important;
}
.theme-night .toolbar-item[title=All].active:hover {
  background-color: #F3F0EA !important;
}
.theme-night .toolbar-item[title=All].active:hover .icon svg {
  fill: none !important;
  stroke: #5650FF !important;
}
.theme-night .dropdown-item:hover {
  color: #5650FF;
}
.theme-night .dropdown-item.active {
  background-color: #5650FF;
  color: #FFFFFF;
}
.theme-night .dropdown-item:focus {
  color: #5650FF;
}
.theme-night .dropdown-item:hover.active {
  background-color: #FFFFFF !important;
  color: #5650FF !important;
}

/* Animation Styles */
.indicator-enter-active,
.indicator-leave-active {
  transition: all 0.3s ease-in-out;
}

.indicator-enter,
.indicator-leave-to {
  width: 0;
  opacity: 0;
  margin: 0 !important;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #app #col-menu {
    width: 5% !important;
  }
  #app #col-feed-list {
    width: 35% !important;
  }
  #app #col-item-list {
    width: 60% !important;
    border-right-width: 0 !important;
  }
  #app #col-item {
    display: none !important;
  }
  #app.item-selected #col-feed-list {
    display: none !important;
  }
  #app.item-selected #col-item-list {
    display: none !important;
  }
  #app.item-selected #col-item {
    display: flex !important;
  }
}
@media (max-width: 767.98px) {
  #app #col-menu {
    width: 15% !important;
  }
  #app #col-feed-list {
    width: 85% !important;
    border-right-width: 0 !important;
  }
  #app #col-item-list {
    width: 85% !important;
    display: none !important;
    border-right-width: 0 !important;
  }
  #app #col-item {
    width: 90% !important;
    display: none !important;
  }
  #app.feed-selected #col-feed-list {
    display: none !important;
  }
  #app.feed-selected #col-item-list {
    display: flex !important;
  }
  #app.item-selected #col-feed-list {
    display: none !important;
  }
  #app.item-selected #col-item-list {
    display: none !important;
  }
  #app.item-selected #col-item {
    display: flex !important;
  }
}
@media (max-width: 991.98px) {
  .drag {
    cursor: default;
  }
  .toolbar {
    min-height: 30px !important;
    max-height: 30px !important;
  }
  .toolbar-item,
  .toolbar-search {
    padding: 5px;
  }
}
.custom-wrap-settings {
  min-width: max-content !important;
}

.wider-dropdown {
  width: 1000px;
}

.label {
  margin-top: 5px;
}

.resize-vertical {
  resize: vertical;
}

.custom-button-flex {
  display: flex;
  align-items: center;
}

.label-centered {
  flex-grow: 1;
  text-align: center;
}

.dropdown-scrollable .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}

.scrollable-topic-list {
  max-height: 200px;
  overflow-y: auto;
}

.scrollable-list {
  overflow-y: auto;
  max-height: 500px;
}

.scrollable-list-keywords .topic-row {
  display: inline-block;
}

.b-dropdown {
  background-color: #C0268D !important;
  border-radius: 5px !important;
  color: #FFFFFF !important;
}

.selected-sources {
  color: blue;
  font-weight: bold;
}

.total-sources {
  color: gray;
}

.h5-css {
  font-size: 16px;
  font-weight: 900 !important;
}

.secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #5650FF;
  color: white;
  border-radius: 5px;
  border: none;
}
.secondary-button:hover, .secondary-button:focus {
  background-color: #4944d2;
  color: white;
}
.secondary-button .icon-margin {
  margin-right: 8px;
}

.modal-header {
  width: 100%;
  display: flex;
  justify-content: center;
  outline: none;
  /* Add this line to remove the outline */
  border: none;
}

.selectgroup input[type=radio]:checked + .selectgroup-label .icon-layers svg {
  fill: white;
}
.selectgroup .icon-layers svg {
  fill: #5650FF;
}

.main-container {
  display: flex;
  flex-direction: column;
}

.toolbar-container {
  width: 100%;
}

.columns-container {
  display: flex;
  overflow-y: auto;
  flex-grow: 1;
}

.alert-circle svg {
  stroke: #C0268D;
  fill: transparent;
}

/*# sourceMappingURL=sapp.css.map */