@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic");
body {
  font-size: 15px;
  font-family: "Open Sans", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-dashboard,
.body-photos {
  background: #e9e9e9;
}

.form-control::-webkit-input-placeholder {
  color: #aaa;
}

.form-control::-moz-placeholder {
  color: #aaa;
}

.form-control:-moz-placeholder {
  color: #aaa;
}

.form-control:-ms-input-placeholder {
  color: #aaa;
}

a {
  transition: all 0.2s ease-in;
  color: #555;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
  color: #e9097d;
}

ul,
li {
  list-style: none;
}

.note-editable ul,
.note-editable li,
.description ul,
.description li {
  list-style: circle inside;
}

a.btn-red,
a.btn-bored,
a.btn-fb {
  letter-spacing: 2px;
  border-radius: 3px;
  font-weight: bold;
  border: 0;
  margin: 10px;
  width: 220px;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
}

a.btn-red:hover,
a.btn-red:active,
a.btn-red:focus,
a.btn-bored:hover,
a.btn-bored:active,
a.btn-bored:focus,
a.btn-fb:hover,
a.btn-fb:active,
a.btn-fb:focus {
  color: #fff;
}

a.btn-red:active,
a.btn-bored:active,
a.btn-fb:active {
  outline: 0;
  color: #fff !important;
}

a.btn-red {
  background-color: #d9534f;
}

a.btn-red:hover,
a.btn-red:focus {
  background-color: #e27c79;
}

a.btn-red:active {
  background-color: #c9302c !important;
}

a.btn-fb {
  background-color: #3b5998;
}

a.btn-fb:hover,
a.btn-fb:focus {
  background-color: #4c70ba;
}

a.btn-fb:active {
  background-color: #2d4373 !important;
}

a.btn-bored {
  border: 2px solid #aaa;
  color: #aaa;
  background-color: none;
}

a.btn-bored:hover,
a.btn-bored:focus {
  background-color: #e9e9e9;
  color: #333 !important;
}

a.btn-bored:active {
  color: #333 !important;
  background-color: #c8c8c8 !important;
  box-shadow: inset 0 0 0 black;
}

a.btn-transparent-default {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

a.btn-transparent-default:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.4);
}

a.btn-transparent-default2 {
  background: rgba(255, 255, 255, 0.5);
}

a.btn-transparent-default2:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #555;
}

.header-nav-mobile {
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
}

.header-nav-mobile a {
  font-weight: bold;
  display: block;
  color: #888;
  padding: 5px 0;
}

.header-nav-mobile a:hover {
  color: #000;
}

.main-header {
  margin-bottom: 30px;
  padding: 30px;
}

@media (max-width: 768px) {
  .main-header {
    margin-bottom: 10px;
    padding: 10px;
  }
}

.main-header .logo {
  margin-right: 10px;
}

.main-header .logo img {
  height: 50px;
}

@media (max-width: 768px) {
  .main-header .logo img {
    height: 40px;
  }
}

.main-header nav {
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.main-header nav a.header-link {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  padding: 0 10px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .main-header nav a.header-link {
    margin-top: 5px;
  }
}

.main-header nav a.header-link:hover {
  color: #000;
  text-decoration: underline;
}

.main-header .fa {
  font-size: 24px;
  vertical-align: middle;
}

.main-header .dropdown {
  display: inline-block;
}

.main-header .dropdown-menu {
  color: #555;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
  border: 1px solid #ddd;
}

.main-header .dropdown-menu a {
  color: #555;
  padding: 0;
}

.main-header .dropdown-menu a:hover {
  background: none;
  color: #e9097d;
}

.main-header .avatar {
  height: 30px;
  width: 30px;
  border-radius: 15px;
}

.main-header .auth-dropdown .media {
  line-height: 20px;
}

.main-header .auth-dropdown .media img {
  border-radius: 3px;
}

.main-header .auth-dropdown .media h4 {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}

.main-header .auth-dropdown .media .avatar {
  height: 40px;
  width: 40px;
}

.main-header .pull-right .dropdown-menu {
  right: 0;
  left: inherit;
  top: 120%;
}

.main-header .misc-list a {
  display: block;
  padding: 5px 10px;
}

.main-header .misc-list a:hover {
  background: #f7f7f7;
  color: #000;
}

.main-header .notify-dropdown-btn {
  position: relative;
}

.main-header .badge-unread {
  background: #d9534f;
  position: absolute;
  top: 20px;
  right: 0;
}

.main-header .notify-list.dropdown-menu {
  overflow: auto;
  max-height: 400px;
  width: 300px;
}

@media (max-width: 768px) {
  .main-header .notify-list.dropdown-menu {
    right: -85px;
  }
}

.main-header .smd-social-links {
  padding: 5px 10px;
}

.main-header .smd-social-links a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: 0;
  margin-right: 3px;
  text-align: center;
}

.main-header .smd-social-links a .fa {
  font-size: 20px;
}

.main-header .smd-social-links a:hover {
  color: #fff;
}

.main-header .smd-social-links a.smd-social-facebook {
  background: #3b5998;
}

.main-header .smd-social-links a.smd-social-facebook:hover {
  background: #2d4373;
}

.main-header .smd-social-links a.smd-social-tumblr {
  background: #35465c;
}

.main-header .smd-social-links a.smd-social-tumblr:hover {
  background: #222d3c;
}

.notify-list {
  color: #525558;
  font-size: 13px;
}

