.form-element-border {
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}
.main-site-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
}
.avatar-name-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 18px;
}
.avatar-details-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.avatar-text-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
}
.kinklist-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  font-style: italic;
}
.panel-head-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 26px;
}
.seletedItem {
  color: rgba(68, 68, 68, 0.9);
  background-color: #FFF;
}
.main-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.shadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}
.light-border {
  border: 1px solid rgba(0, 157, 211, 0.65);
}
.light-bottom-border {
  border-bottom: 1px solid rgba(0, 157, 211, 0.65);
}
.panel {
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
.small {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
}
.smaller {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 10px;
}
.weak {
  color: #999;
  font-style: italic;
}
.label {
  color: #009dd3;
  font-style: italic;
}
.iconic {
  font-family: Arial, Tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
}
.content-area {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}
.content-panel {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
}
.list-panel {
  padding: 0px;
  position: relative;
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid rgba(0, 157, 211, 0.65);
  margin-bottom: 8px;
}
.popup {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  border: 1px solid rgba(0, 157, 211, 0.65);
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  background-color: #FFF;
  position: absolute;
}
.huge-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 26px;
  color: rgba(68, 68, 68, 0.9);
}
.big-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(68, 68, 68, 0.9);
}
.menu-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  color: #009dd3;
}
.second-header-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.bigger-font {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.bold {
  font-weight: bold;
}
.small-header {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  font-weight: bold;
}
.link {
  cursor: pointer;
}
.flat-button {
  background-color: #FFF;
  border: 1px solid rgba(68, 68, 68, 0.9);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  cursor: pointer;
  outline: none;
}
.flat-button:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}
.flat-button:active {
  box-shadow: 0 0 0;
  border: 1px solid rgba(0, 157, 211, 0.65);
}
.disabled {
  opacity: 0.4;
}
.bottom-lined {
  border-top: 1px solid rgba(0, 157, 211, 0.65);
  margin-bottom: 12px;
}
a {
  text-decoration: none;
}
h1 {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(68, 68, 68, 0.9);
}
a:hover {
  text-decoration: underline;
}
.right {
  float: right;
}
#header {
  background-color: #FFF;
  color: #009dd3;
}
#header .back-icon {
  display: none;
}
#header > div {
  padding: 8px;
}
#header .menu-holder {
  text-align: left;
}
#header a {
  color: #009dd3;
  text-decoration: none;
}
#header .logo {
  font-size: 18px;
  height: 56px;
  float: left;
  margin-top: -2px;
}
#header .logo img {
  height: 44.8px;
  width: 133.6px;
}
#header .mainMenu {
  position: absolute;
  right: 30px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  color: #009dd3;
}
#header .mainMenu a {
  padding-right: 20px;
  text-decoration: none;
}
#header .searcbox {
  margin-left: 120px;
  line-height: 32px;
  height: 32px;
  color: rgba(68, 68, 68, 0.9);
  font-size: 18px;
  border: 1px solid rgba(0, 157, 211, 0.65);
  outline: none;
  padding: 2px;
  border-radius: 3px;
  width: calc(100% - 360px);
}
#header svg {
  fill: #009dd3;
  -webkit-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.75));
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.75));
}
#header .fasticon {
  margin-left: 24px;
  position: relative;
  cursor: pointer;
  margin-top: -2px;
  margin-right: 10px;
}
#header .fasticon svg {
  padding-top: 0px;
}
#header .fasticon .counter {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
  position: absolute;
  top: -3px;
  left: 10px;
  border-radius: 6px;
  height: 15px;
  border: 1px solid #ef3434;
  background-color: #ef3434;
  color: #FFF;
  padding: 0px 2px;
  min-width: 14px;
  text-align: center;
  line-height: 14px;
}
#header .fasticon.search {
  margin-top: -4px;
}
#header #search-icon {
  position: relative;
  cursor: pointer;
  top: 6px;
  left: 7px;
}
@media screen and (max-width: 599px) {
  #header .searchactive .fasticon {
    display: none;
  }
  #header .searchactive .search-block {
    display: block;
  }
  #header .searchactive .search-block .searcbox {
    min-width: 200px;
  }
  #header .search-block {
    display: none;
  }
  #header .mainMenu {
    display: none;
  }
  #header .menu-holder {
    text-align: center;
  }
  #header .back-icon {
    display: block;
    float: left;
    line-height: 54px;
    cursor: pointer;
  }
  #header .back-icon svg {
    height: 32px;
    width: 32px;
  }
  #header .logo {
    float: none;
  }
}
@media screen and (min-width: 600px) {
  #header .fasticon.mobileonly {
    display: none;
  }
}
#profile-popup {
  right: 2px;
  top: 46px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  border: 1px solid rgba(0, 157, 211, 0.65);
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  background-color: #FFF;
  position: absolute;
  z-index: 32;
  border: 1px rgba(68, 68, 68, 0.9);
}
#profile-popup .av-header {
  padding: 0 0 8px;
  border-bottom: 1px rgba(68, 68, 68, 0.9);
}
#profile-popup .av-header .av-header-name,
#profile-popup .av-header .av-header-pic {
  margin-left: 19px;
  margin-right: 19px;
  margin-bottom: 9px;
}
#profile-popup .av-header .avname {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(68, 68, 68, 0.9);
  color: inherit;
}
#profile-popup .av-menu {
  margin-top: 9px;
  margin-bottom: 9px;
}
#profile-popup .av-menu a {
  display: block;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
  text-decoration: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
