body {
  font-size: 0.9em;
  color: #595959;
  min-height: 100% !important;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
}

html,
body {
  scroll-padding-top: 4.5em;
}

.blink_me {
  animation: blinker 1s 3 forwards;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

#top-menu {
  z-index: 1001 !important;
}

.ui.vertical.sidebar.menu {
  z-index: 1002 !important;
}

.box-content {
  position: relative;
  background: linear-gradient(to top, #262626cc, #29292966, #0000001a);
}

.content-base {
  min-height: 90vh;
  padding-top: 4.5em;
}

label[for] {
  cursor: pointer !important;
}

.ui.help {
  color: #666666;
}

.ui.horizontal.divider i.icon {
  vertical-align: top;
}

.sl-details i.icon {
  width: 1.4em !important;
}

.act-icon {
  font-size: 0.8em !important;
  color: #7d7d7d !important;
}

.center-aligned {
  text-align: center !important;
}

.hide-it {
  display: none !important;
}

.sticker-single-list .emoji {
  font-size: 18px;
}

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

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

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.px-15 {
  padding: 15px 0 !important;
}

.px-30 {
  padding: 30px 0 !important;
}

.no-p {
  padding: 0 !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mx-15 {
  margin: 15px 0 !important;
}

.mx-30 {
  margin: 30px 0 !important;
}

.no-m {
  margin: 0 !important;
}

.about {
  padding-bottom: 25px;
}

.linkify {
  cursor: pointer;
}

#new-review,
#new-review-anonymous {
  display: none;
}

.profile-toggles .field {
  margin-bottom: 5px !important;
}

.profile-toggles .ui.toggle.checkbox {
  margin: 0 !important;
}

.ui.sign-in.modal > .content {
  padding-top: 10px !important;
}

.ui.sign-in.modal span#token {
  font-weight: bold;
  border-bottom: 2px dotted;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

/*
.ui.container {
  width: 1330px;
}
*/

.ui.activity.feed .event {
  border-bottom: 1px solid #f2f2f2;
  padding: 5px 0;
}

.st-title h4 {
  white-space: nowrap;
  overflow: hidden;
}

.generated_token {
  font-weight: bold;
  color: green;
  font-size: 18px;
}

.sb-content img.emojione {
  margin: 0 3px 0 0 !important;
}

.large-emoji img.emojione {
  font-size: 1.7rem;
}

.medium-emoji img.emojione {
  font-size: 1.3rem;
}

.small-emoji img.emojione {
  font-size: 0.7rem;
  width: 15px !important;
  height: auto !important;
}

.sponsored .card,
.sponsored {
  opacity: 0.8;
}

.sponsored .card:hover {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.verified-badge-single {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  vertical-align: middle !important;
}

.verified-badge {
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  vertical-align: bottom !important;
}

/* HALF STARS */
.ui.accurate.star.widget {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAcklEQVQoz2P4//8/AzmYgWKN6KC4uFgYhGF8UjTqgjBJGqG2GUOxMF6NQAViQCwFxGpAbICk0QAqBpITw6ZRAUkxLqyA1akENCvg9SNQgRYWTVoEA4cSjTDFalAM5uPVCFTABY0/ASSDBKBiXNRNcqRiADBao1Bj6dJdAAAAAElFTkSuQmCC')
    repeat scroll 0% 0% transparent;
  background-size: 16px 16px;
  height: 1.29em;
  width: 6.36em;
}
.ui.accurate.star.widget .highlight {
  background: url('data:image/png;base64,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')
    repeat scroll 0 0 transparent;
  background-size: 16px 16px;
  max-width: 100%;
  height: 1.29em;
}
.ui.accurate.star.widget.inline {
  display: inline-block;
  margin-left: 0.3em;
}

/* sl-box */

.blurred {
  -webkit-filter: blur(2px) saturate(50%);
  filter: blur(2px) saturate(50%);
}

.more-blurred {
  -webkit-filter: blur(3.5px) saturate(30%);
  filter: blur(3.5px) saturate(30%);
}

.sl-box {
  -webkit-box-shadow: 0px -7px 25px -8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 -13px 25px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -10px 25px -14px rgba(0, 0, 0, 0.5);
}

.sl-box .sl-img {
  background-size: cover !important;
  border-radius: 5px 5px 0 0;
}

.sl-box .sl-img-overlay-x {
  background: #0000001a;
  padding: 30px;
  border-radius: 5px 5px 0 0;
}

.sl-box .sl-img-overlay {
  background: #000000b3;
  padding: 30px;
  border-radius: 5px 5px 0 0;
}

.sl-box .sl-contact {
  margin: 5px 0 0;
}

.sl-box .sl-details {
  padding: 0 15px 15px;
}

.page-main {
  object-fit: cover;
  object-position: 50% 25%;
  max-height: 300px !important;
  border-radius: 15px;
  margin-bottom: 20px;
}

.article-content {
  font-size: 19px;
  line-height: 1.6em;
  color: #424242;
}

.article-content img {
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin: 20px 0;
}

.page-head-bottom i:not(:first-child) {
  margin-left: 20px;
}

.page-head-bottom {
  margin-bottom: 20px;
  text-align: center;
  display: block;
}

.user-menu-image {
  height: 32px;
  max-height: 32px;
  border-radius: 5px;
  margin-right: 10px !important;
}

/* SINGLE BOX START */
.single-box {
  padding: 10px 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.single-box .sb-content {
  float: left;
  width: 70%;
  height: 100px;
  overflow: hidden;
  padding: 0 0 0 10px;
}

.single-box .sb-content .ui.header {
  white-space: nowrap;
  overflow: hidden;
}

.single-box .single-inner-content {
  max-height: 100px;
  overflow: hidden;
  cursor: pointer;
}

.single-box .sb-content p,
.single-box .sb-content span {
  color: #333;
}

.single-box .sb-img {
  float: left;
  width: 30%;
  text-align: center;
}

.single-box .sb-img img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
}

.single-box .sb-sub {
  display: flex;
  align-items: center;
  padding: 5px 0;
  margin-top: 10px;
  border-top: 1px solid #ddd;
  height: 40px;
}

.single-box .sb-sub i.icon.star {
  color: orange;
}

.single-box .sb-sub a.button {
  margin-left: auto;
}

.single-box .sb-sub span {
  margin-left: 5px;
  opacity: 0.7;
  font-size: 12px;
}

.single-box .sb-category {
  color: #555;
  text-align: center;
  display: block;
  font-size: 10px;
  line-height: 1em;
  padding: 3px 0;
  word-break: break-all;
}

.single-box h4 {
  margin-bottom: 2px !important;
  font-size: 17px;
}

.single-box .sb-box-rating {
  /* vertical-align: bottom; */
  line-height: 20px;
}

.single-box .sb-box-rating i.star,
.sb-box-rating i.star.selected,
.sb-box-rating i.star.active,
.review-rating i.star.selected,
.review-rating i.star.active {
  color: #fdbf00 !important;
}

.single-content {
  border: 2px solid #eee;
  border-width: 0 2px;
  padding: 0 15px;
}

.single-content p {
  font-size: 15px;
}

.single-content .ui.feed {
  min-height: 200px;
}

.st-content {
  text-align: center;
}

.st-img img {
  width: auto !important;
  height: 150px !important;
}

.sticker-image {
  border-radius: 10px;
  margin: 10px auto;
}

.ui.feed > .event > .content .extra.text {
  max-width: 100% !important;
}

/* SINGLE BOX END */

.rules_box_v ul.list {
  padding: 0px 15px;
  margin: 0px !important;
}

.rules_box {
  margin: 0;
}

.issues .ui.vertical.segment {
  padding: 10px 5px;
  border-radius: 10px;
  border-bottom: 0;
  cursor: pointer;
}

.issues .ui.vertical.segment:hover {
  background: #fff7dc;
}

.issues .ui.vertical.segment:hover .issue-detail {
  background: #fff7dc;
  opacity: 1;
}

.ui.vertical.segment.closed-issue {
  opacity: 0.6;
}

.issues a.issue {
  font-size: 17px;
  font-weight: bold;
  color: #555;
}

.issues a.issue i {
  /* color: green; */
  font-size: 20px;
}

.issue-details {
  margin: 10px 0 0 2px;
  font-size: 14px;
  color: #777;
}

.issue-detail a.user-link {
  color: #555;
  font-weight: bold;
}

.issue-detail {
  margin-right: 15px;
  opacity: 0.7;
}

/*
.issue-bar {
}
*/

.issue-text {
  padding-top: 10px;
}

/*
.issue-content p {
  margin-top: 10px;
  padding-left: 15px;
  border-left: 10px solid #eee;
}
*/

.issue-content span.date {
  margin-left: 15px;
  color: #777;
}

.issue-answers {
  margin-top: 50px;
}

.issue-answers .event {
  border-bottom: 1px solid #ddd;
  padding: 1rem 0 !important;
}

.issue-answers .event:not(:first-of-type) {
  padding: 2.01428571rem 0 !important;
}

.issue-answers .event:last-child {
  border: none;
}

.issue-content .issue-like {
  color: #777;
}

.b-link {
  color: #555;
  padding: 5px 0;
}

#single {
  margin-top: 20px;
}

#single-left .sl-img {
  text-align: center;
  /* margin: 20px 0; */
}