.notify-list .divider {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}

.notify-list .notifies-refesh {
  text-align: center;
  font-size: 24px;
  padding: 10px;
}

.notify-list .see-all-notifications {
  text-align: center;
  padding: 5px;
}

.notify-list .see-all-notifications a {
  font-weight: bold;
}

.notify-list .see-all-notifications a:hover {
  background: none;
  color: #e9097d;
}

.no-notify-alert {
  text-align: center;
  padding: 5px;
  font-size: 15px;
}

.notify-page-list {
  width: auto;
  max-width: 730px;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}

.notify-item {
  line-height: 20px;
}

.notify-item a {
  font-weight: bold;
  color: #525558;
}

.notify-item a:hover {
  color: #555;
}

.notify-item .media {
  padding: 10px;
}

.notify-item .media:hover {
  background: #f7f7f7;
}

.notify-item .media-left a {
  position: relative;
  display: block;
}

.notify-item .media-left a .fa {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  background: #000;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  bottom: -5px;
  right: -5px;
  font-size: 9px;
  border-radius: 9px;
  padding-left: 1px;
  padding-top: 1px;
}

.notify-item .media-left a .fa-comment {
  background: #1F6CB4;
}

.notify-item .media-left a .fa-star {
  background: #F3ce19;
}

.notify-item .media-left a .fa-heart {
  background: #D23232;
}

.notify-item .media-left a .fa-plus {
  background: #8a8587;
}

.notify-item .media-left a .fa-exclamation {
  background: #d9534f;
}

.notify-item .media-left a .fa-check {
  background: green;
}

.notify-item .avatar {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}

.notify-item .media-body {
  padding-top: 5px;
}

.notify-item .unread {
  border-left: 2px solid #438BBA;
  padding-left: 8px;
}

.notify-item .notify-3,
.notify-item .notify-4 {
  background: #efffff;
}

.notify-item .notify-3:hover,
.notify-item .notify-4:hover {
  background: #dcf5ff;
}

.notify-item .important {
  background: #FFFFE0;
}

.notify-item .important:hover {
  background: #FFFFCC;
}

.notify-item .media.notify-9 .fa-star {
  background: #07d8a9;
}

.main {
  margin: 0;
  padding: 0 30px;
  position: relative;
}

@media (max-width: 768px) {
  .main {
    padding: 0 10px;
  }
}

.pagination-nav {
  text-align: center;
}

.donate-button-conatiner {
  text-align: center;
  margin-top: 20px;
}

.auth-html {
  background: #f5f5f5;
  overflow: hidden;
}

.auth-html body {
  background: none;
  overflow: hidden;
}

.auth-background {
  position: fixed;
  top: -1%;
  left: -1%;
  z-index: -1;
  display: block;
  width: 105%;
  height: 105%;
  background-position: center middle;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.auth-form,
.auth-message-box {
  margin: 0 auto;
  max-width: 500px;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
  margin-top: 100px;
}

.auth-form h1,
.auth-message-box h1 {
  margin: 10px 0;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 26px;
  text-transform: uppercase;
  color: #555;
  margin: 0 0 20px;
}

.auth-form div,
.auth-message-box div {
  margin: 10px 0;
}

.auth-form .social-connect {
  padding: 10px 0;
  color: #555;
}

.auth-form .social-connect .social-avatar {
  width: 26px;
  height: 26px;
  border-radius: 15px;
}

.auth-form .social-connect .connect-user {
  display: block;
  padding: 10px 0 0;
  color: #000;
  font-weight: bold;
}

.auth-actions {
  overflow: hidden;
  margin: 15px;
}

.auth-actions .btn {
  float: right;
  margin-left: 10px;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

#topButton {
  font-size: 30px;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  line-height: 50px;
  text-align: center;
  background: #d3d3d3;
  color: #fff;
  position: fixed;
  display: none;
  z-index: 100;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
}

#topButton:hover {
  background: #333;
}

#infiniteLoading {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  background: #eee;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  color: #555;
  line-height: 40px;
  font-size: 24px;
}

.adsence-center {
  text-align: center;
}

.note-editable a {
  color: #156ac9;
  text-decoration: underline;
}

.artist-box {
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 300px;
  padding: 10px;
}

.artist-box .media {
  margin-top: 0;
}

.artist-box .artist-avatar img {
  width: 64px;
  height: 64px;
  border-radius: 32px;
}

.artist-box h4.author-name {
  line-height: 30px;
}

.artist-box .flag-icon {
  font-size: 10px;
  vertical-align: middle;
}

.artist-box .social-links a {
  padding: 2px 5px;
  color: #aaa;
  border-color: #ddd;
}

.artist-box .social-links a:hover {
  background: #f2f2f2;
}

.artist-box .author-description {
  clear: both;
  line-height: 15px;
  margin-top: 15px;
  font-size: 13px;
  color: #777;
}

.artist-box .arrow {
  border-width: 11px;
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-color: transparent;
  border-top-color: #ddd;
  border-bottom-width: 0;
}

.artist-box .arrow,
.artist-box .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}

