body.feats-main,
.feats-main * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.feats-main {
  position: relative;
  background-color: #000;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
  line-height: 21px;
}

.feats-main a {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.feats-main *[ng-click],
.feats-main *[ui-sref] {
  position: relative;
  cursor: pointer;
}

.feats-main h1,
.feats-main h2,
.feats-main h3,
.feats-main h4,
.feats-main h5,
.feats-main h6 {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1;
}

.feats-main h1 {
  font-size: 36px;
}

.feats-main h2 {
  font-size: 30px;
}

.feats-main h3 {
  font-size: 18px;
  line-height: 20px;
}

.feats-main ol,
.feats-main ul {
  padding-left: 20px;
}

.feats-main p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
}

.feats-main table {
  width: 100% !important;
}

.feats-main input,
.feats-main textarea,
.feats-main button,
.feats-main select {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
}

.feats-main select,
.feats-main .editor textarea,
.feats-main .editor input[type="text"],
.feats-main input[type="search"],
.feats-main input[type="password"],
.feats-main .editor input[type="datetime"],
.feats-main .editor input[type="datetime-local"],
.feats-main .editor input[type="date"],
.feats-main .editor input[type="month"],
.feats-main .editor input[type="time"],
.feats-main .editor input[type="week"],
.feats-main .editor input[type="number"],
.feats-main .editor input[type="email"],
.feats-main .editor input[type="url"],
.feats-main .editor input[type="tel"],
.feats-main .editor input[type="color"] {
  width: 100%;
  height: 34px;
  -webkit-appearance: none;
  padding: 0 15px;
  margin-bottom: 15px;
  line-height: 21px;
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
}

.feats-main input[type="search"] {
  width: auto;
  padding: 0 10px;
  font-size: 16px;
  border-radius: 16px;
}

.feats-main input[type="search"]:focus {
  text-align: left;
}

.feats-main button,
textarea {
  position: relative;
  height: auto;
}