#single-left .sl-img-x img {
  width: 180px;
  border-radius: 50%;
  /* border: 5px solid #cbcbcb; */
  border: 5px solid #464646;
}

#single-left .sl-img img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 5px solid #cbcbcb;
}

/* #single-left .sl-content {
  padding: 0 0 15px;
} */

#single-left .sl-content .item {
  margin-bottom: 10px;
}

#single-center {
  padding: 0 0 20px 25px;
}

#review-list {
  max-width: 100%;
}

#review-list .metadata a.date {
  color: #aaa;
  cursor: pointer;
}

#review-list .text {
  font-size: 0.9em;
}

.reviews {
  margin-top: 20px;
}

.profile-reviews {
  min-height: 150px !important;
  max-height: 300px !important;
  margin: 0 0 15px !important;
}

.profile-reviews .text {
  font-size: 0.88rem !important;
  color: #666 !important;
}

.reputations-list {
  min-height: 150px !important;
  max-height: 300px !important;
  margin: 0 0 15px !important;
}

.ui.list.readable-list .item {
  line-height: 1.3rem !important;
}
.ui.list.readable-list .item .icon {
  margin-right: 5px;
}

.black-textarea {
  background: #333 !important;
  color: #fff !important;
}

.modal .ui.heart.rating .icon {
  color: rgba(255, 255, 255, 0.31) !important;
}