.artist-box .arrow:after {
  border-color: transparent;
  border-width: 10px;
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.index-header-section {
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 23px;
  text-align: center;
  color: #888;
  margin-top: 50px;
  margin-bottom: 50px;
}
.terms {
  margin: 0 auto;
  max-width: 800px;
}

.terms h1 {
  font-size: 30px;
  color: #999;
}

.terms ol,
.terms li {
  list-style: decimal;
}

.terms li,
.terms h1 {
  margin-bottom: 30px;
}

.terms ol {
  border-left: 2px solid #f2f2f2;
}

.terms h4 {
  font-size: 20px;
  color: #000;
}

.contact-container {
  font-size: 15px;
  line-height: 1.5;
}
/*follow*/

.follow,
.unfollow {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
}

a.unfollow.label-default:hover {
  background: #d9534f !important;
}
.nav.artist-tabs {
  margin: 10px 0;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  float: none;
  border-bottom: 0;
  text-align: center;
}

.nav.artist-tabs li {
  display: inline-block;
  float: none;
  border: 0;
  margin: 0 5px;
}

.nav.artist-tabs li.active {
  border: 0;
}

.nav.artist-tabs li.active:hover {
  border: 0;
}

.nav.artist-tabs li.active a,
.nav.artist-tabs li.active a:hover {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #e9097d;
}

.nav.artist-tabs > li > a {
  padding: 5px;
  color: #888;
  border-radius: 4px;
  border: 0;
}

.nav.artist-tabs > li > a:hover {
  background: #f4f4f4;
  border-radius: 4px;
  border: 0;
}

.nav.artist-tabs > li > a .amount {
  font-weight: normal;
  color: #aaa;
}

.author-box {
  margin-bottom: 20px;
  text-align: center;
}

.author-box .artist-avatar img {
  border-radius: 50px;
}

.author-box h2.author-name {
  font-size: 30px;
  margin: 5px 0 0;
}

.author-box h2.author-name .flag-icon {
  font-size: 15px;
  margin-left: 10px;
  vertical-align: middle;
}

.author-box .author-satistics {
  color: #888;
  font-size: 15px;
  margin: 20px 0;
  vertical-align: middle;
}

.author-box .author-satistics span,
.author-box .author-satistics a {
  padding-right: 10px;
}

.author-box .author-satistics a {
  color: #888;
}

.author-box .author-satistics a:hover {
  color: #e9097d;
}

.author-box .author-social-links a {
  transition: all 0.2s ease-in;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.author-box .author-social-links a:hover {
  background: rgba(0, 0, 0, 0.5);
}

.author-box .author-social-links .social-links a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding: 0;
  border: 0;
  margin-right: 2px;
}

.author-box .follow,
.author-box .unfollow {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border: 0;
  width: 120px;
}

.artist-main {
  position: relative;
}

.manager-links {
  text-align: center;
  margin: 20px 0;
}

@media (min-width: 970px) {
  .manager-links {
    margin: 0;
    position: absolute;
    top: 0;
    right: 30px;
  }
}

.about-follow-section-cotainer .avatar {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}

.about-follow-section-cotainer .media-heading {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}

.about-follow-section-cotainer .media-heading a {
  color: #555;
}

.about-follow-section-cotainer .media-heading a:hover {
  color: #555;
}

.about-follow-section-cotainer .media {
  padding: 5px;
  height: 40px;
  border-radius: 5px;
  line-height: 30px;
  margin: 2px 0;
}

.about-follow-section-cotainer .media:hover {
  background: #f5f5f5;
}

.adsence-artist {
  overflow: hidden;
  width: 100%;
}

.artist-collections {
  text-align: center;
  margin: 30px 0;
}

.artist-collections .collection-box {
  display: inline-block;
  width: 300px;
  height: 300px;
  background: #f2f2f2;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin: 10px;
  position: relative;
}

.artist-collections .collection-box a.delete-collection {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 25px;
  border-radius: 25px;
  position: absolute;
  bottom: -25px;
  left: 125px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.artist-collections .collection-box a.delete-collection:hover {
  bottom: -20px;
  background: rgba(0, 0, 0, 0.5);
}

.artist-collections .collection-name {
  text-align: center;
  height: 300px;
  width: 300px;
  padding: 20px;
  display: table-cell;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  cursor: pointer;
  color: #333;
  text-transform: uppercase;
}

.artist-collections .collection-name:hover {
  color: #000;
  background: rgba(255, 255, 255, 0.5);
}

.artist-collections .collection-name:hover .collection-number {
  color: #fff;
  background: rgba(88, 88, 88, 0.5);
  margin-bottom: 10px;
}

.artist-collections .collection-number {
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #999;
  padding: 10px;
  margin-bottom: 20px;
  min-width: 60px;
  border-radius: 30px;
  transition: all 0.2s ease-in;
}

.nav.artist-collections-nav {
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 25px;
  margin: 20px 0;
  padding: 0;
}

.nav.artist-collections-nav:after {
  content: '';
  clear: both;
}

.nav.artist-collections-nav li {
  display: inline-block;
  float: none;
  position: relative;
}

.nav.artist-collections-nav li > a {
  height: 50px;
  border-radius: 0;
}

.nav.artist-collections-nav li > a:hover {
  background: #f1f1f1;
}

@media (max-width: 970px) {
  .nav.artist-collections-nav li {
    display: block;
    text-align: left;
  }
}

.nav.artist-collections-nav li > a.js-add-tag {
  color: #000;
}

.nav.artist-collections-nav li > a.js-add-tag:hover {
  background: none;
  color: #e9097d;
}

.nav.artist-collections-nav > li.active > a {
  color: #333;
  background: #f1f1f1;
  font-weight: bold;
}

.nav.artist-collections-nav > li.active > a img,
.nav.artist-collections-nav > li.active > a .badge {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.nav.artist-collections-nav img {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}

.nav.artist-collections-nav.artist-collections-tag li > a {
  height: auto;
}

.nav.artist-collections-nav.artist-collections-tag li:hover a.delete-tag {
  display: block;
}

.nav.artist-collections-nav.artist-collections-tag li > a.delete-tag {
  display: none;
  z-index: 5;
  position: absolute;
  font-size: 10px;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  background: #555;
  color: #fff;
  padding: 0;
}

.nav.artist-collections-nav.artist-collections-tag li > a.delete-tag:hover {
  background: #000;
}

.artistList-html {
  background: #f2f2f2;
}

.artistList-main {
  background: #f2f2f2;
  margin: 0;
  padding: 20px 40px;
}

@media (min-width: 1200px) {
  .artistList-main {
    padding: 20px 15%;
  }
}

@media (max-width: 970px) {
  .artistList-main {
    padding: 20px 10%;
  }
}

.artistList-main h3 {
  color: #888;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}

.artistList-main .follow,
.artistList-main .unfollow {
  font-size: 11px;
  height: 20px;
  line-height: 20px;
}

.artistList-main .hotArtistList {
  padding: 0;
  margin: 0;
}

.artistList-main .hotArtistList .media {
  margin: 10px 20px 10px 0;
  height: 160px;
}

@media (max-width: 768px) {
  .artistList-main .hotArtistList .media {
    margin: 10px 0;
  }
}

.artistList-main .hotArtistList .media h4 {
  height: 24px;
  line-height: 24px;
}

.artistList-main .hotArtistList .media .flag-icon {
  line-height: 15px;
}

.artistList-main .hotArtistList .col-md-4 {
  padding: 0;
}

.artistList-main .following-amount,
.artistList-main .artist-description {
  margin: 0;
}

.artistList-main .following-amount {
  color: #999;
  font-size: 11px;
}

.artistList-main .artist-description {
  color: #666;
  font-size: 13px;
}
.card {
  position: relative;
  box-sizing: content-box;
}

.card a.card-action {
  display: block;
  width: 100%;
  height: 100%;
}

.card .card-detail,
.card .card-detail:hover {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 5px;
  background: transparent;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(70%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  color: #fff;
}

.card .card-detail a {
  color: #fff;
}

@media (min-width: 970px) {
  .card .card-detail {
    transition: all 0.2s ease-in;
  }

  .card:hover .card-detail {
    opacity: 1;
  }

  .card .card-author {
    transition: all 0.2s ease-in;
    opacity: 0;
    position: relative;
    top: 10px;
  }

  .card:hover .card-author {
    opacity: 1;
    top: 0;
  }
}

.card .card-buttons {
  text-align: right;
}

.card .card-buttons .like,
.card .card-buttons .favorite {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.card .card-title {
  display: none;
}

.card .card-author {
  line-height: 30px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.card .card-author .avatar {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.card .card-category {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 5px 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  width: 100%;
  color: #fff;
  font-size: 11px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  font-weight: bold;
}

.card .card-category a {
  color: #fff;
}

.card .card-category a:hover {
  color: #fff;
  text-decoration: underline;
}

.photowall-box--show-detail.card {
  border-radius: 3px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
  top: 0;
  background: #fff;
}

.photowall-box--show-detail.card .card-action {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.photowall-box--show-detail.card .card-detail {
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  position: initial;
  background: none;
}

.photowall-box--show-detail.card .card-detail:after {
  content: '';
  clear: both;
}

.photowall-box--show-detail.card h3.card-title {
  margin: 0 0 10px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  display: block;
}

.photowall-box--show-detail.card .card-author {
  opacity: 1;
  top: 0;
  text-shadow: none;
}

.photowall-box--show-detail.card .card-author a {
  color: #777;
}

.photowall-box--show-detail.card .card-author .avatar {
  box-shadow: none;
}

.photowall-box--show-detail.card .card-buttons .like,
.photowall-box--show-detail.card .card-buttons .favorite {
  height: 30px;
  line-height: 30px;
  width: 30px;
  border-radius: 15px;
  text-shadow: none;
  font-size: 15px;
}

.photowall-box--following.card .card-detail {
  padding: 0;
}

.photowall-box--following.card .card-detail,
.photowall-box--following.card .card-detail a {
  color: #555;
}

.photowall-box--following.card .card-detail a.comment-more-open-button {
  color: #337ab7;
}

.photowall-box--following.card .card-detail a.comment-reply {
  color: #777;
}

.photowall-box--following.card h3.card-title,
.photowall-box--following.card .card-buttons,
.photowall-box--following.card .card-comment,
.photowall-box--following.card .card-description {
  padding: 10px;
}

.photowall-box--following.card h3.card-title {
  border-bottom: 1px solid #eee;
  height: auto;
}

.photowall-box--following.card .card-description {
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 150%;
}

.photowall-box--following.card .card-description,
.photowall-box--following.card .card-description a {
  color: #555;
}

.photowall-box--following.card .card-description a {
  text-decoration: underline;
}

.photowall-box--following.card .card-description a:hover {
  color: #337ab7;
}

.photowall-box--following.card .card-description p {
  margin-bottom: 5px;
}

.photowall-box--following.card .card-comment {
  border-bottom: 1px solid #eee;
}

.photowall-box--following.card .card-comment .comment-form {
  margin-bottom: 0;
}

.photowall-box--following.card .card-author {
  position: absolute;
  top: 0;
  left: -74px;
}

.photowall-box--following.card .card-author img.avatar {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.photowall-box--following.card .card-author span {
  display: none;
}

.photowall-box--following.card .card-category {
  position: initial;
  background: none;
  height: 40px;
  line-height: 30px;
  margin-top: -50px;
  max-width: 300px;
  text-shadow: none;
  padding-left: 10px;
}

.photowall-box--following.card .card-category,
.photowall-box--following.card .card-category a {
  color: #999;
}

.photowall-box--following.card .card-buttons a,
.photowall-box--following.card .card-buttons a:hover {
  color: #fff;
}
/*photo*/

.post-main {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .post-main {
    background: #333;
  }
}

#postContainer {
  margin: 0;
  overflow: hidden;
}

#photoContainer,
#detaiContainer {
  width: 100%;
}

.photoinline-post-container .photo-container,
.photoinline-post-container .photo-detail-container {
  border-top: 1px solid #eee;
}

.photoinline-post-container .photo-container {
  background: #fff;
}

.photoinline-post-container .photo-detail-container {
  border-left: 1px solid #eee;
}

.detailcontent-container {
  padding: 15px 20px;
  text-align: left;
}

@media (max-width: 768px) {
  .detailcontent-container {
    padding: 10px 15px;
  }
}

.detailcontent-container a {
  color: #3f88c5;
  text-decoration: underline;
}

.detailcontent-container a:hover {
  color: #e9097d;
}

.detailcontent-container .title {
  margin: 0;
  line-height: 180%;
}

.detailcontent-container .datetime {
  font-size: 11px;
  color: #999;
}

.detailcontent-container .description {
  margin-top: 15px;
  color: #555;
  font-size: 16px;
}

.detailcontent-container .description h1,
.detailcontent-container .description h2,
.detailcontent-container .description h3,
.detailcontent-container .description h4,
.detailcontent-container .description h5,
.detailcontent-container .description h6 {
  color: #333;
}

.detailcontent-container .description img {
  max-width: 100%;
}

.detailcontent-container .description-lock {
  margin: 30px 0;
}

.detailcontent-container .description-lock a {
  color: #777;
  font-size: 24px;
}

.detailcontent-container .description-lock a:hover {
  color: #e9097d;
}

.photo-container {
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
}

@media (max-width: 768px) {
  .photo-container {
    border-bottom: 1px solid #ddd;
  }
}

.photo-container .next-photo-btn,
.photo-container .prev-photo-btn {
  position: absolute;
  top: 50%;
  top: calc(50% - 45px);
  font-size: 70px;
  color: #999;
}

.photo-container .next-photo-btn:hover,
.photo-container .prev-photo-btn:hover {
  color: #555;
}

@media (max-width: 768px) {
  .photo-container .next-photo-btn,
  .photo-container .prev-photo-btn {
    font-size: 40px;
    position: relative;
    top: 0;
    left: 0;
  }
}

.photo-container .next-photo-btn {
  left: 2%;
}

@media (max-width: 768px) {
  .photo-container .next-photo-btn {
    float: left;
    margin-left: 20px;
  }
}

.photo-container .prev-photo-btn {
  right: 2%;
}

@media (max-width: 768px) {
  .photo-container .prev-photo-btn {
    float: right;
    margin-right: 20px;
  }
}

.images-container,
.detailcontent-container {
  overflow-y: auto;
  height: 100%;
}

@media (min-width: 768px) {
  .images-container {
    padding: 0 100px;
  }
}

.images-container img {
  display: block;
  margin: 10px auto 5px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .images-container img {
    margin: 0;
    width: 100%;
  }
}

.photo-detail-container {
  overflow-y: auto;
  height: 100%;
  background: #f7f7f7;
  padding: 0;
}

.photo-detail-container .social-links {
  overflow: hidden;
  margin-bottom: 20px;
}

.author-section,
.description-section,
.likes-section,
.views-section {
  background: #fff;
}

.photo-section {
  padding: 15px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.author-section .media img.avatar {
  border-radius: 32px;
}

.author-section .media .media-body {
  padding: 0;
  line-height: 20px;
  padding-top: 12px;
}

.author-section .media .time {
  color: #555;
  font-size: 12px;
}

.description-section h3.title {
  font-size: 18px;
  margin: 0 0 5px;
  line-height: 1.3;
}

.description-section .description {
  color: #555;
  margin-bottom: 30px;
}

.description-section .description .emojione {
  width: 20px;
  height: 20px;
  margin: 0;
}

.description-section .description a {
  text-decoration: underline;
  color: #156ac9;
}

.description-section .description a:hover {
  color: #e9097d;
}

.description-section p.tags,
.description-section p.category {
  margin: 0;
  padding-bottom: 5px;
  line-height: 20px;
  color: #555;
}

.description-section p.tags a,
.description-section p.category a {
  color: #555;
}

.description-section p.tags a:hover,
.description-section p.category a:hover {
  color: #000;
}

.description-section p.tags i,
.description-section p.category i {
  color: #aaa;
}

.description-section .tags a:after {
  content: ", ";
}

.description-section .tags a:last-child:after {
  content: "";
}

.description-section .buttons {
  margin: 0;
  text-align: right;
}

.views-section {
  color: #555;
}

.views-section .fa {
  color: #aaa;
}

.likes-section {
  padding: 0;
}

.likes-section a.watch-liked-peoples {
  display: block;
  overflow: hidden;
  padding: 15px;
  color: #555;
}

.likes-section a.watch-liked-peoples .fa {
  color: #aaa;
}

.likes-section a.watch-liked-peoples:hover,
.likes-section a.watch-liked-peoples:hover .fa {
  color: #333;
}

.likes-section .liked-peoples-list {
  padding: 5px 15px;
  overflow: hidden;
}

.likes-section .liked-peoples-list li.loading {
  text-align: center;
  display: block;
}

.likes-section .liked-peoples-list li {
  display: inline-block;
  margin: 0 3px 3px 0;
}

.likes-section .liked-peoples-list .avatar {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: block;
}

.download-section {
  padding: 0;
}

.download-section .adsense-center {
  overflow: hidden;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 768px) {
  .download-section .adsense-center {
    padding: 0;
  }
}

.download-section a.download-link {
  display: block;
  margin: 0;
  padding: 10px;
  border-top: 1px solid #eee;
}

.download-section a.download-link:hover {
  background: #eee;
}

.footer-section {
  background: #444;
  border-bottom: 1px solid #444;
  color: #eee;
}

.footer-section a {
  color: #eee;
}

.footer-section a:hover {
  color: #fff;
}

.move-wait-text {
  display: block;
}

a.move-disabled {
  color: #ddd;
}

.postedit-main .edit-container {
  margin: 0 auto;
}

.postedit-main #uploadImages {
  max-width: 750px;
}

@media (max-width: 768px) {
  .postedit-main #uploadImages img {
    width: 100%;
    height: auto;
  }
}
.comment-form,
.comment-reply-form {
  margin-bottom: 20px;
}

.comment-form .avatar,
.comment-reply-form .avatar {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-top: 5px;
}

.comment-form .media-body,
.comment-reply-form .media-body {
  margin: 0;
  padding: 0;
}

.comment-form .comment-textarea,
.comment-reply-form .comment-textarea {
  padding: 10px;
  font-size: 12px;
  border: 1px solid #eeeff2;
  margin: 0;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  width: calc(100% - 42px - 5px);
  display: inline-block;
}

.comment-form .comment-textarea:focus,
.comment-reply-form .comment-textarea:focus {
  border-radius: 5px;
}

.comment-form .comment-emoji-button,
.comment-reply-form .comment-emoji-button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  padding: 0;
  border: 0;
  border: 1px solid #eee;
}

.comment-form .comment-emoji-button:hover,
.comment-reply-form .comment-emoji-button:hover {
  background: #f2f2f2;
}

.commentEmojiList {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.commentEmojiList hr {
  margin: 0;
}

.commentEmojiList .nav {
  padding: 10px;
}

.commentEmojiList .nav-pills > li.active > a {
  background-color: #eee;
  color: #000;
}

.commentEmojiList a.comment-emoji-tab {
  padding: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin: 2px;
}

.commentEmojiList .comment-emoji-list {
  padding: 10px;
}

.commentEmojiList .comment-emoji-list .btn {
  border: 0;
  background: none;
  padding: 2px;
}

.commentEmojiList .comment-emoji-list .btn:hover {
  background: #ddd;
}

.commentsList {
  line-height: 20px;
  font-size: 14px;
}

.commentsList .comment-row {
  margin-top: 5px;
}

.commentsList .avatar,
.commentsList .media-body > .media .avatar,
.commentsList .media-body > .comment-reply-form .avatar {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}

.commentsList p {
  margin: 0;
  word-wrap: break-word;
}

.commentsList .comment-time {
  color: #999;
  font-size: 12px;
}

.commentsList .comment-content {
  color: #333;
  word-break: break-all;
}

.commentsList .comment-content .emojione {
  width: 20px;
  height: 20px;
  margin: 0;
}

.commentsList .comment-delete,
.commentsList .comment-reply {
  color: #777;
}

.commentsList .comment-delete:hover,
.commentsList .comment-reply:hover {
  color: #000;
}

.commentsList .comment-reply {
  font-size: 12px;
}

.commentsList .media-body > .comment-reply-form {
  margin-top: 10px;
}

.commentsList .more-comments {
  padding: 5px 10px;
  border-radius: 5px;
  background: #555;
  color: #fff;
  margin-top: 10px;
  display: inline-block;
}

.commentsList a.comment-more-open-button {
  padding: 5px 0;
  display: block;
  color: #156ac9;
  line-height: 20px;
}

.commentsList a.comment-more-open-button:hover {
  text-decoration: underline;
}

.commentsList a.comment-more-open-button .avatar {
  width: 20px;
  height: 20px;
}
a.like,
a.favorite {
  display: inline-block;
}

a.like {
  font-size: 20px;
  color: #999;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 18px;
}

a.like.liked {
  color: #D23232;
  font-size: 24px;
}

a.like.liked:hover {
  color: #db5c5c;
}

a.like:hover {
  color: #D23232;
}

a.like.like-inverse {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}

a.like.like-inverse:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

a.like.like-inverse.liked {
  background: #D23232;
  font-size: 20px;
  color: #fff;
}

a.like.like-inverse.liked:hover {
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

a.favorite {
  font-size: 20px;
  color: #999;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 18px;
}

a.favorite.favorited {
  color: #F3ce19;
  font-size: 24px;
}

a.favorite.favorited:hover {
  color: #f6d849;
}

a.favorite:hover {
  color: #F3ce19;
}

a.favorite.favorite-inverse {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}

a.favorite.favorite-inverse:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

a.favorite.favorite-inverse.favorited {
  background: #F3ce19;
  font-size: 20px;
  color: #fff;
}

a.favorite.favorite-inverse.favorited:hover {
  color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

#collections-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11111;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  width: 300px;
  padding: 0;
}

#collections-box .collections-box-title {
  font-weight: bold;
  color: #888;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 10px;
}

#collections-box .collections-box-title,
#collections-box .collections-add-row {
  background: #fff;
}

#collections-box input#new-collections-name {
  float: left;
  width: 258px;
  height: 40px;
  border: 0;
  padding: 0 10px;
  line-height: 40px;
}

#collections-box a#add-new-collections {
  float: right;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 0;
  padding: 0;
}

#collections-box a#add-new-collections .fa {
  height: 40px;
  line-height: 40px;
}

#collections-box .collections-check-label {
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  cursor: pointer;
}

#collections-box .collections-check-label input {
  vertical-align: middle;
  height: 40px;
  margin: 0 10px;
}

#collections-box li {
  padding: 0;
  border-bottom: 1px solid #ddd;
  color: #555;
  margin: 0;
  overflow: hidden;
}