#profile-popup .av-menu a:hover {
  background-color: rgba(0, 157, 211, 0.65);
}
#profile-popup .av-menu a span {
  margin-left: 19px;
  margin-right: 9px;
}
#profile-popup .av-menu .notification {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 10px;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  left: -8px;
  top: -8px;
  line-height: 8px;
}
#profile-popup .av-menu .notification svg {
  fill: #ef3434;
}
@media screen and (min-width: 600px) {
  .profile-logged {
    min-width: 200px;
    max-width: 260px;
  }
  .profile-logged .av-header img.avatar,
  .profile-logged .av-header img.linden {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 599px) {
  .profile-logged .av-header img.avatar,
  .profile-logged .av-header img.linden {
    width: 150px;
    height: 150px;
  }
}
#notify-popup {
  right: 4px;
  top: 74px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  border: 1px solid rgba(0, 157, 211, 0.65);
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  background-color: #FFF;
  position: absolute;
  z-index: 32;
  width: 235px;
  border: 1px rgba(68, 68, 68, 0.9);
}
#notify-popup .header {
  width: 100%;
  height: 42px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  font-weight: bold;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
#notify-popup .header div {
  padding: 6px;
}
#notify-popup .nodata {
  width: 100%;
  height: 42px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  padding: 12px 6px;
}
#notify-popup .not-body {
  position: relative;
  padding: 6px;
  border-bottom: 1px solid rgba(0, 157, 211, 0.65);
}
#notify-popup .not-body .not-delete {
  font-family: Arial, Tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  position: absolute;
  right: 6px/2;
  top: 6px/2;
  cursor: pointer;
}
#notify-popup .not-body .not-time {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
}
#notify-popup .not-body .not-content {
  margin-top: 6px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
#notify-popup .not-body .not-content svg {
  width: 18px;
  height: 18px;
  fill: rgba(68, 68, 68, 0.9);
}
#notify-popup .not-body .not-content .not-actor {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *::before,.ReactCrop *::after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translate3d(0, 0, 0);cursor:move;box-shadow:0 0 0 9999em rgba(0,0,0,.5);border:1px dashed #fff}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop__crop-selection:focus{outline:none;border-color:blue;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{content:"";display:block;position:absolute;background-color:rgba(255,255,255,.4)}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt::before{left:33.3333%;left:33.3333333333%}.ReactCrop__rule-of-thirds-vt::after{left:66.6666%;left:66.6666666667%}.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz::before{top:33.3333%;top:33.3333333333%}.ReactCrop__rule-of-thirds-hz::after{top:66.6666%;top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle::after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.7);outline:1px solid rgba(0,0,0,0)}.ReactCrop__drag-handle:focus::after{border-color:blue;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw::after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n::after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne::after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e::after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se::after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s::after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw::after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w::after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{display:none}.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}

.register {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}
.warning {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.form-panel {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
}
.form-panel .form-check {
  margin-top: 4px;
}
.form-panel :is(.field, .form-input) {
  margin-top: 4px;
  margin-bottom: 6px;
}
.form-panel :is(.field, .form-input) .form-label {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
  color: #009dd3;
  font-style: italic;
  line-height: 18px;
  position: relative;
  top: 2px;
  margin: 0;
}
.form-panel :is(.field, .form-input) .helper {
  color: #999;
  font-style: italic;
}
.form-panel :is(.field, .form-input).invalid .form-label {
  color: #b71c1c;
}
.form-panel :is(.field, .form-input).invalid .form-control {
  border-color: #b71c1c;
}
.form-panel :is(.field, .form-input).required .form-label::after {
  content: "*";
}
.form-panel :is(.field, .form-input) button {
  line-height: 20px;
  min-width: 160px;
  padding: 6px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}
.form-panel .rounded-pill {
  margin-right: 4px;
}
.form-panel button {
  color: #FFF;
  background-color: #009dd3;
  border: 0;
}
.form-panel button.btn:disabled,
.form-panel button:disabled {
  background-color: rgba(0, 157, 211, 0.65);
  opacity: 0.15;
}
.form-panel .react-select__multi-value {
  color: #FFF;
  background-color: #009dd3;
  border-radius: 0.5em;
}
.form-panel .react-select__multi-value .react-select__multi-value__label {
  color: inherit;
}
.form-edit-top {
  width: calc(100% - 180px);
  float: left;
}
.form-edit-avatar {
  width: 180px;
  padding: 10px;
  float: left;
  text-align: center;
}
.form-edit-avatar .avatar-editor {
  padding: 0.375rem;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}
.form-check .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(00, 174, 232, 0.9)'/%3e%3c/svg%3e");
  border: 1px solid #009dd3;
}
@media screen and (max-width: 599px) {
  .form-edit-top {
    width: 100%;
    float: none;
  }
  .form-edit-avatar {
    display: none;
  }
}
.locwrap .link {
  margin-left: 6px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}