.sl-contact {
  text-align: center;
}

.sl-contact .talk-on-tg {
  margin: 10px 0 !important;
}

.pop-it-up {
  /* border-bottom: 2px dotted #ddd; */
  cursor: context-menu;
  display: inline-block !important;
}

/* SINGLE APP PAGE BOXES */
/* Update: I removed .app-page from all of these */
.single-box .single-inner-content {
  max-height: 85px;
}
.single-box .sb-content {
  max-height: 96px;
  font-size: 0.87rem;
}
.single-box .sb-content p {
  font-size: 0.87rem;
  opacity: 0.8;
  line-height: 1.15rem;
  word-break: break-all;
  /* -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; */
}
.single-box .sb-sub {
  height: 32px;
}
.single-box .emojione {
  min-width: 10px !important;
  min-height: 10px !important;
}
.single-box .sb-img img {
  width: 56px;
  height: 56px;
}
.sb-content h4 {
  font-size: 0.8770142857rem !important;
}

/* .ui.mini.button, .ui.mini.buttons .button, .ui.mini.buttons .or {
  font-size: 0.58rem !important;
} */
.single-box .ui.mini.button {
  font-size: 0.7rem !important;
}

.hidme {
  display: none;
}

.colorful-header {
  background: linear-gradient(
    211deg,
    rgba(100, 26, 194, 0.6) 0%,
    rgb(61, 61, 235) 46%,
    rgba(0, 212, 255, 0.64) 100%
  );
  padding: 3rem 1rem !important;
  border-radius: 15px;
}