#collections-box li:last-child {
  border-bottom: 0;
}

#collections-box li.alert-danger {
  padding: 10px;
  line-height: 20px;
  height: auto;
}

#collections-box #collection-loading-names {
  text-align: center;
  padding: 10px;
  font-size: 20px;
}
.note-emojionechar-dialog .tab-content {
  padding-top: 10px;
}

.note-emojionechar-node .btn {
  border: 0;
}

/*Upload & Edit*/

.bootstrap-tagsinput {
  width: 100%;
}

#deletePostButton:hover {
  background: #d9534f;
  color: #fff;
  border-color: #d9534f;
}

.upload-nav {
  text-align: center;
}

.upload-nav.nav-pills > li {
  float: none;
  display: inline-block;
}

.upload-nav.nav-pills > li input {
  min-width: 100px;
}

.upload-not-valid,
.re-validate-email-container,
.forgot-step-conatainer,
.verify-container {
  font-size: 19px;
  padding: 20px;
  border-radius: 5px;
  width: auth;
  text-align: center;
  line-height: 2;
}

.upload-not-valid h2,
.re-validate-email-container h2,
.forgot-step-conatainer h2,
.verify-container h2 {
  font-size: 30px;
}

.upload-not-valid .validate-email,
.re-validate-email-container .validate-email,
.forgot-step-conatainer .validate-email,
.verify-container .validate-email {
  color: #555;
}