.locwrap svg.add {
  fill: #558b2f;
  color: #558b2f;
}
.locwrap svg.delete {
  fill: #b71c1c;
}
.locwrap svg.disabled {
  opacity: 0.15;
  cursor: none;
}
.locwrap .error {
  color: #b71c1c;
}
.article {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
}
.inbox-panel {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
}
.inbox-header {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.message-wrap {
  border: 1px solid #ced4da;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 8px;
}
.message-wrap-incoming {
  border: 1px solid #ced4da;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 8px;
  background-color: #d2f3e9;
  margin-right: 30px;
}
.message-wrap-reply {
  border: 1px solid #ced4da;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 8px;
  background-color: #f0f0f0;
}
.message-wrap-reply .reply-buttons {
  text-align: right;
  margin-top: 4px;
  margin-bottom: 4px;
}
.message-wrap-reply textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #ced4da;
  border-radius: 6px;
}
.message-wrap-reply button {
  margin-left: 4px;
}
.message-wrap-outgoing {
  border: 1px solid #ced4da;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 8px;
  background-color: #a6f0ff;
  margin-left: 30px;
}
.chat-panel {
  position: relative;
}
.chat-panel .date,
.chat-panel .recipient {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
  float: left;
  line-height: 14px;
  margin-right: 6px;
}
.chat-panel .reply {
  position: absolute;
  right: 4px;
  top: 0px;
  cursor: pointer;
}
.chat-panel .mute-sender {
  position: absolute;
  right: 34px;
  top: 0px;
  cursor: pointer;
}
.chat-panel .mute-sender svg {
  fill: #009dd3;
  opacity: 0.35;
}
.chat-panel .mute-sender svg:hover {
  opacity: 0.65;
}
.chat-panel .mute-sender.muted svg {
  fill: #b71c1c;
  opacity: 0.85;
}
.loading {
  line-height: 65px;
  text-align: center;
  font-size: 14px;
}
.loading .loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 4px solid rgba(68, 68, 68, 0.9);
  border-right: 4px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-top: 7px;
}
.loading .loader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border-left: 4px solid #009dd3;
  border-bottom: 4px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.search-panel {
  padding: 0px;
  position: relative;
  border-top: 1px solid rgba(0, 157, 211, 0.65);
  margin-bottom: 12px;
  /*
    &:hover {
        .shadow;
    }
*/
}
.search-panel:first-child {
  border: 0;
}
.search-panel .profile-photo {
  padding: 12px;
  float: left;
  border: 0;
}
.search-panel .profile-photo .avatar {
  height: 75px;
  width: 75px;
}
.search-panel .profile-photo .linden {
  width: 75px;
  height: 75px;
}
.search-panel.busy .profile-photo {
  background: url("/i/busysmall.png") no-repeat;
  background-position-x: 12px;
  background-position-y: 12px;
}
.search-panel.busy .avatar,
.search-panel.busy .linden {
  opacity: 0.35;
}
.search-panel.support .supporter {
  fill: #ffaac5;
}
@media (max-width: 599px) {
  .search-panel.support {
    background: linear-gradient(132deg, rgba(255, 255, 255, 0) 75%, rgba(0, 157, 211, 0.22) 100%);
  }
}
.search-panel .profile-content {
  padding: 6px 10px 6px 6px;
  cursor: pointer;
}
.search-panel .profile-content .name {
  margin: 0 0 6px 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 18px;
}
.search-panel .profile-content .name a {
  text-decoration: none !important;
}
.search-panel .profile-content .roles {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  margin: 0 0 6px 0;
}
.search-panel .profile-content .keywords {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  font-style: italic;
}
.search-panel .profile-content .action-icons {
  font-size: 16px;
}
.search-panel .desc {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
  font-size: 14px;
  cursor: pointer;
  margin: 12px 2px 12px 4px;
  line-height: 18px;
  clear: both;
}
.search-panel svg {
  fill: rgba(68, 68, 68, 0.9);
}
.search-panel .icons {
  position: absolute;
  top: 12px;
  right: 12px;
  text-align: right;
}
.search-panel .icons > div {
  float: right;
  cursor: pointer;
  margin-left: 6px;
}
.search-panel .icons > div.passive {
  cursor: default;
}
.search-panel .icons svg {
  fill: rgba(0, 157, 211, 0.65);
  width: 18px;
  height: 18px;
}
.search-panel .icons svg:hover {
  fill: #009dd3;
}
.search-panel .icons svg.banned {
  color: #b71c1c;
  fill: #b71c1c;
}
.search-panel .icons svg.favorite {
  color: #009dd3;
  fill: #009dd3;
}
.search-nav {
  width: 100%;
  text-align: center;
  margin: 12px;
}
.search-nav span {
  display: inline-block;
  min-width: 31px;
  height: 25px;
  text-align: center;
  padding: 6px 0 0 0;
  cursor: pointer;
  border: 1px solid rgba(0, 157, 211, 0.65);
}
.search-nav span.selected {
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
}
#search-container .form-check {
  font-size: 16px;
}
#search-container .form-check .form-check-input:checked {
  background-color: #009dd3;
  border-color: #009dd3;
}
#search-container .form-check label {
  font-size: 14px;
}
.form-panel-expand {
  line-height: 20px;
  font-size: 36px;
  text-align: right;
  color: rgba(68, 68, 68, 0.9);
  fill: rgba(68, 68, 68, 0.9);
  margin-bottom: 12px;
}
.karma-run {
  width: 100%;
  display: table;
}
.karma-run > div {
  display: table-cell;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .karma-run.karma-current-run > div {
    width: 33%;
  }
  .karma-run.karma-actual-run > div {
    width: 25%;
  }
}
@media screen and (max-width: 599px) {
  .karma-run {
    padding: 18px;
  }
  .karma-run > div {
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .karma-run > div:not(:first-child) {
    border-top: 1px solid #009dd3;
  }
}
.karma-run .karma-header {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.karma-run .karma-value {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 26px;
  color: rgba(68, 68, 68, 0.9);
  font-size: 32px;
  color: #009dd3;
}
.karma-run .karma-value a {
  text-decoration: none !important;
}
.karma-run .karma-value.registered {
  color: #558b2f;
}
.karma-run .karma-value.not-registered {
  color: #b71c1c;
}
.karma-run .karma-button {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.karma-run .karma-button > a {
  border: 2px solid;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  padding: 6px 12px;
  text-decoration: none !important;
}
.karma-run .karma-button.registered > a {
  color: #FFF !important;
  background-color: #558b2f !important;
}
.karma-run .karma-button.not-registered > a {
  color: #FFF !important;
  background-color: #b71c1c !important;
}
.karma-run .karma-link {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
  cursor: pointer;
}
.karma-run .karma-link a {
  text-decoration: none !important;
}
.karma-matches {
  width: 100%;
  display: table;
}
@media screen and (min-width: 600px) {
  .karma-matches .match-panel {
    width: 50%;
    display: table-cell;
    border: 0;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #F0F2F5;
  width: 100%;
  height: 100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1,
h3,
h5 {
  color: #009dd3;
}
h2,
h4,
h6 {
  color: rgba(68, 68, 68, 0.9);
}
h1,
h2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
}
h3,
h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 7.5px;
}
h5,
h6 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px;
}
#content {
  width: 100%;
  height: 100%;
}
#content a {
  color: inherit;
  text-decoration: underline;
}
#content a :visited {
  color: inherit;
}
.main-panel {
  max-width: 1000px;
  min-width: 350px;
  width: 100%;
  margin: 0 auto;
}
#header {
  height: 52px;
  line-height: 52px;
  padding: 0;
}
#header > .topmenu {
  padding: 0;
  position: relative;
  max-width: 1000px;
  min-width: 350px;
  width: 100%;
  margin: 0 auto;
}
#footer {
  width: 100%;
  height: 36px;
  background-color: #009dd3;
  color: #FFF;
}
#footer > div {
  max-width: 1000px;
  min-width: 350px;
  width: 100%;
  margin: 0 auto;
  line-height: 36px;
}
#footer a {
  margin-left: 10px;
  color: inherit;
  font-size: 14px;
  text-decoration: none;
}
#footer .support-us {
  display: none;
}
@media screen and (max-width: 599px) {
  #footer .support-us {
    display: inline;
    float: right;
    color: #ffaac5;
    margin-right: 10px;
  }
}
#central-content {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  max-width: 1000px;
  min-width: 350px;
  margin: 0 auto;
  margin-top: 6px;
  clear: both;
  min-height: calc(100% - 94px);
  width: 100%;
  padding: 16px 6px;
}
.loading-icon {
  animation-name: ckw;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transform-origin: 50% 50%;
  width: 100px;
  height: 100px;
  fill: #FFF;
}
.loading-icon .white {
  fill: #FFF;
}
@keyframes ckw {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(720deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.error {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
  color: #b71c1c;
}
.success {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
  color: #558b2f;
}
.rlv-on {
  color: #558b2f;
  width: 19px;
  height: 13px;
  line-height: 22px;
  margin-left: 5px;
  display: inline-block;
  border: 3px solid #558b2f;
  border-radius: 33%;
  background-color: #558b2f;
  position: relative;
  top: 8px;
}
.rlv-on svg {
  fill: #FFF;
  margin-top: -19px;
}
.imgPanel {
  float: left;
  height: 212px;
  border: 1px solid rgba(0, 157, 211, 0.65);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
  margin: 6px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.imgPanel.drop-place {
  width: 25px;
}
.imgPanel img {
  border: 1px solid rgba(0, 157, 211, 0.65);
  margin: 4px;
}
.imgPanel .imageIcons {
  position: absolute;
  top: 10px;
  right: 10px;
}
.imgPanel .imageIcons .imageIcon {
  cursor: pointer;
  margin-left: 12px;
  float: right;
  font-size: 24px;
}
.imgPanel .imageIcons .imageIcon svg {
  fill: #009dd3;
  opacity: 0.55;
}
.imgPanel .imageIcons .imageIcon:hover svg {
  opacity: 1;
}
.imgPanel .error-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: bold;
  color: rgba(68, 68, 68, 0.9);
  text-align: center;
  background-color: rgba(217, 22, 22, 0.45);
}
.imgPanel .error-overlay span {
  position: relative;
  top: 85px;
}
.avpanel {
  height: 162px;
}
.avpanel.selected {
  background-color: #558b2f;
}
.avpanel .error-overlay span {
  top: 55px;
}
.uploadPanel {
  width: 180px;
}
.uploadPanel svg {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 0;
  margin: -41px;
  fill: rgba(0, 157, 211, 0.65);
  transform: translateY(-50%);
}
.uploadPanel > div.label {
  line-height: 20px;
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translateY(10%);
}
.uploadPanel .progress {
  margin: 22px 15px;
  height: 8px;
  border-radius: 4px;
  border: 1px solid rgba(0, 157, 211, 0.65);
  width: 150px;
}
.uploadPanel .progress div {
  height: 100%;
  border-radius: 4px;
  background-color: #558b2f;
}
.DragTarget {
  margin: 6px 0;
}
.uploadDragHover {
  background-color: #FFF;
}
.modal-dialog .modal-title {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  font-weight: bold;
}
.modal-dialog .modal-footer button {
  background-color: #FFF;
  border: 1px solid rgba(68, 68, 68, 0.9);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  cursor: pointer;
  outline: none;
  float: right;
  margin-left: 6px;
}
.modal-dialog .modal-footer button:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}
.modal-dialog .modal-footer button:active {
  box-shadow: 0 0 0;
  border: 1px solid rgba(0, 157, 211, 0.65);
}
.search-container {
  margin: 0;
  text-align: left;
  clear: both;
}
.search-container .search-header {
  margin-bottom: 14px;
}
.clear {
  clear: both;
}
.half {
  width: 1000px/2 - 6px;
  float: left;
  position: relative;
  left: 0;
}
.icons > div {
  float: right;
  cursor: pointer;
  margin-left: 6px;
}
.icons svg {
  fill: rgba(0, 157, 211, 0.65);
  width: 24px;
  height: 24px;
}
.icons svg:hover {
  fill: rgba(68, 68, 68, 0.9);
}
#profile > div {
  margin-bottom: 10px;
}
.profile_view_panel {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
  clear: both;
  margin: 6px;
  position: relative;
  min-height: 240px;
}
.profile_view_panel > div {
  margin-left: 6px;
  margin-top: 6px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.profile_view_panel.busy .profile_view_icon {
  background: url("/i/sinbusy.png") no-repeat;
  background-position-x: 6px;
  background-position-y: 6px;
}
.profile_view_panel.busy .profile_view_icon img,
.profile_view_panel.busy .profile_view_icon svg {
  opacity: 0.35;
}
.profile_view_panel .profile-photo {
  margin: 6px 12px 6px 6px;
  float: left;
}
.profile_view_panel .name {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(68, 68, 68, 0.9);
  margin-bottom: 9px;
}
.profile_view_panel .profile-pair-title {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  color: #009dd3;
  font-style: italic;
  line-height: 12px;
  margin-bottom: 0px;
}
@media screen and (min-width: 600px) {
  .profile_view_panel .profile-wrapper {
    display: table;
    width: 100%;
  }
  .profile_view_panel .profile-wrapper > div {
    display: table-row;
  }
  .profile_view_panel .profile-wrapper > div > div {
    display: table-cell;
    padding-top: 10px;
  }
  .profile_view_panel .profile-wrapper > div > div:first-child {
    width: 45%;
  }
}
@media screen and (max-width: 599px) {
  .profile_view_panel .profile-wrapper {
    display: block;
    width: 100%;
  }
}
.profile_view_panel .profile_pair {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  clear: both;
  margin-top: 10px;
}
.profile_view_panel .profile_pair .title {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  color: #009dd3;
  font-style: italic;
  line-height: 12px;
  margin-bottom: 0px;
}
.profile_view_panel .profile_pair .value {
  line-height: 19px;
}
@media screen and (max-width: 599px) {
  .profile_view_panel .profile_pair .title {
    width: calc(100% - 150px);
  }
  .profile_view_panel .profile_pair .value {
    width: calc(100% - 150px);
  }
}
.profile_view_panel .profile_text {
  margin-top: 10px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  clear: both;
}
.profile_view_panel .profile_text .title {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  color: #009dd3;
  font-style: italic;
  line-height: 12px;
  margin-bottom: 0px;
}
.profile_view_panel .profile_text .value {
  line-height: 19px;
}
.profile_view_panel button {
  background-color: #FFF;
  border: 1px solid rgba(68, 68, 68, 0.9);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  cursor: pointer;
  outline: none;
  margin-right: 6px;
}
.profile_view_panel button:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}
.profile_view_panel button:active {
  box-shadow: 0 0 0;
  border: 1px solid rgba(0, 157, 211, 0.65);
}
.profile_view_panel .imgViewPanel {
  float: left;
  height: 212px;
  margin: 6px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
.profile_view_panel .imgViewPanel img {
  border: 1px solid rgba(0, 157, 211, 0.65);
  margin: 4px;
}
.profile_view_panel .icons {
  position: absolute;
  top: 3px;
  right: 12px;
  text-align: right;
}
.profile_view_panel .icons > div {
  float: right;
  cursor: pointer;
  margin-left: 6px;
}
.profile_view_panel .icons svg {
  fill: rgba(0, 157, 211, 0.65);
  width: 24px;
  height: 24px;
}
.profile_view_panel .icons svg:hover {
  fill: #009dd3;
}
.profile_view_panel .icons svg.banned {
  color: #b71c1c;
  fill: #b71c1c;
}
.profile_view_panel .icons svg.favorite {
  color: #009dd3;
  fill: #009dd3;
}
.profile_view_icon {
  position: absolute;
  right: 12px;
  top: 42px;
}
.profile_view_icon .avatar,
.profile_view_icon .linden {
  width: 120px;
  height: 120px;
}
.half .profile_view_panel {
  width: 480px;
}
.messageDialog {
  position: relative;
  left: 0;
  top: 0;
  padding: 6px;
}
.messageDialog .messageHeader {
  height: 40px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
  margin-top: 8px;
}
.messageDialog .messageForm textarea {
  width: 720px;
  height: 640px;
  resize: none;
  border: 1px solid rgba(0, 157, 211, 0.65);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.messageDialog .messageIcon {
  position: absolute;
  top: 6px;
  right: 6px;
}
.messageDialog .messageIcon svg {
  fill: rgba(0, 157, 211, 0.65);
  width: 40px;
  height: 40px;
}
.messageDialog .messageSend {
  cursor: pointer;
}
.messageDialog .messageSend:hover svg {
  fill: rgba(68, 68, 68, 0.9);
}
.messageDialog .messageDone svg {
  fill: #558b2f;
}
.chaticon-margin {
  margin-left: 82px;
}
.chatpanel {
  margin: 6px 0;
  width: 100%;
  clear: both;
  position: relative;
  min-height: 90px;
}
.chatpanel .avicon {
  height: 75px;
  width: 75px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.chatpanel .avicon .avatar,
.chatpanel .avicon .linden {
  width: 75px;
  height: 75px;
}
.chatpanel .msgcont {
  margin-left: 82px;
}
.chatpanel .sender {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 18px;
  margin-top: 0;
  float: left;
}
.chatpanel .sender a {
  text-decoration: none !important;
}
.chatpanel .date {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
@media screen and (max-width: 410px) {
  .chatpanel .date {
    float: inherit;
  }
  .chatpanel .sender {
    float: inherit;
  }
}
.chatpanel .text {
  clear: both;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.chatwrap {
  border-top: 1px solid rgba(0, 157, 211, 0.65);
  margin-bottom: 12px;
}
.chatwrap:hover,
.chatwrap.expanded {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}
.chatwrap.read * {
  color: #999 !important;
}
.convwrap {
  border-top: 1px solid rgba(0, 157, 211, 0.65);
  margin-bottom: 12px;
  position: relative;
  margin: 6px 6px/2;
  width: 100%;
  clear: both;
}
.convwrap .sender {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 24px;
  color: rgba(68, 68, 68, 0.9);
  margin: 0;
}
.convwrap .sender a {
  text-decoration: none;
}
.convwrap .chatmessage .sender {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.convwrap .text {
  margin: 6px 0;
  padding-bottom: 6px;
  clear: both;
}
.convwrap .messageIcon {
  margin: 0;
  cursor: pointer;
  z-index: 22;
}
.convwrap .messageIcon svg {
  position: absolute;
  bottom: 18px;
  right: 3px;
  fill: rgba(0, 157, 211, 0.65);
  width: 20px;
  height: 20px;
}
.convwrap .texter {
  margin-left: 82px;
  position: relative;
  margin-right: 6px;
  margin-bottom: 12px;
}
.convwrap .texter div {
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.convwrap .texter textarea {
  width: 100%;
  max-width: 100%;
  min-height: 60px;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
}
.chat {
  height: 100%;
}
.chat .sender {
  padding-left: 6px;
  padding-right: 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.chat .sender a {
  text-decoration: none;
}
.chat .chat-messages {
  border: 1px solid rgba(0, 157, 211, 0.65);
  position: absolute;
  width: calc(100% -  7*6px);
  margin: 6px 12px 12px 6px;
  height: calc(100% - 240px);
  overflow: auto;
  padding: 6px;
}
.chat .chat-messages.inbox {
  height: calc(100% - 260px);
}
.chat .texter {
  position: absolute;
  width: calc(100% -  3*6px);
  bottom: 18px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.chat .texter div {
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.chat .texter textarea {
  width: 100%;
  max-width: 100%;
  min-height: 60px;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
}
.chat .messageIcon {
  margin: 0;
  cursor: pointer;
  z-index: 22;
}
.chat .messageIcon svg {
  position: absolute;
  bottom: 18px;
  right: 3px;
  fill: rgba(0, 157, 211, 0.65);
  width: 20px;
  height: 20px;
}
.chat .user {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.chat .sent {
  float: right;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  color: #999;
  font-style: italic;
}
.chat .chat-text {
  margin-top: 6px/2;
  margin-bottom: 12px;
}
.chat .showMore {
  border-bottom: 1px solid #999;
  position: relative;
  height: 26px;
  top: -8px;
}
.chat .showMore div {
  position: absolute;
  top: 12px;
  left: calc(50% - 35px);
  cursor: pointer;
  border: 1px solid #999;
  padding: 6px 10px;
  background: white;
}
.whole-height {
  height: 100%;
}
.loginpage {
  display: table;
}
.loginpage > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.loginpage .login-site-logo {
  display: block;
}
.loginpage .login-mobile-logo {
  display: none;
}
@media screen and (max-width: 599px) {
  .loginpage {
    display: grid;
  }
  .loginpage > div {
    display: block;
  }
  .loginpage .login-site-logo {
    display: none;
  }
  .loginpage .login-mobile-logo {
    display: block;
  }
  .loginpage .login-article {
    order: 2;
  }
  .loginpage .login-form-wrapper {
    order: 1;
  }
}
.loginform {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
  margin: 17px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.loginform input,
.loginform button {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
  width: 100%;
  line-height: 36px;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #999;
  border-radius: 0.5em;
}
.loginform button {
  margin-top: 10px;
  background: #009dd3;
  color: #FFF;
}
.wall .sender {
  padding-left: 6px;
  padding-right: 12px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.wall .sender a {
  text-decoration: none;
}
.wall .chat-messages {
  border: 1px solid rgba(0, 157, 211, 0.65);
  position: absolute;
  width: calc(100% -  7*6px);
  margin: 6px 12px 12px 6px;
  height: calc(100% - 240px);
  overflow: auto;
  padding: 6px;
}
.wall .chat-messages.inbox {
  height: calc(100% - 260px);
}
.wall .texter {
  position: relative;
  margin-right: 6px;
  margin-left: 6px;
  margin-bottom: 12px;
}
.wall .texter div {
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.wall .texter textarea {
  width: 100%;
  max-width: 100%;
  min-height: 60px;
  box-sizing: border-box;
  resize: none;
  overflow: hidden;
}
.wall .messageIcon {
  margin: 0;
  cursor: pointer;
  z-index: 22;
}
.wall .messageIcon svg {
  position: absolute;
  bottom: 18px;
  right: 3px;
  fill: rgba(0, 157, 211, 0.65);
  width: 20px;
  height: 20px;
}
.wall .user {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.wall .sent {
  float: right;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  color: #999;
  font-style: italic;
}
.wall .chat-text {
  margin-top: 6px/2;
  margin-bottom: 12px;
}
.wall .post {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  background-color: #FFF;
  color: rgba(68, 68, 68, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
  margin: 6px 6px 12px;
}
.wall .post .avicon {
  height: 30px;
  width: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.wall .post .avicon img,
.wall .post .avicon svg {
  border-radius: 10px;
}
.wall .post .avicon .avatar {
  height: 30px;
  width: 30px;
}
.wall .post .avicon .linden {
  height: 60px/3;
  width: 30px;
}
.wall .post .images {
  clear: both;
}
.wall .post .images .previewImage {
  cursor: pointer;
  float: left;
  margin-right: 12px;
}
.wall .post .sendComment {
  position: relative;
  bottom: 0;
  min-height: 30px;
}
.wall .post .sendComment .imgs {
  width: calc(100% - 50px);
}
.wall .post .sendComment .imgs .previewImage {
  position: relative;
  float: left;
  margin-right: 12px;
}
.wall .post .sendComment .imgs .previewImage .del {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 8px;
}
.wall .post .sendComment .imgs .previewImage .del svg {
  fill: #CCC;
  width: 18px;
  height: 18px;
}
.wall .post .sendComment .imgs .previewImage .del svg:hover {
  fill: #FFF;
  width: 22px;
  height: 22px;
}
.wall .post .sendComment .imgs .uploadingImage,
.wall .post .sendComment .imgs .uploadingImageError {
  position: relative;
  float: left;
  margin-right: 12px;
  height: 98px;
  border: 1px solid #999;
  text-align: center;
}
.wall .post .sendComment .imgs .uploadingImage .error-overlay,
.wall .post .sendComment .imgs .uploadingImageError .error-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: bold;
  color: rgba(68, 68, 68, 0.9);
  text-align: center;
  background-color: rgba(217, 22, 22, 0.45);
}
.wall .post .sendComment .imgs .uploadingImage .error-overlay span,
.wall .post .sendComment .imgs .uploadingImageError .error-overlay span {
  position: relative;
  top: 35px;
}
.wall .post .sendComment .icons {
  position: absolute;
  bottom: 6px;
  right: 3px;
}
.wall .post .sendComment .icons > * {
  margin-left: 6px;
}
.wall .post .sendComment .icons svg {
  fill: rgba(0, 157, 211, 0.65);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.wall .post .posthead {
  height: 30px;
  margin-top: 6px;
  position: relative;
  clear: both;
}
.wall .post .editIcons {
  position: absolute;
  right: 65px;
  top: 4px;
}
.wall .post .editIcons div {
  cursor: pointer;
  float: left;
  margin-left: 6px;
}
.wall .post .editIcons div svg {
  fill: #999;
  width: 18px;
  height: 18px;
}
.wall .post .editIcons div:hover svg {
  fill: rgba(68, 68, 68, 0.9);
}
.wall .post .commentscnt {
  float: left;
  cursor: pointer;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
}
.wall .post .votes {
  float: right;
}
.wall .post .votes * {
  cursor: pointer;
  margin-right: 12px;
}
.wall .post .votes .positive {
  color: darkgreen;
}
.wall .post .votes .negative {
  color: darkred;
}
.wall .post .reply,
.wall .post .wall-editor,
.wall .post .wall-update-editor,
.wall .post .reply-editor {
  width: 100%;
  border: 0;
  height: 24px;
  margin-top: 6px;
  overflow-x: hidden;
  overflow-y: hidden;
  resize: none;
}
.wall .post .reply::placeholder,
.wall .post .wall-editor::placeholder,
.wall .post .wall-update-editor::placeholder,
.wall .post .reply-editor::placeholder {
  color: #999;
  font-weight: bold;
}
.wall .post .reply:focus,
.wall .post .wall-editor:focus,
.wall .post .wall-update-editor:focus,
.wall .post .reply-editor:focus {
  outline: none;
}
.wall .post .reply.active,
.wall .post .wall-editor.active,
.wall .post .wall-update-editor.active,
.wall .post .reply-editor.active {
  border: 1px solid #999;
}
.wall .post .reply,
.wall .post .reply-editor {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
}
.wall .post .wall-editor,
.wall .post .wall-update-editor {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.wall .post .wall-update-editor {
  border: 1px solid #999;
}
.wall .post .reply-editor {
  border: 1px solid #999;
}
.wall .post .sender {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 18px;
  margin-top: 0;
  float: left;
  padding-left: 45px;
}
.wall .post .sender a {
  text-decoration: none !important;
}
.wall .post .date {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.wall .post .text {
  margin-top: 6px;
  margin-bottom: 6px;
  clear: both;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.wall .comments {
  border-top: 1px solid #999;
  margin-top: 28px;
  padding-left: 18px;
}
.wall .comments .editIcons {
  position: absolute;
  right: 65px;
  top: 4px;
}
.wall .comments .editIcons div svg {
  width: 14px;
  height: 14px;
}
.wall .loadmore {
  cursor: pointer;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.wall .postreply {
  position: relative;
}
.wall .collapsedMore {
  cursor: pointer;
}
.wall .more {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  line-height: 25.2px;
  color: rgba(68, 68, 68, 0.9);
}
.page-navigator {
  height: 40px;
  clear: both;
}
.page-navigator dl dd,
.page-navigator dl dt {
  list-style: none;
  margin-left: 0;
  float: left;
  font-size: 10pt;
  padding: 4pt;
  line-height: 12pt;
  vertical-align: middle;
}
.page-navigator dl dd {
  width: 16pt;
  text-align: center;
  cursor: pointer;
}
.page-navigator dl dd.selected {
  background: #DDD;
  font-size: 12pt;
}
dl.navigator dd.selected {
  background: #DDD;
  font-size: 12pt;
}
.redDot {
  background-color: red;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
}
.greenDot {
  background-color: green;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
}
@media screen and (min-width: 600px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .mobile-only {
    display: block;
  }
}
.profile-message {
  position: relative;
  width: 280px;
  z-index: 9999 !important;
  right: -90px;
  top: 28px;
}
.profile-message textarea {
  width: 100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  height: 100px;
  border: 1px solid #999;
}
.profile-tp {
  position: relative;
  width: 300px;
  z-index: 9999 !important;
  right: -60px;
  top: 28px;
}
.profile-tp .profile-tp-action {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
}
.profile-tp .profile-tp-note {
  color: #999;
  font-style: italic;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 12px;
}
.place-panel {
  position: relative;
  border-top: 1px solid rgba(0, 157, 211, 0.65);
  margin-bottom: 12px;
  margin-top: 10px;
  padding: 10px 0px 0px;
}
.place-panel:first-child {
  border: 0;
  padding: 0px 0px;
}
.place-panel .land-image {
  float: right;
}
@media screen and (max-width: 599px) {
  .place-panel {
    display: grid;
  }
  .place-panel .land-image {
    float: none;
    order: 2;
  }
  .place-panel .image-content {
    order: 1;
  }
  .place-panel .desc {
    order: 3;
  }
}
.place-panel .place-name {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  font-size: 18px;
}
.place-panel .place-line {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
}
.place-panel .place-tags {
  margin-top: 0;
  margin-bottom: 6px;
}
.place-panel .place-tags .tag {
  margin-right: 4.5px;
  font-size: 10px;
  line-height: 16px;
  padding: 2px 4px;
  background-color: #009dd3;
  color: #FFF;
  border-radius: 0.5em;
  cursor: pointer;
}
.place-panel .desc {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: rgba(68, 68, 68, 0.9);
  font-size: 14px;
  margin-top: 6px;
}
.copy-me {
  margin-left: 4.5px;
}
.form-edit-warning {
  font-size: 18px;
  color: #b71c1c;
}