/* END OF SINGLE APP PAGES */

/* Horizontally Scrollable Flex Boxes */

.home-page .ui.container {
  margin-top: 10px;
}
.hs-box {
  flex: 0 0 auto;
  width: 230px;
  max-width: 100vw;
}
.hs-box:not(:last-child) {
  margin-right: 10px;
}
.hs-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 15px;
  margin-bottom: 15px;
  scrollbar-color: #fff #fff;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  transition: scrollbar-color 0.5s ease;
}

.hs-container::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.hs-container::-webkit-scrollbar-track {
  background: #fff;
}

.hs-container::-webkit-scrollbar-thumb {
  background: #fff;
  border-right: 1px solid white;
}

.scroller-cursor * {
  cursor: grabbing;
}

.scroller-cursor,
.hs-container:hover {
  scrollbar-color: #e2e2e2 rgb(245, 245, 245);
  transition: 0.2s;
}

.scroller-cursor::-webkit-scrollbar-track,
.hs-container:hover::-webkit-scrollbar-track {
  background: rgb(245, 245, 245);
}

.scroller-cursor::-webkit-scrollbar-thumb,
.hs-container:hover::-webkit-scrollbar-thumb {
  background: #e2e2e2;
  border-right: 1px solid white;
}

table.news-table {
  font-size: 0.85em !important;
}

/* END OF Horizontally Scrollable Flex Boxes */

.ui.stackable.menu.list-menu .item {
  justify-content: center;
}
.ui.stackable.menu.list-menu .menu:not(.ui) .item {
  text-align: center !important;
}
.list-menu .bold-head {
  font-weight: bold;
  margin-right: 5px;
}

/******* USERS DIRECTORY *******/
.users-card {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 330px;
  border-radius: 20px;
  overflow: hidden;
  font-size: 13px;
  text-align: center;
  box-shadow: 2px 2px 2px 0px #9c9c9c30;
  background-color: white;
  line-height: 1.4em;
}

.users-card .pc-head {
  width: 100%;
  height: 50%;
  /* background: linear-gradient(160deg, #ff1d1d, transparent); */
  border-bottom: 2px solid #21da21;
}

.users-card .pc-head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}

.users-card .pc-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50%;
  padding: 5px;
  border: 1px solid #eeeeee;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 20px 20px;
}

.users-card .pc-body .pc-name {
  font-size: 17px;
  font-weight: bold;
  padding: 5px 0 5px;
  color: #404040;
  /* letter-spacing: -0.07em; */
}

.users-card .pc-detail {
  position: relative;
  width: 100%;
  height: 100%;
  color: #545454;
}

.users-card .card-detail {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 98%;
  overflow: hidden;
}

.users-card .pc-button {
  background: #4462f7;
  padding: 5px 13px;
  color: #fff;
  border: none;
  border-radius: 5px;
  border-bottom: 3px solid #21da21;
  cursor: pointer;
  height: 30px;
  max-height: 30px;
  display: inline-block;
}

.users-card .pc-button:hover {
  background: #2e4ce2;
}

.users-card .pc-reputation {
  font-size: 15px;
  color: #21da21;
  font-weight: bold;
}

.users-card .pc-reputation i.icon {
  color: #03af03;
  font-size: 12px;
}

.users-card .pc-user-spec {
  padding: 5px;
}

.users-card .pc-user-spec span:not(.pc-us-location) {
  margin: 0 5px;
}

.users-card .pc-user-spec span.pc-us-location {
  display: block;
}

.users-card .pc-body .footer {
  /* display: block; */
  /* width: 100%; */
  text-align: center;
  margin: 10px 0 0;
  padding: 0 7px;
  overflow: hidden;
}

.users-card .pc-body .footer .ui.label {
  margin-bottom: 3px;
}