.upload-image-limit {
  padding: 5px 0;
  color: #888;
}

#uploadImages.photo-inline-images {
  overflow: hidden;
}

#uploadImages.photo-inline-images .image-wrap {
  width: 212px;
  height: 212px;
  cursor: pointer;
  overflow: hidden;
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

#uploadImages.photo-inline-images .image-wrap img {
  border-radius: 5px;
  width: 200px;
  height: auto;
}

#uploadImages.photo-inline-images .image-wrap:after {
  display: none;
  position: absolute;
  width: 212px;
  height: 212px;
  top: 0;
  left: 0;
  content: 'Insert into article';
  line-height: 200px;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  font-size: 20px;
  z-index: 1;
}

#uploadImages.photo-inline-images .image-wrap:hover:after {
  display: block;
}

#uploadImages.photo-inline-images .image-wrap .delete-images {
  width: 50px;
  height: 50px;
  top: -25px;
  left: -25px;
  padding: 22px 0 0 22px;
  border-radius: 25px;
  z-index: 2;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175);
}

#uploadImages.photo-inline-images .image-wrap .delete-images:hover {
  background: #333;
}

#uploadImages .image-wrap {
  margin-bottom: 0;
  position: relative;
}

#uploadImages .image-wrap:hover .delete-images {
  display: block;
}

