/*
  Icon Font: SocialBookmark
*/
@font-face {
  font-family: 'jmag';
  src: url('./fonts/jmag-icon.eot?2lpprt');
  src: url('./fonts/jmag-icon.eot?2lpprt#iefix') format('embedded-opentype'), url('./fonts/jmag-icon.ttf?2lpprt') format('truetype'), url('./fonts/jmag-icon.woff?2lpprt') format('woff'), url('./fonts/jmag-icon.svg?2lpprt#jmag') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-socialbookmark-app-image:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'jmag' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-socialbookmark-app-image:before {
  content: "\e901";
}
.cs-portal .app.app-socialbookmark .app-body {
  padding-top: 40px;
}
.jmag-actions {
  display: inline-block;
}
/*
.webpages-list-wrapper .card-publication.hasRead .webpage-card-img {
  opacity: 1;
}*/
.bookmarklet-link {
  text-align: center;
}
.bookmarklet-link .jmag-bookmarklet {
  cursor: move;
  display: inline-block;
  color: #fff;
  background-color: #009EF5;
  border-color: #009EF5;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  text-decoration: none;
}
.bookmarklet-link .jmag-bookmarklet:hover,
.bookmarklet-link .jmag-bookmarklet:focus,
.bookmarklet-link .jmag-bookmarklet:active,
.bookmarklet-link .jmag-bookmarklet.active,
.open > .dropdown-toggle.bookmarklet-link .jmag-bookmarklet {
  color: #fff;
  background-color: #007dc2;
  border-color: #0077b8;
}
.bookmarklet-link .jmag-bookmarklet:active,
.bookmarklet-link .jmag-bookmarklet.active,
.open > .dropdown-toggle.bookmarklet-link .jmag-bookmarklet {
  background-image: none;
}
.bookmarklet-link .jmag-bookmarklet.disabled,
.bookmarklet-link .jmag-bookmarklet[disabled],
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet,
.bookmarklet-link .jmag-bookmarklet.disabled:hover,
.bookmarklet-link .jmag-bookmarklet[disabled]:hover,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet:hover,
.bookmarklet-link .jmag-bookmarklet.disabled:focus,
.bookmarklet-link .jmag-bookmarklet[disabled]:focus,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet:focus,
.bookmarklet-link .jmag-bookmarklet.disabled:active,
.bookmarklet-link .jmag-bookmarklet[disabled]:active,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet:active,
.bookmarklet-link .jmag-bookmarklet.disabled.active,
.bookmarklet-link .jmag-bookmarklet[disabled].active,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet.active {
  background-color: #009EF5;
  border-color: #009EF5;
}
.bookmarklet-link .jmag-bookmarklet .badge {
  color: #009EF5;
  background-color: #fff;
}
.bookmarklet-link .jmag-bookmarklet:focus,
.bookmarklet-link .jmag-bookmarklet.focus {
  color: #fff;
  background-color: #007dc2;
  border-color: #004c76;
}
.bookmarklet-link .jmag-bookmarklet:hover {
  color: #fff;
  background-color: #007dc2;
  border-color: #0077b8;
}
.bookmarklet-link .jmag-bookmarklet:active,
.bookmarklet-link .jmag-bookmarklet.active,
.open > .dropdown-toggle.bookmarklet-link .jmag-bookmarklet {
  color: #fff;
  background-color: #007dc2;
  background-image: none;
  border-color: #0077b8;
}
.bookmarklet-link .jmag-bookmarklet:active:hover,
.bookmarklet-link .jmag-bookmarklet.active:hover,
.open > .dropdown-toggle.bookmarklet-link .jmag-bookmarklet:hover,
.bookmarklet-link .jmag-bookmarklet:active:focus,
.bookmarklet-link .jmag-bookmarklet.active:focus,
.open > .dropdown-toggle.bookmarklet-link .jmag-bookmarklet:focus,
.bookmarklet-link .jmag-bookmarklet:active.focus,
.bookmarklet-link .jmag-bookmarklet.active.focus,
.open > .dropdown-toggle.bookmarklet-link .jmag-bookmarklet.focus {
  color: #fff;
  background-color: #00669e;
  border-color: #004c76;
}
.bookmarklet-link .jmag-bookmarklet.disabled:hover,
.bookmarklet-link .jmag-bookmarklet[disabled]:hover,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet:hover,
.bookmarklet-link .jmag-bookmarklet.disabled:focus,
.bookmarklet-link .jmag-bookmarklet[disabled]:focus,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet:focus,
.bookmarklet-link .jmag-bookmarklet.disabled.focus,
.bookmarklet-link .jmag-bookmarklet[disabled].focus,
fieldset[disabled] .bookmarklet-link .jmag-bookmarklet.focus {
  background-color: #009EF5;
  border-color: #009EF5;
}
.bookmarklet-link .jmag-bookmarklet .badge {
  color: #009EF5;
  background-color: #fff;
}
.msteams-ctx .PortletJMag .app-sidebar-section-views ul li:not(:first-child) {
  display: none;
}
.app-socialbookmark .app-header {
  background-color: #9a33af;
}
.app-socialbookmark .app-header .app-publication-actions .list-group-item.pub-action-toggle {
  background-color: #9a33af;
}
.app-socialbookmark .app-sidebar .app-sidebar-icon .jalios-icon {
  color: #9a33af;
}
.app-socialbookmark .app-sidebar .app-sidebar-section .socialbookmark-search {
  padding-bottom: 0;
}
.app-socialbookmark .app-sidebar .add-field {
  display: none;
}
.app-socialbookmark .app-sidebar .app-sidebar-button {
  width: -webkit-fill-available;
  width: -moz-available;
}
.app-socialbookmark .smart-magazine.layout {
  max-width: 1179px;
  margin: auto;
}
.app-socialbookmark .fullDisplay.WebPage .webpage-links {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
}
.app-socialbookmark .fullDisplay.WebPage .selection-header {
  margin-bottom: 10px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication {
  height: 360px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 8px;
  font-weight: 400;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-title.limited-title {
  -webkit-line-clamp: 2;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-img {
  border-radius: 8px 8px 0 0;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .meta-categories {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 8px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .meta-categories:after {
  background: linear-gradient(90deg, rgba(243,243,243,0) 20%, rgb(255 255 255) 100%);
  content: "";
  right: 16px;
  position: absolute;
  width: 55px;
  height: 18px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .meta-categories .meta-cat {
  margin-right: 8px;
  z-index: 2;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-author {
  color: #999;
  margin-bottom: 8px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-voter-list {
  display: none;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-meta {
  color: #999;
  margin-bottom: 8px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-comment-count {
  left: 17px;
  position: absolute;
  color: #999;
  text-decoration: none;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-comment-count:hover {
  text-decoration: none;
}
/*&.hasRead .meta-categories:after {
      background: ~"linear-gradient(90deg, rgba(243,243,243,0) 20%, rgb(243 243 243) 100%)";
    }*/
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px solid #e8e8e8;
  color: #999;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .wp-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 210px;
  display: inline-block;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .wp-link a {
  color: #999;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .wp-link a,
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .dropdown-toggle {
  position: relative;
  z-index: 2;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .card-action-item {
  display: inline-flex;
  width: 100%;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .card-action-item a,
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .card-action-item button {
  background-color: transparent;
  text-align: left;
  text-decoration: none;
  color: #333;
  width: 100%;
  border: none;
  padding: 0 5px 0px 10px;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .card-action-item a:hover,
.app-socialbookmark .webpages-list-wrapper .card.card-publication .card-webpage-footer .card-action-item button:hover {
  background-color: #eee;
}
.app-socialbookmark .webpages-list-wrapper .card.card-publication .webpage-actions ul li div a {
  color: #333333;
}
.webpages-list-wrapper .card-corner-action {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.webpages-list-wrapper .card-corner-action .jcmsplugin-socialbookmark-wp-check {
  display: block;
  color: #777;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}
/*# sourceMappingURL=app-jmag.css.map */