.interests-list .ui.label {
  margin: 5px 0 0;
}
/******* END OF USERS DIRECTORY ********/

/* ---------- */
@media (max-width: 992px) {
  #top-menu .container {
    padding: 0 10px !important;
  }

  #champions-table h4.ui.image.header {
    text-align: center;
    display: block;
  }

  #champions-table h4.ui.image.header img {
    margin-bottom: 5px;
    width: 35px;
  }

  #champions-table h4.ui.image.header > .content {
    padding: 0;
    display: block;
  }

  #champions-table th.cl-name-column {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .single-content .about {
    min-height: 80px;
  }

  .hs-box.ec-top-box {
    width: 440px;
  }
}

@media (max-width: 768px) {
  #single-center {
    padding-top: 30px;
  }

  #ec-top .ec-top-box {
    height: 150px !important;
  }

  .label .detail {
    display: none !important;
  }

  .single-box .sb-img img {
    width: 60px;
    height: 60px;
  }

  .single-box .single-inner-content {
    /* max-height: 95px!important; */
    max-height: 100px !important;
  }

  .single-box .sb-content {
    height: 95px !important;
    font-size: 1rem !important;
  }

  .sb-content h4 {
    font-size: 1.20142857rem !important;
  }

  .single-box .sb-category {
    font-size: 11.5px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sb-sub .button {
    font-size: 7px !important;
  }

  .sb-sub span.total-votes {
    font-size: 7px;
  }

  .ui.accurate.star.widget {
    background-size: 14px 14px;
    height: 1.29em;
    width: 5.55em;
  }
  .ui.accurate.star.widget .highlight {
    background-size: 14px 14px;
    height: 1.29em;
    color: yellow;
    max-width: 100%;
  }

  .single-box .sb-img img {
    width: 56px;
    height: 56px;
    max-width: 100%;
    height: auto;
  }
}
/* ----------- */

/* ----------- */

/* SEMANTIC UI CUSTOM RESPONSIVE HELPERS */
/* Semantic UI has these classes, however they're only applicable to*/
/* grids, containers, rows and columns.*/
/* plus, there isn't any `mobile hidden`, `X hidden` class.*/
/* this snippet is using the same class names and same approach*/
/* plus a bit more but to all elements.*/
/* see https://github.com/Semantic-Org/Semantic-UI/issues/1114*/

/* Mobile */
@media only screen and (max-width: 767px) {
  [class*='make mobile hidden'],
  [class*='make tablet only']:not(.mobile),
  [class*='make computer only']:not(.mobile),
  [class*='make large screen only']:not(.mobile),
  [class*='make widescreen only']:not(.mobile),
  [class*='or lower hidden'] {
    display: none !important;
  }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*='make mobile only']:not(.tablet),
  [class*='make tablet hidden'],
  [class*='make computer only']:not(.tablet),
  [class*='make large screen only']:not(.tablet),
  [class*='make widescreen only']:not(.tablet),
  [class*='or lower hidden']:not(.mobile) {
    display: none !important;
  }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*='make mobile only']:not(.computer),
  [class*='make tablet only']:not(.computer),
  [class*='make computer hidden'],
  [class*='make large screen only']:not(.computer),
  [class*='make widescreen only']:not(.computer),
  [class*='or lower hidden']:not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  [class*='make mobile only']:not([class*='large screen']),
  [class*='make tablet only']:not([class*='large screen']),
  [class*='make computer only']:not([class*='large screen']),
  [class*='make large screen hidden'],
  [class*='make widescreen only']:not([class*='large screen']),
  [class*='or lower hidden']:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
  [class*='make mobile only']:not([class*='widescreen']),
  [class*='make tablet only']:not([class*='widescreen']),
  [class*='make computer only']:not([class*='widescreen']),
  [class*='make large screen only']:not([class*='widescreen']),
  [class*='make widescreen hidden'],
  [class*='make widescreen or lower hidden'] {
    display: none !important;
  }
}

/* END OF CUSTOM RESPONSIVE HELPERS */