#uploadImages .image-wrap img {
  min-width: 300px;
  min-height: 100px;
  cursor: move;
}

#uploadImages .image-wrap .delete-images {
  display: none;
  background: #000;
  color: #fff;
  border-radius: 13px;
  width: 26px;
  height: 26px;
  border: 0;
  padding: 0;
  font-size: 15px;
  line-height: 26px;
  position: absolute;
  top: -10px;
  left: -10px;
}

#uploadImages .image-wrap .delete-images:hover {
  background: #555;
}

#uploadImages .image-wrap .fa {
  padding: 0;
}

.category-select,
.subcategory-select {
  max-width: 300px;
  display: inline-block;
}

.bootstrap-tagsinput {
  width: 100%;
}

.upload-container .level-up-tip {
  font-style: italic;
  color: #3f88c5;
  font-size: 13px;
}
.cards-title {
  color: #333;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

.cards-caption {
  color: #000;
  text-align: center;
  font-size: 13px;
  line-height: 1.7;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 2px solid #f3f3f3;
}

.upload-button-container {
  text-align: right;
  position: absolute;
  top: 10px;
  right: 30px;
}

@media (max-width: 768px) {
  .upload-button-container {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
}

.nav.cards-tabs {
  margin: 10px 0;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  float: none;
  border-bottom: 0;
  text-align: center;
}

.nav.cards-tabs li {
  display: inline-block;
  float: none;
  border: 0;
  margin: 0 5px;
}

.nav.cards-tabs li.active {
  border: 0;
}

.nav.cards-tabs li.active:hover {
  border: 0;
}

.nav.cards-tabs li.active a,
.nav.cards-tabs li.active a:hover {
  background: none;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #e9097d;
}

.nav.cards-tabs li.active a:hover {
  color: #000;
}

.nav.cards-tabs > li > a {
  padding: 5px;
  color: #888;
  border-radius: 4px;
  border: 0;
}

.nav.cards-tabs > li > a:hover {
  background: #f4f4f4;
  border-radius: 4px;
  border: 0;
}

.nav.cards-tabs > li > a .amount {
  font-weight: normal;
  color: #aaa;
}

.nav.cards-filters {
  margin: 20px 0;
  text-align: center;
}

.nav.cards-filters li {
  display: inline-block;
  float: none;
  margin: 0 5px;
}

.nav.cards-filters .dropdown-menu li {
  display: block;
  margin: 0;
}

.nav.cards-filters .category-select,
.nav.cards-filters .subcategory-select {
  width: auto;
}

.nav.cards-filters .search-form {
  color: #999;
  position: relative;
}

.nav.cards-filters .search-form .fa {
  position: absolute;
  top: 10px;
  left: 10px;
}

.nav.cards-filters .search-form.active {
  color: #000;
}

.nav.cards-filters .search-form .form-control {
  padding-left: 35px;
  width: auto;
  display: inline;
}

.nothing-alert {
  text-align: center;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  margin: 50px 0;
  color: #999;
}

.photo-main,
.cc-main,
.following-main,
.tag-main {
  background: #f5f5f5;
}

.photo-main .photowall-container,
.cc-main .photowall-container,
.following-main .photowall-container,
.tag-main .photowall-container {
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}

.index-main {
  background: #f5f5f5;
  overflow: hidden;
  padding: 0;
}

#activityList {
  margin-bottom: 50px;
  position: relative;
}

#activityList .activity-user {
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 2px solid #eee;
  padding: 20px 5px 10px;
}