.feats-main select {
  position: relative;
  height: auto;
  font-size: 14px;
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

.feats-main input {
  position: relative;
  width: 100%;
  transform: translateZ(0);
}

.feats-main .editor button i {
  transform: none;
}

.feats-main .buttons {
  position: absolute;
  top: 0;
  left: 0;
}

.feats-main .content {
  position: absolute;
  top: 34px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #000;
  z-index: -1;
  min-width: 256px;
}

.feats-main .content.extension {
  top: 0px;
}

.feats-main .content > * {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.feats-main .view {
  background-color: #fff;
  margin-left: 0;
  height: 100%;
}

.feats-main .editsite,
.feats-main .edittopic,
.feats-main .editauthor {
  background-color: #eee;
}

.feats-main .editor .row {
  padding-top: 10px;
}

.feats-main .editor .save-button {
  width: 100%;
  margin-bottom: 10px;
}

.feats-main .editor input[type="checkbox"] {
  margin-right: 6px;
}

.feats-main .editor input[name="item[_id]"] {
  pointer-events: none;
  color: #aaa;
  background-color: #f5f5f5;
}

.feats-main .pull-left {
  float: left;
}

.feats-main .pull-right {
  float: right;
}

.feats-main .btn {
  position: relative;
  display: inline-block;
  padding: 6px 8px 7px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #333;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.btn .icon {
  font-size: inherit;
}

.badge {
  display: inline-block;
  padding: 2px 6px 3px;
  font-size: 12px;
  line-height: 1;
  color: #333;
  background-color: rgba(0, 0, 0, .15);
  border-radius: 100px;
}

.badge.badge-inverted {
  padding: 0 5px 0 0;
  background-color: transparent;
}

.badge-primary {
  color: #fff;
  background-color: #428bca;
}

.badge-primary.badge-inverted {
  color: #428bca;
}

.badge-positive {
  color: #fff;
  background-color: #5cb85c;
}

.badge-positive.badge-inverted {
  color: #5cb85c;
}

.badge-negative {
  color: #fff;
  background-color: #d9534f;
}

.badge-negative.badge-inverted {
  color: #d9534f;
}

.feats-main .editor .btn-group {
  min-width: 90px;
}

.feats-main .editor button {
  background-color: lightgray;
  color: black;
}

select,
textarea,
input {
  margin-bottom: 0 !important;
}

.feats-main .noselect,
.feats-main .siteslist,
.feats-main .articlelist,
.feats-main .authorlist,
.feats-main .topicslist {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.feats-main .top {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
}

.feats-main .original.top {
  overflow: hidden;
}

.feats-main .search {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.feats-main .hyphenate {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.feats-main .siteslist .items,
.feats-main .authorslist .items,
.feats-main .topicslist .items {
  width: 100%;
  padding-left: auto;
  padding-right: auto;
}

.feats-main .tester .item,
.feats-main .siteslist .item,
.feats-main .authorslist .item,
.feats-main .topicslist .item {
  display: block;
  position: static;
  /* To give glossy parent a height */
  float: left;
}

.feats-main .category {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #5cb85c;
  margin-left: 15px;
  padding: 3px 10px 0 12px;
  text-decoration: none;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  height: 24px;
}

.feats-main .category:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  float: left;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
}

.feats-main .category:before {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #5cb85c transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0;
}

.angular-ui-tree-drag,
.angular-ui-tree-placeholder {
  border: 4px dashed #bbb;
}

.feats-main .authorslist .item .angular-ui-tree-handle,
.feats-main .topicslist .item .angular-ui-tree-handle {
  float: right;
}

.feats-main .tester .item,
.feats-main .siteslist .item {
  width: 160px;
  height: 160px;
  padding: 8px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #f0f0f0;
  margin: 8px;
}

.feats-main .tester .dialog,
.feats-main .siteslist .dialog,
.feats-main .authorslist .dialog,
.feats-main .topicslist .dialog {
  max-width: 240px;
  max-height: 300px;
  margin: 20px;
}

.feats-main .tester .editor-area,
.feats-main .siteslist .editor-area,
.feats-main .authorslist .editor-area,
.feats-main .topicslist .editor-area {
  max-height: 300px;
  padding: 12px;
  overflow: auto;
}

.feats-main .authorslist .item {
  width: 120px;
  height: 120px;
  margin: 15px;
  margin-bottom: 50px;
}

.feats-main .topicslist .item {
  width: 240px;
  padding: 8px;
  border-radius: 6px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #f0f0f0;
  margin: 8px;
}

.feats-main .tester .item,
.feats-main .siteslist .item {
  font-size: 0.7em;
  line-height: 1.3em;
  overflow: hidden;
}

.feats-main .siteslist .sitetitle {
  font-size: 1.3em;
}

.feats-main .boxtitle {
  padding-top: 42px;
  /*    word-break: break-all;  */
}

.feats-main .elevate {
  z-index: 1;
}

.feats-main .block {
  display: inline-block;
  position: relative;
  width: 100%;
}

.feats-main .color-block {
  padding-top: 10px;
  padding-bottom: 1px;
  position: relative;
  color: #fff;
  background-color: #555;
}

.feats-main .caret {
  width: 24px;
}

.feats-main .clear {
  clear: both;
}

.feats-main .header {
  font-weight: 100;
  padding-left: 12px;
}

.feats-main .matcher-params {
  max-width: 300px;
}

.feats-main .matcher-article {
  background-color: white;
  color: gray;
  padding: 12px;
}

.feats-logo {
  background-size: contain;
  background-color: transparent;
  background-image: url('../images/feats-active.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 36px;
}

.feats-active {
  background-size: contain;
  background-color: transparent;
  background-image: url('../images/feats-active.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 36px;
}

.feats-inactive {
  background-size: contain;
  background-color: transparent;
  background-image: url('../images/feats-inactive.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 36px;
}

.feats-main .article .placeholder {
  width: 100%;
  height: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #ccc;
  background-color: #eee;
  filter: gray;
  -webkit-filter: grayscale(100%);
  opacity: .5;
}

.feats-main .article hr {
    height: 8px;
    color: #eee;
    background-color: #eee;
    border: none;
}

.feats-main .language {
  margin-left: 4px;
}

.feats-main .smalltext {
  font-size: 0.7em;
  color: gray;
  overflow: hidden;
}

.feats-main .smallbadge {
  font-size: 0.7em;
}

.feats-main .articlelist {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.feats-main .articlelist .page {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.feats-main .justloaded {
  background-color: #fefef4;
}

.feats-main .pin {
  position: relative;
}

.feats-main .more {
  border: 2px solid #666;
  width: 100%;
  height: 120px;
  text-align: center;
  padding-top: 24px;
  background: #eee;
  margin-bottom: 15px;
}

.feats-main .more:hover {
  background: #ccc;
}

.feats-main .pin a.read {
  opacity: .4;
}

.feats-main .thumbwrapper img {
  width: 100%;
  height: auto;
}

.feats-main .videowrapper img {
  margin-bottom: -115px;
}

.feats-main .playwrapper {
  margin-bottom: 75px;
  text-align: center;
}

.feats-main .playwrapper .play {
  color: #fff;
  font-family: FontAwesome;
  text-shadow: 0px 0px 1px #333;
  opacity: .6;
  filter: alpha(opacity=60);
  font-size: 50px;
  cursor: pointer;
}

.feats-main .media-slider .video .play {
  color: #fff;
  font-family: FontAwesome;
  font-size: 100px;
  text-shadow: 0px 0px 1px #333;
  opacity: .6;
  filter: alpha(opacity=60);
  text-align: center;
  line-height: 0;
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 0;
  left: 0;
  cursor: pointer;
}

.media-slider .video:hover .play,
.thumbwrapper:hover .play {
  opacity: 1;
  filter: alpha(opacity=1);
}

.feats-main .articlecontent,
.feats-main .articlelist {
  padding: 0px;
  width: 100%;
  height: 100%;
}

.feats-main .vertical {
  padding: 0px;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.feats-main .horizontal {
  padding: 0px;
  overflow-x: auto;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

.feats-main .floater {
  position: absolute;
}

.feats-main .pagewrapper {
  width: 100%;
  overflow: hidden;
}

.feats-main .articlecontent > .page,
.feats-main .articlecontent .pagewrapper > .page {
  height: 100%;
  width: 100%;
}

.feats-main .text-content blockquote {
  font-style: italic;
  padding: 10px 20px;
  margin: 0 0 20px;
  background-color: #fafafa;
  border-left: 5px solid #eee;
}

.feats-main .text-content pre {
  display: inline;
  text-align: left;
  hyphens: none;
  width: 100%;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.feats-main .text-content h1:nth-of-type(1) {
  display: none;
}

.feats-main .articlecontent .page,
.feats-main .articlecontent .single,
.feats-main .snippet {
  text-align: justify;
}

.feats-main .articlecontent h1,
.feats-main .articlecontent h2,
.feats-main .articlecontent h3,
.feats-main .articlecontent h4,
.feats-main .articlecontent h5,
.feats-main .articlecontent h6,
.feats-main .articlecontent h7,
.feats-main .articlecontent h8 {
  font-family: sans-serif;
  text-align: left;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.feats-main .authorinfo {
  margin-right: 22px;
  margin-left: 12px;
  margin-bottom: 18px;
  width: 80px;
  font-size: 11px;
  line-height: 12px;
  font-weight: 300;
  text-transform: uppercase;
  color: #74726f;
  position: relative;
  cursor: pointer;
}

.feats-main .sitebox .authorinfo {
  margin-right: 0;
  margin-left: 0;
}

.feats-main .articlecount {
  position: absolute;
  top: 2px;
  right: -10px;
  background: white;
  border: 1px solid #ccc;
}

.feats-main .arttitle {
  font-size: 18px;
  line-height: 20px;
  font-weight: 900;
  text-align: left;
}

.feats-main .articlecontent .authorimg,
.feats-main .authorbox .authorimg {
  width: 100px;
  height: 100px;
  position: relative;
}

.feats-main .authorimg.notset {
  border: 2px dashed #bbb;
}

.feats-main .pin article .authorimg {
  width: 50px;
  height: 50px;
  opacity: .7;
  margin-left: 4px;
  margin-top: 12px;
}

.feats-main .sitebox,
.feats-main .authorbox,
.feats-main .topicbox,
.feats-main .articlebox {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  width: 100%;
}

.feats-main .sitebox .front > div,
.feats-main .topicbox .front > div,
.feats-main .authorbox .front > div,
.feats-main .sitebox .back > div,
.feats-main .topicbox .back > div,
.feats-main .authorbox .back > div,
.feats-main .site .back > div,
.feats-main .topic .back > div,
.feats-main .author .back > div,
.feats-main .articlebox > div,
.feats-main .linklist {
  padding: 8px;
}

.feats-main .sitebox .authorimg,
.feats-main .topicbox .authorimg {
  width: 75px;
  height: 75px;
  margin-bottom: 2px;
  margin-left: 10px;
  margin-top: 2px;
}

.feats-main .feats-support {
  background-size: contain;
  background-color: transparent;
  background-image: url('../images/feats.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 32px;
  height: 36px;
  color: #333333;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  float: left;
}

.feats-main article .authorimg.notset {
  display: none;
}

.feats-main article .authorimg {
  width: 64px;
  height: 64px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
}

.articlepreview {
  width: 350px;
  padding: 10px;
}

.articlepreview .thumbwrapper img {
  margin-top: 4px;
  width: 100%;
  height: auto;
}

.feats-main .articlecontent img {
  margin-top: 4px;
  max-width: 100%;
  height: auto;
  float: left;
  margin-right: 16px;
}

.feats-main .original iframe,
.feats-main .external iframe,
.feats-main .about iframe,
.feats-main .original webview,
.feats-main .external webview,
.feats-main .about webview {
  width: 100%;
  height: 100%;
  border: 0;
}

.feats-main .topicimg {
  margin-right: 15px;
  width: 100px;
  height: 100px;
  position: relative;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%);
}

.feats-main .small-topicimg {
  height: 18px;
  width: 18px;
}

.feats-main .media-body .icon {
  font-size: 18px;
  line-height: 20px;
}

.feats-main textarea {
  width: 100%;
  height: 300px;
}

.feats-main .bubble {
  font-size: 14px;
  position: relative;
  padding: 16px;
  padding-bottom: 0;
  background: #F5F5F5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 16px;
}

.feats-main .bubble:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #F5F5F5 transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -15px;
  left: 22px;
}

.feats-main .unknown-content {
  overflow: hidden;
  border-radius: 4px 0 0 4px;
  border-left: 1px solid black;
}

.feats-main .carousel li {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.feats-main ul[rn-carousel] {
  width: 100%;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  height: 0;
  margin: 0;
}

.feats-main .top .welcome {
  max-width: 600px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.feats-main .top .welcome button {
  width: 220px;
  padding: 10px;
  margin-bottom: 20px;
  background: lightgray;
}

.featslink {
  background-color: #eee !important;
  font-style: bold;
  line-height: 16px;
  padding-left: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 4px;
  border-radius: 4px;
  background-size: contain;
  background-color: transparent;
  background-image: url('../images/qmark.svg');
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  position: relative;
}

.feats-main .featsimage {
  cursor: pointer;
}

.feats-main .video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}

.feats-main .media-slider {
  background-color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

.feats-main .media-slider .player,
.feats-main .media-slider .carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.feats-main .rn-carousel-control {
  font-family: FontAwesome;
  color: #fff;
}

.feats-main .image {
  width: 100%;
  height: auto;
}

.feats-main .bgimage {
  color: #fff;
  background-color: #000;
  background-size: contain;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.feats-main .media-slider ul[rn-carousel] {
  width: 100%;
  height: 100%;
}

.feats-main .media-slider .indicators {
  z-index: 1000;
  margin-top: -100px;
}

.feats-main .media-slider iframe {
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: block;
}

.feats-main .siteicon {
  width: 28px;
  height: 28px;
  margin-right: 6px;
  padding: 0;
  border: 2px solid #eee;
  border-radius: 2px;
}

.feats-main .feats-menu-drawer {
  background-color: #eee;
  margin-top: 34px;
  box-shadow: #aaa 1px 1px 1px;
}

.feats-main .feats-menu-drawer.extension {
  margin-top: 0;
}

.feats-main .feats-menu-drawer.offline {
  background-color: lightgray;
}

.feats-main .main-menu {
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.feats-main .bottom-menu {
  position: absolute;
  bottom: 35px;
  width: 100%;
}

.feats-main .feats-menu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 190px;
  overflow: auto;
}

.feats-main .main-menu > li {
  width: 100%;
  height: auto;
  min-height: 50px;
  overflow: hidden;
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
  color: black;
}

.feats-main .feats-icon {
  font-family: FontAwesome;
  vertical-align: top;
  font-size: 28px;
  color: #666;
  position: absolute;
  width: 50px;
  right: 0;
  text-align: center;
  margin-top: -8px;
}

.feats-main .feats-content {
  position: absolute;
  padding-left: 20px;
  width: 100%;
  height: 60px;
  top: 20px;
  font-size: 20px;
}

.feats-main .feats-subicon {
  position: absolute;
  right: 0;
  width: 50px;
  text-align: center;
}

.feats-main .main-menu li:hover {
  background-color: #eee;
}

.feats-main .main-menu li:hover .feats-icon {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.feats-main .feats-menu-setting {
  vertical-align: bottom;
}

.feats-main .drop-element a:hover {
  background-color: #eee;
}

.feats-main .drop-element a.selected {
  background-color: gray;
}

.feats-main .feats-menu li.selected {
  background-color: #fff;
}

.feats-main .feats-submenu li.selected {
  background-color: #fff;
}

.feats-main .feats-submenu {
  background-color: #fff;
}

.feats-main .feats-submenu .badge {
  position: absolute;
  right: 10px;
  top: 8px;
}

.feats-main .feats-submenu .label,
.feats-content .label {
  padding-left: 8px;
}

.feats-main .feats-submenu .handle,
.feats-content .handle {
  color: #666;
}

.feats-main .feats-submenu > li {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.feats-main .feats-submenu > li .label {
  max-width: 160px;
  min-height: 28px;
  display: inline-block;
}

.feats-main .item-menu {
  position: absolute;
  background-color: #000;
  opacity: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.feats-main .item:hover .item-menu,
.feats-main .sitebox:hover .item-menu,
.feats-main .authorbox:hover .item-menu,
.feats-main .topicbox:hover .item-menu,
.feats-main .articlebox:hover .item-menu {
  opacity: 0.7;
}

.feats-main .item {
  cursor: pointer;
}

.feats-main .item-menu span {
  overflow: hidden;
  font-size: 20px;
  text-align: center;
  color: white;
  display: table-cell;
  padding: 8px;
}

.feats-main .item-menu span:hover {
  background-color: #ddd;
  color: #000;
}

.feats-main .show-more {
  background-color: black;
  padding-top: 8px;
  font-size: 24px;
  text-align: center;
  color: white;
}

.feats-main .show-more:hover {
  background-color: #000;
  cursor: pointer;
}

.feats-main .feats-splash {
  position: absolute;
  display: table;
  z-index: 9999;
  width: 100%;
  height: 100%;
  opacity: .9;
  background-color: #eee;
  background-size: contain;
  background-image: url('../images/feats.svg');
  background-repeat: no-repeat;
  background-position: center center;
}

.feats-main .feats-splash div {
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.feats-splash pre {
  overflow: hidden;
}

.feats-main .mediaitems,
.feats-main .links {
  padding-left: 6px;
  padding-right: 6px;
}

.feats-main .graphnode {
  stroke: #fff;
  stroke-width: 1.5px;
}

.feats-main .graphlink {
  stroke: #999;
  stroke-opacity: .6;
}

.feats-main .edit-button {
  color: #555;
  position: relative;
  cursor: pointer;
  text-align: center;
  padding: 8px;
}

.feats-main .no-padding {
  margin: -8px;
}


.feats-main .edit-button:hover {
  background-color: #ccc;
}

.feats-main .contextmenu ul {
  font-size: 13px;
  line-height: 1em;
  list-style-type: none;
  padding: 0;
}

.feats-main .actions {
  list-style-type: none;
  padding: 0;
}

.feats-main .action-icon {
  position: relative;
}

.feats-main .action-icon:hover {
  background-color: #ccc;
}

.feats-main .action-icon.selected {
  background-color: #eee;
}

.feats-main .action-icon::before {
  padding-left: 8px;
  /* display: inline-block; should work but does not */
  margin-right: .5em;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.feats-main .contextmenu div:hover {
  background-color: #999;
}

.feats-main .contextmenu div {
  padding: 4px;
  width: 100%;
}

.feats-main .feats-browser-bar {
  top: 0;
  left: 0;
  right: 0;
  height: 34px;
  position: absolute;
  background-color: #eee;
  box-shadow: #aaa 1px 1px 6px;
  padding: 0;
  padding-left: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.feats-main .feats-browser-bar .address-box {
  position: absolute;
  height: 34px;
  left: 92px;
  top: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  transform: translateZ(0);
  line-height: 21px;
  background-color: #fff;
  -webkit-user-select: initial;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.feats-main .feats-browser-bar .address-box .feats-address {
  background-color: #eee !important;
  position: absolute;
  margin: 6px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  background-color: transparent;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
  color: #333;
}

.feats-main .feats-browser-bar .address-box .address-input {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 0;
  border: 0;
  transform: translateZ(0);
  padding: 0 50px 0 15px;
  line-height: 21px;
  background-color: #fff;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  /* visibility: hidden; */
}

.feats-main .feats-browser-bar .browser-bar-icon {
  font-family: FontAwesome;
  font-size: 20px;
  color: #999;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 6px;
  position: relative;
}

.feats-main .feats-browser-bar.offline .browser-bar-icon:hover {
  background-color: #aaa;
}

.feats-main .feats-browser-bar.offline {
  background-color: #ddd;
}

.feats-main .feats-browser-bar .browser-bar-icon:hover {
  background-color: #ccc;
}

.feats-main .feats-browser-bar .feats-active,
.feats-main .feats-browser-bar .feats-inactive {
  position: absolute;
  top: 0;
  right: 4px;
}

.feats-main .edit-mode {
  overflow-y: hidden;
  background: grey;
}

.feats-main .flipside {
  position: relative;
}

.feats-main .flipside .front {
  position: relative;
  display: block;
  z-index: 1;
}

.feats-main .flipside .back {
  position: relative;
  display: block;
}


/*
.feats-main .flipside .back {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
}

.feats-main .flipside.is-open .back {
    height: 95vh;
}

.feats-main .flipside.is-open {
    position: absolute;
    width: 100%;
    max-height: 95vh;
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    z-index: 1;
}
*/

.feats-main .back {
  background-color: transparent;
}


/*
.feats-main .flipside.is-open .back:before {
    content: ""; 
    display: none;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0; 
}
*/

.feats-main .flipside.is-open .back .dialog {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.feats-main .back .dialog {
  -webkit-transition: box-shadow 0.8s ease;
  transition: box-shadow 0.8s ease;
}

@media all and (min-width: 0px) {
  .feats-main .articlelist .page {}
  ,
  .feats-main .articlecontent > .page,
  .feats-main .articlecontent .pagewrapper > .page {}
  .feats-main .horizontal {
    padding: 0px;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
}

@media all and (min-width: 640px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .feats-main .articlecontent > .page,
  .feats-main .articlecontent .pagewrapper > .page {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .feats-main .horizontal {
    padding: 0px;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
  }
}

@media all and (min-width: 960px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .feats-main .quotes .page {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media all and (min-width: 1280px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .feats-main .articlecontent > .page,
  .feats-main .articlecontent .pagewrapper > .page,
  .feats-main .quotes .page {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media all and (min-width: 1600px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}

@media all and (min-width: 1920px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
  .feats-main .articlecontent > .page,
  .feats-main .articlecontent .pagewrapper > .page,
  .feats-main .quotes .page {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

@media all and (min-width: 2240px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
  }
}

@media all and (min-width: 2560px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 8;
    -moz-column-count: 8;
    column-count: 8;
  }
  .feats-main .articlecontent > .page,
  .feats-main .articlecontent .pagewrapper > .page,
  .feats-main .quotes .page {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}

@media all and (min-width: 2880px) {
  .feats-main .pagewrapper {
    height: 100%;
  }
  .feats-main .articlelist .page {
    -webkit-column-count: 9;
    -moz-column-count: 9;
    column-count: 9;
  }
}

.feats-main .authorimg {
  display: block;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.feats-main .time-trackers {
  width: auto;
  float: right;
}

.feats-main .time-trackers > * {
  float: left;
}

.feats-main .time-trackers .time-label {
  padding-top: 12px;
  padding-left: 12px;
  font-size: 11px;
  line-height: 12px;
  font-weight: 300;
}

.feats-main .time-trackers .time-tracker {
  background-image: url('../images/today.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 45px;
  height: 41px;
  color: white;
  font-size: 14px;
  text-align: center;
  padding-top: 8px;
}

.feats-main .time-trackers .time-tracker.total {
  background-image: url('../images/total.svg');
}

.feats-main .max {
  width: 100%;
  height: 100%;
}

.feats-main .small {
  width: 32px;
  height: 32px;
}

.feats-main .big {
  width: 64px;
  height: 64px;
}

.feats-main .blurred {
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px);
}

.feats-main .siteinfo {
  margin-right: 20px;
}

.feats-main .no-feed {
  opacity: .6;
}

.feats-main .blast:hover {
  background-color: #cce !important;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
  cursor: help;
}

.feats-main .translated {
  background-color: #e3b551 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.feats-main .translated:hover {
  background-color: #ddf !important;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.feats-main .settings-pre {
  width: 100%;
}

.feats-main .glossy:before {
  content: '';
  position: absolute;
  background: -webkit-linear-gradient(rgba(255, 255, 255, .3), transparent);
  background: -moz-linear-gradient(rgba(255, 255, 255, .3), transparent);
  background: -ms-linear-gradient(rgba(255, 255, 255, .3), transparent);
  background: -o-linear-gradient(rgba(255, 255, 255, .3), transparent);
  background: linear-gradient(rgba(255, 255, 255, .3), transparent);
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

.feats-main .draggable {
  position: relative;
}

.feats-main .records table {
  width: 100%;
  border: 1px solid #ccc;
}

.feats-main .records table thead {
  text-align: left;
}

.feats-main .records table thead th {
  background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: bold;
  padding: 3px 10px;
}

.feats-main .records table td {
  padding: 3px 10px;
}

.feats-main .records table tr:nth-child(even) {
  background: #F2F2F2;
}

.feats-main .tester {
  padding: 20px;
  padding-bottom: 140px;
}

.feats-main .tester input {
  color: #000;
}

.feats-main .tester .preview {
  max-width: 350px;
}

.feats-main .tester pre pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.feats-main .search-sites {
  width: 200px;
  height: 100%;
  overflow: auto;
}

.angular-ui-tree-empty {
  border: none;
  min-height: 100px;
  background-color: transparent;
  background-image: none;
}