#activityList .activity-user .avatar {
  width: 24px;
  height: 24px;
  border-radius: 5px;
}

#activityList .photowall {
  overflow: hidden;
  padding-bottom: 50px;
  text-align: center;
}

#activityList .photowall-box {
  position: absolute;
}

.hot-title {
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 15px;
}

#hotPosts .card {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

#cboxOverlay {
  background: none;
}

#cboxLoadingOverlay {
  background: rgba(0, 0, 0, 0.8);
}

.photo-preview-colorbox #cboxContent,
.photo-preview-colorbox #cboxLoadedContent {
  background: none;
}

.photo-preview-colorbox #cboxContent {
  margin-top: 0;
}

.photo-preview-colorbox #cboxLoadedContent {
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
}

.photo-preview-colorbox .cboxIframe {
  overflow: hidden;
  background: none;
  width: 100%;
  height: 100%;
}

.colorbox-close-btn {
  font-size: 30px;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  right: 20px;
  color: #999;
}

.colorbox-close-btn:hover {
  color: #333;
}

.hotArtistList {
  margin: 50px;
}

.hotArtistList h3 {
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  margin: 5px 0 10px;
}

.hotArtistList .col-md-3 {
  padding: 0;
  padding-right: 20px;
}

.hotArtistList .media {
  padding: 20px;
  line-height: 25px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.hotArtistList .avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.facemash-vote-button {
  margin: 10px auto;
  background: #f2f2f2;
  color: #999;
  font-size: 20px;
  text-align: center;
  padding: 10px;
  display: block;
  max-width: 230px;
  border-radius: 5px;
}

.facemash-vote-button .fa {
  font-size: 20px;
}

.facemash-vote-button:hover {
  color: #333;
  background: #eee;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#facemashComapire {
  text-align: center;
}

#facemashComapire a.chose-img {
  margin: 20px;
  display: inline-block;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  vertical-align: top;
}

#facemashComapire a.chose-img:hover {
  opacity: 0.8;
}

#facemashComapire a.chose-img img {
  max-width: 500px;
  max-height: 500px;
  text-align: center;
  height: auto;
}

@media (max-width: 600px) {
  #facemashComapire a.chose-img img {
    max-width: 100%;
    max-height: 100%;
  }
}

#facemashLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 10;
  text-align: center;
}

#facemashLoading .fa {
  position: absolute;
  top: 50%;
  font-size: 50px;
}

#facemashError {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

.facemash-container {
  text-align: center;
}

.facemash-container h3 {
  font-weight: bold;
  color: #aaa;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.facemash-container .login-text {
  font-size: 18px;
  margin: 20px 0;
  color: #555;
}

#facemashSkip {
  background: #f2f2f2;
  padding: 10px;
  font-size: 23px;
  display: block;
  border-radius: 5px;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  width: 100px;
  margin: 10px auto;
  color: #888;
}

#facemashSkip:hover {
  background: #ddd;
  color: #555;
}

#facemashThankYou {
  font-size: 20px;
  padding: 10px;
}

#facemashThankYou a {
  text-decoration: underline;
}
.level-container h3 {
  color: #999;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.level-container .next-level-block {
  font-size: 20px;
}

.level-block {
  margin-bottom: 40px;
}

.level-permissions-table th,
.level-permissions-table td {
  text-align: center;
}

.level-permissions-table .your-level-here {
  background: #E8F4F9;
}

.level-permissions-table .your-level-here:hover {
  background: #d4eaf4;
}