.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
body {
  overflow-x: hidden;
}
html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-decoration: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #1f1f1f;
}
body,
body::before {
  background-color: #e3e3e3;
}
body::before {
  display: block;
  content: '';
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 481px) {
  body {
    font-size: 16px;
  }
}
body.iframe-plain {
  background-image: none;
  background-color: rgba(227,227,227,0);
  border-radius: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
}
img,
video,
iframe {
  max-width: 100%;
}
.entry-content img[height] {
  object-fit: cover;
  height: auto;
}
small {
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
}
p {
  line-height: 1.3em;
}
.cf::after {
  content: "";
  display: block;
  clear: both;
}
.cf::after {
  content: "";
  display: block;
  clear: both;
}
.cl {
  clear: both;
}
.videoFrame {
  width: auto;
  display: block;
  max-width: 100%;
}
.site-body a.mentionUser,
.ningbar-panelBody a.mentionUser {
  font-weight: bold;
}
.site-body a.mentionUser:hover,
.ningbar-panelBody a.mentionUser:hover {
  font-weight: bold;
}
label {
  font-weight: bold;
}
.input,
input[type=text],
input[type=email],
input[type=password],
select,
textarea {
  padding: .5em;
  border: 1px solid;
  border-color: #ddd;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25em;
}
.input:active,
.input:focus,
input[type=text]:active,
input[type=text]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:active,
input[type=password]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  border-color: #8c1d40;
  outline: none;
}
.input.input-single,
input.input-single {
  width: 3em;
}
.input.input-narrow,
input.input-narrow {
  width: 6em;
}
.input.input-normal,
input.input-normal {
  width: 11em;
}
.input.input-medium,
input.input-medium {
  width: 17em;
}
.input.input-wide,
input.input-wide {
  width: 28em;
}
.input.input-full,
input.input-full {
  width: 100%;
}
.input[type="checkbox"],
.input[type="radio"],
input[type="checkbox"],
input[type="radio"] {
  height: 1.25em;
  width: 1.25em;
}
select {
  max-width: 100%;
}
.input.input-prefixed {
  display: table;
  background: #eee;
  border: none;
  padding: 0;
}
.input.input-prefixed > * {
  display: table-cell;
  margin: 0;
  border: none;
  width: 100%;
}
.input.input-prefixed > * > input {
  width: 100%;
  margin: 0;
}
.input.input-prefixed > .input-prefix {
  width: auto;
  padding: .5em;
  white-space: nowrap;
  color: #3b3b3b;
  border-color: #cccccc;
  border-width: 1px;
  border-radius: 4px 0 0 4px;
  border-style: solid none solid solid;
}
@media screen and (max-width: 481px) {
  .input.input-prefixed.input-prefixed-long {
    display: block;
  }
  .input.input-prefixed.input-prefixed-long > * {
    display: block;
    width: 100%;
  }
  .input.input-prefixed.input-prefixed-long > .input-prefix {
    border-style: solid solid none solid;
  }
}
textarea {
  height: 6em;
  resize: none;
}
textarea.input-full {
  width: 100%;
  height: auto;
}
textarea.is-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  cursor: default;
}
.textarea-stretchVertical {
  resize: vertical;
}
label.is-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
}
.table-alternateRow {
  background: rgba(200,200,200,0.25);
}
.form-legend {
  margin-bottom: 12px;
  text-transform: uppercase;
}
.form-field {
  margin-bottom: 20px;
}
.form-field label {
  display: block;
  margin-bottom: 6px;
}
.form-field label.checkboxLabel {
  display: inline-block;
  font-weight: normal;
}
.form-description {
  margin-bottom: 6px;
}
@media screen and (max-width: 481px) {
  .form-field > input,
  .form-field > textarea {
    width: 100%;
  }
  .form-actions {
    margin-bottom: 12px;
    text-align: center;
  }
  .form-actions .button {
    width: 42.5%;
  }
  .form-actions.pull-left,
  .form-actions.pull-right {
    float: none;
  }
}
.is-hidden {
  display: none !important;
}
.row::after {
  content: "";
  display: block;
  clear: both;
}
.row::after {
  content: "";
  display: block;
  clear: both;
}
.span-auto,
.span,
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span13,
.span14,
.span15,
.span16,
.span-full {
  float: left;
  word-wrap: break-word;
}
.push4,
.push5,
.push6,
.pull8,
.pull10,
.pull11,
.pull12 {
  position: relative;
}
@media screen and (min-width: 769px) {
  .push4 {
    left: 25%;
  }
  .push5 {
    left: 31.25%;
  }
  .push6 {
    left: 37.5%;
  }
  .pull8 {
    left: -50%;
  }
  .pull10 {
    left: -62.5%;
  }
  .pull11 {
    left: -68.75%;
  }
  .pull12 {
    left: -75%;
  }
}
.span-auto {
  width: auto;
}
.span0 {
  width: 0%;
}
.span1 {
  width: 6.25%;
}
.span2 {
  width: 12.5%;
}
.span3 {
  width: 18.75%;
}
.span4 {
  width: 25%;
}
.span5 {
  width: 31.25%;
}
.span6 {
  width: 37.5%;
}
.span7 {
  width: 43.75%;
}
.span8 {
  width: 50%;
}
.span9 {
  width: 56.25%;
}
.span10 {
  width: 62.5%;
}
.span11 {
  width: 68.75%;
}
.span12 {
  width: 75%;
}
.span13 {
  width: 81.25%;
}
.span14 {
  width: 87.5%;
}
.span15 {
  width: 93.75%;
}
.span16 {
  width: 100%;
}
.span-full {
  width: 100%;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.page_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.page_header br {
  display: none;
}
.section_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: -10px -15px 10px -15px;
  margin-bottom: 12px;
}
.section_header > * {
  padding: 10px 10px 10px 10px;
}
.section_header .module-header {
  padding: 10px 10px 10px 10px;
  margin: 0;
}
div + .section_header .module-header,
section + .section_header .module-header {
  margin-top: 0;
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .tablet8 {
    width: 50%;
    left: 0;
    position: static;
  }
  .tablet16 {
    width: 100%;
    left: 0;
    position: static;
  }
}
@media screen and (max-width: 481px) {
  .mobile16 {
    width: 100%;
  }
}
.column {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.content-body > .row {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
.grid-frame {
  margin-bottom: 20px;
}
.container {
  margin-left: auto;
  margin-right: auto;
  width: 1120px;
  max-width: 100%;
}
.container-fixedFull,
.container-fixedHalf {
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 769px) {
  .container-fixedFull,
  .container-fixedHalf {
    padding: 10px;
  }
}
.container-fixedFull.site-body {
  width: 720px;
}
.container-fixedHalf.site-body {
  width: 360px;
}
@media screen and (min-width: 769px) {
  .container-fixedHalf.site-body {
    padding-left: inherit;
    padding-right: inherit;
  }
}
.narrow16 {
  padding: 0 10px 5px 0;
}
.span1 .narrow16,
.span2 .narrow16,
.span3 .narrow16,
.span4 .narrow16,
.span5 .narrow16,
.span6 .narrow16,
.span7 .narrow16,
.span8 .narrow16,
.span9 .narrow16,
.span10 .narrow16,
.span11 .narrow16 {
  width: 100%;
}
.triplet::after {
  content: "";
  display: block;
  clear: both;
}
.triplet::after {
  content: "";
  display: block;
  clear: both;
}
.trispan {
  width: 30.333%;
  float: left;
  word-wrap: break-word;
  margin-right: 3px;
}
.trispan .wrap__avatar.avatar-96 {
  width: 100%;
  height: auto;
  padding-bottom: 100%;
  overflow: hidden;
}
.trispan .wrap__avatar.avatar-96 img.avatar {
  height: 100%;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.trispan .avatar-badgeText-96 {
  font-size: 9px;
  font-weight: bold;
}
.gridlines {
  position: relative;
  margin-left: -10px;
}
.gridline {
  display: block;
  width: 0px;
  height: 2000px;
  position: absolute;
  z-index: 2000;
  border-left: 1px solid red;
}
.matrix {
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.membersListPage .matrix,
.matrix.membersSection-avatars {
  justify-content: flex-start;
}
.matrix-itemFluid {
  padding: 5px;
  float: left;
  width: 100%;
}
.matrix-itemFixed {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  float: left;
}
.matrix-item {
  display: block;
}
[class*="matrix-media-"] {
  height: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 1px #00000045;
}
.matrix-media-1-1 {
  padding-bottom: 100%;
}
.matrix-media-4-3 {
  padding-bottom: 75%;
}
@media screen and (min-width: 769px) {
  .matrix-itemFluid {
    width: 50%;
  }
  .span4 .matrix-itemFluid,
  .span5 .matrix-itemFluid,
  .span6 .matrix-itemFluid {
    width: 100%;
  }
  .span16 .matrix-itemFluid {
    width: 25%;
  }
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .tablet8 .matrix-itemFluid {
    width: 100%;
  }
  .tablet16 .matrix-itemFluid {
    width: 50%;
  }
}
.smallMatrix .matrix-itemFluid {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .span10 .smallMatrix .matrix-itemFluid,
  .span11 .smallMatrix .matrix-itemFluid,
  .span12 .smallMatrix .matrix-itemFluid {
    width: 33.333333333333%;
  }
  .span16 .smallMatrix .matrix-itemFluid {
    width: 25%;
  }
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .tablet16 .smallMatrix .matrix-itemFluid {
    width: 33.333333333333%;
  }
}
.smallMatrix .matrix-itemFluid {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .span10 .smallMatrix .matrix-itemFluid,
  .span11 .smallMatrix .matrix-itemFluid,
  .span12 .smallMatrix .matrix-itemFluid {
    width: 33.333333333333%;
  }
  .span16 .smallMatrix .matrix-itemFluid {
    width: 25%;
  }
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .tablet16 .smallMatrix .matrix-itemFluid {
    width: 33.333333333333%;
  }
}
@media screen and (min-width: 769px) {
  .span16 .mediumMatrix .matrix-itemFluid {
    width: 33.333333333333%;
  }
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .tablet16 .mediumMatrix .matrix-itemFluid {
    width: 50%;
  }
}
.insta-logo_big {
  width: 176px;
  height: 35px;
  display: inline-block;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/instagram/insta_logo_network.svg?xn_version=202507221305");
  background-size: contain;
  background-repeat: no-repeat;
  margin: -3px 10px -3px auto;
}
.insta-logo_small {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/instagram/insta_logo_small.svg?xn_version=202507221305");
  background-size: contain;
  background-repeat: no-repeat;
  margin: -3px 10px -3px auto;
}
.media-frame {
  overflow: hidden;
}
.media-frame > .media-img {
  display: block;
  float: left;
  margin-right: 10px;
}
.media-frame > .media-img img {
  display: block;
}
.media-frame > .media-body {
  overflow: hidden;
  padding-top: 1px;
}
.media-frame > .media-body.activityFeed-detail {
  overflow: visible;
}
@media screen and (max-width: 481px) {
  .media-frame > .media-body {
    overflow: visible;
  }
}
.site-header {
  position: relative;
  z-index: 4;
  background-color: rgba(31,31,31,0);
  background-color: rgba(31,31,31,0);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .site-header {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 300px;
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (min-width: 769px) {
  .header-nav {
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.site-nameLogo {
  text-align: left;
}
@media screen and (min-width: 769px) {
  .site-nameLogo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
}
.header-siteNameLogo {
  line-height: 1;
  display: inline-block;
  padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 769px) {
  .header-siteNameLogo > a {
    padding: 10px;
  }
}
.header-hidden {
  display: none;
}
.header-siteName {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 60px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  background-color: rgba(255,255,255,0);
  background-color: rgba(255,255,255,0);
  color: rgba(46,45,46,0);
  z-index: 2;
}
@media screen and (max-width: 481px) {
  .header-siteName {
    font-size: 10vw;
  }
}
.header-logoImage img {
  width: 30%;
}
@media screen and (max-width: 769px) {
  .header-logoImage img {
    max-height: 12vw;
    width: auto;
  }
}
.site-headerFrame {
  background-color: rgba(255,255,255,0);
  background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/8185701281?profile=original");
  background-size: initial;
  background-repeat: no-repeat;
  background-position: top center;
}
.site-bodyFrame {
  max-width: 100%;
  overflow: hidden;
}
.site-body {
  background-color: rgba(227,227,227,0);
  border-radius: 0px;
  box-shadow: none;
  box-shadow: none;
}
@media screen and (min-width: 769px) {
  .site-body {
    padding: 20px 0px 20px 25px;
  }
}
.belowHeaderAdHtml,
.aboveFooterAdHtml {
  text-align: center;
}
@media screen and (min-width: 481px) {
  .belowHeaderAdHtml,
  .aboveFooterAdHtml {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.site-body a,
.ningbar-panelBody a {
  color: #8c1d40;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.site-body a:hover,
.ningbar-panelBody a:hover {
  color: #ffc627;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
@media screen and (min-width: 481px) {
  html {
    min-height: 100%;
    position: relative;
  }
  body {
    margin: 0 0 58.2px;
  }
  .site-footerFrame {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
.site-footer {
  color: #000;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  padding: 10px;
}
.site-footer a {
  font-weight: normal;
  color: #000;
}
@media screen and (min-width: 769px) {
  .site-footer {
    padding: 10px 1em 10px 1em;
  }
  .footer-left {
    float: left;
  }
  .footer-right {
    float: right;
  }
}
@media screen and (max-width: 769px) {
  .site-footer {
    text-align: center;
  }
}
.poweredBy-text {
  display: inline-block;
}
.poweredBy-logo {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/NING_MM_footer_blk1.png?xn_version=202507221305");
  width: 37px;
  height: 15px;
  display: inline-block;
  text-indent: -99999px;
  background-position: 0px 1px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .poweredBy-logo {
    background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/NING_MM_footer_blk@2x1.png?xn_version=202507221305");
    background-size: 37px 15px;
  }
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
  border-radius: 0;
  border-radius: 0;
  display: inline-block;
  margin: 0;
  padding: .5em;
  line-height: 1;
  outline: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
}
button[disabled],
button.is-disabled,
input[type="button"][disabled],
input[type="button"].is-disabled,
input[type="submit"][disabled],
input[type="submit"].is-disabled,
input[type="reset"][disabled],
input[type="reset"].is-disabled,
.button[disabled],
.button.is-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
}
.button {
  border: 0;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
}
.button.button-primary {
  background-color: #8c1d40;
  background-color: #8c1d40;
  color: #ffc627;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}
.button.button-primary:hover {
  background-image: none;
  background-color: #ffc627;
  background-color: #ffc627;
  color: #8c1d40;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}
.button.button-secondary {
  background-color: #8c1d40;
  background-color: #8c1d40;
  color: #ffc627;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.button.button-secondary:hover {
  background-image: none;
  background-color: #ffc627;
  background-color: #ffc627;
  color: #8c1d40;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}
.button.button-delete {
  color: #cc0000;
  border: 1px solid transparent;
}
.button.button-delete:hover,
.button.button-delete:focus,
.button.button-delete:active,
.button.button-delete.is-active {
  color: #cc0000;
  border: 1px solid #cc0000;
  text-decoration: none;
}
.button.button-iconic {
  background-color: rgba(182,60,22,0);
  background-color: rgba(182,60,22,0);
  color: #ffc627;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.button.button-iconic:hover,
.button.button-iconic.is-selected {
  background-image: none;
  background-color: rgba(255,192,1,0);
  background-color: rgba(255,192,1,0);
  color: #8c1d40;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.button.button-iconic>.icon {
  pointer-events: none;
  touch-action: none;
}
.button-tiny {
  display: inline-block;
  vertical-align: middle;
}
.button-tiny a {
  display: inline-block;
  line-height: 1em;
  padding: 2px 5px;
  font-size: 10px;
  border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #8c1d40;
  color: #8c1d40;
  text-decoration: none;
}
.button-tiny a:hover,
.button-tiny a.is-selected {
  border: 1px solid #8c1d40;
  background-color: #8c1d40;
  color: #ffffff;
  text-decoration: none;
}
.button-donate {
  display: inline-block;
  max-width: 100%;
  height: 45px;
  padding: 0 25px;
  line-height: 45px;
  white-space: nowrap;
  border-radius: 22px;
  background-color: #76bd26;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 10px 0;
  position: relative;
  z-index: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
.button-donate:hover {
  background-color: #80da09;
}
.buttons-ecommerce a,
.buttons-ecommerce a:hover {
  text-decoration: none;
}
.buttons-ecommerce .button.button-secondary:hover {
  background-color: #8c1d40;
  background-color: #8c1d40;
  color: #ffc627;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.buttons-ecommerce:hover .button.button-secondary {
  background-image: none;
  background-color: #ffc627;
  background-color: #ffc627;
  color: #8c1d40;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  text-decoration: none;
}
@media screen and (max-width: 481px) {
  .buttons-ecommerce.pull-right {
    float: none;
  }
}
.buttons-ecommerce .button {
  height: 26px;
  line-height: 25px;
  padding: 0 .5em;
}
.show_eccom .buttons-ecommerce {
  padding: 0;
  margin-left: auto;
}
.show_eccom .buttons-ecommerce + .buttons-ecommerce {
  margin-left: 0;
}
.show_eccom .entry-title {
  width: 100%;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
}
.show_eccom .entry-title > a {
  margin-right: auto;
  line-height: normal;
}
.column-narrow .buttons-ecommerce.pull-right {
  float: none;
}
.column-narrow .button {
  min-height: 10px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.column-wide .button {
  min-height: 10px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.groupHub-group .buttons-ecommerce.pull-right {
  margin: 0;
  max-width: 100%;
  white-space: normal;
  padding: 0 0 0 3px;
}
.groupHub-group .buttons-ecommerce.pull-right .button {
  height: 22px;
  padding: 0 .3em;
  line-height: 20px;
  font-size: 12px;
}
.button_ecomm {
  margin-left: 1px;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 1px;
}
.button_ecomm.disabled,
.disabled .button_ecomm {
  display: none;
}
.button_status {
  margin-left: 1px;
  border-width: 1px;
  border-style: solid;
  min-width: 26px;
}
.button_status.disabled,
.disabled .button_status {
  text-decoration: none !important;
  cursor: default !important;
  color: #fff !important;
  display: inline-flex;
  justify-content: center;
  border-color: #dedede !important;
  background-color: #dedede !important;
  background-image: none !important;
}
.button_status.disabled:hover,
.disabled .button_status:hover {
  border-color: #dedede !important;
  background-color: #dedede !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}
.activityDropdownPlus {
  border: none;
  padding: 0;
  background: transparent;
}
.buttonGroup {
  margin-top: 10px;
}
.buttonGroup::before {
  margin-bottom: 12px;
  display: block;
  content: "";
  height: 0;
  border-top: 1px solid #cccccc;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: middle;
}
.icon::before {
  font-family: 'ning-icon-fonts';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5em;
}
.is-disabled .icon {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
}
.icon-reload::before {
  content: '\e618';
}
.icon-add::before {
  content: '\e617';
}
.icon-subtract::before {
  content: '\e616';
}
.icon-delete::before {
  content: '\e615';
}
.icon-close::before {
  content: '\e615';
}
.icon-edit::before {
  content: '\e611';
}
.icon-trash::before {
  content: '\e610';
}
.icon-star::before {
  content: '\e60f';
}
.icon-love::before {
  content: '\e60a';
}
.icon-tag::before {
  content: '\e608';
}
.icon-settings::before {
  content: '\e605';
}
.icon-appearance::before {
  content: '\e601';
}
.icon-first::before {
  content: '\e604';
}
.icon-prev::before {
  content: '\e602';
}
.icon-next::before {
  content: '\e603';
}
.icon-rss::before {
  content: '\e613';
}
.icon-feature::before {
  content: '\e60c';
}
.icon-rotate::before {
  content: '\e609';
}
.icon-help::before {
  content: '\e614';
}
.icon-move::before {
  content: '\e619';
}
.icon-menu::before {
  content: '\e60b';
}
.icon-user::before {
  content: '\e606';
}
.icon-home::before {
  content: '\e60e';
}
.icon-leave::before {
  content: '\e607';
}
.icon-envelope::before {
  content: '\e612';
}
.icon-tower::before {
  content: '\e600';
}
.icon-camera::before {
  content: "\e61a";
}
.icon-check-mark::before {
  content: "\e61e";
}
.icon-clock::before {
  content: "\e61d";
}
.icon-user-subtract::before {
  content: "\e61b";
}
.icon-user-add::before {
  content: "\e61c";
}
.icon-reply::before {
  content: "\e61f";
}
.icon-reply-all::before {
  content: "\e620";
}
.icon-archive::before {
  content: "\e621";
}
.icon-block::before {
  content: "\e622";
}
.icon-folder-open::before {
  content: "\e623";
}
.icon-forward::before {
  content: "\e624";
}
.icon-friend-request::before {
  content: "\e625";
}
.icon-image::before {
  content: "\e626";
}
.icon-arrow-downward::before {
  content: "\e627";
}
.icon-arrow-upward::before {
  content: "\e628";
}
.icon-comment::before {
  content: "\e629";
}
.icon-circle-facebook::before {
  content: "\e62a";
}
.icon-circle-rss::before {
  content: "\e62b";
}
.icon-circle-twitter::before {
  content: "\e62c";
}
.icon-eye::before {
  content: "\e900";
}
.icon-check:before {
  content: "\f00c";
}
.icon-closeChat:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-option:before {
  content: "\f013";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-add-image:before {
  content: "\f03e";
}
.icon-comments:before {
  content: "\f086";
}
.icon-paperclip:before {
  content: "\f0c6";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-delete-close:before {
  content: "\e615";
}
.icon-downSubmenu:before {
  content: '\e60d';
}
@media screen and (max-width: 769px) {
  .icon-down::before {
    font-family: 'ning-icon-fonts';
    content: '\e60d';
    float: right;
  }
}
@media screen and (min-width: 769px) {
  .icon-mobile {
    width: auto;
    overflow: visible;
  }
}
.image {
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.image-cover {
  background-size: cover;
}
.image-contain {
  background-size: contain;
}
.image-tiled {
  background-repeat: repeat;
}
.image-aspect-1-1 {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.image-aspect-3-2 {
  width: 100%;
  height: 0;
  padding-bottom: 66.666666666667%;
}
.image-aspect-2-3 {
  width: 100%;
  height: 0;
  padding-bottom: 150%;
}
.image-aspect-4-3 {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.image-aspect-3-4 {
  width: 100%;
  height: 0;
  padding-bottom: 133.33333333333%;
}
.image-aspect-16-9 {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.image-aspect-9-16 {
  width: 100%;
  height: 0;
  padding-bottom: 177.77777777778%;
}
.avatar-frame {
  display: block;
  background-color: #fff;
  padding: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: #8c1d40;
  border-radius: 0%;
  position: relative;
}
.avatar {
  display: block;
  border-radius: 0%;
}
.wrap__avatar {
  display: block;
  position: relative;
  overflow: hidden;
}
.wrap__avatar.avatar-184 {
  width: 184px;
  height: 184px;
}
.wrap__avatar.avatar-184 img.avatar {
  height: 184px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-96 {
  width: 96px;
  height: 96px;
}
.wrap__avatar.avatar-96 img.avatar {
  height: 96px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-90 {
  width: 90px;
  height: 90px;
}
.wrap__avatar.avatar-90 img.avatar {
  height: 90px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-64 {
  width: 64px;
  height: 64px;
}
.wrap__avatar.avatar-64 img.avatar {
  height: 64px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-48 {
  width: 48px;
  height: 48px;
}
.wrap__avatar.avatar-48 img.avatar {
  height: 48px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-32 {
  width: 32px;
  height: 32px;
}
.wrap__avatar.avatar-32 img.avatar {
  height: 32px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-24 {
  width: 24px;
  height: 24px;
}
.wrap__avatar.avatar-24 img.avatar {
  height: 24px;
  border-radius: 0;
  max-width: none;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.wrap__avatar.avatar-full-width {
  width: auto;
  display: inline;
  height: auto;
  border-radius: 0;
  position: static;
}
.wrap__avatar.avatar-full-width img.avatar-full-width {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.avatar-184 {
  width: 184px;
}
.avatar-96 {
  width: 96px;
}
.avatar-90 {
  width: 90px;
}
.avatar-64 {
  width: 64px;
}
.avatar-48 {
  width: 48px;
}
.avatar-32 {
  width: 32px;
}
.avatar-24 {
  width: 24px;
}
.avatar-full-width {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.avatar-badgeText-184 {
  font-size: 12px;
}
.avatar-badgeText-96 {
  font-size: 12px;
}
.avatar-badgeText-90 {
  font-size: 10px;
}
.avatar-badgeText-64 {
  font-size: 8px;
}
.avatar-badgeText-48 {
  font-size: 6px;
}
.avatar-badgeText-32 {
  font-size: 4px;
}
.avatar-badgeText-24 {
  font-size: 3px;
}
.avatar-badgeImage {
  position: absolute;
  width: 33%;
  height: 33%;
  display: block;
  background-position: 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.avatar-topLeft {
  top: 0;
  left: 0;
}
.avatar-bottomRight {
  bottom: 0;
  right: 0;
}
.avatar-topRight {
  top: 0;
  right: 0;
}
.avatar-bottomLeft {
  bottom: 0;
  left: 0;
}
.avatar-badgeText.avatar-topLeft,
.avatar-badgeText.avatar-topRight {
  top: 0;
  left: 0;
  bottom: auto;
}
.avatar-badgeText.avatar-bottomLeft,
.avatar-badgeText.avatar-bottomRight {
  top: auto;
  left: 0;
  bottom: 0;
}
.avatar-badgeText {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33%;
  max-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background: transparent;
}
.avatar-badgeTextLabel {
  line-height: 1;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 1.5px 0;
}
.avatar-frame .avatar-badgeTextLabel {
  margin: 0px;
}
.avatar-default {
  background-image: url('https://static.ning.com/asutwc/widgets/profiles/gfx/defaults/default-avatar.png');
  background-color: #8c1d40;
  background-size: contain;
  max-width: 100%;
  height: 48px;
  margin: 0 auto;
}
.avatar-default.avatar-96 {
  padding-bottom: 0;
  height: 96px;
}
.avatar-default.avatar-48 {
  padding-bottom: 0;
  height: 48px;
}
.avatar-default.avatar-24 {
  padding-bottom: 0;
  height: 24px;
}
.linkbar::after {
  content: "";
  display: block;
  clear: both;
}
.linkbar::after {
  content: "";
  display: block;
  clear: both;
}
.linkbar > li {
  float: left;
}
.linkbar-iconic li {
  margin-right: 5px;
}
.linkbar-iconic li:last-child {
  margin-right: 0;
}
.linkbar-iconic {
  display: inline-block;
}
.before-content {
  position: relative;
  width: 100%;
  z-index: 11;
}
.ningbar {
  background-color: #fff1de;
  background-color: #fff1de;
  min-height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ningbar-userLinks {
  float: right;
  margin-right: 1em;
  font-size: 12px;
  line-height: 20px;
  margin-left: auto;
}
@media screen and (max-width: 481px) {
  .ningbar-userLinks {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%;
  }
  .ningbar-userLinks:after {
    font-size: 0;
    width: 0;
    -webkit-box-ordinal-group: 1001;
    -webkit-order: 1000;
    -ms-flex-order: 1000;
    order: 1000;
  }
}
.ningbar-userLinks > li {
  margin: 5px;
  min-height: 24px;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}
.ningbar-userLinks > li a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  min-height: 22px;
}
@media screen and (max-width: 481px) {
  .ningbar-userLinks > li:first-child {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
    -ms-flex-order: 100;
    order: 100;
    margin-left: auto;
    width: 100%;
    margin-right: 0;
  }
}
.ningbar-link {
  display: block;
  color: #8c1d40;
  position: relative;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}
.ningbar-link:hover {
  color: #1f1f1f;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  text-transform: none;
}
.ningbar-link .icon {
  font-size: 16px;
  line-height: 20px;
  height: 20px;
}
.ningbar-list {
  position: relative;
  padding-right: 5px;
}
@media screen and (max-width: 481px) {
  .ningbar-userLinks > li.friendRequests-list {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media screen and (max-width: 481px) {
  .ningbar-userLinks > li.recentMessages-list {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 481px) {
  .ningbar-userLinks > li.cht-chatListItem {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-right: auto;
  }
}
.ningbar-countNotification {
  border-radius: 0.5em;
  border-radius: 0.5em;
  box-shadow: 0 1px 1px rgba(100,100,100,0.5);
  box-shadow: 0 1px 1px rgba(100,100,100,0.5);
  background-color: #E50505;
  background-color: #E50505;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#E50505),to(#d31717));
  background: transparent -webkit-linear-gradient(#E50505,#d31717);
  background: transparent -moz-linear-gradient(#E50505,#d31717);
  background: transparent -ms-linear-gradient(#E50505,#d31717);
  background: transparent linear-gradient(#E50505,#d31717);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#E50505),to(#d31717));
  background: transparent -webkit-linear-gradient(#E50505,#d31717);
  background: transparent -moz-linear-gradient(#E50505,#d31717);
  background: transparent -ms-linear-gradient(#E50505,#d31717);
  background: transparent linear-gradient(#E50505,#d31717);
  background-color: #E50505;
  background-color: #E50505;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#E50505),to(#d31717));
  background: transparent -webkit-linear-gradient(#E50505,#d31717);
  background: transparent -moz-linear-gradient(#E50505,#d31717);
  background: transparent -ms-linear-gradient(#E50505,#d31717);
  background: transparent linear-gradient(#E50505,#d31717);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#E50505),to(#d31717));
  background: transparent -webkit-linear-gradient(#E50505,#d31717);
  background: transparent -moz-linear-gradient(#E50505,#d31717);
  background: transparent -ms-linear-gradient(#E50505,#d31717);
  background: transparent linear-gradient(#E50505,#d31717);
  font: normal bold 8px/8px sans-serif;
  padding: 0.25em 0.5em;
  position: absolute;
  top: -1px;
  right: -8px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(100,100,100,0.5);
  text-decoration: none;
}
.ningbar-panelHeader {
  line-height: 25px;
  padding: 5px;
  border-bottom: 1px solid rgba(200,200,200,0.3);
  border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  background-color: #ffffff;
  background-color: #ffffff;
}
.ningbar-panelBody {
  border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  background-color: #ffffff;
  background-color: #ffffff;
  color: #1f1f1f;
  position: relative;
  display: block;
  margin-top: 0px;
  overflow: hidden;
}
.ningbar-panelFooter {
  text-align: center;
  padding: 10px 5px;
}
.ningbar-panelHeading {
  color: #1f1f1f;
  font-weight: bold;
}
.ningbar-panel {
  border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(100,100,100,0.5);
  box-shadow: 0 2px 2px rgba(100,100,100,0.5);
  width: 300px;
  border-top: 1px solid rgba(100,100,100,0.1);
  position: absolute;
  margin-top: 10px;
}
@media screen and (min-width: 481px) {
  .ningbar-panel {
    right: 50%;
    margin-right: -21px;
  }
}
@media screen and (max-width: 481px) {
  .ningbar-panel {
    width: 250px;
    left: 50%;
    margin-left: -21px;
  }
  .ningbar-panel.recentMessages-panel {
    width: 300px;
    margin-left: -62px;
  }
  .ningbar-panel.recentMessages-panel::before,
  .ningbar-panel.recentMessages-panel::after {
    left: 53px;
  }
}
.ningbar-panel::before,
.ningbar-panel::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px;
}
@media screen and (min-width: 481px) {
  .ningbar-panel::before,
  .ningbar-panel::after {
    right: 14px;
  }
}
@media screen and (max-width: 481px) {
  .ningbar-panel::before,
  .ningbar-panel::after {
    left: 14px;
  }
}
.ningbar-panel::before {
  top: -15px;
  border-color: transparent transparent rgba(100,100,100,0.2) transparent;
}
.ningbar-panel::after {
  top: -14px;
  border-color: transparent transparent #ffffff transparent;
}
.ningbar-panelRow {
  padding: 5px;
  border-bottom: 1px solid rgba(200,200,200,0.3);
  overflow: hidden;
}
.ningbar-memberLocale {
  color: #8c1d40;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  background: transparent;
  border: none;
  display: inline-block;
  padding: 3px;
}
.ningbar-memberLocale option {
  color: #1a1d1f;
}
:root {
  --dynamic-size: 0px;
  --arrow-size: 30px;
  --select-size: calc(var(--dynamic-size) + var(--arrow-size));
}
.js-resizing-select {
  width: var(--select-size);
}
.js-helper-element {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  visibility: hidden;
  top: 0;
  left: -9999px;
  z-index: -1;
}
.navbar {
  background-color: rgba(31,31,31,0);
  background-color: rgba(31,31,31,0);
  position: relative;
}
.mainTab-item {
  position: relative;
}
.mainTab-item a {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  display: block;
  padding: 6px 15px 6px 15px;
}
.mainTab-item .subTab-item > a {
  padding: 10px 15px 10px 15px;
}
.subTab {
  display: none;
  min-width: 100%;
  z-index: 4;
}
.subTab a {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.occasional-button {
  text-align: right;
}
.occasional-button > .button-iconic {
  border: none;
  color: #ffffff;
  background-color: #ffc627;
  font-size: 16px;
  padding: 10px;
}
.occasional-button > .button-iconic:hover,
.occasional-button > .button-iconic.active {
  color: #ffffff;
  background-color: #ffc627;
}
.globalsearch {
  height: 24px;
  width: 123px;
  padding-left: 12px;
  transition: width ease 300ms;
  border: 1px solid #8c1d40;
  -webkit-appearance: none;
}
.globalsearch:focus {
  outline: none;
  box-shadow: inset 0 0 1px 0 #8c1d40;
}
.globalsearch-button {
  position: relative;
  width: 34px;
  height: 24px;
  border: 1px solid #8c1d40;
  margin: 0 0 0 -1px;
  padding: 0;
  vertical-align: top;
  background-color: #e3e3e3;
  background-image: none;
  box-shadow: none;
  box-sizing: border-box;
}
.globalsearch-button:hover {
  border: 1px solid #8c1d40;
  background-color: #e3e3e3;
  background-image: none;
  box-shadow: none;
}
.globalsearch-button:before {
  position: absolute;
  content: '';
  width: 9px;
  height: 9px;
  border: 1px solid #8c1d40;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -6px;
}
.globalsearch-button:after {
  position: absolute;
  content: '';
  width: 5px;
  height: 2px;
  border-radius: 2px;
  background-color: #8c1d40;
  transform: rotate(45deg);
  bottom: 6px;
  right: 9px;
}
.reset-demo-button {
  position: relative;
  width: auto;
  height: 24px;
  border: 1px solid #8c1d40;
  margin: 3px 10px;
  padding: 0 5px;
  vertical-align: top;
  text-align: center;
  background-color: #e3e3e3;
  background-image: none;
  box-shadow: none;
  box-sizing: border-box;
  color: #771936;
}
@media screen and (max-width: 769px) {
  .reset-demo-button {
    display: none;
  }
}
.reset-demo-button:hover {
  border: 1px solid #8c1d40;
  background-color: #e3e3e3;
  background-image: none;
  box-shadow: none;
  color: #771936;
}
@media screen and (min-width: 769px) {
  .navbar {
    z-index: 0;
  }
  .mainTab-item {
    display: inline-block;
    margin-right: 0px;
  }
  .mainTab-item:last-child {
    margin-right: 0;
  }
  .subTab {
    position: absolute;
    text-align: left;
  }
  .mainTab-item > a {
    background-color: #ffc627;
    background-color: #ffc627;
    color: #ffffff;
  }
  .mainTab-item > a.hovered,
  .mainTab-item:hover > a,
  .mainTab-item.active > a {
    background-image: none;
    background-color: #8c1d40;
    background-color: #8c1d40;
    color: #ffffff;
  }
  .subTab-item > a {
    background-color: #ffc627;
    background-color: #ffc627;
    color: #ffffff;
    white-space: nowrap;
  }
  .subTab-item > a:hover {
    background-image: none;
    background-color: #8c1d40;
    background-color: #8c1d40;
  }
  .occasional-button {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .mainTab {
    display: none;
  }
  .mainTab.condensed-visible {
    display: block;
    position: absolute;
    right: 0;
    width: 40%;
    z-index: 99;
    background-color: #ffc627;
  }
  .mainTab-item a {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    background-color: #ffc627;
    background-color: #ffc627;
    color: #ffffff;
    padding: 10px;
  }
  .mainTab-item:hover a,
  .mainTab-item.active a,
  .mainTab-item[dojotype="SubTabHover"]:hover a {
    background-image: none;
    background-color: #8c1d40;
    background-color: #8c1d40;
    color: #ffffff;
  }
  .subTab-item > a {
    padding-left: 1.5em;
  }
}
@media screen and (max-width: 481px) {
  .globalsearch {
    height: 24px;
    width: calc(100% - 34px);
    padding-left: 12px;
    -webkit-appearance: none;
  }
  .mainTab.condensed-visible {
    position: static;
    margin: 0;
    width: 100%;
  }
}
.datepicker img.ui-datepicker-trigger {
  padding: 0;
  margin-left: 3px;
  cursor: pointer;
}
.datepicker.inrow {
  display: flex;
  align-items: center;
}
.ui-datepicker {
  margin-top: 0;
  margin-left: 0;
  font-size: 10px;
  padding: 2px;
  width: 199px;
  line-height: 1.2em;
  font-family: "Helvetica", "Arial", sans-serif;
  position: absolute;
  z-index: 199;
  border: 1px solid #878787;
  background-color: #ffffff;
  display: none;
}
.ui-datepicker h2 {
  font-size: 12px;
  text-align: center;
  margin: 2px 0;
  padding: 0;
}
.ui-datepicker a {
  font-weight: normal;
  text-decoration: none;
  color: #333333;
}
.ui-datepicker a.ui-datepicker-prev {
  float: left;
}
.ui-datepicker a.ui-datepicker-next {
  float: right;
}
.ui-datepicker a.ui-datepicker-prev,
.ui-datepicker a.ui-datepicker-next {
  cursor: pointer;
  font-weight: bold;
  padding: 1px 3px 3px;
}
.ui-datepicker a.ui-datepicker-prev:hover,
.ui-datepicker a.ui-datepicker-next:hover {
  text-decoration: underline;
}
.ui-datepicker a.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker a.ui-datepicker-next.ui-state-disabled {
  cursor: default;
  text-decoration: none !important;
  color: #aaaaaa;
}
table.ui-datepicker-calendar {
  border-collapse: collapse;
  width: 100%;
}
table.ui-datepicker-calendar th {
  font-weight: bold;
  padding: 3px 5px;
}
table.ui-datepicker-calendar td {
  padding: 3px 5px;
  text-align: center;
  cursor: pointer;
}
table.ui-datepicker-calendar td.ui-datepicker-today a {
  font-weight: bold;
}
table.ui-datepicker-calendar td:hover,
table.ui-datepicker-calendar td.dp-hover {
  text-decoration: underline;
}
table.ui-datepicker-calendar td.ui-state-disabled,
table.ui-datepicker-calendar td.ui-state-disabled:hover {
  text-decoration: none;
  cursor: default;
  color: #aaaaaa;
}
.ui-datepicker-title {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: 1.4em;
}
.EventDatePicker {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 12px;
  font-family: Arial, sans-serif;
}
.EventDatePicker .ui-datepicker {
  z-index: 0;
  font-family: Arial, Helvetica, sans-serif;
  position: static;
  width: fit-content;
  color: #aaaaaa;
  background: #ffffff;
  padding: 5px;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header {
  display: flex;
  align-items: center;
  min-height: 48px;
  background: transparent;
  color: inherit;
  border: none;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header:after,
.EventDatePicker .ui-datepicker .ui-datepicker-header:before {
  display: none;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: static;
  order: 0;
  color: inherit;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  font-size: 12px;
  position: static;
  left: 0;
  top: 0;
  margin: 0;
  text-indent: 0;
  background: transparent;
  text-align: center;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  text-decoration: none;
  background: #ccc;
  border: none;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover span,
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover span {
  color: #ffffff;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-state-disabled {
  opacity: .7;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  order: 2;
}
.EventDatePicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  order: 1;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar {
  font-size: 12px;
  width: 190px;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td {
  padding: 0;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td:hover,
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td:hover a {
  text-decoration: none;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td a,
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td span {
  text-align: center;
  border: none;
  background: transparent;
  font-weight: normal;
  display: block;
  padding: 5px 0;
  color: #333333;
  margin-bottom: 1px;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td a.ui-state-hover,
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td a:hover,
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td span.ui-state-hover,
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td span:hover {
  text-decoration: none;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td span {
  color: #6d6d6d;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td.specialDate a {
  background-color: #cdecfa;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable,
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled {
  cursor: default;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a {
  background-color: #ffe684;
}
.EventDatePicker .ui-datepicker table.ui-datepicker-calendar td.specialDate.ui-datepicker-current-day a {
  background-color: #70ccd5;
}
.facebookShareButton {
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#fff),to(#dedede));
  background: transparent -webkit-linear-gradient(#fff,#dedede);
  background: transparent -moz-linear-gradient(#fff,#dedede);
  background: transparent -ms-linear-gradient(#fff,#dedede);
  background: transparent linear-gradient(#fff,#dedede);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#fff),to(#dedede));
  background: transparent -webkit-linear-gradient(#fff,#dedede);
  background: transparent -moz-linear-gradient(#fff,#dedede);
  background: transparent -ms-linear-gradient(#fff,#dedede);
  background: transparent linear-gradient(#fff,#dedede);
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#fff),to(#dedede));
  background: transparent -webkit-linear-gradient(#fff,#dedede);
  background: transparent -moz-linear-gradient(#fff,#dedede);
  background: transparent -ms-linear-gradient(#fff,#dedede);
  background: transparent linear-gradient(#fff,#dedede);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#fff),to(#dedede));
  background: transparent -webkit-linear-gradient(#fff,#dedede);
  background: transparent -moz-linear-gradient(#fff,#dedede);
  background: transparent -ms-linear-gradient(#fff,#dedede);
  background: transparent linear-gradient(#fff,#dedede);
  background-color: white;
  border: #ccc solid 1px;
  border-radius: 3px;
  text-decoration: none;
  font: normal normal bold 11px/18px 'Helvetica Neue', Arial, sans-serif;
  color: #333;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
}
.facebookShareButton:hover {
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#f8f8f8),to(#d9d9d9));
  background: transparent -webkit-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -moz-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -ms-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#f8f8f8),to(#d9d9d9));
  background: transparent -webkit-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -moz-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -ms-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent linear-gradient(#f8f8f8,#d9d9d9);
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#f8f8f8),to(#d9d9d9));
  background: transparent -webkit-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -moz-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -ms-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#f8f8f8),to(#d9d9d9));
  background: transparent -webkit-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -moz-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent -ms-linear-gradient(#f8f8f8,#d9d9d9);
  background: transparent linear-gradient(#f8f8f8,#d9d9d9);
  border-color: #bbb;
  text-decoration: none;
}
.facebookShareButton span {
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/buttons-ningbar.png?xn_version=202507221305") no-repeat 0 -311px;
  padding: 0 0 0 17px;
}
.facebook-likebox iframe {
  max-width: none;
}
.fb-comments,
.fb-comments * {
  width: 100% !important;
}
.notice-errorMessage,
.notice-successMessage,
.notice-warningMessage,
.notice-infoMessage {
  margin-bottom: 6px;
  padding: 8px 12px 8px 40px;
  color: #5E5E5E;
  line-height: 1.3em;
}
.notice-buttons {
  margin-top: 12px;
}
.notice-errorMessage {
  background: #ffe4df url("https://static.ning.com/asutwc/widgets/index/gfx/msg/error.png?xn_version=202507221305") scroll no-repeat 8px center;
}
.notice-successMessage {
  background: #e7f7d1 url("https://static.ning.com/asutwc/widgets/index/gfx/msg/success.png?xn_version=202507221305") scroll no-repeat 8px center;
}
.notice-warningMessage,
.notice-infoMessage {
  background: #F7F5D6 url("https://static.ning.com/asutwc/widgets/index/gfx/msg/warning.png?xn_version=202507221305") scroll no-repeat 8px center;
}
.notice-errorHighlight input,
.notice-errorHighlight textarea,
.notice-errorHighlight select {
  background-color: #ffe4df;
}
.notice-errorHighlight label {
  color: #ff0000;
}
.notice_addon a {
  color: #80b833 !important;
  text-decoration: none;
}
.notice_addon a:hover {
  text-decoration: underline;
}
.notice_addon .addon {
  color: #6f6f6f;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #e4e4e4;
  background-color: #ffffff;
  padding: 16px 16px 16px 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-repeat: no-repeat;
  background-position: 15px 16px;
  background-image: url("https://static.ning.com/asutwc/widgets/shared/gfx/icon/info.svg?xn_version=202507221305");
}
.notice_addon .addon .buttons_block {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.span7 .notice_addon .addon .buttons_block,
.span6 .notice_addon .addon .buttons_block,
.span5 .notice_addon .addon .buttons_block,
.span4 .notice_addon .addon .buttons_block,
.span3 .notice_addon .addon .buttons_block,
.span2 .notice_addon .addon .buttons_block,
.span1 .notice_addon .addon .buttons_block {
  margin-left: auto;
  margin-top: 12px;
}
@media screen and (max-width: 481px) {
  .notice_addon .addon .buttons_block {
    margin-top: 12px;
    margin-left: auto;
  }
}
.span7 .notice_addon .addon,
.span6 .notice_addon .addon,
.span5 .notice_addon .addon,
.span4 .notice_addon .addon,
.span3 .notice_addon .addon,
.span2 .notice_addon .addon,
.span1 .notice_addon .addon {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 481px) {
  .notice_addon .addon {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.notice_addon .addon_expired {
  border-color: #f45c00;
  background-image: url("https://static.ning.com/asutwc/widgets/shared/gfx/icon/info_expired.svg?xn_version=202507221305");
}
.notice_addon .notice-act_button {
  border: none !important;
  border-radius: 4px;
  height: auto;
  padding: 0 10px;
  background-image: none !important;
  background-color: #76ae38 !important;
  color: #fff !important;
  box-shadow: none;
  font-size: 1.05em !important;
  font-weight: normal !important;
  white-space: normal !important;
  max-width: 200px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.notice_addon .notice-act_button:hover {
  background-image: none !important;
  box-shadow: none;
  border: none;
  background-color: #86ca44 !important;
  color: #fff;
  text-decoration: none;
}
.notice_addon .notice-act_button.disabled {
  background-color: #a5a5a5;
  color: #333;
}
.notice_addon .notice-act_button > span {
  color: #fff;
  min-height: 29px;
  line-height: 17px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
}
.notice_addon .notice-react_button {
  border: none !important;
  border-radius: 4px;
  height: auto;
  padding: 0 10px;
  background-image: none !important;
  background-color: #76ae38 !important;
  color: #fff !important;
  box-shadow: none;
  font-size: 1.05em !important;
  font-weight: normal !important;
  white-space: normal !important;
  max-width: 200px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f45c00 !important;
}
.notice_addon .notice-react_button:hover {
  background-image: none !important;
  box-shadow: none;
  border: none;
  background-color: #86ca44 !important;
  color: #fff;
  text-decoration: none;
}
.notice_addon .notice-react_button.disabled {
  background-color: #a5a5a5;
  color: #333;
}
.notice_addon .notice-react_button > span {
  color: #fff;
  min-height: 29px;
  line-height: 17px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
}
.notice_addon .notice-react_button:hover {
  background-color: #f46805 !important;
}
.notice_addon .addon p {
  color: #6f6f6f;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.8em;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.span7 .notice_addon .addon p,
.span6 .notice_addon .addon p,
.span5 .notice_addon .addon p,
.span4 .notice_addon .addon p,
.span3 .notice_addon .addon p,
.span2 .notice_addon .addon p,
.span1 .notice_addon .addon p {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media screen and (max-width: 481px) {
  .notice_addon .addon p {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.notice_addon .js-less,
.notice_addon .js-more {
  display: inline-block;
}
.pagination {
  font-size: 0.78em;
  text-align: center;
}
.pagination ul {
  display: inline-block;
}
.pagination li {
  display: inline-block;
}
.pagination form {
  display: inline-block;
}
.pagination input {
  width: 3em;
  padding: 0;
  height: 1.7em;
  font-size: 14px;
  border-color: #f3f3f3;
}
.pagination-number {
  display: inline-block;
  padding: 2px 6px;
  color: #8c1d40;
  font-size: 12px;
}
.pagination-current {
  color: #ffffff;
  background-color: #8c1d40;
  font-weight: normal;
}
.sheet {
  background-color: #ffffff;
  box-shadow: none;
  box-shadow: none;
  border-color: rgba(245,163,0,0.13);
  border-style: double;
  border-width: 8px;
  border-color: rgba(245,163,0,0.13);
  border-style: double;
  border-width: 8px;
  border-radius: 0px;
  border-radius: 0px;
  padding: 10px 15px 10px 15px;
}
.matrix-sheet {
  background-color: transparent;
  color: #1f1f1f;
  font-size: 0.8em;
  padding: 0;
  box-shadow: none;
  box-shadow: none;
}
.subnav li {
  display: inline-block;
  margin-right: 20px;
}
.subnav li:last-child {
  margin-right: 0;
}
.subnav li a {
  display: inline-block;
  padding: 0.5em 0;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #8c1d40;
}
.subnav li a:hover,
.subnav li.subnav-current > a {
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
  text-transform: none;
  color: #ffc627;
}
.subnav li.hasNestedItems {
  position: relative;
}
.subnav li .icon-downSubmenu {
  font-size: 12px;
}
.subnav li .icon-downSubmenu:before {
  color: #8c1d40;
}
.subnav li .icon-downSubmenu:before:hover {
  color: #ffc627;
}
.subnav li:hover > a,
.subnav li:hover .icon-downSubmenu:before {
  color: #ffc627;
}
.subnav li.subnav-current .icon-downSubmenu:before {
  color: #ffc627;
}
.subnav li .nested {
  position: absolute;
  left: 0.15rem;
  top: 100%;
  z-index: 100;
  display: grid;
  min-width: 128px;
  max-height: 25rem;
  overflow: auto;
  background-color: #ffffff;
  padding: 0.75rem;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.7);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 150ms ease-in-out, transform 150ms ease-in-out, left 150ms ease-in-out;
  pointer-events: none;
  border-radius: 0px;
  border-radius: 0px;
}
.subnav li .nested:before {
  position: absolute;
  z-index: -3;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e3e3e3;
  border-radius: 0px;
  border-radius: 0px;
}
.subnav li .nested:after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 0px;
  border-radius: 0px;
}
.subnav li .nested .act-bg {
  position: absolute;
  z-index: -2;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(227,227,227,0);
  border-radius: 0px;
  border-radius: 0px;
}
.subnav li .nested a {
  color: #8c1d40;
}
.subnav li .nested a:hover {
  color: #ffc627;
  text-decoration: underline;
}
.subnav li .nested .subnav-current a {
  color: #ffc627;
  text-decoration: underline;
}
.subnav li:hover > .nested {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.subnav.condensed {
  display: none;
  width: 100%;
}
.subnav.condensed .nestedItem,
.subnav.condensed .hasNestedItems {
  background-color: rgba(133,133,133,0.04);
}
.subnav.condensed .nestedItem {
  font-size: 12px;
}
.subnav.condensed [selected] {
  font-weight: bold;
}
.subnav.expanded {
  height: 25px;
  overflow: hidden;
}
.subnav-more {
  cursor: pointer;
  position: relative;
  float: right;
}
.subnav-more > ul {
  background-color: #e3e3e3;
  background-color: #e3e3e3;
  box-shadow: 0 3px 3px rgba(100,100,100,0.5);
  box-shadow: 0 3px 3px rgba(100,100,100,0.5);
  display: none;
  position: absolute;
  right: 0;
  padding: 5px;
  z-index: 1;
}
.subnav-more > ul > li {
  margin-right: 10px;
  margin-left: 10px;
}
.subnav-moreLink + ul {
  display: none;
}
.subnav-moreLink::after {
  font-family: 'ning-icon-fonts';
  content: '\e60d';
  font-size: 65%;
  padding-left: 5px;
  width: 10px;
}
@media screen and (max-width: 769px) {
  .subnav.expanded {
    display: none;
  }
  .subnav.condensed {
    display: block;
  }
}
.subnavline {
  border-bottom: 1px solid #aaa;
}
.subnavline > li {
  display: inline-block;
}
.subnavline > li > a,
.subnavline > li > span {
  display: block;
  color: #1f1f1f;
  border-bottom: 5px solid transparent;
  padding: 10px;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
}
.subnavline > li:hover > a,
.subnavline > li:hover > span,
.subnavline > li.current > a,
.subnavline > li.current > span {
  color: #8c1d40;
  border-bottom-color: #8c1d40;
  font-weight: bold;
  text-decoration: none;
}
.content-header {
  position: relative;
  z-index: 2;
}
.content-name {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #8c1d40;
}
@media screen and (max-width: 769px) {
  .content-header,
  .content-body {
    padding: 10px;
  }
}
.content-name,
.content-actions {
  margin-bottom: 0.5em;
}
.content-nav {
  margin-bottom: 12px;
}
.module-header {
  background-color: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0);
  padding: 10px 10px 10px 10px;
  margin: -10px -15px 10px -15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px;
  overflow: hidden;
}
.module-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #1f1f1f;
  text-align: left;
  margin-bottom: 0;
  flex-grow: 1;
  overflow: hidden;
  overflow-wrap: break-word;
}
.module-name a {
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #1f1f1f;
  text-align: left;
}
.module-name a:hover {
  color: inherit;
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  text-decoration: none;
}
.module-byline {
  margin-top: 6px;
  font-size: 12px;
}
.module-actions {
  margin-bottom: 1em;
  overflow: auto;
}
.module-notes {
  margin-top: 10px;
  margin-bottom: 10px;
}
.module-footer {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.blogSection-entry .entry-headline {
  display: flex;
  flex-wrap: wrap;
}
.blogSection-entry .entry-headline .avatar-frame {
  align-self: flex-start;
}
.blogSection-entry .entry-headline .media-body {
  flex-grow: 1;
  flex-basis: auto;
}
.entry {
  margin-bottom: 36px;
}
.entry:last-child {
  margin-bottom: 0;
}
.entry img.align-full {
  margin: 2em 0;
  clear: both;
  display: block;
}
.section-navigationContent .entry {
  margin-bottom: 6px;
}
.section-navigationContent .entry:last-of-type {
  margin-bottom: 12px;
}
.section-navigationContent .entry:last-of-type hr {
  display: none;
}
.section-navigationContent .entry .entry-headline.media-frame {
  margin-bottom: 0;
}
.entry-headline {
  margin-bottom: 12px;
}
.entry-title {
  margin-bottom: 6px;
}
.entry-title > a {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #8c1d40;
  line-height: 1.25;
}
.entry-title > a:hover {
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  color: #a5c500;
}
.entry-tags,
.entry-byline,
.entry-readMore,
.entry-actions,
.entry-commentsCount,
.entry-organizedBy,
.entry-categories {
  margin-bottom: 12px;
  font-size: 12px;
  display: block;
}
.entry-byline {
  margin-bottom: 6px;
}
.entry-byline:last-of-type {
  line-height: normal;
}
.entry-actions {
  text-align: right;
}
.entry-footnote {
  background-color: transparent;
  padding: 10px 0 10px 0;
}
.entry-socialActions,
.socialActions {
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: space-between;
}
.entry-socialActions .socialSharingButton,
.socialActions .socialSharingButton {
  margin: 0;
}
.entry-socialActions .socialButtons,
.socialActions .socialButtons {
  display: none;
  flex-basis: 100%;
  align-items: flex-start;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.entry-socialActions .socialSharingList,
.socialActions .socialSharingList {
  display: flex;
  flex-basis: 100%;
  width: 100%;
}
.entry-socialActions .socialSharingListItemColored.providerFacebook .socialSharingListItemLinkColored,
.socialActions .socialSharingListItemColored.providerFacebook .socialSharingListItemLinkColored {
  background: #3B5998;
}
.entry-socialActions .socialSharingListItemColored.providerFacebook .socialSharingListItemLinkColored .count,
.socialActions .socialSharingListItemColored.providerFacebook .socialSharingListItemLinkColored .count {
  order: 2;
  color: #fff;
  line-height: 27px;
  padding-right: 10px;
  margin-left: -6px;
  z-index: 9;
}
.entry-socialActions .socialSharingListItem,
.entry-socialActions .socialSharingListItemColored,
.socialActions .socialSharingListItem,
.socialActions .socialSharingListItemColored {
  display: inline-flex;
}
.entry-socialActions .socialSharingListItem.providerFacebook,
.entry-socialActions .socialSharingListItemColored.providerFacebook,
.socialActions .socialSharingListItem.providerFacebook,
.socialActions .socialSharingListItemColored.providerFacebook {
  order: 20;
}
.entry-socialActions .socialSharingListItem.dd_menu,
.entry-socialActions .socialSharingListItemColored.dd_menu,
.socialActions .socialSharingListItem.dd_menu,
.socialActions .socialSharingListItemColored.dd_menu {
  order: 999;
  display: none;
}
.entry-socialActions .socialSharingListItem ul.hidden-menu,
.entry-socialActions .socialSharingListItemColored ul.hidden-menu,
.socialActions .socialSharingListItem ul.hidden-menu,
.socialActions .socialSharingListItemColored ul.hidden-menu {
  display: none !important;
}
.entry-socialActions .rightButtons,
.socialActions .rightButtons {
  display: inline-flex;
  margin-left: auto;
}
.entry-socialActions .rightButtons .socialSharingListItemLink:last-child,
.entry-socialActions .rightButtons .socialSharingListItemLinkColored:last-child,
.socialActions .rightButtons .socialSharingListItemLink:last-child,
.socialActions .rightButtons .socialSharingListItemLinkColored:last-child {
  margin-right: 0;
}
.entry-socialActions .socialSharingListItemLink,
.socialActions .socialSharingListItemLink {
  color: #8c1d40;
  display: inline-flex;
  border: 1px solid rgba(140,29,64,0.4);
  border-radius: 3px;
  text-decoration: none;
  overflow: hidden;
  padding: 0;
  margin-right: 10px;
}
.entry-socialActions .socialSharingListItemLink span,
.socialActions .socialSharingListItemLink span {
  line-height: 27px;
  margin-left: -7.5px;
  padding-right: 10px;
  font-family: "Fira Sans", sans-serif;
}
.entry-socialActions .socialSharingListItemLink:hover,
.socialActions .socialSharingListItemLink:hover {
  text-decoration: none;
  background: #8c1d40;
  color: #ffffff;
}
.entry-socialActions .socialSharingListItemLink:hover svg,
.socialActions .socialSharingListItemLink:hover svg {
  color: #ffffff;
}
.entry-socialActions .socialSharingListItemLink svg,
.socialActions .socialSharingListItemLink svg {
  width: 36px;
  height: 28px;
  color: #8c1d40;
}
.entry-socialActions .socialSharingListItemLink svg use,
.socialActions .socialSharingListItemLink svg use {
  margin-top: -1px;
  margin-right: -1px;
}
.entry-socialActions .socialSharingListItemLinkColored,
.socialActions .socialSharingListItemLinkColored {
  display: inline-flex;
  border-radius: 3px;
  text-decoration: none;
  overflow: hidden;
  padding: 0;
  margin-right: 10px;
}
.entry-socialActions .socialSharingListItemLinkColored:hover,
.socialActions .socialSharingListItemLinkColored:hover {
  text-decoration: none;
}
.entry-socialActions .socialSharingListItemLinkColored svg,
.socialActions .socialSharingListItemLinkColored svg {
  width: 36px;
  height: 28px;
}
.entry-socialActions .socialSharingListItemLinkColored svg use,
.socialActions .socialSharingListItemLinkColored svg use {
  margin-top: -1px;
  margin-right: -1px;
}
.entry-socialActions .ning-likebox,
.socialActions .ning-likebox {
  margin-left: auto;
}
.entry-socialActions .facebook-like,
.socialActions .facebook-like {
  min-width: 80px;
}
.entry-socialActions .fb-share-button,
.socialActions .fb-share-button {
  min-width: 80px;
  margin-right: 10px;
}
.tagsList-entry {
  margin-bottom: 12px;
}
.entry-content {
  margin-bottom: 12px;
  line-height: 1.3em;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content table,
.entry-content blockquote {
  margin-bottom: 2em;
}
.entry-content > :last-child {
  margin-bottom: 0;
}
.entry-content i,
.entry-content em {
  font-style: italic;
}
.entry-content b,
.entry-content strong {
  font-weight: bold;
}
.entry-content h1 {
  font-size: 1.8em;
}
.entry-content h2 {
  font-size: 1.6em;
}
.entry-content h3 {
  font-size: 1.3em;
}
.entry-content h4 {
  font-size: 1.2em;
}
.entry-content h5 {
  font-size: 1.15em;
}
.entry-content h6 {
  font-size: 1em;
}
.entry-content pre,
.entry-content blockquote {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  margin: 20px 0;
  border-left: 2px solid #e1e1e1;
  padding-left: 10px;
}
.entry-content blockquote blockquote blockquote blockquote blockquote blockquote {
  padding-left: 0;
  border-left: none;
}
.entry-content pre,
.entry-content code {
  font-family: Monaco, 'Courier New', Courier, monospace;
  font-size: 16px;
  font-weight: normal;
  font-style: inherit;
}
.entry-content ul {
  list-style-type: disc;
}
.entry-content ol {
  list-style-type: decimal;
}
.entry-content ol ul,
.entry-content ul ul {
  list-style-type: circle;
}
.entry-content ol ol ul,
.entry-content ol ul ul,
.entry-content ul ol ul,
.entry-content ul ul ul {
  list-style-type: square;
}
.entry-content ol,
.entry-content ul {
  padding-left: 40px;
}
.entry-content img.align-left {
  margin: 2em;
  margin-left: 0;
  float: left;
}
.entry-content img.align-right {
  margin: 2em;
  margin-right: 0;
  float: right;
}
.entry-content img.align-center {
  margin: 2em auto;
  clear: both;
  display: block;
}
.entry-content img.align-full {
  margin: 2em 0;
  clear: both;
  display: block;
}
.entry-content .font-size-1 {
  font-size: 8pt;
}
.entry-content .font-size-2 {
  font-size: 10pt;
}
.entry-content .font-size-3 {
  font-size: 12pt;
}
.entry-content .font-size-4 {
  font-size: 14pt;
}
.entry-content .font-size-5 {
  font-size: 16pt;
}
.entry-content .font-size-6 {
  font-size: 20pt;
}
.entry-content .font-size-7 {
  font-size: 24pt;
}
.socialActions {
  margin-bottom: 12px;
}
.socialActions .ning-likebox {
  float: right;
}
.socialSharingButton {
  float: left;
  margin-right: 10px;
}
.socialSharingButton-linkedIn * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.prose {
  line-height: 1.3;
}
h1.prose,
h2.prose,
h3.prose,
h4.prose,
p.prose,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose p,
.prose ul,
.prose ol,
.prose dl,
.prose table,
.prose blockquote {
  margin-bottom: 16px;
}
.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  font-weight: bold;
}
.prose section {
  margin-bottom: 32px;
}
.prose > :last-child {
  margin-bottom: 0;
}
.prose em,
.prose i {
  font-style: italic;
}
.prose strong,
.prose b {
  font-weight: bold;
}
.prose ul:not(.no-bullet) {
  list-style-type: disc;
}
.prose ol {
  list-style-type: decimal;
}
.prose ol ul,
.prose ul ul {
  list-style-type: circle;
}
.prose ol ol ul,
.prose ol ul ul,
.prose ul ol ul,
.prose ul ul ul {
  list-style-type: square;
}
.prose ol,
.prose ul {
  padding-left: 0;
  list-style-position: inside;
}
.prose label {
  font-weight: normal;
}
.comments-title {
  margin: 12px 0;
  font-weight: bold;
}
.comments-commentBody {
  margin-bottom: 12px;
}
.activityFeed-content {
  max-width: 584px;
}
.fb_iframe_widget {
  display: block !important;
}
[class *="socialActions"] .fb_iframe_widget span,
[class *="socialSharingButton"] .fb_iframe_widget span {
  background: transparent;
  border: none;
  padding: 0;
  max-width: none !important;
}
[class *="socialActions"] .fb_iframe_widget span img,
[class *="socialActions"] .fb_iframe_widget span iframe,
[class *="socialActions"] .fb_iframe_widget span video,
[class *="socialSharingButton"] .fb_iframe_widget span img,
[class *="socialSharingButton"] .fb_iframe_widget span iframe,
[class *="socialSharingButton"] .fb_iframe_widget span video {
  max-width: none !important;
  width: 100% !important;
}
.comments-text,
.comments-actions {
  margin-bottom: 6px;
}
.comments-action {
  font-size: 12px;
  font-weight: normal;
}
.comments-action + .comments-action {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid #888;
}
.comments-metadata {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.5;
}
.commentRating {
  width: 100%;
  margin: 0 0 0.25em 0;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
}
.commentRatingGroup {
  position: relative;
  margin-right: 0.5em;
  display: flex;
}
.commentRatingGroup .star {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  float: right;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 120%;
  line-height: 1.2;
  color: #595959;
}
.commentRatingGroup .star.checked {
  color: #8c1d40;
}
.ratingCaption {
  text-transform: uppercase;
  white-space: nowrap;
}
.ratingResult {
  width: auto;
  margin: 0 0 0.25em 0;
  padding: 0;
  border: none;
  display: inline-flex;
  align-items: center;
}
.ratingResultGroup {
  position: relative;
  margin-right: 0.5em;
  display: flex;
}
.ratingResultGroup .star {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  float: right;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 250%;
  line-height: 1;
  color: #595959;
}
.ratingResultGroup .star.checked {
  color: #8c1d40;
}
.ratingResultGroup .star.checked.half:after {
  content: "★";
  color: #595959;
  position: absolute;
  top: 0;
  right: .1em;
  display: flex;
  justify-content: flex-end;
  width: calc(50% - .1em);
  overflow: hidden;
}
.commentWallSection .ratingResultGroup {
  position: relative;
  margin-right: 0.5em;
  display: flex;
}
.commentWallSection .ratingResultGroup .star {
  font-size: 150%;
}
.fullFooter {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.fullFooter .ratingResult {
  margin-bottom: 12px;
}
.fullFooter .ratingResultGroup {
  position: relative;
  margin-right: 0.5em;
  display: flex;
}
.fullFooter .ratingResultGroup .star {
  font-size: 16px;
}
.comments-timestamp {
  color: #393939;
  font-size: 95%;
}
.comments-timestamp::before {
  content: '·';
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}
.comments-editeddata {
  display: inline-block;
  vertical-align: middle;
}
.comments-editedIcon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.comments-editedIcon svg {
  display: block;
  width: 1em;
  height: 1em;
}
.comments-editAvatar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.comments-editAvatar .avatar {
  width: 1.5em;
  height: 1.5em;
}
.comments-deleted {
  font-style: italic;
  color: #393939;
}
.comments-ningThreaded .comments-list {
  margin-left: 30px;
}
.comments-ningThreaded .comments-list > .comments-comment {
  margin-left: -30px;
  padding-left: 30px;
  background-image: url("https://static.ning.com/asutwc/widgets/shared/gfx/comments/thread.gif?xn_version=202507221305");
  background-repeat: no-repeat;
}
.comments-ningThreaded .comments-level1 {
  margin-left: 0;
}
.comments-ningThreaded .comments-level1 > .comments-comment {
  background-image: none;
}
.comments-replyingTo {
  display: none;
}
@media screen and (min-width: 481px) {
  .span9 .comments-ningThreaded .comments-list,
  .span8 .comments-ningThreaded .comments-list,
  .span7 .comments-ningThreaded .comments-list,
  .span6 .comments-ningThreaded .comments-list,
  .span5 .comments-ningThreaded .comments-list,
  .span4 .comments-ningThreaded .comments-list {
    margin-left: 2%;
  }
  .span9 .comments-ningThreaded .comments-list > .comments-comment,
  .span8 .comments-ningThreaded .comments-list > .comments-comment,
  .span7 .comments-ningThreaded .comments-list > .comments-comment,
  .span6 .comments-ningThreaded .comments-list > .comments-comment,
  .span5 .comments-ningThreaded .comments-list > .comments-comment,
  .span4 .comments-ningThreaded .comments-list > .comments-comment {
    background-image: none;
  }
  .span9 .comments-ningThreaded .comments-level1,
  .span8 .comments-ningThreaded .comments-level1,
  .span7 .comments-ningThreaded .comments-level1,
  .span6 .comments-ningThreaded .comments-level1,
  .span5 .comments-ningThreaded .comments-level1,
  .span4 .comments-ningThreaded .comments-level1 {
    margin-left: 0;
  }
}
.comments-ningSemiThreaded .comments-level2 {
  margin-left: 30px;
}
.comments-ningSemiThreaded .comments-replyingTo {
  display: inline;
}
@media screen and (max-width: 481px) {
  .comments-ningThreaded .comments-list {
    margin-left: 0;
  }
  .comments-ningThreaded .comments-list > .comments-comment {
    background-image: none;
  }
  .comments-ningThreaded .comments-list .comments-level2 {
    margin-left: 30px;
  }
  .comments-ningThreaded .comments-replyingTo {
    display: inline;
  }
}
.comments-deletedCommentPlaceholder {
  display: none;
}
.commentForm textarea {
  display: block;
}
.commentForm textarea,
.commentForm .texteditor {
  margin-bottom: 6px;
}
.commentForm textarea {
  resize: vertical;
}
.commentForm .maxlength_advisement {
  float: right;
  font-size: 12px;
  padding-top: .5em;
}
.commentForm .formFooter {
  display: flex;
  align-items: center;
  align-content: center;
  padding-top: 0.5em;
}
.commentForm .rating {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  margin-left: 0.5em;
}
.commentForm .rating:not(:checked) > input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  clip: rect(0,0,0,0);
}
.commentForm .rating:not(:checked) > label {
  float: right;
  width: 1.1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 100%;
  line-height: 1.2;
  color: #595959;
}
.commentForm .rating:not(:checked) > label:hover,
.commentForm .rating:not(:checked) > label:hover ~ label {
  color: #b62653;
}
.commentForm .rating > input:checked + label:hover,
.commentForm .rating > input:checked + label:hover ~ label,
.commentForm .rating > input:checked ~ label:hover,
.commentForm .rating > input:checked ~ label:hover ~ label,
.commentForm .rating > label:hover ~ input:checked ~ label {
  color: #62142d;
}
.commentForm .rating>input:checked ~ label {
  color: #8c1d40;
}
.commentForm .rating>label:active {
  position: relative;
  top: 2px;
  left: 2px;
}
.commentFormRatingEdit {
  display: flex;
  width: 100%;
}
.commentFormRatingEdit .rating {
  position: relative;
  margin-left: 0;
}
.commentFormRatingEdit .rating:not(:checked) > input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  clip: rect(0,0,0,0);
}
.commentFormRatingEdit .rating:not(:checked) > label {
  float: right;
  width: 1.1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 100%;
  line-height: 1.2;
  color: #595959;
}
.commentFormRatingEdit .rating>input:checked ~ label {
  color: #8c1d40;
}
.commentFormRatingEdit .rating:not(:checked) > label:hover,
.commentFormRatingEdit .rating:not(:checked) > label:hover ~ label {
  color: #b62653;
}
.commentFormRatingEdit .rating>input:checked + label:hover,
.commentFormRatingEdit .rating>input:checked + label:hover ~ label,
.commentFormRatingEdit .rating>input:checked ~ label:hover,
.commentFormRatingEdit .rating>input:checked ~ label:hover ~ label,
.commentFormRatingEdit .rating>label:hover ~ input:checked ~ label {
  color: #62142d;
}
.commentFormRatingEdit .rating>label:active {
  position: relative;
  top: 2px;
  left: 2px;
}
@media (pointer: coarse) {
  .commentForm .rating:not(:checked) > label:hover,
  .commentForm .rating:not(:checked) > label:hover ~ label,
  .commentFormRatingEdit .rating:not(:checked) > label:hover,
  .commentFormRatingEdit .rating:not(:checked) > label:hover ~ label {
    color: #595959;
  }
}
.commentForm-spinner {
  margin-left: 5px;
  vertical-align: middle;
}
.commentingMessage {
  margin-bottom: 12px;
  font-style: italic;
}
.tagit {
  padding: 0;
  margin: 0;
  display: inline-block;
  cursor: text;
}
.tagit .ui-widget-content,
.tagit.ui-widget-content {
  background: none;
}
.tagit-choice,
.tagit-new {
  display: inline-block;
}
.tagit-choice input,
.tagit-new input {
  outline: none;
  margin: 0;
}
.tagit-new {
  margin: 0;
}
.tagit-choice {
  cursor: move;
  background-color: #e6e6e6;
  border: 1px solid #adadad;
  border-radius: 2px;
  color: #333;
  padding: 2px;
  margin: 0 0 4px 4px !important;
  white-space: nowrap;
  vertical-align: middle;
}
.tagit-label {
  display: inline-block;
  position: relative;
}
.tagit-label .avatar-default {
  height: 24px;
  padding-bottom: 0;
}
.tagit-label .avatar-badgeText {
  width: 24px;
  height: 8px;
  overflow: hidden;
}
.tagit-label .avatar-badgeTextLabel {
  padding: 0;
  font-size: 4px;
  line-height: 8px;
  vertical-align: top;
}
.tagit-label .avatar-badgeImage {
  width: 12px;
  height: 12px;
}
.tagit-label .avatar-badgeImage.avatar-topRight,
.tagit-label .avatar-badgeImage.avatar-bottomRight {
  left: 12px;
}
.tagit-close:before {
  display: none;
}
.tagit-close > .ui-icon {
  display: none;
}
.tagit-choice.ui-sortable-placeholder {
  height: 1em;
}
.tagit-close {
  cursor: pointer;
  margin-left: 4px;
  display: inline-flex;
  align-items: center;
}
.tagit-new:not(:first-child) input::-webkit-input-placeholder {
  color: transparent;
}
.tagit-new:not(:first-child) input:-moz-placeholder {
  color: transparent;
}
.tagit-new:not(:first-child) input:-ms-input-placeholder {
  color: transparent;
}
.tagit-new:not(:first-child) .placeholding {
  color: transparent;
}
.pageDialog-ecomSection .fstChoiceItem {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  padding: 5px 20px 5px 5px;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  background-color: #f0f0f0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.14px;
  margin: 2.5px;
  word-wrap: break-word;
  color: #2189da;
  word-break: break-all;
  line-height: 1;
  min-height: 0;
  align-items: center;
}
.pageDialog-ecomSection .fstChoiceItem .fstChoiceRemove {
  color: #2189da;
  background-color: transparent;
  right: 0;
  top: 50%;
  left: auto;
  margin: 0;
  border-width: 0;
  line-height: 15px;
  font-size: 15px;
}
.pageDialog-ecomSection .autoTag {
  min-height: 28px;
  position: relative;
  z-index: 2;
}
.pageDialog-ecomSection .autoTag >ul {
  width: 100%;
  max-width: 320px;
  background: #ffffff;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
.pageDialog-ecomSection .autoTag >ul li {
  margin: 0;
  list-style-type: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 6px;
}
.pageDialog-ecomSection .autoTag.tagit {
  z-index: 0;
  display: block;
  max-width: 320px;
  padding: 5px;
  font-family: inherit;
}
.pageDialog-ecomSection .autoTag .tagit-choice {
  cursor: pointer;
  display: inline-block;
  padding: 5px 20px 5px 5px;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  background-color: #f0f0f0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.14px;
  margin: 2.5px;
  word-wrap: break-word;
  color: #2189da;
  word-break: break-all;
  line-height: 1;
  position: relative;
  min-height: 0;
}
.pageDialog-ecomSection .autoTag .tagit-choice .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2189da;
  margin: 0;
  text-indent: 0;
  background-image: none !important;
  position: absolute;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  right: 0;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
  height: 100%;
  line-height: 100%;
  padding: 0;
  width: 1.28571em;
}
.pageDialog-ecomSection .autoTag .avatar {
  display: inline-block;
  vertical-align: middle;
}
.pageDialog-ecomSection .autoTag .ui-menu .ui-menu-item {
  padding: 2px;
}
.pageDialog-ecomSection .autoTag .ui-menu .ui-menu-item a {
  padding: 2px;
}
.pageDialog-ecomSection .transparent {
  position: relative;
  opacity: 0.4;
}
.pageDialog-ecomSection .transparent input:not([type="checkbox"]),
.pageDialog-ecomSection .transparent select {
  display: none;
}
.pageDialog-ecomSection .transparent:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.floatingModule {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: auto;
  z-index: 1001;
  font-size: 14px;
}
.floatingModule h2,
.floatingModule h3,
.floatingModule h4,
.floatingModule h5,
.floatingModule p {
  font-size: 14px;
}
.floatingModule .button {
  font-size: 14px;
}
.floatingModule-container {
  position: relative;
  width: 250px;
  background-image: none;
  border-radius: 3px;
  border-radius: 3px;
  border-width: 3px;
  border-style: solid;
  border-color: #202020;
  background-color: #202020;
  color: #aeaeae;
  opacity: .93;
}
.floatingModule-container a {
  color: #fff;
}
.floatingModule-container.white {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}
.floatingModule-container.white .floatingModule-head h2 {
  color: #000;
}
.floatingModule-container.white .floatingModule-body {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.floatingModule-container.white input[type='submit'] {
  background: #ffffff none repeat scroll 0 0;
  color: #4580b8;
  font-weight: bold;
  font-size: 12px;
  font-family: 'Fira Sans', sans-serif;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
}
.floatingModule-container.white .floatingModule-cancelButton {
  color: #3c78a7;
  text-decoration: none;
}
#rp-recaptcha> div {
  max-width: 100%;
}
.floatingModule-wideContainer {
  width: 450px;
  margin-top: 0;
  margin-left: 0;
}
@media screen and (max-width: 481px) {
  .floatingModule-wideContainer {
    min-width: 280px;
    max-width: 450px;
    width: 90%;
    margin-top: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 321px) {
  .floatingModule-wideContainer {
    width: 90%;
    margin-top: 0;
    margin-left: 0;
  }
}
.floatingModule-head {
  padding: 1em 1em 0 1em;
}
.floatingModule-head h2 {
  font-weight: bold;
  color: #fff;
}
.floatingModule-body {
  padding: 1em;
}
.floatingModule-body .dy-form-1 dt label {
  margin-bottom: 6px;
  display: block;
}
.floatingModule-buttonGroup {
  padding-top: 1em;
}
.floatingModule-primaryButton.button-primary,
.floatingModule-container .button-primary {
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#a0a0a0));
  background: transparent -webkit-linear-gradient(#eee,#a0a0a0);
  background: transparent -moz-linear-gradient(#eee,#a0a0a0);
  background: transparent -ms-linear-gradient(#eee,#a0a0a0);
  background: transparent linear-gradient(#eee,#a0a0a0);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#a0a0a0));
  background: transparent -webkit-linear-gradient(#eee,#a0a0a0);
  background: transparent -moz-linear-gradient(#eee,#a0a0a0);
  background: transparent -ms-linear-gradient(#eee,#a0a0a0);
  background: transparent linear-gradient(#eee,#a0a0a0);
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#a0a0a0));
  background: transparent -webkit-linear-gradient(#eee,#a0a0a0);
  background: transparent -moz-linear-gradient(#eee,#a0a0a0);
  background: transparent -ms-linear-gradient(#eee,#a0a0a0);
  background: transparent linear-gradient(#eee,#a0a0a0);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#a0a0a0));
  background: transparent -webkit-linear-gradient(#eee,#a0a0a0);
  background: transparent -moz-linear-gradient(#eee,#a0a0a0);
  background: transparent -ms-linear-gradient(#eee,#a0a0a0);
  background: transparent linear-gradient(#eee,#a0a0a0);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15), 0 1px 1px 0 #ffffff inset;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15), 0 1px 1px 0 #ffffff inset;
  color: #363636;
  border: none;
}
.floatingModule-primaryButton.button-primary:hover,
.floatingModule-container .button-primary:hover {
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#ccc));
  background: transparent -webkit-linear-gradient(#eee,#ccc);
  background: transparent -moz-linear-gradient(#eee,#ccc);
  background: transparent -ms-linear-gradient(#eee,#ccc);
  background: transparent linear-gradient(#eee,#ccc);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#ccc));
  background: transparent -webkit-linear-gradient(#eee,#ccc);
  background: transparent -moz-linear-gradient(#eee,#ccc);
  background: transparent -ms-linear-gradient(#eee,#ccc);
  background: transparent linear-gradient(#eee,#ccc);
  background-color: #fff;
  background-color: #fff;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#ccc));
  background: transparent -webkit-linear-gradient(#eee,#ccc);
  background: transparent -moz-linear-gradient(#eee,#ccc);
  background: transparent -ms-linear-gradient(#eee,#ccc);
  background: transparent linear-gradient(#eee,#ccc);
  background: transparent -webkit-gradient(linear,center top,center bottom,from(#eee),to(#ccc));
  background: transparent -webkit-linear-gradient(#eee,#ccc);
  background: transparent -moz-linear-gradient(#eee,#ccc);
  background: transparent -ms-linear-gradient(#eee,#ccc);
  background: transparent linear-gradient(#eee,#ccc);
  color: #363636;
}
.floatingModule-cancelButton {
  color: #aeaeae;
  padding: .5em;
}
.floatingModule-alert .floatingModule-cancelButton {
  display: none;
}
.floatingModule-loadingSpinner {
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}
.floatingModule-busy .floatingModule-buttonGroup {
  display: none;
}
#floatingModule-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
  opacity: .33;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
  opacity: .33;
  background-color: #000000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  zoom: 1;
  z-index: 1000;
  display: none;
}
.popupHelp {
  display: inline-block;
  position: relative;
}
.popupHelp-content {
  position: absolute;
  top: -50px;
  left: 25px;
  display: inline-block;
  visibility: hidden;
  z-index: 1000;
  width: 200px;
  padding: 18px 15px;
  min-height: 25px;
  line-height: 1.5;
  font-weight: normal !important;
  background: #ffffff;
  color: #454545;
  border: 1px solid #cccccc;
  box-shadow: 0 5px 5px rgba(0,0,0,0.15);
}
.popupHelp-content b,
.popupHelp-content strong,
.popupHelp-content a {
  font-weight: bold;
}
.popupHelp-content::before {
  display: block;
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  top: 45px;
  left: -22px;
  border-style: solid;
  border-width: 11px;
  border-color: transparent #cccccc transparent transparent;
}
.popupHelp-content::after {
  display: block;
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  top: 46px;
  left: -19px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent #ffffff transparent transparent;
}
.popupHelp-content p + p {
  margin-top: .5em;
}
.popupHelp-close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  line-height: 1;
}
@media screen and (max-width: 1278px) {
  .popupHelp-content {
    top: auto;
    left: auto;
    margin-bottom: 35px;
  }
  .popupHelp-content::before,
  .popupHelp-content::after {
    top: auto;
    left: auto;
    right: 11px;
  }
  .popupHelp-content::before {
    bottom: -23px;
    right: 10px;
    border-color: #ccc transparent transparent transparent;
  }
  .popupHelp-content::after {
    bottom: -20px;
    border-color: #fff transparent transparent transparent;
  }
}
.positionable {
  border: 1px dashed white;
}
.positionable-handle {
  position: absolute;
  top: 45%;
  right: -0.5em;
  border: 1px solid white;
  cursor: move;
  background-color: #000;
  color: white;
}
.aboutTab-questionAndAnswer {
  padding: 5px 10px;
}
.aboutTab-question {
  font-style: italic;
  padding: 5px 0;
  margin-right: 10px;
}
.aboutTab-question,
.aboutTab-answer {
  display: inline-block;
  padding: 5px 0;
  max-width: 100%;
  white-space: pre-line;
  vertical-align: top;
}
.feed-story:last-child,
.status-container {
  border: none;
}
.feed-story:first-child {
  border-top: 0;
  margin-top: 0;
}
.feed-story .activity-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px;
  z-index: 5;
}
.loader_img {
  display: block;
  margin: 0 auto;
  width: 41px;
  height: 41px;
  background-image: url('https://static.ning.com/asutwc/widgets/shared/gfx/loader.svg?xn_version=202507221305');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.loader_block {
  text-align: center;
  color: #6f6f6f;
  font-size: 10px;
  font-weight: 400;
}
.loader_block .loader_text {
  margin: 0;
  padding: 10px 0 0 0;
  display: block;
}
.hidden {
  display: none;
}
.event-info-timestamp {
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
}
.span1 .feed-story,
.span1 .status-container,
.span2 .feed-story,
.span2 .status-container,
.span3 .feed-story,
.span3 .status-container,
.span4 .feed-story,
.span4 .status-container,
.span5 .feed-story,
.span5 .status-container,
.span6 .feed-story,
.span6 .status-container {
  margin-left: 0px;
  min-height: 32px;
}
.activityFeed-detailLink {
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .status-container .activityFeed-avatar {
    margin-bottom: 10px;
  }
  .status-container .statusForm {
    padding-left: 0;
  }
  .status-container .statusForm:after,
  .status-container .statusForm:before {
    display: none;
  }
}
.activityFeed-story,
.status-container {
  position: relative;
  line-height: 1.3em;
  margin-bottom: 12px;
}
.activityFeed-storyBody {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 1em;
}
.activityFeed-close {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1em;
}
.activityFeed-headline {
  padding-right: 25px;
}
.activityFeed-headline,
.activityFeed-content,
.status-commentForm {
  margin-bottom: 12px;
}
.activityFeed-title,
.activityFeed-counts {
  margin-bottom: 6px;
}
.activityFeed-counts {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.activityFeed-detailTitle {
  font-weight: bold;
  margin-bottom: 6px;
  display: inline;
}
.activityFeed-detailTitle ul {
  display: inherit;
}
.activityFeed-detailTitle ul li {
  display: inherit;
}
.activityFeed-detailTitle ul li a:after {
  content: ", ";
  display: inline-block;
  margin-right: 2.5px;
}
.activityFeed-detailTitle ul li:last-child a:after {
  content: none;
  display: none;
}
.activityFeed-content.media-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .column-narrow .feedEvent-createStatus .activityFeed-content > .media-img {
    display: none;
  }
}
.activityFeed-image:not(:only-child) {
  float: left;
  max-width: 46%;
  display: flex;
  overflow: hidden;
  margin-bottom: 5px;
  margin-right: 5px;
  flex-direction: column;
  justify-content: center;
}
.activityFeed-image:not(:only-child) > img {
  display: block;
  max-width: 100%;
}
.column-narrow .activityFeed-image:not(:only-child) {
  max-height: 77px;
}
.activityFeed-imageUser {
  display: inline-block;
  margin-right: 3px;
}
.activityFeed-counts .ning-likebox {
  display: inline-block;
  vertical-align: bottom;
}
a.activityFeed-commentCount,
a.activityFeed-commentFormDisplay {
  margin-left: 10px;
  font-size: 12px;
  line-height: 1em;
  padding-bottom: 5px;
}
a.activityFeed-commentCount,
a.activityFeed-commentCount:hover,
a.activityFeed-commentFormDisplay,
a.activityFeed-commentFormDisplay:hover {
  text-decoration: none;
}
.activityFeed-comment {
  position: relative;
  font-size: 12px;
  margin-bottom: 6px;
}
.activityFeed-comment > .media-img {
  max-width: 48px;
}
.activityFeed-comment > .media-img .avatar {
  width: 48px;
}
.activityFeed-comment:first-child {
  margin-top: 1em;
}
.activityFeed-comment .event-info-timestamp {
  font-size: 95%;
}
.activityFeed-embed[data-type="video"],
.activityFeed-embed[data-type="rich"],
.activityFeed-embed[data-provider="SoundCloud"] {
  max-width: 100%;
}
.activityFeed-embed[data-type="video"] > .activityFeed-embedContent,
.activityFeed-embed[data-type="rich"] > .activityFeed-embedContent,
.activityFeed-embed[data-provider="SoundCloud"] > .activityFeed-embedContent {
  position: relative;
  width: 100%;
  background: #e1e1e1;
  padding: 15px;
  box-sizing: border-box;
}
.activityFeed-embed[data-type="video"] > .activityFeed-embedContent embed,
.activityFeed-embed[data-type="video"] > .activityFeed-embedContent iframe,
.activityFeed-embed[data-type="video"] > .activityFeed-embedContent video,
.activityFeed-embed[data-type="rich"] > .activityFeed-embedContent embed,
.activityFeed-embed[data-type="rich"] > .activityFeed-embedContent iframe,
.activityFeed-embed[data-type="rich"] > .activityFeed-embedContent video,
.activityFeed-embed[data-provider="SoundCloud"] > .activityFeed-embedContent embed,
.activityFeed-embed[data-provider="SoundCloud"] > .activityFeed-embedContent iframe,
.activityFeed-embed[data-provider="SoundCloud"] > .activityFeed-embedContent video {
  position: relative;
  min-width: 200px;
  max-width: 100%;
  min-height: 270px;
  width: 100% !important;
}
.statusDetailPage .activityFeed-embed[data-type="video"],
.statusDetailPage .activityFeed-embed[data-type="rich"],
.statusDetailPage .activityFeed-embed[data-provider="SoundCloud"] {
  max-width: 100%;
  max-height: none;
}
.activityFeed-embedContent,
.activityFeed-embed {
  width: 100%;
}
.activityFeed-embedContent .embeddedObject,
.activityFeed-embed .embeddedObject {
  width: auto;
  max-width: 100%;
  height: 100%;
}
.activityFeed-embed[data-provider="Facebook"][data-type="rich"] .fb-post.fb_iframe_widget > span {
  display: block;
  width: 100% !important;
}
.button.activityFeed-updateButton {
  border-radius: 2px;
  border-radius: 2px;
  display: block;
  border: 1px solid #8c1d40;
  text-decoration: none;
  margin-bottom: 1em;
}
.button.activityFeed-updateButton.hidden {
  display: none;
}
.button.activityFeed-updateButton:hover {
  border: 1px solid #8c1d40;
  background-color: #8c1d40;
  color: #ffffff;
  text-decoration: none;
}
.activityFeed-footer {
  line-height: 1em;
}
.blogFilter {
  width: 100%;
}
.blogFilter > ul {
  display: block;
}
.statusForm {
  position: relative;
  padding-left: 8px;
}
.statusForm textarea {
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
}
.statusForm::before,
.statusForm::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  top: 16px;
}
.statusForm::before {
  left: -8px;
  border-color: transparent #ddd transparent transparent;
}
.statusForm::after {
  left: -7px;
  border-color: transparent #fff transparent transparent;
}
.statusForm.statusForm-focused::before {
  border-color: transparent #8c1d40 transparent transparent;
}
.status-spinner {
  vertical-align: middle;
}
.statusDetailPage {
  width: 720px;
  max-width: 100%;
  margin: 0 auto;
}
.rssFeed-detail {
  margin-bottom: 36px;
}
.rssFeed-title {
  margin-bottom: 12px;
}
.rssFeed-readMore {
  font-size: 10.5px;
}
.acl:before {
  border-top: 1px solid #b2b2b2;
  margin: 10px 0 30px 0;
  content: " ";
  display: block;
}
.acl .row {
  margin-bottom: 20px;
}
.acl .tagit {
  padding-top: 2px;
}
.acl .tagit .tagit-choice {
  margin-bottom: 2px;
}
.restricted-only-selected-options,
.restricted-radio-area,
.paid-radio-area,
.free-access-only-selected-options {
  padding-top: 0;
}
.restricted-only-selected-options label,
.restricted-radio-area label,
.paid-radio-area label,
.free-access-only-selected-options label {
  display: block;
}
.restricted-radio-area > label {
  font-weight: normal;
}
.restricted-only-selected-option,
.free-access-only-selected-option {
  margin-top: 15px;
}
.paid-product-list {
  margin-top: 10px;
}
.paid-product-list select {
  display: block;
  margin: 5px 0;
}
.paid-product-list-notify {
  border-radius: 2px;
  background-color: #fdf8e1;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px 8px;
  box-sizing: content-box;
  margin-bottom: 5px;
  float: left;
}
.paid-product-list-notify p {
  margin: 0;
  padding: 0;
}
.paid-product-list-notify a {
  color: #af8400;
  font-weight: bold;
}
.entryEditPage input[name="date"] {
  width: 7em;
}
.entryEditPage .entryEditPage-title {
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  max-width: 100%;
  margin-top: 33.5px;
  margin-bottom: 15px;
}
.entryEditPage .entryEditPage-title.input-full {
  margin: 0;
}
@media screen and (min-width: 481px) {
  .entryEditPage-changeBundle + .entryEditPage-delete {
    margin-top: -40px;
  }
  .entryEditPage-tagContainer,
  .entryEditPage-startDateContainer {
    margin-right: 35px;
  }
  .entryEditPage-tagContainer > input {
    width: 275px;
  }
}
.entryEditPage-changeBundleTargets {
  border: 1px solid #585858;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 481px) {
  .entryEditPage-changeBundleTargets {
    max-height: 200px;
  }
}
.entryEditPage-changeBundleTargets + .notice-warningMessage {
  margin: 5px 0;
}
.entryEditPage-bundleTarget {
  padding: 5px 10px;
  margin-bottom: 5px;
  cursor: pointer;
  display: table;
  width: 100%;
}
.entryEditPage-selected,
.entryEditPage-bundleTarget:hover {
  background-color: #585858;
  color: #fff;
}
.entryEditPage-loadMoreBundlesLinkContainer {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}
.entryEditPage-loadMoreBundlesLink {
  width: 90%;
}
.entryEditPage-loading {
  background: transparent url("https://static.ning.com/asutwc/widgets/index/gfx/icon/spinner.gif?xn_version=202507221305") no-repeat 0 10px;
  padding: 10px 0 10px 20px;
  display: table;
  margin: 0 auto;
  color: #333;
}
.entryEditPage-publishedInChanged {
  font-style: italic;
}
.entryEditPage-bundleTargetImage {
  width: 40px;
  display: table-cell;
}
.entryEditPage-missingImage {
  height: 36px;
  width: 36px;
  border: 2px #888 dashed;
}
.entryEditPage-bundleTargetName {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;
}
.entryEditPage-bundleTargetName > div {
  margin-left: 10px;
  max-height: 40px;
  overflow: hidden;
}
.imagePicker-container.entryEditPage-mediumImage .imagePicker-dragArea {
  width: 160px;
  height: 0;
  padding-bottom: 100%;
  max-width: 100%;
}
.form-field-acl input[type='text'],
.form-field-acl select {
  width: 100%;
  max-width: 554px;
  box-sizing: border-box;
}
.restricted-only-selected-options {
  max-width: 554px;
}
.transparent {
  opacity: 0.3 !important;
  position: relative;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.transparent:after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 10 !important;
  display: block !important;
  visibility: visible !important;
  height: 100% !important;
}
.feedListPage-item {
  cursor: pointer;
}
.feedListPage-item.matrix-itemFluid {
  max-width: 400px;
}
.feedListPage-itemTitle {
  text-align: left;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  padding: .1em 1em;
  line-height: 2em;
  height: 2em;
}
.feedListPagePlayer {
  background-color: rgba(0,0,0,0.8);
  z-index: 1001;
  position: fixed;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
}
.feedListPagePlayer .closePlayer {
  position: absolute;
  right: auto;
  top: 0;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}
.feedListPagePlayer .nav {
  color: #fff;
  font-size: 40px;
  padding: 0;
  cursor: pointer;
}
.feedListPagePlayer .nav {
  font-size: 35px;
  position: absolute;
  top: 0;
  transform: none;
  margin-top: 0;
  float: none;
  padding: 0;
  z-index: 99;
}
.feedListPagePlayer .navPrev {
  left: 0;
}
.feedListPagePlayer .navNext {
  right: 0;
}
.feedListPagePlayer-source {
  padding-top: 3em;
  padding-bottom: 3em;
  min-height: 420px;
  height: 100vh;
}
.feedListPagePlayer-source .sourceContainer {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  max-width: 780px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.feedListPagePlayer-source .sourceContainer .videoContainer {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  max-height: 100vh;
}
.feedListPagePlayer-source .sourceContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .feedListPagePlayer-source {
    position: relative;
  }
  .feedListPagePlayer-source .sourceContainer {
    padding-left: 0;
    padding-right: 0;
  }
  .feedListPagePlayer-source .nav {
    font-size: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    float: none;
    padding: 10px 5px;
  }
  .feedListPagePlayer-source .navPrev {
    left: 0;
  }
  .feedListPagePlayer-source .navNext {
    right: 0;
  }
  .feedListPagePlayer-source .closePlayer {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    z-index: 9;
    transform: none;
  }
}
a.feedListPagePlayer-close,
a.feedListPagePlayer-close:hover {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  padding: 10px;
}
.feedListUpdate {
  z-index: 100;
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  padding: 5px;
}
.optionsDropdown {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.optionsDropdown a {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  color: #333;
}
.optionsDropdown a:hover {
  color: #0d0d0d;
}
.optionsDropdown a.transparentFileInputButton {
  display: block;
}
.optionsDropdown a.optionsDropdown-featureButton {
  padding: .3em;
  width: 100%;
  justify-content: flex-start;
  text-decoration: none;
}
.optionsDropdown a.optionsDropdown-featureButton .icon {
  flex: 0 0 1.5em;
}
.optionsDropdown-button {
  display: inline-block;
  border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #CCC;
  padding: 0.3em 0.6em;
  background-color: #eee;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
}
.optionsDropdown-button:hover {
  background-color: #c8c8c8;
}
.optionsDropdown-button .icon {
  flex: 0 0 1em;
  margin-right: 0.5em;
}
.optionsDropdown-button .icon:before {
  margin-right: 0;
}
.optionsDropdown-button a,
.optionsDropdown-button span {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
  top: 0.1em;
}
.optionsDropdown-button,
.optionsDropdown-button a,
.optionsDropdown-button a:hover {
  color: #0d0d0d;
  text-decoration: none;
}
a.optionsDropdown-selectedButton,
a.optionsDropdown-selectedButton:hover,
.optionsDropdown-featureButton.is-selected,
.optionsDropdown-featureButton.is-selected:hover {
  background-color: #333;
  color: #eee;
  text-decoration: none;
}
.optionsDropdown-arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/icon/icon_arrowdown.png?xn_version=202507221305") no-repeat scroll right center;
}
.optionsDropdown-list {
  width: 175px;
  margin-top: -1px;
  position: absolute;
  background-color: #eee;
  border: 1px solid #CCC;
  right: 0;
  z-index: 100;
  text-align: left;
  border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.optionsDropdown-list > li {
  padding: 4px;
}
.optionsDropdown-list > li a {
  padding: .1em .3em;
  width: 100%;
  justify-content: flex-start;
  text-decoration: none;
}
.optionsDropdown-list > li a:hover {
  text-decoration: none;
}
.optionsDropdown-list > li a .icon {
  flex: 0 0 1.5em;
}
.optionsDropdown-sectionLabel {
  border-bottom: 1px solid #333;
  line-height: 1px;
  margin-top: .6em;
  margin-bottom: .6em;
}
.optionsDropdown-sectionLabel span {
  color: #333;
  background-color: #eee;
  padding: 0 4px;
  margin-left: 1em;
}
.dropdown_multy {
  display: inline-block;
  width: 100%;
  max-width: 554px;
}
.dropdown_header {
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dropdown_header .hida {
  cursor: pointer;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 0 10px;
}
.dropdown_header .dropdown_header_wrapp {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 90%;
}
.dropdown_header .dropdown_arrow {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 35px;
  cursor: pointer;
  position: relative;
  min-width: 9%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 9%;
  -ms-flex: 1 1 9%;
  flex: 1 1 9%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 9%;
  -ms-flex: 1 1 9%;
  flex: 1 1 9%;
}
.dropdown_header .dropdown_arrow:after {
  right: 10px;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #000000 transparent transparent transparent;
}
.dropdown_header .multiSel {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.dropdown_header .multiSel > span {
  cursor: pointer;
  display: inline-block;
  padding: 1px 3px 2px 2px;
  border-radius: 2px;
  border: 1px solid #cbcbcb;
  background-color: #fefefe;
  font-size: 12px;
  margin: 3px 2px 0 1px;
  word-wrap: break-word;
  color: #000;
  word-break: break-all;
}
.dropdown_header .multiSel > span .tagit-close {
  cursor: pointer;
  margin-left: 4px;
  width: 13px;
  height: 16px;
  color: #8c1d40;
}
.dropdown_header .multiSel > span .tagit-close:hover {
  color: #62142d;
}
.dropdown_header .multiSel > span:hover .tagit-close {
  color: #62142d;
}
.dropdown_body {
  position: relative;
  z-index: 1;
}
.dropdown_body ul,
.dropdown_body li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dropdown_body .mutliSelect {
  display: none;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  color: #000;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  list-style: none;
  max-height: 150px;
  overflow: auto;
}
.dropdown_body ul label {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 15px 8px 15px;
  margin: 0;
}
.dropdown_body ul label:hover {
  cursor: pointer;
  background-color: #b2d7ff;
}
.dropdown_body ul input.xg_check__styled {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
.dropdown_body ul input.xg_check__styled + label {
  display: block;
  padding: 8px 15px 8px 35px;
  margin-bottom: 0;
}
.dropdown_body ul input.xg_check__styled + label:before {
  top: 6px;
  left: 5px;
}
.dropdown_body ul input.xg_check__styled:checked + label {
  background-color: #a0c1e9;
}
.dropdown_body ul input.xg_check__styled:checked + label:hover {
  background-color: #b2d7ff;
}
.upload_avatar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(155,155,155,0.5);
  z-index: 100;
}
.upload_avatar .btn {
  outline: 0;
  border: none;
  box-shadow: none;
  cursor: pointer;
  background: 0 0;
  display: inline-block;
  padding: 0;
}
.upload_avatar .btn.close {
  position: absolute;
  top: 9px;
  right: 16px;
  color: #d1d1d1;
  font-weight: 100;
  font-size: 47px;
  transform: rotate(-45deg);
  transform-origin: center;
  cursor: pointer;
}
.upload_avatar .btn__save {
  padding: 0 24px;
  height: 36px;
  background-color: #75af2c;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0;
}
.upload_avatar .btn__cancel {
  text-align: center;
  line-height: 33px;
  width: 115px;
  height: 36px;
  border: 1px solid #cdcdcd;
  color: #2189da;
  font-size: 14px;
  font-weight: 400;
  background: 0 0;
  border-radius: 0;
}
.upload_avatar .icon_delete {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/admin/icon_delete.svg?xn_version=202507221305");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px 16px;
  right: 34px;
  top: 6px;
  cursor: pointer;
  z-index: 4;
  background-color: rgba(51,51,51,0.38);
  border-radius: 3px;
}
.upload_avatar .icon_rotate {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url("https://static.ning.com/asutwc/widgets/lib/images/material-icons/image/ic_rotate_90_degrees_ccw_24px.svg?xn_version=202507221305");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px 16px;
  right: 64px;
  top: 6px;
  cursor: pointer;
  z-index: 4;
  background-color: #fff;
  border-radius: 3px;
}
.upload_avatar .profile__img {
  position: relative;
  top: 50%;
  left: 50%;
  width: 500px;
  transform: translate(-50%,-50%);
  background-color: white;
}
.upload_avatar .profile__img h2 {
  text-align: center;
  font-size: 19px;
  padding: 16px;
  font-weight: bold;
}
.upload_avatar .profile__img .profile_preview_button {
  cursor: pointer;
  min-width: 136px;
  height: 36px;
  border: 1px solid #d6d6d6;
  background-color: #ffffff;
  color: #46494c;
  font-size: 14px;
  font-weight: 500;
  float: right;
  text-align: center;
  line-height: 36px;
  margin-top: 10px;
}
.upload_avatar .profile__img .profile_preview_button * {
  cursor: pointer;
}
.upload_avatar .profile__img .controls {
  display: flex;
  justify-content: space-around;
  padding: 20px;
}
.upload_avatar .profile__img .default_list .loaded_img .fileUpload {
  border: none;
}
.upload_avatar .profile__img .default_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}
.upload_avatar .profile__img .default_list > div {
  position: relative;
}
.upload_avatar .profile__img .default_list .fileUpload {
  position: absolute;
  overflow: hidden;
  text-align: center;
  border: 1px dashed #cccccc;
  z-index: 1;
}
.loaded_img .upload_avatar .profile__img .default_list .fileUpload {
  border: none;
}
.upload_avatar .profile__img .default_list .fileUpload .custom-span {
  font-size: 40px;
  color: #2189DA;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.upload_avatar .profile__img .default_list .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  text-align: center;
}
.upload_avatar .profile__img .default_list .fileUpload.avatar-96,
.upload_avatar .profile__img .default_list .fileUpload.avatar-48 {
  display: none;
}
.upload_avatar .profile__img .default_list .avatar {
  background-color: rgba(39,154,241,0.14);
  border: none;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/admin/img_default.svg?xn_version=202507221305");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-right: 30px;
  margin-bottom: 20px;
}
.upload_avatar .profile__img .default_list .avatar .profile_preview_button {
  display: none;
}
.upload_avatar .profile__img .default_list .avatar span.img {
  display: block;
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.upload_avatar .profile__img .default_list .avatar.avatar-184 span.img {
  height: 184px;
}
.upload_avatar .profile__img .default_list .avatar.avatar-184 .profile_preview_button {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 42%;
  top: 50%;
  transform: translateX(-50%);
}
.upload_avatar .profile__img .default_list .avatar.avatar-96 span.img {
  height: 96px;
}
.upload_avatar .profile__img .default_list .avatar.avatar-48 span.img {
  height: 48px;
}
input.xg_check__styled {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
input.xg_check__styled + label {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
input.xg_check__styled + label:before {
  box-sizing: border-box;
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #c6c6c6;
  display: block;
  position: absolute;
  left: 0;
  background-color: #fff;
  top: 0;
}
input.xg_check__styled:checked + label:before {
  width: 16px;
  height: 16px;
  border: 1px solid #2189da;
  background-color: #2189da;
  background-image: url("https://static.ning.com/asutwc/widgets/shared/gfx/icon/check.svg?xn_version=202507221305");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
input.xg_radio__styled {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
input.xg_radio__styled + label {
  padding-left: 25px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
input.xg_radio__styled + label:before {
  box-sizing: border-box;
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #c6c6c6;
  display: block;
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
}
input.xg_radio__styled:checked + label:before {
  width: 16px;
  height: 16px;
  border: 2px solid #2189da;
  box-shadow: inset 0 0 0 2px #2189da;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media screen and (min-width: 481px) {
  .friendRequestsPage .matrix-itemFluid {
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .friendRequestsPage .matrix-itemFluid {
    width: 25%;
  }
}
.friendRequestsPage-userInfo {
  font-size: 12px;
  position: relative;
}
.friendRequestsPage-userName {
  line-height: 1.1;
  max-height: 26.4px;
  overflow: hidden;
}
.ningbar-userLinks .friendRequests-userName a {
  justify-content: flex-start;
}
.friendRequestsPage-userFeaturedAnswer {
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.friendRequestsPage-actionLinks {
  position: absolute;
  bottom: 0;
}
.friendRequests-actionLinks .friendRequests-accept,
.friendRequests-actionLinks .friendRequests-ignore {
  font-size: 12px;
  margin-right: 20px;
}
.friendRequest-icon {
  font-size: 12px;
  margin-right: 5px;
  color: #1f1f1f;
  overflow: visible;
}
.friendRequest-icon:before {
  display: block;
  text-align: right;
  margin-right: 0;
}
.friendRequests-actionLinks {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
}
.friendRequests-actionLinks .friendRequests-accept {
  margin-right: 10px;
}
.friendRequests-actionLinks .friendRequests-accept,
.friendRequests-actionLinks .friendRequests-ignore {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.friendRequests-actionLinks .friendRequests-accept:hover,
.friendRequests-actionLinks .friendRequests-ignore:hover {
  text-decoration: none;
}
.friendRequests-avatar .wrap__avatar.avatar-32 {
  width: 45px;
  height: 45px;
}
.friendRequests-avatar .wrap__avatar.avatar-32 img {
  width: 100%;
  height: 100%;
  position: static;
  object-fit: cover;
  transform: none;
}
.buttonsWrapper {
  display: flex;
  flex-wrap: wrap;
}
.userButtons {
  display: inline-flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-right: 20px;
}
.userButtons:last-child {
  margin-right: 0;
}
.userButtons .friendRequests-accept,
.userButtons .friendRequests-ignore {
  margin-right: 20px;
}
.userButtons .friendRequests-accept:last-child,
.userButtons .friendRequests-ignore:last-child {
  margin-right: 0;
}
.userButtons .requestText {
  display: inline-block;
  flex: 0 0 100%;
  color: #8c1d40;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  margin-top: 5px;
}
.userButtons .friendLink {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  margin-top: 5px;
  line-height: 1.2;
}
.userButtons .friendLink:hover {
  text-decoration: none;
}
.userButtons .friendLink:hover-icon {
  color: #1f1f1f;
  overflow: visible;
}
.userButtons .friendLink-icon {
  margin-right: 9px;
  color: #1f1f1f;
  overflow: visible;
}
.userButtons .friendLink-icon:before {
  margin-right: 0;
}
.banner-frame {
  border-radius: 0px;
  border-radius: 0px;
  border-color: rgba(245,163,0,0.13);
  border-style: double;
  border-width: 8px;
  border-color: rgba(245,163,0,0.13);
  border-style: double;
  border-width: 8px;
  background-color: #ffffff;
}
@media screen and (min-width: 769px) {
  .banner-frame {
    margin-bottom: 20px;
  }
}
.banner-header {
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}
.banner-overlay {
  position: absolute;
  padding: 20px 10px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
}
.banner-overlay::before {
  content: '';
  display: block;
  background: transparent -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));
  background: transparent -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));
  background: transparent -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: transparent linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 481px) {
  .banner-box {
    position: relative;
    text-align: center;
    padding-top: 20px;
  }
  .banner-box > .media-img {
    float: none;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.banner-info {
  height: 100%;
}
.banner-info h2 {
  display: flex;
  align-content: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.banner-info p {
  font-size: 11px;
  font-weight: normal;
}
.banner-info > h2,
.banner-info > p {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.banner-footer {
  padding: 20px 15px 20px 15px;
}
@media screen and (max-width: 481px) {
  .banner-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.banner-actionsGroup {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (max-width: 769px) {
  .banner-actionsGroup {
    text-align: center;
    flex-direction: column;
  }
}
.profileCoverArea-actions {
  display: flex;
  margin-bottom: 12px;
}
.profileCoverArea-actions .optionsDropdown {
  margin-left: auto;
}
@media screen and (max-width: 769px) {
  .profileCoverArea-actions .optionsDropdown {
    margin-right: auto;
  }
}
.banner-socialActions {
  display: inline-flex;
  width: 100%;
}
.banner-socialActions .likebox,
.banner-socialActions .socialSharingButton {
  float: none;
  display: inline-flex;
  vertical-align: top;
}
.banner-socialActions .socialButtons {
  flex-basis: 100%;
}
.banner-socialActions .facebook-likebox {
  min-width: 78px;
  margin-right: 10px;
}
@media screen and (max-width: 769px) {
  .banner-socialActions {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 481px) {
  .banner-actions {
    float: right;
  }
}
.socialSharingButton {
  margin: 0;
}
.socialButtons {
  display: none;
  align-items: flex-start;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 769px) {
  .socialButtons {
    margin-right: auto;
  }
}
.socialSharingList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.socialSharingListItem,
.socialSharingListItemColored {
  display: inline-flex;
}
.socialSharingListItem.providerFacebook,
.socialSharingListItemColored.providerFacebook {
  order: 20;
}
.socialSharingListItem.dd_menu,
.socialSharingListItemColored.dd_menu {
  display: none;
  order: 999;
}
.socialSharingListItem.dd_menu .socialSharingListItemLink,
.socialSharingListItemColored.dd_menu .socialSharingListItemLink {
  width: 36px;
  height: 28px;
  overflow: hidden;
  margin-right: 10px;
}
.socialSharingListItem.dd_menu .socialSharingListItemLink svg,
.socialSharingListItemColored.dd_menu .socialSharingListItemLink svg {
  width: 34px;
  height: 26px;
  position: relative;
  top: -1px;
}
.socialSharingListItem .hidden-menu,
.socialSharingListItemColored .hidden-menu {
  display: none;
}
.likeButton {
  display: inherit;
}
.likeButton .socialSharingListItemLink {
  height: 28px;
  margin-right: 0;
}
.socialSharingListItemLink {
  color: #8c1d40;
  display: inline-flex;
  border: 1px solid rgba(140,29,64,0.4);
  border-radius: 3px;
  text-decoration: none !important;
  overflow: hidden;
  padding: 0;
  background: transparent;
  margin-right: 10px;
  height: 28px;
}
.socialSharingListItemLink span {
  line-height: 27px;
  margin-left: -7.5px;
  padding-right: 10px;
  font-family: "Fira Sans", sans-serif;
}
.socialSharingListItemLink:hover {
  text-decoration: none;
  background: #8c1d40;
  color: #ffffff;
}
.socialSharingListItemLink:hover svg {
  color: #ffffff;
}
.socialSharingListItemLink svg {
  width: 36px;
  height: 28px;
  color: #8c1d40;
  position: relative;
  top: -1px;
}
.socialSharingListItemLink svg use {
  margin-top: -1px;
  margin-right: -1px;
}
.socialSharingListItemLinkColored {
  display: inline-flex;
  border-radius: 3px;
  text-decoration: none;
  overflow: hidden;
  padding: 0;
  background: transparent;
  margin-right: 10px;
  height: 28px;
}
.socialSharingListItemLinkColored:hover {
  text-decoration: none;
}
.socialSharingListItemLinkColored svg {
  width: 36px;
  height: 28px;
  position: relative;
  top: 0;
}
.socialSharingListItemLinkColored svg use {
  margin-top: -1px;
  margin-right: -1px;
}
.mobileSocialModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(0,0,0,0.5);
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 0;
  z-index: 9999;
}
.mobileSocialModal .mobileSocialList {
  display: grid;
  grid-template-columns: repeat(3,64px);
  grid-template-rows: repeat(3,64px);
  grid-gap: 30px;
  padding: 22px;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  margin: 0;
  background: #fff;
}
.mobileSocialModal .mobileSocialModalOuter {
  padding: 25px 0;
  max-width: 360px;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0 auto;
}
.mobileSocialModal .socialSharingListItemLinkMobile {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.mobileSocialModal .socialSharingListItemLinkMobile svg {
  width: 64px;
  height: 64px;
}
.mobileSocialModal .socialSharingListItemLinkMobile .count {
  display: none;
}
.imagePicker-container.groupEditPage-groupImage .imagePicker-dragArea {
  width: 116px;
  height: 116px;
}
.imagePicker-container.groupEditPage-groupImage .imagePicker-dragArea .imageUploadPreview {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.imagePicker-container.groupEditPage-coverPhoto .imagePicker-dragArea {
  width: 420px;
  height: 70px;
  max-width: 100%;
}
.imagePicker-container.groupEditPage-coverPhoto .imagePicker-dragArea .imageUploadPreview {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.groupEditPage-editImageContainer {
  max-width: 40%;
}
.groupEditPage-sectionHeader {
  width: 100%;
  border-bottom: 1px solid #b2b2b2;
  line-height: 1px;
  margin: 20px 0 20px 0;
}
.groupEditPage-sectionHeader span {
  background-color: #ffffff;
  background-color: #ffffff;
  padding: 0 5px;
  margin-left: 20px;
}
.groupEditPage-layoutDescription {
  display: none;
  font-style: italic;
}
.groupHeader-image {
  margin: 0 auto;
  width: 120px;
  height: 120px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
}
.groupHeader-actions {
  display: flex;
  margin-bottom: 12px;
}
.groupHeader-actions .optionsDropdown {
  margin-left: auto;
}
@media screen and (max-width: 769px) {
  .groupHeader-actions .optionsDropdown {
    margin-right: auto;
  }
}
.groupHeader-socialActions {
  margin-bottom: 12px;
}
.groupHeader-socialActions .rightButtons {
  display: inline-flex;
  margin-left: auto;
}
.groupHeader-socialActions .rightButtons .socialSharingListItemLink:last-child,
.groupHeader-socialActions .rightButtons .socialSharingListItemLinkColored:last-child {
  margin-right: 0;
}
@media screen and (min-width: 481px) {
  .groupHeader.groupHeader-coverPhoto {
    min-height: 160px;
  }
  .groupHeader:not(.groupHeader-coverPhoto) {
    padding: 20px 15px 20px 15px;
  }
  .groupHeader-image {
    margin-right: 10px;
  }
  .groupHeader-image,
  .groupHeader-info {
    display: inline-block;
    vertical-align: middle;
  }
}
.groupHeader-groupName {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  color: #1f1f1f;
  text-shadow: none;
}
@media screen and (max-width: 769px) {
  .groupHeader-groupName {
    font-size: 20px;
  }
}
@media screen and (max-width: 481px) {
  .groupHeader-tab {
    width: 50%;
    text-align: center;
  }
}
.groupHeader-navBar {
  margin: 10px 0;
}
.groupHub-group.matrix-itemFluid {
  max-width: 215px;
}
.groupHub-groupTitleContainer {
  display: table;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 52px;
}
.groupHub-groupTitle {
  text-align: center;
  display: table-cell;
  background-color: #000;
  background-color: rgba(0,0,0,0.6);
  vertical-align: middle;
}
.groupHub-groupTitle > span {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  max-height: 2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-word;
}
.groupHub-groupInfo {
  overflow: hidden;
  min-height: 3em;
  line-height: 3em;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: normal;
  white-space: nowrap;
}
.groupsList {
  grid-template-columns: repeat(auto-fit,minmax(200px,31%));
}
@media screen and (max-width: 1400px) {
  .groupsList {
    grid-template-columns: repeat(auto-fit,minmax(200px,45%));
  }
}
@media screen and (max-width: 920px) {
  .groupsList {
    grid-template-columns: repeat(auto-fit,minmax(100%,100%));
  }
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .tablet8 .groupsList {
    grid-template-columns: repeat(auto-fill,minmax(100%,45%));
  }
  .tablet16 .groupsList {
    grid-template-columns: repeat(auto-fill,minmax(100%,45%));
  }
}
@media screen and (max-width: 481px) {
  .groupsList {
    grid-template-columns: repeat(auto-fill,minmax(100%,45%));
  }
}
.span11 .groupsList,
.span10 .groupsList,
.span9 .groupsList {
  grid-template-columns: repeat(auto-fit,minmax(200px,45%));
}
@media screen and (max-width: 1150px) {
  .span11 .groupsList,
  .span10 .groupsList,
  .span9 .groupsList {
    grid-template-columns: repeat(auto-fit,minmax(100%,45%));
  }
}
.span2 .groupsList,
.span3 .groupsList,
.span4 .groupsList,
.span5 .groupsList,
.span6 .groupsList,
.span8 .groupsList {
  grid-template-columns: repeat(auto-fit,minmax(200px,45%));
}
@media screen and (max-width: 481px) {
  .span2 .groupsList,
  .span3 .groupsList,
  .span4 .groupsList,
  .span5 .groupsList,
  .span6 .groupsList,
  .span8 .groupsList {
    grid-template-columns: repeat(auto-fill,minmax(100%,45%));
  }
}
.groupsList {
  display: grid;
  gap: 20px;
  grid-template-rows: 1fr;
}
.groupsListBlock {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  height: 100%;
  overflow: hidden;
}
.groupHub-groupInfo.groupsListInfo {
  white-space: normal;
  flex-basis: 50%;
  flex-grow: 1;
  height: 100%;
}
.groupHub-groupInfo.groupsListInfo .groupsListInfoTitle {
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  line-height: 0;
  gap: 5px;
  margin-bottom: 10px;
}
.groupHub-groupInfo.groupsListInfo .groupsListInfoTitle .groupsListInfoLinkRequired {
  order: 1;
}
.groupHub-groupInfo.groupsListInfo .groupsListInfoTitle .groupsListInfoLinkBought {
  order: 0;
}
.groupHub-groupInfo.groupsListInfo .groupsListInfoTitle h3 {
  order: -1;
  margin-bottom: 0;
}
.groupHub-groupInfo.groupsListInfo h3  a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-word;
}
.groupListLinkBlock {
  flex-basis: 50%;
  flex-grow: 1;
  display: block;
  position: relative;
  max-width: 128px;
  height: 128px;
}
.groupListLinkBlock img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 769px) {
  .span11 .groupListLinkBlock,
  .span10 .groupListLinkBlock,
  .span9 .groupListLinkBlock,
  .span8 .groupListLinkBlock {
    max-width: 128px;
    height: 128px;
  }
  .span7 .groupListLinkBlock,
  .span6 .groupListLinkBlock {
    max-width: 96px;
    height: 96px;
  }
}
@media screen and (min-width: 481px) and (max-width: 769px) {
  .groupListLinkBlock {
    max-width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 481px) {
  .groupListLinkBlock {
    max-width: 96px;
    height: 96px;
  }
}
.groupDescription {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-word;
}
.groupDescription img,
.groupDescription img[class] {
  display: none;
}
.groupPreferences-leaveButton,
.groupPreferences-navigation {
  float: right;
}
.groupPreferences .groupPreferences-settings {
  margin: 20px 5px;
}
@media screen and (max-width: 321px) {
  .groupPreferences-leaveButton {
    margin-top: 20px;
    clear: both;
  }
  .groupPreferences .groupPreferences-settings {
    margin: 10px 0;
  }
}
.eventPage-details {
  padding: 0 10px 5px 0;
}
.media-frame > .eventPage-image {
  width: 33%;
  max-width: 200px;
}
.media-frame > .eventPage-image .eventPage-picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.media-frame > .eventPage-image .eventPage-image-link {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position: 50%;
}
.activityFeed-more {
  column-span: all;
  width: 100%;
}
.activityFeed-detailTitle.create_status {
  display: flex;
  flex-direction: column;
}
.activityFeed-content.photos-only {
  display: block;
  column-count: 2;
  column-gap: 10px;
}
.activityFeed-content.photos-only .eventPage-image-wrapper {
  display: flex;
  margin-bottom: 10px;
  padding-top: 0;
  margin-right: 0;
  page-break-inside: avoid;
  break-inside: avoid;
  column-span: none;
}
.activityFeed-content.photos-only .eventPage-image-wrapper:not(.activityFeed-picture-half) {
  width: 100%;
  column-span: all;
}
.activityFeed-content.photos-only .eventPage-image-wrapper .media-img {
  padding-top: 0;
  display: inherit;
  column-span: all;
}
.activityFeed-content.photos-only .eventPage-image-wrapper .media-img img {
  width: auto;
  max-width: 100%;
  display: flex;
  position: static;
  height: auto;
  align-self: flex-start;
}
.activityFeed-content.photos-only .eventPage-image-wrapper.activityFeed-picture-half {
  padding-top: 0;
}
.activityFeed-content.photos-only .eventPage-image-wrapper.activityFeed-picture-half .media-img {
  display: flex;
  width: 100%;
  padding-top: 0;
  position: relative;
}
.activityFeed-content.photos-only .eventPage-image-wrapper.activityFeed-picture-half .media-img img {
  top: 0;
  left: 0;
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: flex;
}
.videos-only {
  display: block;
  column-count: 2;
  column-gap: 10px;
}
.videos-only .activityFeed-videos {
  display: inherit;
  width: 100%;
  margin-right: 0;
  page-break-inside: avoid;
  break-inside: avoid;
  column-span: none;
}
.videos-only .activityFeed-videos .media-img {
  display: block;
  width: 100%;
  padding-top: 0;
  position: relative;
}
.videos-only .activityFeed-videos .media-img img {
  top: 0;
  left: 0;
  position: static;
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.activityFeed-detailContent {
  column-span: all;
}
.eventPage-Block {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.eventPage-Block .eventPage-image-wrapper {
  flex: 0 0 33%;
  width: 33%;
  max-width: 200px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.eventPage-Block .eventPage-image-wrapper.activityFeed-picture {
  flex: 0 0 100%;
  width: 100%;
}
.eventPage-Block .eventPage-image-wrapper.activityFeed-picture-half {
  width: calc(50% - 5px);
  flex: 0 0 calc(50% - 5px);
  margin-right: 10px;
  order: 1;
  padding-top: 0;
}
.eventPage-Block .eventPage-image-wrapper.activityFeed-picture-half .media-img {
  display: block;
  width: 100%;
  padding-top: 0;
  position: relative;
}
.eventPage-Block .eventPage-image-wrapper.activityFeed-picture-half .media-img img {
  top: 0;
  left: 0;
  position: static;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.eventPage-Block .eventPage-image-wrapper.activityFeed-picture-half:nth-child(even) {
  margin-right: 0;
  order: 2;
}
.eventPage-Block .eventPage-image-wrapper .media-img {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.eventPage-Block .eventPage-image-wrapper .media-img img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eventPage-Block .media-body {
  box-sizing: border-box;
  flex: 1 0 calc(100% - 33% - 10px);
}
.activityFeed-content:not(.eventPage-Block) .activityFeed-detail {
  flex: 0 0 100%;
}
.eventPage-detail {
  margin-bottom: 5px;
}
.eventPage-detail:last-child,
.eventPage-rsvp {
  margin-bottom: 12px;
}
.eventPage-exportAttendeeList {
  margin-left: 20px;
}
.eventPage-dateRangePicker {
  vertical-align: middle;
}
.bundlePage-search {
  display: inline-block;
  vertical-align: middle;
}
.pageSearch-outer {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pageSearch-outer .module-header {
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 24px;
  margin-bottom: 12px;
}
.date-picker-wrapper {
  z-index: 3;
}
.eventPage-busyDay {
  font-weight: bold;
  text-decoration: underline;
}
.list-actions {
  margin-bottom: 12px;
}
@media (max-width: 560px) {
  .list-actions {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    width: 100%;
    margin-top: 12px;
  }
  .list-actions .eventPage-dateRangePicker {
    align-self: flex-start;
    margin-bottom: 12px;
  }
}
.eventPage-messageCheckboxes label {
  font-weight: normal;
}
.eventPage-yourMessage {
  font-weight: bold;
}
.eventPage-message {
  width: 100%;
}
.detailedHorizontalEvents {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
}
.detailedHorizontalEvents .eventsWrapperItem {
  display: grid;
}
.detailedHorizontalEvents .eventsWrapperItem .event-details-onpage {
  margin-bottom: 0;
}
.detailedHorizontalEvents .eventsWrapperItem .entry-title {
  max-width: 99.9%;
  white-space: nowrap;
  display: block;
  max-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailedHorizontalEvents .eventsImage {
  width: 100%;
}
.column-narrow .detailedHorizontalEvents {
  grid-template-columns: repeat(2,1fr);
}
.detailedColumnEvents article.entry {
  margin-bottom: 12px;
}
.detailedColumnEvents article.entry:last-child hr {
  display: none;
}
.eventRsvp-list {
  width: auto;
  position: static;
}
.eventRsvp-option {
  white-space: nowrap;
}
.eventListPage-startDate {
  padding: 0 10px 5px 0;
  text-align: right;
  font-weight: bold;
}
.eventListPage-startDayOfWeek {
  padding: 0 10px 5px 0;
  text-align: right;
}
.eventDetailPage-addedBy {
  margin-right: 5px;
}
.eventDetailPage-googleCalendar {
  display: inline-block;
}
.eventDetailPage-googleCalendar,
.eventDetailPage-attendees {
  margin-bottom: 12px;
}
.eventDetailPage-avatarFrame {
  display: inline-block;
  margin-right: 4px;
  width: 100%;
}
.eventDetailPage-guestListCount {
  font-size: 20px;
}
.eventDetailPage-guestListLabel {
  font-size: 12px;
}
.eventDetailPage-triplet {
  max-width: 250px;
}
.eventEditPage-editImageContainer .imagePicker-delete {
  display: none;
}
.eventEditPage-steps {
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.eventEditPage-steps::after {
  content: "";
  display: block;
  clear: both;
}
.eventEditPage-steps::after {
  content: "";
  display: block;
  clear: both;
}
.eventEditPage-steps label:first-child {
  margin-right: 20px;
}
.eventEditPage-steps label {
  float: left;
}
.acl .imagePicker-container.entryEditPage-mediumImage .imagePicker-dragArea,
.entryEditPage .imagePicker-container.entryEditPage-mediumImage .imagePicker-dragArea {
  width: 160px;
  height: 160px;
  box-sizing: border-box;
}
.acl .imagePicker-container.entryEditPage-mediumImage .imagePicker-dragArea .imageUploadPreview,
.entryEditPage .imagePicker-container.entryEditPage-mediumImage .imagePicker-dragArea .imageUploadPreview {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}
.acl label,
.entryEditPage label {
  margin-bottom: 8px;
  display: block;
}
.acl input[type="checkbox"],
.acl input[type="radio"],
.entryEditPage input[type="checkbox"],
.entryEditPage input[type="radio"] {
  vertical-align: middle;
}
.acl input[type="checkbox"] + label,
.acl input[type="radio"] + label,
.entryEditPage input[type="checkbox"] + label,
.entryEditPage input[type="radio"] + label {
  display: inline-block;
  margin-bottom: 12px;
  font-weight: normal;
}
.acl input + label b,
.acl input + label  strong,
.entryEditPage input + label b,
.entryEditPage input + label  strong {
  font-weight: bold;
}
.acl .popupHelp .icon,
.entryEditPage .popupHelp .icon {
  width: 1.1em;
}
.acl .popupHelp .icon-close,
.entryEditPage .popupHelp .icon-close {
  display: none;
}
.acl .popupHelp:hover .popupHelp-content,
.entryEditPage .popupHelp:hover .popupHelp-content {
  visibility: visible;
  display: block;
}
.eventEditPage-timezoneLabel {
  margin-right: 35px;
}
.entryEditPage-imgTitle {
  margin-bottom: 8px;
  display: inline-block;
}
.photoListPage-entry.matrix-itemFluid {
  max-width: 400px;
}
.photoListPage-entry.matrix-itemFluid .photo-item-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-wrap: anywhere;
  text-align: center;
}
.photoListPage-entry.matrix-itemFluid .photo-item-description .photo-item-title {
  margin-bottom: 0.4rem;
}
.photoListPage-entry.matrix-itemFluid .photo-item-description .photo-item-contributor {
  margin: 0;
  font-size: 0.8em;
  word-wrap: break-word;
}
.photoListPage-entry.matrix-itemFluid .photo-item-description .photo-item-contributor a {
  font-size: 1.6em;
  font-weight: bold;
}
.photoListPage-entry.matrix-itemFluid a.photoListPage-entry-linkItem {
  position: relative;
}
.photoListPage-entry.matrix-itemFluid a.photoListPage-entry-linkItem .photoListPage-entry-title {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  padding: 20px;
  font-size: 1.62em;
  font-weight: bold;
  background-color: rgba(255,255,255,0.78);
}
.photoDetailPage-image {
  margin-bottom: 12px;
  position: relative;
}
.photoDetailPage-image > img {
  position: absolute;
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.photoDetailPage-image::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.photoDetailPage-image .adjacentEntryLink {
  z-index: 1;
}
.photoDetailPage-moreEntries {
  overflow-y: hidden;
}
.photoDetailPage-moreEntries > li {
  width: 14.285714285714%;
  float: left;
  padding: 5px;
}
@media screen and (max-width: 769px) {
  .photoDetailPage-moreEntries > li {
    padding: 2px;
  }
}
.dashboard-overlay.image-loader-overlay {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  position: absolute;
}
.photoBlockWrapper {
  display: flex;
  flex-direction: column;
  min-height: 550px;
  height: calc(100vh -  10px);
  margin-top: 10px;
}
.photoBlockWrapper .photoDetailPage-moreEntries {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.photoBlockWrapper .photoDetailPage-image {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 769px) {
  .photoBlockWrapper {
    min-height: 300px;
    height: 300px;
  }
}
.image-description.smart {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: fade;
  transition: line-clamp 1s ease-in-out;
}
.entryEditPage-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.photoEditPage-linkbarContainer {
  margin-bottom: 36px;
  background-color: #1A1D1F;
  padding: 5px;
}
.photoEditPage-linkbarContainer a {
  color: #fff;
}
.photoEditPage-linkbarContainer .linkbar {
  float: right;
}
.photoSection-entry.matrix-itemFluid {
  max-width: 400px;
}
.main_search + .pagination {
  margin-top: 0;
  padding-top: 15px;
  font-size: 0;
}
.main_search {
  padding-bottom: 20px;
}
.main_search .grid-frame {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 980px) {
  .site-body_search {
    padding: 0 3%;
  }
}
@media screen and (max-width: 768px) {
  .site-body_search {
    padding: 15px 3%;
  }
}
.search_resultsSum {
  padding-top: 10px;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 25px;
}
.search_resultsSum:before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #ccc;
  left: 0;
  right: 0;
}
.search_resultsSum .sum {
  font-size: 18px;
}
.search_results h3 {
  word-wrap: break-word;
  word-break: break-all;
}
.input.xg_search_input,
input[type=text].xg_search_input,
.xg_search_input {
  width: 236px;
  height: 40px;
  border: 1px solid #d0d0d0;
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;
}
@media screen and (max-width: 468px) {
  .xg_search_input {
    width: calc(100% - 40px);
  }
}
.xg_search_button {
  width: 42px;
  height: 40px;
  background-color: #878787;
  position: relative;
  border: 1px solid #d0d0d0;
  font-size: 12px;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.xg_search_button:before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -9px;
}
.xg_search_button:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 2px;
  border-radius: 2px;
  background-color: #ffffff;
  transform: rotate(45deg);
  bottom: 13px;
  right: 12px;
}
.xg_search_form {
  font-size: 0;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 25px;
}
.result {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 2px solid #ccc;
}
.result:last-child {
  border-bottom: none;
}
.result >dt {
  margin-bottom: 10px;
}
.result >dd {
  margin-bottom: 10px;
}
.result dd {
  overflow: hidden;
}
.result dd .img {
  float: left;
  max-width: 137px;
  margin-right: 15px;
}
.video_img {
  float: left;
  width: 137px;
  height: 102px;
  background-size: contain;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #000000;
}
.videoListPage .video_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.videoListPage .matrix-itemFluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 24.8%;
  -ms-flex: 0 0 24.8%;
  flex: 0 0 24.8%;
  max-width: 24.8%;
}
.videoListPage .matrix-item {
  background-color: rgba(255,255,255,0.31);
  box-shadow: 0 3px 5px 2px rgba(0,0,0,0.31);
}
.videoListPage .video_img_top {
  flex: 0 0 100%;
  display: block;
}
.videoListPage .video_img_top > span {
  display: block;
}
.videoListPage-emptyPageMessage {
  margin-bottom: 12px;
}
.videoListPage-image {
  background-color: #333;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.videoListPage-metadata {
  font-size: 1em;
  font-weight: normal;
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.videoListPage-metadata a {
  color: #333;
}
.videoListPage-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5em;
  margin-top: 8px;
}
.videoListPage-userName {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54%;
  -ms-flex: 0 0 54%;
  flex: 0 0 54%;
  line-height: normal;
  display: block;
  overflow: hidden;
}
.videoListPage-metaElapsed {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 44%;
  -ms-flex: 0 0 44%;
  flex: 0 0 44%;
  margin-left: 5px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: right;
}
.videoListPage-metaTitle {
  font-size: 1.1em;
  line-height: 1.25em;
  margin-bottom: auto;
}
.videoListPage-metaTitle a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8c1d40;
}
.videoListPage-emptyPageMessage {
  margin-top: 10px;
  margin-bottom: 10px;
}
.videoListPage-sort {
  margin-bottom: 1em;
}
.videoListPage-search {
  float: right;
}
@media screen and (max-width: 481px) {
  .videoListPage-search {
    float: none;
  }
}
@media screen and (max-width: 769px) {
  .videoListPage .matrix-itemFluid {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 481px) {
  .videoListPage .matrix-itemFluid {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.section-videoBundle .videoListPage .matrix-itemFluid,
.section-member-videoEntries .videoListPage .matrix-itemFluid {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.span16 .section-videoBundle .videoListPage .matrix-itemFluid,
.span16 .section-member-videoEntries .videoListPage .matrix-itemFluid {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 24.8%;
  -ms-flex: 0 0 24.8%;
  flex: 0 0 24.8%;
  max-width: 24.8%;
}
.column-wide .section-videoBundle .videoListPage .matrix-itemFluid,
.column-wide .section-member-videoEntries .videoListPage .matrix-itemFluid {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 49%;
  -ms-flex: 0 0 49%;
  flex: 0 0 49%;
  max-width: 49%;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .tablet16 .section-videoBundle .videoListPage .matrix-itemFluid,
  .tablet16 .section-member-videoEntries .videoListPage .matrix-itemFluid {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 481px) {
  .tablet16 .section-videoBundle .videoListPage .matrix-itemFluid,
  .tablet16 .section-member-videoEntries .videoListPage .matrix-itemFluid {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 321px) {
  .tablet16 .section-videoBundle .videoListPage .matrix-itemFluid,
  .tablet16 .section-member-videoEntries .videoListPage .matrix-itemFluid {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.videoDetailPage .sheet {
  margin-bottom: 12px;
  padding-top: 15px;
}
.videoDetailPage .buttonGroup {
  font-size: 12px;
}
.videoDetailPage .headline h3 {
  margin-left: 0;
}
.videoDetailPage .headline-byline {
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
}
.videoDetailPage .headline .avatar {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.videoDetailPage-titleList {
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 10px;
  flex: 0 0 100%;
}
.videoDetailPagee-image {
  background-color: #333;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.videoDetailPage-metadata {
  font-size: 1em;
  font-weight: normal;
}
.videoDetailPage-metadata a {
  color: rgba(46,45,46,0);
}
.videoDetailPage-mainSection > .content {
  margin-bottom: 12px;
}
.videoDetailPage-metaTitle {
  font-size: 0.7em;
  line-height: 1.25em;
  margin-bottom: 4px;
  margin-top: 4px;
}
.videoDetailPage-metaTitle a {
  font-weight: normal;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8c1d40;
}
.videoDetailPage-list {
  margin: 0 -10px;
}
.videoDetailPage-mainVideo {
  padding: 0 10px;
}
.videoDetailPage-otherVideo {
  padding: 0 10px;
}
.videoDetailPage .matrix-itemFluid {
  min-width: 170px;
  max-width: 250px;
}
.videoDetailPage-getEmbedCode_wrap {
  position: relative;
  margin: -10px 0 0 8px;
  float: right;
}
.videoDetailPage-getEmbedCode_wrap textarea {
  min-width: 295px;
  font-size: 12px;
}
.videoDetailPage-embedCode {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
}
.videoDetailPage-getEmbedCode {
  display: inline-block;
}
.videoDetailPage .socialActions .ning-likebox {
  margin-top: 0;
  display: block;
}
.videoDetailPage-viewVideo {
  display: inline-flex;
  width: 100%;
  justify-content: flex-end;
  margin: 10px 0;
}
.videoDetailPage-viewVideo .icon-eye {
  margin-right: 3px;
}
.video_actions {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .videoDetailPage-list {
    margin: 10px 0;
  }
  .videoDetailPage-mainVideo {
    width: 100%;
  }
  .videoDetailPage-otherVideo {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .videoDetailPage-getEmbedCode_wrap {
    margin-top: 0;
    float: none;
    margin-bottom: 8px;
  }
}
.column-wide .videoDetailPage-mainVideo {
  width: 100%;
  padding: 0;
}
.column-wide .videoDetailPage-otherVideo {
  width: 100%;
  margin: 0;
}
.column-wide .videoDetailPage .matrix-itemFluid {
  max-width: 170px;
}
.videoDetailPage-viewVideo video {
  width: 100%;
}
.newVideoPage-inputFileWrapper {
  position: relative;
  background: #fdfdfd;
  border: 1px solid #ddd;
}
.newVideoPage-inputFileWrapper input[type="file"] {
  width: 100%;
  font-size: 1em;
}
.newVideoPage-labelTitle {
  margin-bottom: 10px;
  display: block;
}
.newVideoPage-inputFile {
  color: #1c1c1c;
}
.newVideoPage-visibility {
  display: inline-block;
}
.videoForm-progress {
  position: relative;
  background-color: #dedede;
  border: 1px solid #737072;
  border-radius: 16px;
}
.videoForm-progressBar {
  background: #aaaaaa;
  background: -moz-linear-gradient(left,#dedede 0%,#777777 100%);
  background: -webkit-linear-gradient(left,#dedede 0%,#777777 100%);
  background: linear-gradient(to right,#dedede 0%,#777777 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede',endColorstr='#777777',GradientType=1);
  height: 26px;
  border-radius: 18px;
  min-width: 0;
}
.videoForm-progressLabel {
  color: #111;
  position: absolute;
  height: 100%;
  line-height: 26px;
  font-size: 11px;
  text-align: center;
  padding: 0 10px;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 100%;
  z-index: 0;
  box-sizing: border-box;
}
.videoForm-progressCancel {
  position: absolute;
  font-size: 14px;
  right: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.38);
  z-index: 1;
}
.newVideoPage-descriptionBorders {
  font-size: 0.8em;
  color: #060606;
}
.newVideoPage-descriptionBorders a {
  color: #771936;
}
textarea.videoForm-addLink {
  max-height: 38px;
}
.videoForm-container .icon-help:before {
  font-size: 0.9em;
}
.videoForm-container .entryEditPage-tagContainer > input,
.videoForm-container .tagit {
  width: 90% !important;
}
.videoForm-tagContainer {
  margin-right: 0;
}
.videoForm-title_detail {
  font-size: 1.0em;
  margin-bottom: 6px;
}
.videoForm-container .videoForm-item {
  border-bottom: 1px dashed #ddd;
  margin-bottom: 22px;
}
.videoForm-container form.videoForm:nth-last-child(2) .videoForm-item {
  border: none;
}
.videoForm-inputTitle {
  height: 28px;
}
@media screen and (max-width: 640px) {
  .videoForm-item > .span8 {
    float: none;
    width: 100%;
    order: 1;
  }
  .videoForm-item {
    display: flex;
    flex-direction: column;
  }
  .videoForm-item .pull-right {
    order: 0;
  }
}
.videoPage-successMessage {
  margin-bottom: 10px;
}
.publishedVideo {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.publishedVideo-preview_image {
  width: 150px;
  padding: 10px;
  border: 1px solid #dedede;
}
.publishedVideo-preview_info {
  width: 38%;
  min-width: 250px;
  padding: 10px;
}
@media screen and (max-width: 420px) {
  .publishedVideo-preview_info {
    width: 100%;
  }
}
.publishedVideo-preview_info > div {
  margin: 9px 0 9px;
}
.publishedVideo-preview_backToEdit {
  padding: 10px;
}
.publishedVideo-title {
  font-size: 1.1em;
}
.publishedVideo-author {
  font-size: 0.8em;
}
.polls__article {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 40px;
}
.polls__article:last-child {
  margin-bottom: 40px;
}
.polls__title-box {
  position: relative;
  display: flex;
  margin-right: 20px;
  z-index: 1;
  min-height: 28px;
  flex: 0 0 120px;
  justify-content: center;
}
.polls__title-box span {
  align-self: center;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  -webkit-rtl-ordering: logical;
}
.polls__title-box:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #8c1d40;
  z-index: -1;
}
.polls__content {
  position: relative;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  padding-right: 40px;
}
.polls__header {
  display: flex;
  margin-bottom: 8px;
  flex: 1 1 100%;
  flex-wrap: wrap;
}
.polls__title {
  word-break: break-all;
  margin: 0 0 10px;
  flex: 0 0 100%;
}
.polls__author {
  margin: auto 0 4px;
  flex: 0 0 100%;
}
.polls__date {
  flex: 0 0 100%;
}
.polls__footer {
  flex: 0 0 100%;
  padding: 0;
  margin-top: auto;
}
.polls__controls .ning-likebox {
  position: absolute;
  top: 10px;
  right: 0;
}
.polls__edit {
  position: absolute;
  right: 0;
  top: calc(90%);
  transform: translateY(-100%);
}
@media screen and (max-width: 460px) {
  .polls__article {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .polls__article:last-child {
    margin-bottom: 40px;
  }
  .polls__title-box {
    justify-content: center;
    padding: 10px 0;
    margin-right: 0;
    margin-bottom: 20px;
    flex: 0 0 100%;
  }
}
.polls__create {
  background-color: transparent;
  padding: 0;
  max-width: 640px;
  margin: 0 auto;
}
.polls__create .polls__title {
  font-weight: bold;
  font-size: 16px;
  margin: .5em;
}
.polls__create .button-primary {
  border-radius: 4px;
}
.polls__create .input-prefixed > .input-prefix {
  border-color: #ddd !important;
}
.polls__question-area {
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  border-radius: 4px;
}
.polls__question-area textarea {
  padding: 0;
  min-height: 80px;
  resize: none;
  border: none;
}
.polls__question-area textarea:focus {
  outline: none;
}
.polls__question-area:focus {
  outline: 1px solid #8c1d40;
}
.polls__switch-type {
  margin-bottom: 0px;
}
.polls__switch-radio {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.polls__switch-label {
  display: inline-block !important;
  margin-right: 16px;
  cursor: pointer;
}
.polls__switch-label:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 12px;
  border: 1px solid #444;
  border-radius: 50%;
  transition: all .2s ease;
  transform: translateY(4px);
}
.polls__switch-radio:checked + .polls__switch-label:before {
  border-color: #8c1d40;
  background-color: #8c1d40;
}
.polls__add-question {
  background-color: transparent;
  outline: none;
  margin-bottom: 12px !important;
  border-radius: 4px;
  border: 1px solid #8c1d40;
  color: #8c1d40;
}
.polls__answer-variant {
  padding: 8px;
  margin: 8px 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.polls__inner-social {
  margin-bottom: 18px;
}
.polls__answer-header {
  margin-bottom: 0;
}
.polls__answer-inner {
  max-width: 640px;
  position: relative;
}
.polls__inner-title {
  max-width: 640px;
  text-align: center;
  margin: 0;
  padding: 20px 0;
  background-color: #8c1d40;
  color: #fff;
  font-weight: bold;
}
.polls__answer-radio {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.polls__answer-radio:checked + .polls__answer-label {
  color: #8c1d40;
  border-color: #8c1d40;
}
.polls__answer-label {
  float: left;
  width: 100%;
  padding: 14px;
  text-align: center;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.polls__answer-label:hover {
  color: #8c1d40;
  border-color: #8c1d40;
}
.polls__answer-btn {
  clear: both;
}
.polls__answer-submit {
  margin-top: 12px;
}
.polls__answer-results {
  max-width: 640px;
  background-color: #e78eaa;
}
.polls__answer-sum {
  padding: 10px;
}
.polls__answer-item {
  padding: 10px;
  border: 1px solid #ddd;
  background-image: linear-gradient(to left,#d6396b,#e78eaa);
  background-repeat: no-repeat;
  background-position: right;
  color: #000;
  overflow: hidden;
}
body {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.overflow {
  overflow: hidden;
}
.before-content,
.central-content {
  min-width: 305px;
}
.audioPage,
.musicListPage {
  padding: 0 1% 25px;
}
.audioPage .jp-audio,
.audioPage .jp-audio-stream,
.audioPage .jp-video,
.musicListPage .jp-audio,
.musicListPage .jp-audio-stream,
.musicListPage .jp-video {
  color: #1f1f1f;
}
.audioPage .content-nav,
.musicListPage .content-nav {
  margin-right: 10px;
}
.audioPage .icon-delete:before,
.musicListPage .icon-delete:before {
  content: '\e610';
}
.audioPage .module-header,
.musicListPage .module-header {
  margin: 16px 0 16px 0;
  padding-left: 11px;
}
.audioPage-icon {
  display: inline-block;
  vertical-align: middle;
  border-radius: 11px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 200px;
  height: 140px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/list_default.png?xn_version=202507221305");
}
.icon-defaultGrey {
  background-color: #fff;
  width: 36px;
  height: 36px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/list_default_grey.png?xn_version=202507221305");
}
.audioPage-buttons__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.audioPage-buttons__wrap.AddTracksButtons {
  justify-content: center;
}
.popup-block__list-item.audioPage-buttons__wrap {
  margin: 0 -5px -10px;
}
.audioPage-buttons__wrap .button {
  margin: 0 5px 10px;
}
.audioPage-buttons__wrap .button.add-button_track {
  font-size: 15px;
  font-weight: 700;
  margin-left: auto;
}
.audioPage-buttons__wrap .button:disabled {
  pointer-events: none;
}
.button-delete_track {
  min-width: 120px;
  padding: 9px;
  background-color: #ff0000;
  color: #fff;
  font-weight: normal;
  cursor: pointer;
  white-space: normal;
  background-image: none;
}
.button-active {
  min-width: 120px;
  padding: 9px;
  background-color: #8c1d40;
  background-image: none;
  color: #fff;
  font-weight: normal;
  cursor: pointer;
  white-space: normal;
}
.button-active:hover {
  background-color: #8c1d40;
  background-image: none;
  color: #fff;
}
.button-cancel {
  min-width: 110px;
  padding: 9px;
  background-image: none;
  background-color: rgba(154,39,34,0.5);
  color: #fff;
  font-weight: normal;
  cursor: pointer;
  white-space: normal;
}
.button-cancel:hover {
  background-image: none;
  background-color: rgba(154,39,34,0.5);
  color: #fff;
}
.audioPage .button.button-iconic {
  padding: 0.6em;
}
.audioPage .button.button-iconic .icon-add {
  width: auto;
  height: 1.2em;
}
@media screen and (min-width: 481px) {
  .audioPage .button.button-iconic > .icon::before,
  .musicListPage .button.button-iconic > .icon::before {
    margin-right: 0;
  }
  .audioPage .linkbar-iconic .button.button-iconic > .icon::before,
  .musicListPage .linkbar-iconic .button.button-iconic > .icon::before {
    margin-right: 10px;
  }
}
.audioPage-search {
  float: right;
}
@media screen and (max-width: 481px) {
  .audioPage-search {
    float: none;
    margin-bottom: 18px;
  }
}
.popup-block .button {
  border: none;
  box-shadow: none;
}
.popup-block .button:active,
.popup-block .button:focus {
  color: #fff;
}
.audioPageList {
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.audioPageList.visible {
  height: auto;
  visibility: visible;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
.audioPageList.slick-initialized {
  visibility: visible;
}
.audioPageList .slick-track {
  display: flex;
}
.audioPageList .audioPageList__item_wrap {
  outline: none;
  width: 25%;
  min-width: 0;
  display: inline-block;
  float: none !important;
}
.audioPageList .slick-arrow {
  width: 20px;
}
.audioPageList .slick-next:before {
  font-size: 1px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14.5px 0 14.5px 18px;
  border-color: transparent transparent transparent #1f1f1f;
  overflow: hidden;
}
.audioPageList .slick-prev:before {
  font-size: 1px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14.5px 18px 14.5px 0;
  border-color: transparent #1f1f1f transparent transparent;
  overflow: hidden;
}
.audioPageList .slick-prev.slick-disabled:before,
.audioPageList .slick-next.slick-disabled:before {
  opacity: 0.1;
}
.audioPageList .slick-list {
  width: 100%;
}
.audioPageList .slick-arrow + .slick-list {
  margin: 0 31px;
  width: 100%;
}
.audioPageList .audioPageList__item {
  width: 95%;
  padding-bottom: 95%;
  margin: 10px auto;
  background-color: rgba(118,118,118,0.55);
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/list_default.png?xn_version=202507221305");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  outline: none;
}
.audioPageList.visible .audioPageList__item {
  margin: 10px auto;
}
.audioPageList .icon-add {
  width: 52px;
  height: 52px;
  background-color: #8c1d40;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.audioPageList .icon-add:before {
  font-size: 24px;
  line-height: 50px;
  margin: auto !important;
  color: #ffffff;
}
.audioPageList .audioPageList__item.added .icon-add {
  display: none;
}
.audioPageList .audioPageList__item.added:before {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.4;
  z-index: 2;
}
.audioPageList .audioPageList__item.added.active {
  background-color: rgba(140,29,64,0.8);
}
.audioPageList .audioPageList__item.added.active:before {
  background-color: rgba(140,29,64,0.8);
}
.audioPageList .audioPageList__item.added .audioPageList__img {
  overflow: hidden;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
}
.audioPageList .audioPageList__item.added .audioPageList__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 100%;
}
.audioPageList .audioPageList__item.added .playlist_descripion {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 15px;
}
.audioPageList .audioPageList__item.added .playlist_name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
}
.audioPageList .audioPageList__item.added .playlist_notice {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  display: block;
  max-height: 65px;
  overflow: hidden;
  line-height: normal;
}
.audioPageList .audioPageList__item.added .track_edit {
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;
}
.audioPageList .audioPageList__item.added .track_edit .track_editButtons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px;
  font-size: 0;
}
.audioPageList .audioPageList__item.added .track_edit .button {
  background-color: #8c1d40;
  color: #fff;
  font-size: 16px;
  margin: 2px;
  line-height: 0.4em;
}
.audioPageList .audioPageList__item.added .track_edit .button:hover {
  background-color: #380b19;
}
.audioPageList .audioPageList__item.added .track_edit .button.track_deleteButton {
  background-color: #f44336;
}
.audioPageList .audioPageList__item.added .track_edit .button.track_deleteButton:hover {
  background-color: #ba160a;
}
.audioPageList.full {
  width: 100%;
  max-width: none;
  border-radius: 0;
  height: auto;
  padding: 0;
  visibility: visible;
  display: none;
}
.audioPageList.full .audioPageList__item_wrap {
  width: 100%;
  max-width: none;
  min-width: 304px;
}
.audioPageList.full .audioPageList__item {
  width: 100%;
  max-width: none;
  border-radius: 0;
  height: 165px;
}
.audioPageList.full .audioPageList__item .audioPageList__img {
  background-size: auto;
}
.audioPageList.full .audioPageList__item img {
  border-radius: 0;
}
.audioPageList.full .audioPageList__item.added:before {
  border-radius: 0;
}
.audioPage-player {
  width: 100%;
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
.audioPage-player.search_player {
  padding-top: 20px;
}
.audioPage-player .jp-type-single {
  background-color: rgba(140,29,64,0.2);
}
.audioPage-player .jp-interface {
  width: 100%;
  background: transparent;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.audioPage-player .jp-progress {
  width: 100%;
  height: 11px;
  padding: 0;
  margin-bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.audioPage-player .jp-seek-bar {
  background: rgba(140,29,64,0.4);
  height: 100%;
}
.audioPage-player .jp-play-bar {
  height: 100%;
  background: #8c1d40;
}
.audioPage-player .jp-controls-holder {
  position: relative;
  height: auto;
  padding: 8px 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}
.audioPage-player .jp-controls {
  height: auto;
  background: transparent;
  margin: 0;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  min-width: 168px;
}
.audioPage-player .jp-controls button {
  float: none;
  width: 100%;
  height: 100%;
  background: transparent;
}
.audioPage-player .audioPage__button {
  width: 35px;
  height: 35px;
  margin: 0 3%;
  border-radius: 50%;
  background-image: none;
  background-color: #8c1d40;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.audioPage-player .audioPage__button:active,
.audioPage-player .audioPage__button:focus {
  outline: none;
}
.audioPage-player .audioPage__button:hover {
  background-image: none;
  background-color: #0d0306;
}
.audioPage-player .audioPage__button:before,
.audioPage-player .audioPage__button:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-70%,-50%);
  -webkit-transform: translate(-70%,-50%);
  transform: translate(-70%,-50%);
  cursor: pointer;
}
.audioPage-player .audioPage__button:after {
  -ms-transform: translate(30%,-50%);
  -webkit-transform: translate(30%,-50%);
  transform: translate(30%,-50%);
}
.audioPage-player .audioPage__button_prev:before,
.audioPage-player .audioPage__button_prev:after {
  border-width: 8px 8px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  -ms-transform: translate(-130%,-50%);
  -webkit-transform: translate(-130%,-50%);
  transform: translate(-130%,-50%);
}
.audioPage-player .audioPage__button_prev:after {
  -ms-transform: translate(-30%,-50%);
  -webkit-transform: translate(-30%,-50%);
  transform: translate(-30%,-50%);
}
.audioPage-player .audioPage__button_play {
  width: 53px;
  height: 53px;
  background-color: #380b19;
}
.audioPage-player .audioPage__button_play:after {
  display: none;
}
.audioPage-player .audioPage__button_play:before {
  border-width: 10px 0 10px 18px;
  position: absolute;
  -ms-transform: translate(-35%,-50%);
  -webkit-transform: translate(-35%,-50%);
  transform: translate(-35%,-50%);
}
.audioPage-player .audioPage__button_play:hover {
  background-color: #000000;
  background-image: none;
}
.audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play {
  background-image: none;
  background-color: #0d0306;
}
.audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:hover {
  background-image: none;
  background-color: #000000;
}
.audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:after {
  border: none;
  display: block;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background-color: #ffffff;
  left: auto;
  right: 39%;
}
.audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:before {
  border: none;
  display: block;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background-color: #ffffff;
  left: 39%;
}
.audioPage-player .jp-volume-controls {
  vertical-align: middle;
  position: relative;
  -ms-flex: 0 0 19%;
  -webkit-box-flex: 0;
  flex: 0 0 19%;
  display: table;
  width: 19%;
}
.audioPage-player .jp-volume-bar-input {
  display: inline-block;
  position: relative;
  width: 65%;
  padding: 0;
  overflow: visible;
  vertical-align: middle;
}
.audioPage-player .jp-volume-bar-input input[type='range'] {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  vertical-align: middle;
}
.audioPage-player .jp-volume-bar-input input[type='range'],
.audioPage-player .jp-volume-bar-input input[type='range']::-webkit-slider-runnable-track,
.audioPage-player .jp-volume-bar-input input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.audioPage-player .jp-volume-bar-input input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 9px;
  background: linear-gradient(to right,#8c1d40,#8c1d40), rgba(0,0,0,0.2);
  background-size: 10% 100%;
  background-repeat: no-repeat;
  border-radius: 7px;
}
.audioPage-player .jp-volume-bar-input input[type='range']::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.11);
  background-color: #ffffff;
  margin-top: -4px;
  border-radius: 50%;
}
.audioPage-player .jp-volume-bar-input input[type='range']::-moz-range-track {
  width: 100%;
  height: 7px;
  border-radius: 7px;
  margin: 0;
  padding: 0;
  outline: none;
}
.audioPage-player .jp-volume-bar-input input[type='range']::-moz-range-thumb {
  width: 14px;
  height: 14px;
  box-shadow: 0 2px 3px #c4c4c4;
  background-color: #ffffff;
  margin-top: -4px;
  border-radius: 50%;
  border: 0;
}
.audioPage-player .jp-volume-bar-input input[type="range"]::-moz-range-progress {
  background-color: #8c1d40;
  height: 7px;
  border-radius: 7px;
}
.audioPage-player .jp-volume-bar-input input[type="range"]::-ms-track {
  height: 7px;
  border-bottom: 0;
  color: transparent;
  outline: none;
  border-radius: 7px;
}
.audioPage-player .jp-volume-bar-input input[type="range"]::-ms-fill-lower {
  background: #8c1d40;
  border: 0 solid #000101;
  border-radius: 7px 0 0 7px;
  height: 7px;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}
.audioPage-player .jp-volume-bar-input input[type="range"]::-ms-fill-upper {
  background: #aaa;
  border: 0 solid #000101;
  border-radius: 0 7px 7px 0;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}
.audioPage-player .jp-volume-bar-input input[type="range"]::-ms-thumb {
  margin: 1px 1px 0;
  width: 12px;
  height: 12px;
  box-shadow: 0 1px 4px 1px #c4c4c4;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid transparent;
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type='range'] {
  cursor: default;
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type='range']::-webkit-slider-runnable-track {
  background: linear-gradient(to right,rgba(0,0,0,0.2),rgba(0,0,0,0.2)), rgba(0,0,0,0.2) !important;
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type='range']::-webkit-slider-thumb {
  display: none;
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type='range']::-moz-range-thumb {
  display: none;
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type="range"]::-moz-range-progress {
  background-color: rgba(0,0,0,0.2);
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type="range"]::-ms-fill-lower {
  background: rgba(0,0,0,0.2);
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type="range"]::-ms-fill-upper {
  background: rgba(0,0,0,0.2);
}
.audioPage-player.jp-state-muted .jp-volume-bar-input input[type="range"]::-ms-thumb {
  display: none;
}
.audioPage-player .jp-volume-controls .jp-mute {
  background: transparent;
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/controls_sprite.png?xn_version=202507221305") no-repeat -108px -43px;
  width: 30px;
  height: 23px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: auto !important;
  left: auto !important;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  border: none;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
}
.audioPage-player.jp-state-muted .jp-volume-controls .jp-mute {
  width: 15px;
  margin-right: 15px;
  background-position: -108px 0;
}
.audioPage-player .jp-current-time,
.audioPage-player .jp-duration {
  -ms-flex: 0 0 54px;
  -webkit-box-flex: 0;
  flex: 0 0 54px;
  font-size: 14px;
  color: #1f1f1f;
  width: 54px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.audioPage-player .jp-type-single .jp-toggles {
  width: auto;
  min-width: 113px;
  margin-right: 10px;
  font-size: 0;
}
.audioPage-player .jp-type-single .jp-toggles button {
  margin: 0 -2px;
  border: none;
  text-indent: -99999px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.audioPage-player .jp-repeat {
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/controls_sprite.png?xn_version=202507221305") no-repeat -49px -2px;
  -ms-flex: 0 0 25px;
  -webkit-box-flex: 0;
  flex: 0 0 25px;
  width: 33px;
  height: 23px;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}
.audioPage-player .jp-repeat.on {
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/controls_sprite.png?xn_version=202507221305") no-repeat -49px -45px;
}
.audioPage-player .jp-shuffle {
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/controls_sprite.png?xn_version=202507221305") no-repeat 4px -1px;
  -ms-flex: 0 0 25px;
  -webkit-box-flex: 0;
  flex: 0 0 25px;
  width: 33px;
  height: 23px;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}
.audioPage-player .jp-shuffle.on {
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/controls_sprite.png?xn_version=202507221305") no-repeat 4px -44px;
}
.audioPage-player .jp-playlist__title {
  font-size: 16px;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  line-height: 16px;
  margin-right: 10px;
  overflow: hidden;
  max-height: 32px;
  outline: none;
}
.audioPage-player .jp-artist,
.audioPage-player .jp-track {
  line-height: inherit;
  font-size: inherit;
  color: #1f1f1f;
  overflow: hidden;
  -webkit-rtl-ordering: logical;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.audioPage-playlist {
  overflow: hidden;
}
.audioPage-playlist__title,
.trackList .content-name {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
.audioPage-playlist_header {
  font-size: 18px;
  font-weight: 600;
  color: #6c6c6c;
  margin-bottom: 13px;
}
@media screen and (max-width: 500px) {
  .audioPageList.visible .audioPageList__item_wrap {
    height: auto !important;
    min-height: 1px !important;
    max-width: none;
  }
  .audioPage-player .jp-interface {
    margin-bottom: 0;
  }
  .audioPage-player:before {
    bottom: 0 !important;
  }
  .audioPage-player .audioPage__button_prev,
  .audioPage-player .audioPage__button_next {
    display: none;
  }
  .audioPage-player .audioPage__button {
    width: 35px;
    height: 35px;
  }
  .audioPage-player .audioPage__button:before {
    border-width: 5px 0 5px 10px;
  }
  .audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:before {
    border: none;
    display: block;
    width: 3px;
    height: 18px;
    border-radius: 4px;
    background-color: #ffffff;
    left: 36%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:after {
    border: none;
    display: block;
    width: 3px;
    height: 18px;
    border-radius: 4px;
    background-color: #ffffff;
    left: auto;
    right: 36%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .audioPage-player .jp-type-single .jp-toggles {
    min-width: 96px;
  }
  .audioPage-player .jp-controls {
    min-width: 40px;
    margin-right: 5px;
  }
  .audioPage-player .jp-playlist__title {
    font-size: 14px;
    font-weight: 400;
  }
  .audioPage-player .jp-volume-controls {
    display: none;
  }
  .audioPage-player .jp-current-time,
  .audioPage-player .jp-duration {
    -ms-flex: 0 0 38px;
    -webkit-box-flex: 0;
    flex: 0 0 38px;
    width: 38px;
    font-size: 10px;
    line-height: 25px;
  }
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: block;
  text-align: center;
  overflow: auto;
  width: 100%;
  height: 100%;
  font-size: 0;
  visibility: visible;
  min-width: 305px;
  background-color: rgba(17,22,24,0.7);
}
.popup-overlay__align {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.popup-overlay__wrapper {
  display: inline-flex;
  vertical-align: middle;
  width: auto;
  height: auto;
  z-index: 1001;
  opacity: 1;
}
@media screen and (max-width: 940px) {
  .popup-overlay__wrapper {
    width: 90%;
  }
}
.popup-block__close {
  position: absolute;
  left: 100%;
  bottom: 100%;
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #000;
  margin: -20px;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: 1px -1px 1px rgba(222,222,222,0.09);
}
.popup-block__close:after,
.popup-block__close:before {
  content: '';
  display: block;
  position: absolute;
  width: 50%;
  height: 2px;
  left: 25%;
  top: 45%;
  background-color: #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  box-shadow: 0 1px 1px rgba(57,57,58,0.04);
  border-radius: 2px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.popup-block__close:before {
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
}
.popup-block__close:after {
  -webkit-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  transform: rotate(133deg);
  bottom: auto;
}
.popup-block {
  width: 544px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 7px 9px rgba(0,0,0,0.18);
  box-shadow: 0 7px 9px rgba(0,0,0,0.18);
  text-align: left;
}
.popup-block__title {
  font-size: 22px;
  padding: 15px 20px;
  text-align: center;
  font-weight: 600;
}
.popup-block__title_highlight {
  color: #fb0007;
}
.popup-block .transparentFileInputButton-fileInput {
  height: 100%;
}
.popup-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #000;
}
.popup-block_loading {
  width: 412px;
}
.popup-block__content_all {
  padding: 0 30px 30px;
}
.popup-block__content_all .popup-block__description {
  width: 100%;
}
.popup-block__img {
  width: 200px;
  height: 200px;
  background-color: #efefef;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  position: relative;
  margin: 0 0 15px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/audio/list_default.png?xn_version=202507221305");
  background-size: contain;
  display: flex;
  flex-direction: column;
}
.popup-block__img img {
  background-color: #efefef;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: none;
  max-height: 100%;
}
.popup-block__img img[src*="original"] + span.popup-block__notice {
  display: none;
}
.popup-block__img .fileupload {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 100%;
}
.popup-block__img .button {
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
  margin: auto auto;
}
.popup-block__img .upload__terms {
  position: absolute;
  top: 104%;
  left: 0;
  width: 100%;
  text-align: left;
  font-size: 12px;
  color: rgba(0,0,0,0.71);
}
.popup-block__img .upload__terms a {
  display: inline-block;
  color: #8c1d40;
  font-weight: normal !important;
}
.popup-block__description {
  width: 55%;
  margin-left: 15px;
  font-size: 14px;
  flex-grow: 1;
}
.popup-block__description_text {
  padding: 10px 0 35px;
  text-align: center;
}
.popup-block__description_text .track {
  font-weight: bold;
  display: inline-block;
}
.popup-block__description_loading {
  padding: 35px 0 9px;
  font-size: 18px;
  text-align: center;
}
.popup-block__description_loading .icon_loading {
  width: 53px;
  height: 53px;
  background-color: #8c1d40;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
}
.popup-block__description_loading .icon_loading:before {
  content: 'gif';
  color: #fff;
  line-height: 50px;
  font-size: 18px;
}
.popup-block__description_error {
  padding: 35px 0 9px 70px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup-block__description_error > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}
.popup-block__description_error > span .track_name {
  -webkit-rtl-ordering: logical;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.popup-block__description_error .icon_error {
  width: 53px;
  height: 53px;
  background-color: #c92011;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: -74px;
  text-align: center;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 53px;
  flex: 0 0 53px;
}
.popup-block__description_error .icon_error:before {
  content: '!';
  color: #fff;
  line-height: 50px;
  font-size: 50px;
}
.popup-block__description_done {
  padding: 35px 0 9px 70px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-block__description_done > span {
  display: inline-block;
  vertical-align: middle;
}
.popup-block__description_done > span .track_name {
  -webkit-rtl-ordering: logical;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.popup-block__description_done strong {
  font-weight: 700;
  display: inline-block;
  -webkit-rtl-ordering: logical;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.popup-block__description_done .icon-check-mark {
  width: 53px;
  height: 53px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 53px;
  flex: 0 0 53px;
  background-color: #8c1d40;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  border-radius: 50%;
  margin-left: -74px;
  text-align: center;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
  box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
}
.popup-block__description_done .icon-check-mark:before {
  color: #fff;
  line-height: 50px;
  font-size: 34px;
  margin: 0;
}
.popup-block__notice {
  color: #8c1d40;
  font-weight: normal;
  text-align: center;
  width: 100%;
  padding: 0 10px 10px;
  margin: auto auto 0;
  left: 0;
  z-index: 1;
}
.popup-block__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.popup-block__list-item {
  margin: 0 0 3px;
  padding: 0;
  list-style-type: none;
}
.popup-block__list_dropdown {
  position: relative;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  height: 35px;
  border-bottom: 2px solid #eee;
}
.popup-block__list_dropdown .dropdown_selectedItem {
  line-height: 35px;
  display: block;
  padding: 0 25px 0 8px;
  margin: 0 15px 0 0;
  overflow: hidden;
  color: #000000;
  max-height: 35px;
}
.popup-block__list_dropdown .dropdown_selectedItem.placeholder_default {
  color: #929292;
}
.popup-block__list_dropdown:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 4px;
  -ms-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  width: 8px;
  height: 2px;
  background-color: #000;
  -webkit-box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  -ms-transform: rotate(47deg);
  -webkit-transform: rotate(47deg);
  transform: rotate(47deg);
}
.popup-block__list_dropdown:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 0;
  -ms-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  width: 8px;
  height: 2px;
  background-color: #000;
  -webkit-box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  -ms-transform: rotate(-47deg);
  -webkit-transform: rotate(-47deg);
  transform: rotate(-47deg);
}
.popup-block__list_dropdown .dropdown_block {
  position: absolute;
  top: 101%;
  left: -9px;
  right: 0;
  border-radius: 2px;
  border: 1px solid #f3f3f3;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 6px 0px rgba(156,156,156,0.32);
  box-shadow: 0px 5px 6px 0px rgba(156,156,156,0.32);
  font-weight: normal;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  list-style: none;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  overflow: auto;
  max-height: 160px;
}
.popup-block__list_dropdown .dropdown_block > li {
  padding: 0 10px;
}
.popup-block__list_dropdown .dropdown_block > li > a {
  display: block;
  padding: 10px 0 10px 7px;
  text-decoration: none;
  color: #000000;
  overflow: hidden;
  border-bottom: 1px solid #dfdfdf;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.popup-block__list_dropdown .dropdown_block li:last-child a {
  border-bottom: none;
}
.popup-block__list_dropdown .dropdown_block li:hover {
  background: #b3b3b3;
  padding-top: 1px;
  margin-top: -1px;
}
.popup-block__list_dropdown .dropdown_block li:hover a {
  border-bottom: 1px solid #b3b3b3;
}
.popup-block__list_dropdown.active:before {
  right: 0;
}
.popup-block__list_dropdown.active:after {
  right: 4px;
}
.popup-block__list_dropdown.active .dropdown_block {
  opacity: 1;
  pointer-events: auto;
}
.popup-block__description input,
.popup-block__description textarea {
  width: 100%;
}
.popup-block__description textarea {
  height: 11em;
}
.input.popup-block__inputTitle {
  border: none;
  border-bottom: 2px solid #eee;
  padding: 8px 8px 7px 8px;
  line-height: 18px;
}
.popup-block_addTrack {
  position: relative;
  width: 650px;
}
@media screen and (max-width: 685px) {
  .popup-block_addTrack .popup-block_addTrack {
    width: auto;
  }
}
.popup-block_addTrack .popup-block__img {
  width: 120px;
  overflow: visible;
}
.popup-block_addTrack .popup-block__img .button {
  position: relative;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  padding: 16px;
  white-space: normal;
  max-width: 120px;
  vertical-align: middle;
  margin: 0 0 0 10px;
  top: auto;
  left: auto;
  overflow: hidden;
  cursor: pointer;
}
.popup-block_addTrack .popup-block__img .button > span {
  padding: 0 10px;
  word-break: break-word;
}
.popup-block_addTrack .addTrack_buttons {
  font-size: 0;
}
.popup-block_addTrack .popup-block__notice {
  bottom: 5px;
  top: auto;
  font-size: 12px;
}
.multipleTracks .popup-block_addTrack {
  width: 850px;
}
@media screen and (max-width: 940px) {
  .multipleTracks .popup-block_addTrack {
    width: 100%;
  }
}
.multipleTracks .popup-block_addTrack .popup-block__img {
  width: 250px;
  height: auto;
  overflow: visible;
}
.multipleTracks .popup-block_addTrack .popup-block__list {
  display: grid;
  column-gap: 6px;
  grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
}
.multipleTracks .popup-block_addTrack .popup-block__description {
  width: auto;
}
.multipleTracks .popup-block_addTrack .popup-block__description.addAnotherTrack {
  cursor: pointer;
  text-align: center;
  margin: -20px 0 0 0;
  padding: 10px 0;
  line-height: 1em;
}
.multipleTracks .popup-block_addTrack .popup-block__description.addAnotherTrack:hover {
  background-color: #ededed;
}
.multipleTracks .popup-block_addTrack .popup-block__description.addAnotherTrack .icon {
  margin: 0;
}
.multipleTracks .popup-block_addTrack .icon-defaultGrey {
  flex-basis: 36px;
  flex-shrink: 0;
  background-size: 15px 15px;
}
.multipleTracks .popup-block_addTrack .addTrack_buttons {
  display: flex;
  justify-content: center;
  padding: 10px;
  gap: 10px;
  overflow: hidden;
}
.multipleTracks .popup-block_addTrack .popup-block__img .button {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 3px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.popup-block_editTrack {
  width: 450px;
}
.popup-block_editTrack .popup-block__description {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.popup-block_editTrack .audioPage-buttons__wrap .button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.audio-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.switcher__input {
  display: none;
}
.switcher__input:checked + .switcher__label {
  color: #000;
}
.switcher__input:checked + .switcher__label:before {
  background-color: #8c1d40;
}
.switcher__input:checked + .switcher__label:after {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.switcher__input:checked + .switcher__label:active:after {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
.switcher__input:checked + .switcher__label:active:before {
  background-color: rgba(140,29,64,0.2);
}
.switcher__label {
  display: block;
  vertical-align: top;
  padding-right: 50px;
  font-weight: normal;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  width: 100%;
  position: relative;
  line-height: 18px;
  min-height: 26px;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
}
.switcher__label:before {
  content: "";
  display: block;
  width: 45px;
  height: 22px;
  background-color: #dadada;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.switcher__label:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  right: 24px;
  -webkit-transition: -webkit-transform .1s linear;
  transition: -webkit-transform .1s linear;
  -o-transition: transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear, -webkit-transform .1s linear;
}
.switcher__label:active:after {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
.switcher__label:active:before {
  background-color: rgba(140,29,64,0.3);
}
.switcher__text {
  line-height: 15px;
}
.audioPage-playlist__item {
  min-width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 13px;
  min-height: 42px;
  color: #1f1f1f;
}
.audioPage-playlist__item[style*="position"] {
  max-width: 620px;
}
.audioPage-playlist__item.audioPage-playlist_header {
  color: #6c6c6c;
}
.audioPage-playlist__item > span {
  display: block;
  min-height: 20px;
}
.audioPage-playlist__item > span:only-child {
  margin: 25px auto 0 !important;
}
.audioPage-playlist__item .track_name {
  margin-right: 10px;
  padding-left: 50px;
  flex-basis: 70%;
  flex-grow: 1;
  width: 45%;
}
.audioPage-playlist__item .track_name.activeTrack {
  color: #8c1d40;
}
.audioPage-playlist__item .track_name.activeTrack ~ span.playlist_name,
.audioPage-playlist__item .track_name.activeTrack ~ .track_time {
  color: #8c1d40;
}
.audioPage-playlist__item .track_name > span {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  overflow: hidden;
  -webkit-rtl-ordering: logical;
  word-wrap: break-word;
  word-break: break-all;
  max-height: 64px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.audioPage-playlist__item .playlist_name {
  flex-basis: 21%;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.audioPage-playlist__item .track_time {
  width: auto;
  min-width: 53px;
  flex-basis: 68px;
  white-space: nowrap;
}
.audioPage-playlist__item .track_edit {
  text-align: right;
  font-size: 0;
  flex: 0 0 108px;
}
.audioPage-playlist__item .track_edit .button-iconic {
  background-color: #8c1d40;
  color: #fff;
  font-size: 16px;
  margin: 2px;
  line-height: 0.4em;
}
.audioPage-playlist__item .track_edit .button-iconic .icon:before {
  margin: auto;
}
.audioPage-playlist__item .track_edit .button-iconic:hover {
  background-color: #380b19;
}
.audioPage-playlist__item .track_edit .button-iconic.track_deleteButton {
  background-color: #f44336;
}
.audioPage-playlist__item .track_edit .button-iconic.track_deleteButton:hover {
  background-color: #ba160a;
}
.audioPage-playlist__item.draggable {
  user-select: none;
  cursor: default;
}
.audioPage-playlist__item.audioPage-playlist_header[data-empty="true"] .playlist_name {
  flex-basis: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.placeholder {
  background-color: rgba(140,29,64,0.2);
  border: 2px dashed rgba(140,29,64,0.4);
  margin-bottom: 1rem;
}
.button_play {
  width: 35px;
  height: 35px;
  margin: -6px 15px 0 -50px;
  border-radius: 50%;
  background-image: none;
  background-color: #949494;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
}
.button_play:hover {
  background: #8c1d40;
}
.button_play:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-36%,-50%);
  -webkit-transform: translate(-36%,-50%);
  transform: translate(-36%,-50%);
  cursor: pointer;
}
.button_play:hover:before {
  border-color: transparent transparent transparent #ffffff;
}
.button_play.activeButton {
  background-color: #8c1d40;
}
.button_play.activeButton:before {
  border: none;
  display: block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background-color: #ffffff;
  left: 39%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.button_play.activeButton:after {
  content: '';
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  cursor: pointer;
  border: none;
  display: block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background-color: #ffffff;
  right: 29%;
}
.activeTrack .button_play {
  background-color: #8c1d40;
}
.activeTrack .button_play:before {
  border-color: transparent transparent transparent #ffffff;
}
.audioPageList.visible {
  max-height: 570px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 975px) {
  .central-content {
    padding-bottom: 52px;
  }
  .audioPageList .audioPageList__item_wrap {
    outline: none;
    width: 33%;
    max-width: none;
  }
  .audioPageList .slick-arrow {
    height: calc(100% - 8px);
    width: auto;
    top: 51%;
  }
}
@media screen and (max-width: 768px) {
  .audioPage,
  .musicListPage {
    margin-top: 30px;
  }
  .popup-block__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
    height: 120px;
  }
  .popup-block_addTrack .popup-block__img {
    height: 150px;
  }
  .popup-block_addTrack .popup-block__img .popup-block__img .icon-defaultGrey {
    width: 45px;
    height: 45px;
  }
  .popup-block_addTrack .popup-block__img .popup-block__img .button {
    padding: 9px;
  }
  .popup-block__description {
    width: 56%;
  }
  .central-content {
    padding-bottom: 81px;
  }
  .audioPage-player {
    position: fixed;
    margin-bottom: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .audioPage-player:before {
    content: '';
    right: 0;
    left: 0;
    top: 0;
    bottom: 25px;
    position: absolute;
    background-color: #e3e3e3;
    background-size: initial;
    background-repeat: repeat;
  }
  .audioPage-player .jp-type-single {
    position: relative;
    background: rgba(227,227,227,0);
    box-shadow: 0 0 0px 1px #8c1d40;
  }
  .audioPage-player .jp-type-single:before {
    content: '';
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #ffffff;
  }
  .audioPage-player .jp-type-single:after {
    content: '';
    background-color: rgba(140,29,64,0.2);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
  }
  .site-footerFrame {
    margin-bottom: 75px;
  }
  .site-bodyFrame {
    margin-bottom: 15px;
  }
  .audioPageList .slick-list {
    margin: 0 0;
  }
  .audioPageList .audioPageList__item.added .playlist_name {
    font-size: 14px;
  }
  .audioPageList .audioPageList__item.added .playlist_notice {
    font-size: 13px;
  }
  .audioPageList.visible {
    margin: 0;
  }
  .audioPageList.visible .audioPageList__item_wrap {
    width: 100%;
    max-width: none;
    min-height: 1px;
  }
  .audioPageList.visible .audioPageList__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    height: auto;
    min-height: 23px;
    margin: 10px auto;
    background-color: transparent;
    background-image: none;
  }
  .audioPageList.visible .audioPageList__item:before {
    display: none;
  }
  .audioPageList.visible .audioPageList__item .playlist_descripion {
    position: static;
    -ms-flex: 0 0 auto;
    padding: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 71%;
  }
  .audioPageList.visible .audioPageList__item .track_edit {
    position: relative;
    margin-left: auto;
  }
  .audioPageList.visible .audioPageList__item .playlist_name {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    color: #6c6c6c;
  }
  .audioPageList.visible .audioPageList__item .playlist_notice {
    font-size: 16px;
    font-weight: normal;
    color: #6c6c6c;
  }
  .audioPageList.visible .audioPageList__item {
    display: none;
  }
  .audioPageList.visible .audioPageList__item.added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 3px;
  }
  .audioPageList.visible .audioPageList__item.added.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
  }
  .audioPageList.visible .audioPageList__item.added .audioPageList__img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 15px;
    position: relative;
  }
  .audioPageList.visible .audioPageList__item.added .audioPageList__img:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.4;
    z-index: 2;
  }
  .audioPageList.visible .audioPageList__item.added.active .audioPageList__img {
    box-shadow: 0 0 0 3px #8c1d40;
  }
  .audioPageList.visible .audioPageList__item.added.active .playlist_name {
    color: #000000;
  }
}
@media screen and (max-width: 560px) {
  .audioPage-playlist__item {
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
    margin-left: 0;
  }
  .audioPage-playlist__item.more {
    margin-left: -50px;
  }
  .audioPage-playlist__item .playlist_name {
    display: none;
  }
  .audioPage-playlist__item .track_name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 68%;
  }
  .audioPage-playlist__item .track_edit {
    text-align: left;
    position: relative;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 12px;
  }
  .audioPage-playlist__item .track_edit:before {
    content: '...';
    display: inline-block;
    width: auto;
    height: 20px;
    font-size: 41px;
    font-weight: 700;
    line-height: 0;
    margin-top: -5px;
  }
  .audioPage-playlist__item .track_edit .track_editButtons {
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 84px;
    visibility: hidden;
    opacity: 0;
  }
  .audioPage-playlist__item.more .track_edit:before {
    opacity: 0;
  }
  .audioPage-playlist__item.more .track_edit .track_editButtons {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .audioPage-playlist_header.audioPage-playlist__item .track_edit:before {
    opacity: 0;
    visibility: hidden;
  }
  .popup-overlay__wrapper {
    width: calc(100%);
  }
  .popup-block {
    width: 100%;
    max-width: none;
  }
  .popup-block__close {
    bottom: auto;
    left: auto;
    margin: 0;
    top: 5px;
    right: 5px;
    background: transparent;
    cursor: pointer;
  }
  .popup-block__close:before,
  .popup-block__close:after {
    background-color: #000000;
  }
}
@media screen and (max-width: 514px) {
  .audioPageList.visible {
    display: block;
  }
  .audioPageList.full.display {
    display: block;
  }
  .audioPageList .slick-list {
    margin: 0 0;
  }
}
@media screen and (max-width: 481px) {
  .audioPageList.full .audioPageList__item .audioPageList__img {
    background-size: cover;
  }
  .central-content {
    padding-bottom: 60px;
  }
  .site-footerFrame {
    margin-bottom: 0;
  }
  .audioPageList.visible {
    margin: 0;
  }
  .audioPageList.visible .audioPageList__item_wrap {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 1px;
  }
  .audioPageList.visible .audioPageList__item {
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
    margin-left: 0;
  }
  .audioPageList.visible .audioPageList__item .track_edit {
    text-align: left;
    position: relative;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto;
  }
  .audioPageList.visible .audioPageList__item .track_edit:before {
    content: '...';
    display: inline-block;
    width: auto;
    height: 20px;
    font-size: 41px;
    font-weight: 700;
    line-height: 0;
    margin-top: -5px;
    color: #6c6c6c;
  }
  .audioPageList.visible .audioPageList__item .track_edit .track_editButtons {
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 84px;
    visibility: hidden;
    opacity: 0;
    padding: 0;
  }
  .audioPageList.visible .audioPageList__item .playlist_name {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    color: #a4a1a0;
  }
  .audioPageList.visible .audioPageList__item .playlist_notice {
    display: none;
  }
  .audioPageList.visible .audioPageList__item.added.active .playlist_name {
    color: #000000;
  }
  .audioPageList.visible .audioPageList__item.more {
    margin-left: -50px;
  }
  .audioPageList.visible .audioPageList__item.more .track_edit:before {
    color: transparent;
  }
  .audioPageList.visible .audioPageList__item.more .track_editButtons {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .audioPage-playlist__item {
    font-size: 14px;
    max-width: 100%;
    min-width: 0;
  }
  .audioPage-playlist__item .track_name > span {
    max-height: 54px;
  }
  .popup-block__content {
    display: block;
  }
  .popup-block__img {
    margin: 0 auto 20px;
    height: 150px;
  }
  .popup-block_addTrack .popup-block__img {
    margin: 0 auto 40px;
  }
  .popup-block__description {
    width: auto;
    margin-left: 0;
  }
  .popup-block_editTrack .popup-block__description {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  audio
  .audioPageList {
    height: 198px;
  }
  audio
  .audioPageList .audioPageList__item_wrap .audioPageList__item {
    width: 100%;
  }
  audio
  .audioPageList.visiable {
    height: auto;
  }
  audio
  .audioPageList.visiable .audioPageList__item_wrap .audioPageList__item {
    height: auto;
  }
}
.cssload-container *,
.cssload-container *:before,
.cssload-container *:after {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.cssload-container {
  margin: 0 0 0 10px;
  width: 82px;
  height: 5px;
  display: inline-block;
}
.cssload-container > div {
  float: left;
  background: #a0c911;
  height: 100%;
  width: 5px;
  margin-right: 1px;
  display: inline-block;
}
.cssload-container .cssload-shaft1 {
  animation-delay: 0.06s;
  -o-animation-delay: 0.06s;
  -ms-animation-delay: 0.06s;
  -webkit-animation-delay: 0.06s;
  -moz-animation-delay: 0.06s;
}
.cssload-container .cssload-shaft2 {
  animation-delay: 0.12s;
  -o-animation-delay: 0.12s;
  -ms-animation-delay: 0.12s;
  -webkit-animation-delay: 0.12s;
  -moz-animation-delay: 0.12s;
}
.cssload-container .cssload-shaft3 {
  animation-delay: 0.17s;
  -o-animation-delay: 0.17s;
  -ms-animation-delay: 0.17s;
  -webkit-animation-delay: 0.17s;
  -moz-animation-delay: 0.17s;
}
.cssload-container .cssload-shaft4 {
  animation-delay: 0.23s;
  -o-animation-delay: 0.23s;
  -ms-animation-delay: 0.23s;
  -webkit-animation-delay: 0.23s;
  -moz-animation-delay: 0.23s;
}
.cssload-container .cssload-shaft5 {
  animation-delay: 0.29s;
  -o-animation-delay: 0.29s;
  -ms-animation-delay: 0.29s;
  -webkit-animation-delay: 0.29s;
  -moz-animation-delay: 0.29s;
}
.cssload-container .cssload-shaft6 {
  animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  -ms-animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
}
.cssload-container .cssload-shaft7 {
  animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
}
.cssload-container .cssload-shaft8 {
  animation-delay: 0.46s;
  -o-animation-delay: 0.46s;
  -ms-animation-delay: 0.46s;
  -webkit-animation-delay: 0.46s;
  -moz-animation-delay: 0.46s;
}
.cssload-container .cssload-shaft9 {
  animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -moz-animation-delay: 0.52s;
}
.cssload-container .cssload-shaft10 {
  animation-delay: 0.58s;
  -o-animation-delay: 0.58s;
  -ms-animation-delay: 0.58s;
  -webkit-animation-delay: 0.58s;
  -moz-animation-delay: 0.58s;
}
.cssload-container {
  height: 15px;
}
.cssload-container > div {
  position: relative;
  bottom: 0;
  margin-top: 10px;
  height: 5px;
  animation: cssload-wave 1.73s infinite ease-in-out;
  -o-animation: cssload-wave 1.73s infinite ease-in-out;
  -ms-animation: cssload-wave 1.73s infinite ease-in-out;
  -webkit-animation: cssload-wave 1.73s infinite ease-in-out;
  -moz-animation: cssload-wave 1.73s infinite ease-in-out;
}
.cssload-container .shaft1 {
  animation-delay: -1.73s;
  -o-animation-delay: -1.73s;
  -ms-animation-delay: -1.73s;
  -webkit-animation-delay: -1.73s;
  -moz-animation-delay: -1.73s;
}
.cssload-container .shaft2 {
  animation-delay: -1.61s;
  -o-animation-delay: -1.61s;
  -ms-animation-delay: -1.61s;
  -webkit-animation-delay: -1.61s;
  -moz-animation-delay: -1.61s;
}
.cssload-container .shaft3 {
  animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  -ms-animation-delay: -1.5s;
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
}
.cssload-container .shaft4 {
  animation-delay: -1.38s;
  -o-animation-delay: -1.38s;
  -ms-animation-delay: -1.38s;
  -webkit-animation-delay: -1.38s;
  -moz-animation-delay: -1.38s;
}
.cssload-container .shaft5 {
  animation-delay: -1.27s;
  -o-animation-delay: -1.27s;
  -ms-animation-delay: -1.27s;
  -webkit-animation-delay: -1.27s;
  -moz-animation-delay: -1.27s;
}
.cssload-container .shaft6 {
  animation-delay: -1.15s;
  -o-animation-delay: -1.15s;
  -ms-animation-delay: -1.15s;
  -webkit-animation-delay: -1.15s;
  -moz-animation-delay: -1.15s;
}
.cssload-container .shaft7 {
  animation-delay: -1.04s;
  -o-animation-delay: -1.04s;
  -ms-animation-delay: -1.04s;
  -webkit-animation-delay: -1.04s;
  -moz-animation-delay: -1.04s;
}
.cssload-container .shaft8 {
  animation-delay: -0.92s;
  -o-animation-delay: -0.92s;
  -ms-animation-delay: -0.92s;
  -webkit-animation-delay: -0.92s;
  -moz-animation-delay: -0.92s;
}
.cssload-container .shaft9 {
  animation-delay: -0.81s;
  -o-animation-delay: -0.81s;
  -ms-animation-delay: -0.81s;
  -webkit-animation-delay: -0.81s;
  -moz-animation-delay: -0.81s;
}
.cssload-container .shaft10 {
  animation-delay: -0.69s;
  -o-animation-delay: -0.69s;
  -ms-animation-delay: -0.69s;
  -webkit-animation-delay: -0.69s;
  -moz-animation-delay: -0.69s;
}
.cssload-container .shaft11 {
  animation-delay: -0.58s;
  -o-animation-delay: -0.58s;
  -ms-animation-delay: -0.58s;
  -webkit-animation-delay: -0.58s;
  -moz-animation-delay: -0.58s;
}
@keyframes cssload-wave {
  50% {
    height: 100%;
    margin-top: 0;
    background: #6e9111;
  }
}
@-webkit-keyframes cssload-wave {
  50% {
    height: 100%;
    margin-top: 0;
    background: #6e9111;
  }
}
.error_text {
  font-size: 14px;
  min-height: 18px;
}
.error_text span {
  display: none;
  line-height: 18px;
}
.error {
  color: #ff0000;
  border-color: #ff0000;
}
.error .popup-block__list_dropdown {
  border-color: #ff0000;
}
.error .popup-block__list_dropdown .dropdown_selectedItem.placeholder_default {
  color: #ff0000;
}
.error textarea {
  border-color: #ff0000;
}
.error .input {
  color: #ff0000;
  border-color: #ff0000;
}
.error .error_text > span {
  display: block;
}
.progress {
  height: 6px;
  overflow: hidden;
  position: relative;
  top: 0px;
  display: none;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
}
.progress-bar-success {
  background-color: #8c1d40;
}
audio {
  width: 100%;
  height: 30px;
  box-sizing: border-box;
}
audio::-webkit-media-controls {
  width: inherit;
  height: inherit;
  position: relative;
  direction: ltr;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0;
}
audio::-webkit-media-controls-enclosure {
  width: 100%;
  max-width: 800px;
  height: 30px;
  flex-shrink: 0;
  bottom: 0;
  text-indent: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
}
audio::-webkit-media-controls-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  -webkit-user-select: none;
  position: relative;
  width: 100%;
  z-index: 0;
  overflow: hidden;
  text-align: right;
  bottom: auto;
  height: 30px;
  background-color: rgba(140,29,64,0.2);
  border-radius: 0;
  transition: opacity 0.3s;
}
audio::-webkit-media-controls-timeline {
  -webkit-appearance: media-slider;
  display: flex;
  flex: 1 1 auto;
  margin: 0 0 0 20px;
  padding: 0;
  background: rgba(140,29,64,0.4);
  min-width: 5px;
  border: none;
  color: red;
  width: auto;
}
audio::-webkit-media-controls-volume-slider {
  -webkit-appearance: media-volume-slider;
  display: flex;
  flex: 1 1.9 auto;
  max-width: 70px;
  padding: 0;
  margin-left: 10px;
  background: rgba(0,0,0,0.2);
  min-width: 15px;
  border: initial;
  color: inherit;
  align-self: center;
}
audio::-webkit-media-controls-overlay-enclosure {
  display: none;
}
audio::-webkit-media-controls-play-button {
  -webkit-appearance: media-play-button;
  display: flex;
  flex: none;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 9px;
  margin-right: 9px;
  padding: 0;
  background-color: #b0798a;
  color: inherit;
  border-radius: 0;
}
.playListBlock {
  padding: 20px 0 0;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: clip;
}
.plItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
}
.plSel .plNum {
  font-weight: bold;
}
.plNum {
  display: inline-block;
  margin-right: 4px;
}
.playerPlaylistCover {
  width: 320px;
  object-fit: contain;
}
.playerNavigationWrapper {
  padding: 10px 0;
}
.statusPlayer {
  display: initial;
}
.prevSong,
.nextSong {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  min-height: 10px;
  padding: 0 5px;
  line-height: 1;
  cursor: pointer;
}
.mrs-listRowButtons {
  margin-top: 25px;
}
.mrs-lineTop {
  border-width: 1px 0 0 0;
  margin: 2.2em 0 0.5em;
  padding-top: 1.2em;
  font-size: 16px;
}
.mrs-Top {
  margin: 0 0 0.5em;
  font-size: 16px;
}
.mrs h2 {
  font-size: 16px;
}
.mrs-listRow {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.mrs-listRow .mrs-listLabel {
  flex: 0 0 160px;
  width: 160px;
  margin-right: 10px;
  color: #5f5d5f;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  margin-top: -3px;
}
.mrs-listRow .mrs-listRange {
  flex: 0 0 210px;
  width: 210px;
}
.mrs .button_mrs {
  font-size: 12.5px;
  border-color: #979797;
  margin-right: 10px;
  vertical-align: middle;
}
.mrs .grey_button {
  font-weight: normal;
  color: #979797;
}
.mrs .grey_button:hover {
  background-color: #75af2d;
  color: #fff;
}
.mrs-listAchievement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  position: relative;
  padding-bottom: 10px;
}
.mrs-listColumn {
  -webkit-box-flex: 0;
  -ms-flex: 1 1 85px;
  flex: 1 1 85px;
  text-align: center;
  margin: 10px 10px 20px;
  max-width: 92px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mrs-listColumn_badge {
  -webkit-box-flex: 0;
  -ms-flex: 1 1 65px;
  flex: 1 1 65px;
  text-align: center;
  margin: 0px 14px 10px 0;
  max-width: 50px;
  height: 50px;
}
.mrs-achievementTitle {
  margin: 0 0 auto;
  color: #979797;
  line-height: 14px;
  word-wrap: break-word;
  word-break: break-all;
  min-height: 28px;
  width: 100%;
  -webkit-rtl-ordering: logical;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.mrs-achievementBlock {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  min-height: 117px;
  margin-top: 25px;
}
.mrs-lineTop {
  border-width: 1px 0 0 0;
  margin: 2.2em 0 0.5em;
  padding-top: 1.2em;
  font-size: 16px;
}
.mrs-Top {
  margin: 0 0 0.5em;
  font-size: 16px;
}
.mrs h2 {
  font-size: 16px;
}
.mrs-listRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.mrs-listRow .mrs-listLabel {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  width: 160px;
  margin-right: 10px;
  color: #5f5d5f;
  font-family: "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  margin-top: -3px;
}
.mrs-listRow .mrs-listRange {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 210px;
  flex: 0 0 210px;
  width: 210px;
}
.mrs .button_mrs {
  font-size: 12.5px;
  border-color: #979797;
  margin-right: 10px;
  vertical-align: middle;
}
.mrs .grey_button {
  font-weight: normal;
  color: #979797;
}
.mrs .grey_button:hover {
  background-color: #75af2d;
  color: #fff;
}
.mrs-listAchievement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  position: relative;
  padding-bottom: 10px;
}
.mrs-listColumn {
  -webkit-box-flex: 0;
  -ms-flex: 1 1 85px;
  flex: 1 1 85px;
  text-align: center;
  margin: 10px 10px 20px;
  max-width: 92px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mrs-listColumn_badge {
  -webkit-box-flex: 0;
  -ms-flex: 1 1 65px;
  flex: 1 1 65px;
  text-align: center;
  margin: 0px 14px 10px 0;
  max-width: 50px;
  height: 50px;
}
.mrs-achievementTitle {
  margin: 0 0 auto;
  color: #979797;
  line-height: 14px;
  word-wrap: break-word;
  word-break: break-all;
  min-height: 28px;
  width: 100%;
  -webkit-rtl-ordering: logical;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mrs-achievementBlock {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  min-height: 117px;
}
.mrs-achievementControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.mrs-achievementControl .mrs-achievementDelete {
  color: #ff0000;
  text-decoration: none;
  padding: 0 5px;
}
.mrs-achievementControl .mrs-achievementDelete:hover {
  text-decoration: underline;
}
.mrs-achievementControl .mrs-achievementEdit {
  color: #5f5d5f;
  text-decoration: none;
  padding: 0 5px;
}
.mrs-achievementControl .mrs-achievementEdit:hover {
  text-decoration: underline;
}
.mrs-achievementIcon {
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 5px 0 auto !important;
}
.mrs-badgeIcon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
  margin-bottom: auto;
}
.mrs-badgeIcon img,
.mrs-achievementIcon img {
  display: block;
  width: 100%;
}
.mrs-achievementDate {
  font-size: 11px;
  font-weight: 400;
  color: #5f5d5f;
  margin-top: auto;
  margin-bottom: 12px;
  width: 100%;
}
.mrs-achievementControl {
  color: #bebebe;
  font-size: 11px;
  font-weight: 400;
  margin-top: auto;
}
.mrs-achievementAllPoins {
  -webkit-box-ordinal-group: 1001;
  -ms-flex-order: 1000;
  order: 1000;
  margin-left: auto;
  margin-right: 10px;
  position: absolute;
  right: 0;
  width: auto;
  top: -16px;
  text-align: right;
  font-weight: bold;
}
.mrs-disabled {
  cursor: default;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  opacity: 0.6;
  filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.mrs-achievementControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.mrs-achievementControl .mrs-achievementDelete {
  color: #ff0000;
  text-decoration: none;
  padding: 0 5px;
}
.mrs-achievementControl .mrs-achievementDelete:hover {
  text-decoration: underline;
}
.mrs-achievementControl .mrs-achievementEdit {
  color: #5f5d5f;
  text-decoration: none;
  padding: 0 5px;
}
.mrs-achievementControl .mrs-achievementEdit:hover {
  text-decoration: underline;
}
.mrs-achievementIcon {
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 5px 0 auto !important;
}
.mrs-badgeIcon {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 0 !important;
  margin-bottom: auto;
}
.mrs-badgeIcon img,
.mrs-achievementIcon img {
  display: block;
  width: 100%;
}
.mrs-achievementDate {
  font-size: 11px;
  font-weight: 400;
  color: #5f5d5f;
  margin-top: auto;
  margin-bottom: 12px;
  width: 100%;
}
.mrs-achievementControl {
  color: #bebebe;
  font-size: 11px;
  font-weight: 400;
  margin-top: auto;
}
.mrs-achievementAllPoins {
  order: 1000;
  margin-left: auto;
  margin-right: 10px;
  position: absolute;
  right: 0;
  width: auto;
  top: -16px;
  text-align: right;
  font-weight: bold;
}
.mrs-disabled {
  cursor: default;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  opacity: 0.6;
  filter: grayscale(100%);
  filter: grayscale(1);
}
.ico-panel {
  font-family: Montserrat, sans-serif;
  background-color: #fbfafa;
  color: #000000;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .ico-panel {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.ico-panel .my-balance {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 14%;
  -ms-flex: 1 1 14%;
  flex: 1 1 14%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 14%;
  -ms-flex: 1 1 14%;
  flex: 1 1 14%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 24px 24px 30px;
  border-radius: 4px;
  margin: 10px 10px 20px;
  background-color: #ffffff;
  min-width: 280px;
}
@media screen and (max-width: 481px) {
  .ico-panel .my-balance {
    padding: 15px;
    min-width: 100%;
    margin: 24px 0 30px;
  }
}
.ico-panel .my-balance_description {
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.ico-panel .my-balance_description-custom {
  margin-bottom: 40px;
}
.ico-panel .ico-panel__block {
  padding: 24px;
  margin: 10px 10px 20px;
  background-color: #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 481px) {
  .ico-panel .ico-panel__block {
    padding: 15px;
  }
}
@media screen and (max-width: 481px) {
  .ico-panel .wallets_list_wrapper {
    margin: 24px 0 30px;
  }
}
.ico-panel .wallets_title {
  width: 100%;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.12px;
}
.ico-panel .wallets_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
}
.ico-panel .wallet_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.ico-panel .wallet_toggle_element {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  text-decoration: none;
  position: relative;
}
@media screen and (max-width: 769px) {
  .ico-panel .wallet_toggle_element {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 481px) {
  .ico-panel .wallet_toggle_element {
    padding-bottom: 37px;
  }
}
.ico-panel .wallet_toggle_element span {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  text-decoration: none;
}
.ico-panel .wallet_toggle_element .wallet_adress {
  margin-right: auto;
}
@media screen and (max-width: 769px) {
  .ico-panel .wallet_toggle_element .wallet_adress {
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 0;
  }
}
.ico-panel .wallet_toggle_element .wallet_cash {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media screen and (max-width: 769px) {
  .ico-panel .wallet_toggle_element .wallet_cash {
    width: calc(100% - 20px);
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    margin-top: 5px;
  }
}
.ico-panel .wallet_toggle_element .wallet_cash:after {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  vertical-align: center;
  margin-left: 10px;
}
.ico-panel .wallet_toggle_element .wallet_cash[data-id="BTC"]:after {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_bitcoin.svg?xn_version=202507221305");
}
.ico-panel .wallet_toggle_element .wallet_cash[data-id="LTC"]:after {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_litecoin.svg?xn_version=202507221305");
}
.ico-panel .wallet_toggle_element .wallet_cash[data-id="ETH"]:after {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_ethereum.svg?xn_version=202507221305");
}
.ico-panel .wallet_toggle_element .arrow {
  width: 17px;
  height: 17px;
  position: relative;
  margin-left: 33px;
}
@media screen and (max-width: 769px) {
  .ico-panel .wallet_toggle_element .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
  }
}
@media screen and (max-width: 481px) {
  .ico-panel .wallet_toggle_element .arrow {
    right: auto;
    left: 50%;
    top: auto;
    bottom: 17px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.ico-panel .wallet_toggle_element .arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 7px;
  -ms-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  width: 11px;
  height: 2px;
  background-color: #000;
  -webkit-box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  -ms-transform: rotate(47deg);
  -webkit-transform: rotate(47deg);
  transform: rotate(47deg);
}
.ico-panel .wallet_toggle_element .arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 0;
  -ms-transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  width: 11px;
  height: 2px;
  background-color: #000;
  -webkit-box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  box-shadow: 0 1px 1px rgba(33,49,58,0.1);
  -ms-transform: rotate(-47deg);
  -webkit-transform: rotate(-47deg);
  transform: rotate(-47deg);
}
.ico-panel .wallet_toggle_element.active .arrow:before {
  right: 0;
}
.ico-panel .wallet_toggle_element.active .arrow:after {
  right: 7px;
}
.ico-panel .more_info_wallet {
  width: 100%;
  display: none;
  margin-bottom: 9px;
}
.ico-panel .wallet_field_info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.ico-panel .wallet_field_info .info_title {
  display: inline-block;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  width: 100%;
  max-width: 195px;
  border: none;
  padding: 0;
  margin: 0 0 11px 0;
}
.ico-panel .wallet_field_info label {
  display: inline-block;
  width: 100%;
  max-width: 480px;
  position: relative;
  margin: 0 0 11px auto;
}
@media (max-width: 1200px) {
  .ico-panel .wallet_field_info label {
    max-width: 100%;
  }
}
.ico-panel .wallet_field_info label .copy_field {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 0 110px 0 15px;
  color: #9c9999;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media screen and (max-width: 481px) {
  .ico-panel .wallet_field_info label .copy_field {
    padding: 0 15px;
  }
}
.ico-panel .wallet_field_info label .tooltip-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
  display: inline-block;
}
@media screen and (max-width: 481px) {
  .ico-panel .wallet_field_info label .tooltip-wrapper {
    position: relative;
    margin-top: 10px;
    width: 100%;
  }
}
.ico-panel .wallet_field_info label .tooltip-wrapper:hover .tooltip__text {
  visibility: visible;
  opacity: 1;
}
.ico-panel .wallet_field_info label .tooltip-wrapper .tooltip__text {
  visibility: hidden;
  width: auto;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 7px 10px 7px;
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 10px);
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  opacity: 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  transition: opacity 0.3s;
}
.ico-panel .wallet_field_info label .tooltip-wrapper .tooltip__text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4.5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.ico-panel .wallet_field_info label .copy_button {
  border: none;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background-color: #4279ff;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.14px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  padding: 0;
  margin: 0;
}
.ico-panel .wallet_field_info label .copy_button:hover {
  background-color: #6793ff;
}
.ico-panel .ico-panel__description {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 60%;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 60%;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
  overflow: hidden;
}
.ico-panel .title_detail {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.12px;
  margin-bottom: 20px;
}
.ico-panel .title_empty-transaction {
  color: #5a5959;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.2px;
  margin-bottom: 20px;
}
.ico-panel .my-balance__sum + .popupHelp {
  margin-left: 10px;
}
.ico-panel .my-balance__all {
  padding: 3px 0 25px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.ico-panel .my-balance__sum {
  color: #000000;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 37px);
}
.ico-panel .popupHelp {
  vertical-align: middle;
  display: inline-block;
}
.ico-panel .popupHelp .popupHelp-content {
  top: auto;
  left: 50%;
  right: inherit;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 10px;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #ffffff;
  width: 240px;
}
@media (max-width: 800px) {
  .ico-panel .popupHelp .popupHelp-content {
    right: -7px;
    left: auto;
    transform: translate(0);
  }
}
.ico-panel .popupHelp .popupHelp-content:before,
.ico-panel .popupHelp .popupHelp-content:after {
  top: auto;
  left: auto;
  right: 50%;
  transform: translateX(50%);
}
@media (max-width: 800px) {
  .ico-panel .popupHelp .popupHelp-content:before,
  .ico-panel .popupHelp .popupHelp-content:after {
    right: auto;
    left: 91%;
  }
}
.ico-panel .popupHelp .popupHelp-content:before {
  bottom: -17px;
  border-color: rgba(179,179,179,0.24) transparent transparent transparent;
  border-width: 8px;
}
.ico-panel .popupHelp .popupHelp-content:after {
  bottom: -14px;
  border-color: #fff transparent transparent transparent;
  border-width: 7px;
}
.ico-panel .popupHelp .popupHelp-content .data-row {
  margin: 0 0 10px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.16px;
}
.ico-panel .popupHelp .popupHelp-content .data-row .data-name {
  color: #686868;
  text-transform: uppercase;
  margin-right: 5px;
}
.ico-panel .popupHelp .popupHelp-content .data-row .data-parameter {
  color: #000;
  font-weight: 500;
  word-break: break-all;
}
.ico-panel .icon-info {
  width: 16px;
  height: 16px;
  background-color: #4279ff;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
}
.ico-panel .icon-info:before {
  content: 'i';
  margin: 0;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 500;
}
.ico-panel .popupHelp:hover .popupHelp-content {
  display: block;
  visibility: visible;
}
.ico-panel .buy_form {
  display: flex;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-top: 15px;
  margin-bottom: 15px;
}
.ico-panel .buy_form input[type="text"] {
  border: none;
  border-radius: 6px 0 0 6px;
  flex: 1 1 auto;
  font-family: Montserrat, sans-serif;
  text-align: right;
  padding-right: 0.8em;
  width: 10%;
}
.ico-panel .buy_form .custom-select_currency {
  border-left: 1px solid #e1e1e1;
  width: 95px;
  flex: 0 0 95px;
}
.ico-panel .buy_form .custom-select_currency .select-selected {
  border-radius: 0 6px 6px 0;
}
.ico-panel .buy_form .select-items {
  right: -1px;
  left: -1px;
}
.ico-panel .buy_form .custom-select_currency div[data-id]:before {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  vertical-align: sub;
  margin-right: 8px;
}
.ico-panel .buy_form .custom-select_currency div[data-id="BTC"]:before {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_bitcoin.svg?xn_version=202507221305");
}
.ico-panel .buy_form .custom-select_currency div[data-id="LTC"]:before {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_litecoin.svg?xn_version=202507221305");
}
.ico-panel .buy_form .custom-select_currency div[data-id="ETH"]:before {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_ethereum.svg?xn_version=202507221305");
}
.ico-panel .custom-select {
  position: relative;
}
.ico-panel .custom-select .icon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.ico-panel .custom-select select {
  position: absolute;
  opacity: 0;
  z-index: -5;
}
.ico-panel .select-selected {
  background-color: #fff;
}
.ico-panel .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #686767 transparent transparent transparent;
}
.ico-panel .select-selected.select-arrow-active:after {
  border-style: solid;
  border-width: 0 4.5px 5px 4.5px;
  border-color: transparent transparent #686767 transparent;
  top: 13px;
}
.ico-panel .select-items div,
.ico-panel .select-selected {
  color: #000000;
  padding: 9px 16px 9px 8px;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
  user-select: none;
}
.ico-panel .select-items div:last-child,
.ico-panel .select-selected:last-child {
  border-bottom: none;
  border-radius: 0 0 0 6px;
}
.ico-panel .select-selected {
  border: none;
}
.ico-panel .select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #e0e0e0;
  border-radius: 0 0 0 6px;
}
.ico-panel .select-hide {
  display: none;
}
.ico-panel .select-items div:hover,
.ico-panel .same-as-selected {
  background-color: rgba(0,0,0,0.06);
}
.ico-panel .amount__table {
  margin-top: 38px;
}
.ico-panel .sum__row {
  display: flex;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  margin-bottom: 19px;
}
.ico-panel .sum__row .sum__name {
  margin-right: 5px;
}
.ico-panel .sum__row .sum__quantity {
  text-align: right;
  margin-left: auto;
  word-wrap: break-word;
  word-break: break-all;
}
.ico-panel .sum__row.sum__row_total {
  color: #000000;
  font-weight: 500;
}
.ico-panel .ico-panel__button {
  display: block;
  box-shadow: 0 2px 11px rgba(255,81,1,0.54);
  border-radius: 4px;
  background-color: #ff5101;
  border: none;
  outline: none;
  margin: 0 0 0 auto;
  width: 100%;
  max-width: 261px;
  height: 40px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.14px;
  text-align: center;
  font-style: normal;
}
.ico-panel .ico-panel__button:hover {
  box-shadow: 0 2px 11px rgba(255,81,1,0.54);
  border-radius: 4px;
  background-color: #ff590c;
}
@media screen and (max-width: 481px) {
  .ico-panel .ico-panel__button {
    margin: 0 auto;
  }
}
.ico-panel .token__status {
  padding: 24px 24px 0;
}
@media screen and (max-width: 481px) {
  .ico-panel .token__status {
    padding: 15px 15px 10px 25px;
  }
}
.ico-panel .token__status .token__table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ico-panel .token__status .token__table .token__prices {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 400px;
  -ms-flex: 1 1 400px;
  flex: 1 1 400px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 400px;
  -ms-flex: 1 1 400px;
  flex: 1 1 400px;
  padding-right: 10px;
  min-width: 175px;
  max-width: 354px;
  margin-bottom: 10px;
}
.ico-panel .token__status .token__table .token__sold {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 215px;
  -ms-flex: 1 1 215px;
  flex: 1 1 215px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 215px;
  -ms-flex: 1 1 215px;
  flex: 1 1 215px;
  margin-left: auto;
  border-left: 1px solid #e5e5e5;
  flex: 1 1 215px;
  padding-left: 4%;
  border-left: 1px solid #e5e5e5;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: 10px;
}
.ico-panel .currency__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ico-panel .currency__list .currency__list__item {
  list-style-type: none;
  margin: 0 0 15px;
  padding: 0 0 0 18px;
  position: relative;
  flex: 0 0 172px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
}
.ico-panel .currency__list .currency__list__item:before {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 4px;
  left: 0;
  background-color: rgba(0,0,0,0.17);
}
.ico-panel .currency__list .currency__list__item.usd:before {
  background-color: #4cb3f5;
}
.ico-panel .currency__list .currency__list__item.btc:before {
  background-color: #f48a1e;
}
.ico-panel .currency__list .currency__list__item.eth:before {
  background-color: #767676;
}
.ico-panel .currency__list .currency__list__item .name {
  color: #8d8d8d;
  padding-right: 10px;
}
.ico-panel .range__token {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ico-panel .range__token .range__token {
  width: 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.ico-panel .range__token .range__bar {
  display: block;
  height: 6px;
  border-radius: 3px;
  background-color: #f0f0f0;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.ico-panel .range__token .range__bar .range__value {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #ff8d18;
  border-radius: 3px;
}
.ico-panel .range__token .range__row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.2px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ico-panel .range__token .range__row .range__total {
  color: #a6a6a6;
}
.ico-panel .range__token .range__row .range__of {
  color: #918f8f;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.12px;
  margin: 0 8%;
}
.ico-panel .bonus__counter {
  background-image: linear-gradient(-47deg,#86cdff 0%,#6795ff 100%);
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 10px;
  color: #ffffff;
}
@media screen and (max-width: 1180px) {
  .ico-panel .bonus__counter {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.ico-panel .bonus__counter:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/investors/line.png?xn_version=202507221305");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.ico-panel .bonus__description {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 1 1 334px;
  -ms-flex: 1 1 334px;
  flex: 1 1 334px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 1 1 334px;
  -ms-flex: 1 1 334px;
  flex: 1 1 334px;
  max-width: 250px;
  padding-right: 25px;
}
@media screen and (max-width: 1180px) {
  .ico-panel .bonus__description {
    max-width: none;
    margin-bottom: 25px;
  }
}
.ico-panel .bonus__description .bonus__percent {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.13px;
  margin-bottom: 25px;
}
.ico-panel .bonus__description p {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.ico-panel .bonus__description .title_detail {
  margin-bottom: 25px;
}
.ico-panel .counter__block {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.ico-panel .counter__block .counter-title {
  color: rgba(255,255,255,0.82);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 17px;
}
@media screen and (max-width: 481px) {
  .ico-panel .counter__block .counter-title {
    margin-bottom: 4px;
  }
}
.ico-panel .counter {
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-weight: 400;
  text-align: center;
  font-size: 30px;
}
.ico-panel .counter * {
  box-sizing: border-box;
}
@media screen and (max-width: 481px) {
  .ico-panel .counter {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.ico-panel .counter .divider {
  width: 32px;
  border-radius: 4px;
  font-size: 35px;
  background-color: transparent;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .ico-panel .counter .divider {
    font-size: 30px;
    width: 16px;
  }
}
@media screen and (max-width: 481px) {
  .ico-panel .counter .divider {
    font-size: 12px;
    width: 12px;
    font-weight: bold;
  }
}
.ico-panel .counter .item {
  width: 33%;
  height: 80px;
  max-width: 80px;
  border-radius: 4px;
  background-color: #ffffff;
  display: inline-block;
  padding-top: 8px;
}
@media screen and (max-width: 800px) {
  .ico-panel .counter .item {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 481px) {
  .ico-panel .counter .item {
    margin-bottom: 10px;
    width: auto;
    height: 32px;
    background: transparent;
  }
}
.ico-panel .counter .item_cf {
  display: inline-block;
  color: #000000;
  font-size: 33px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 49px;
}
@media screen and (max-width: 800px) {
  .ico-panel .counter .item_cf {
    font-size: 32px;
    line-height: 39px;
  }
}
@media screen and (max-width: 481px) {
  .ico-panel .counter .item_cf {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
  }
}
.ico-panel .counter .smalltext {
  color: #8d8d8d;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  margin-top: 1px;
}
@media screen and (max-width: 481px) {
  .ico-panel .counter .smalltext {
    color: #fff;
  }
}
.ico-panel .referal-wrapper {
  background-color: #dfe8f9;
}
.ico-panel .referal-wrapper p {
  color: #7a7979;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.ico-panel .referal-wrapper .copy_form {
  width: 100%;
  max-width: 570px;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 15px;
  position: relative;
}
.ico-panel .referal-wrapper .copy_form input.copy__link {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 83%;
  -ms-flex: 1 1 83%;
  flex: 1 1 83%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 83%;
  -ms-flex: 1 1 83%;
  flex: 1 1 83%;
  border: 1px solid #e0e0e0;
  height: 38px;
  padding: 0 16px;
  color: #918f8f;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  outline: none;
  border-right: none;
  position: relative;
  border-radius: 4px 0 0 4px;
  box-shadow: none;
  width: 100%;
  margin-right: -2px;
}
.ico-panel .referal-wrapper .copy_form .ico-referal__button {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background-color: #6793ff;
  text-transform: uppercase;
  color: #fff;
  border: none;
  position: relative;
  z-index: 2;
  transition: all .5s ease-in-out;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}
.ico-panel .referal-wrapper .copy_form .ico-referal__button:hover {
  background-color: #346fff;
}
.ico-panel .tooltip__copy {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 1 0 95px;
  -ms-flex: 1 0 95px;
  flex: 1 0 95px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 1 0 95px;
  -ms-flex: 1 0 95px;
  flex: 1 0 95px;
  position: relative;
  display: inline-block;
}
.ico-panel .tooltip__copy:hover .tooltip__text {
  visibility: visible;
  opacity: 1;
}
.ico-panel .tooltip__copy .tooltip__text {
  visibility: hidden;
  width: auto;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 7px 10px 7px;
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 10px);
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  opacity: 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  transition: opacity 0.3s;
}
.ico-panel .tooltip__copy .tooltip__text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4.5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.ico-panel .transaction__list .over_table {
  overflow: auto;
  margin: 0 -24px -24px;
  padding: 0 24px 24px;
}
@media screen and (max-width: 481px) {
  .ico-panel .transaction__list .over_table {
    margin: 0 -15px -15px;
    padding: 0 15px 15px;
  }
}
.ico-panel .transaction__list table {
  width: 100%;
  min-width: 450px;
}
.ico-panel .transaction__list table th,
.ico-panel .transaction__list table td {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.12px;
  padding: 10px 5px 10px 0;
  width: 23.3%;
}
.ico-panel .transaction__list table th:last-child,
.ico-panel .transaction__list table td:last-child {
  padding-right: 0;
  width: auto;
}
.ico-panel .transaction__list table th:first-child,
.ico-panel .transaction__list table td:first-child {
  width: 40%;
}
.ico-panel .transaction__list table th {
  color: #8d8d8d;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 11px;
}
.ico-panel .transaction__list table tr:nth-child(2) td {
  padding-top: 15px;
}
.ico-panel .transaction__list table .sort_table {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-right: 15px;
}
.ico-panel .transaction__list table .sort_table:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #686767 transparent transparent transparent;
}
.ico-panel .transaction__list table .sort_table.js-sort_revert:after {
  border-width: 0 4.5px 5px 4.5px;
  border-color: transparent transparent #686767 transparent;
}
.ico-panel .transaction__list table .status_pending {
  color: #555555;
}
.ico-panel .transaction__list table .status_accepted {
  color: #54c673;
}
.ico-panel .transaction__list table .status_declined {
  color: #ff5101;
}
.ico-panel .transaction__list table .hour {
  padding-left: 10px;
}
.ico-panel .transaction__list table .currency_name {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.ico-panel .transaction__list table .currency_name:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 14px;
  height: 14px;
}
.ico-panel .transaction__list table .currency_name[data-id="BTC"]:after {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_bitcoin.svg?xn_version=202507221305");
}
.ico-panel .transaction__list table .currency_name[data-id="LTC"]:after {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_litecoin.svg?xn_version=202507221305");
}
.ico-panel .transaction__list table .currency_name[data-id="ETH"]:after {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/ic_ethereum.svg?xn_version=202507221305");
}
.ico-panel .empty_cabinet {
  box-sizing: border-box;
  min-height: 519px;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  width: 100%;
  align-content: center;
  text-align: center;
  padding-top: 68px;
  padding-bottom: 67px;
  margin: 10px 10px 20px;
}
.ico-panel .empty_cabinet h2 {
  color: #5a5959;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.3px;
  margin-bottom: 11px;
  text-transform: none;
}
.ico-panel .empty_cabinet p {
  color: #868686;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.16px;
  max-width: 640px;
}
.ico-panel .empty_cabinet p:last-child {
  margin-top: auto;
}
.ico-panel .empty_cabinet .empty_img {
  width: 47px;
  height: 39px;
  margin-bottom: 66px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/investors/empty_cabinet.svg?xn_version=202507221305");
}
.ico-panel .empty__transaction {
  text-align: center;
}
.ico-panel .empty__icon-transaction {
  width: 46px;
  height: 46px;
  margin: auto auto 25px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/investors/icon_transactions.svg?xn_version=202507221305");
}
.popup__show {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  min-width: 320px;
  overflow: auto;
  z-index: 99999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease-in-out;
}
.popup__show.opened {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 10000px) and (max-height: 440px) {
  .popup__show {
    padding-top: 215px;
  }
}
.popup__show .popup__overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.55;
  z-index: -1;
}
.popup__show .popup-block {
  width: 100%;
  max-width: 444px;
  height: 556px;
  box-shadow: none;
  border-radius: 4px;
  background: transparent;
}
.popup__show .popup-block .description {
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px;
}
.popup__show .popup-block .title__header {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.16px;
  margin-bottom: 20px;
  text-align: center;
}
.popup__show .popup-block .popup__main_block {
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  box-shadow: 0 2px 14px rgba(0,0,0,0.32);
  padding: 24px 24px 15px;
}
.popup__show .popup-block .copy_form {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 15px;
  position: relative;
}
.popup__show .popup-block .copy_form input.copy__link {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 83%;
  -ms-flex: 1 1 83%;
  flex: 1 1 83%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 83%;
  -ms-flex: 1 1 83%;
  flex: 1 1 83%;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  height: 38px;
  padding: 0 16px;
  color: #918f8f;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.14px;
  outline: none;
  border-right: none;
  position: relative;
  border-radius: 4px 0 0 4px;
  box-shadow: none;
  width: 100%;
  margin: 0 -3px 0 0;
}
.popup__show .popup-block .copy_form .ico-referal__button {
  height: 38px;
  width: 100%;
  border-radius: 4px;
  border: 2px solid #4279ff;
  background-color: #ffffff;
  text-transform: uppercase;
  color: #4279ff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  position: relative;
  z-index: 2;
  transition: all .5s ease-in-out;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}
.popup__show .popup-block .copy_form .ico-referal__button:hover {
  background-color: #346fff;
  color: #fff;
}
.popup__show .popup-block .copy_form .tooltip__copy {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 1 0 95px;
  -ms-flex: 1 0 95px;
  flex: 1 0 95px;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 1 0 95px;
  -ms-flex: 1 0 95px;
  flex: 1 0 95px;
  position: relative;
  display: inline-block;
}
.popup__show .popup-block .copy_form .tooltip__copy:hover .tooltip__text {
  visibility: visible;
  opacity: 1;
}
.popup__show .popup-block .copy_form .tooltip__copy .tooltip__text {
  visibility: hidden;
  width: auto;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 7px 10px 7px;
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 10px);
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  opacity: 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  transition: opacity 0.3s;
}
.popup__show .popup-block .copy_form .tooltip__copy .tooltip__text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4.5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.popup__show .popup-block .qr__code {
  text-align: center;
  min-height: 166px;
  margin-top: 25px;
}
.popup__show .popup-block .qr__code img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.popup__show .popup-block .breakout__line {
  height: 22px;
  background: #fff;
  margin: 0 11px;
  position: relative;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/investors/transp.svg?xn_version=202507221305");
  background-repeat: repeat-x;
  background-position: 4px 50%;
}
.popup__show .popup-block .breakout__line:before,
.popup__show .popup-block .breakout__line:after {
  content: '';
  position: absolute;
  display: block;
  width: 24px;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 464px) {
  .popup__show .popup-block .breakout__line:before,
  .popup__show .popup-block .breakout__line:after {
    width: 11px;
  }
}
.popup__show .popup-block .breakout__line:before {
  left: -24px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/investors/left_corner_.png?xn_version=202507221305");
  background-position: 100% 0;
}
@media screen and (max-width: 464px) {
  .popup__show .popup-block .breakout__line:before {
    left: -11px;
  }
}
.popup__show .popup-block .breakout__line:after {
  right: -24px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/investors/left_corner_.png?xn_version=202507221305");
  background-position: 100% 0;
  transform: rotate(180deg);
}
@media screen and (max-width: 464px) {
  .popup__show .popup-block .breakout__line:after {
    right: -11px;
  }
}
.popup__show .popup-block .send__block {
  text-align: center;
  padding: 15px 24px 25px;
  background-color: #fff;
  box-shadow: 0 2px 14px rgba(0,0,0,0.32);
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.14px;
  border-radius: 0 0 4px 4px;
}
.popup__show .popup-block .send__block strong {
  font-weight: 500;
}
.popup__show .popup-block .send__block p {
  margin-bottom: 25px;
}
.popup__show .popup-block .button__send {
  height: 40px;
  border-radius: 4px;
  background-color: #6793ff;
  border: none;
  background-image: none;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  padding: 0 20px;
  line-height: 40px;
  min-width: 166px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.14px;
  transition: all 350ms ease;
}
.popup__show .popup-block .button__send:hover {
  background-color: #346fff;
  border: none;
  background-image: none;
}
.notification__holder {
  background-color: #fbfafa;
  border-top: 1px solid #fbfafa;
  padding: 0 20px;
}
.notification__ico {
  overflow: hidden;
  border: 1px solid #54c673;
  border-radius: 4px;
  padding: 13px 20px;
  background-color: #fff;
  margin: 24px 0 0;
  display: flex;
  align-items: center;
}
.notification__ico-finished {
  border: 1px solid #4279ff;
}
.notification__ico-collapse {
  border: 1px solid #000000;
}
.notification__ico .text__notification {
  color: #474747;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.notification__ico strong {
  font-weight: 600;
}
.notification__ico .icon__ico {
  min-width: 24px;
  margin-right: 14px;
  background-repeat: no-repeat;
  height: 27px;
}
.notification__ico .icon__ico-cancel {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/iconCancel.svg?xn_version=202507221305");
}
.notification__ico .icon__ico-clock {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/iconClock.svg?xn_version=202507221305");
}
.notification__ico .icon__ico-cup {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/inv_icon/iconCup.svg?xn_version=202507221305");
}
.photoSlideshow {
  background-color: #333;
}
.ps-empty {
  padding-top: 66.66%;
  display: block;
}
.ps-slide {
  padding-top: 66.66%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff');
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 50px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  opacity: .25;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 5px;
}
[dir='rtl'] .slick-prev {
  right: 5px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: 5px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 5px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-arrow {
  z-index: 1;
}
.slick-arrow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.photoSlider .slide__item {
  display: block;
}
.adjacentEntryLink {
  position: absolute;
  top: 50%;
}
.adjacentEntryLink a {
  height: 46px;
  top: -23px;
  width: 46px;
  display: block;
  position: relative;
  text-indent: -9999px;
  opacity: .25;
  transition: opacity .2s ease-in-out;
  filter: invert(.5);
}
.adjacentEntryLink a:hover {
  opacity: 1;
}
.adjacentEntryLink-previous {
  left: 0;
}
@media screen and (max-width: 481px) {
  .adjacentEntryLink-previous {
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
  }
}
.adjacentEntryLink-previous a {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zm28.9-143.6L209.4 288H392c13.3 0 24-10.7 24-24v-16c0-13.3-10.7-24-24-24H209.4l75.5-72.4c9.7-9.3 9.9-24.8.4-34.3l-11-10.9c-9.4-9.4-24.6-9.4-33.9 0L107.7 239c-9.4 9.4-9.4 24.6 0 33.9l132.7 132.7c9.4 9.4 24.6 9.4 33.9 0l11-10.9c9.5-9.5 9.3-25-.4-34.3z'%3E%3C/path%3E%3C/svg%3E");
}
.adjacentEntryLink-next {
  right: 0;
}
@media screen and (max-width: 481px) {
  .adjacentEntryLink-next {
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
  }
}
.adjacentEntryLink-next a {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z'%3E%3C/path%3E%3C/svg%3E");
}
#advancedMemberSearchForm {
  margin-top: 15px;
}
#advancedMemberSearchForm .ningbar-link {
  -webkit-appearance: none;
  background-color: transparent;
  margin-left: 10px;
  color: #8c1d40;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
#advancedMemberSearchForm .ningbar-link:hover {
  color: #ffc627;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
#advancedMemberSearchForm .advancedSearchRow {
  margin-bottom: 30px;
}
#advancedMemberSearchForm input#photos_only:checked + label:before {
  width: 16px;
  height: 16px;
  border: 1px solid #2189da;
  background-color: #2189da;
  background-image: url("https://static.ning.com/asutwc/widgets/shared/gfx/icon/check.svg?xn_version=202507221305");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#advancedMemberSearchForm input#photos_only + label:before {
  box-sizing: border-box;
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #c6c6c6;
  display: block;
  position: absolute;
  left: 0;
  background-color: #fff;
  top: 0;
}
#advancedMemberSearchForm input#photos_only + label {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#advancedMemberSearchForm .multiple_choice {
  max-width: 374px;
}
#advancedMemberSearchForm .multiple_choice label {
  display: inline-block;
  margin-bottom: 10px;
}
#advancedMemberSearchForm .multiple_choice label input {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
#advancedMemberSearchForm .custom-size {
  width: 374px;
  max-width: 100%;
}
#advancedMemberSearchForm textarea {
  resize: vertical;
  min-height: 84px;
}
#advancedMemberSearchForm [name$="_start_month"],
#advancedMemberSearchForm [name$="_end_month"],
#advancedMemberSearchForm [name$="_start_day"],
#advancedMemberSearchForm [name$="_end_day"] {
  min-width: 28%;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}
#advancedMemberSearchForm [name$="_start_year"],
#advancedMemberSearchForm [name$="_end_year"] {
  min-width: 27%;
}
#advancedMemberSearchForm [name$="_day"] {
  margin: 0 0 0 10px;
}
#advancedMemberSearchForm .date-divider {
  margin: 10px 0;
  display: block;
  width: 100%;
}
#advancedMemberSearchForm .date-row {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 374px;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#advancedMemberSearchForm .divider_date {
  display: inline-block;
  margin: 12px 0;
}
.membersListPage-user .media-img {
  max-width: 50%;
}
@media screen and (min-width: 481px) {
  .membersListPage-userInfo {
    height: 90px;
    overflow: hidden;
  }
}
.membersListPage-userFeaturedAnswer {
  font-size: 12px;
  padding-top: 1em;
}
.membersListPage-moreInfo {
  margin-top: 10px;
  display: block;
}
.membersListPage-moreInfo .membersListPage-userName {
  display: flex;
  align-content: center;
  margin-bottom: 5px;
}
.member-online-indicator {
  background-color: #2FAC4D;
  flex-basis: 0.65em;
  flex-grow: 0;
  flex-shrink: 0;
  width: 0.65em;
  height: 0.65em;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  position: relative;
  top: 0.3em;
}
.member-online-indicator.bordered {
  border: 2px solid #fff;
}
@media screen and (min-width: 481px) {
  .profileCoverArea {
    height: 245px;
  }
}
.profileCoverArea-friendAndMessageLinks {
  display: inline-block;
}
.profileCoverArea-alternateFriendOption {
  width: 100%;
}
.profileCoverArea-questionAndAnswer {
  margin: 10px 0 15px 0;
}
.profileCoverArea-question {
  font-weight: bold;
}
.profileCoverArea-info + .profileCoverArea-info::before {
  content: '·';
  padding: 0 2px;
}
.profileCoverArea-addFriendDialog textarea {
  width: 100%;
  height: 3.5em;
  display: none;
}
.profileCoverArea-requestNotice {
  background-color: #ffffff;
  line-height: 1.3em;
  text-align: center;
  padding: 10px;
}
.profileCoverArea-blockOptions.is-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
}
.profileCoverArea-frame + .content-body {
  min-height: 250px;
}
.tabContainerSection-tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
@media screen and (max-width: 481px) {
  .tabContainerSection-tab {
    width: 50%;
    text-align: center;
  }
}
.tabContainerSection-deferredContent {
  text-align: center;
}
.profileSettingsNav {
  margin-bottom: 12px;
}
.profileSettingsNav li {
  border: 1px solid;
  border-right: 0px;
}
.profileSettingsNav li.current a {
  color: #8c1d40;
}
.profileSettingsNav li:last-child {
  border-right: 1px solid;
}
.profileSettingsNav li a {
  padding: 10px;
  display: block;
}
.emailSettings-stopFollowingAll {
  float: right;
  text-transform: none;
}
.emailSettings-stopFollowingAll > a {
  cursor: pointer;
}
.aboutNetwork-title {
  margin-bottom: 12px;
  text-transform: uppercase;
}
.aboutNetwork .poweredBy-logo {
  background-image: url('https://static.ning.com/asutwc/widgets/index/gfx/NING_MM_footer_blk1.png?xn_version=202507221305');
  width: 37px;
  height: 15px;
  display: inline-block;
  text-indent: -99999px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .aboutNetwork .poweredBy-logo {
    background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/NING_MM_footer_blk@2x1.png?xn_version=202507221305");
    background-size: 37px 15px;
  }
}
.aboutNetwork-networkIcon {
  float: left;
  margin-right: 12px;
}
.authServices {
  margin-bottom: 12px;
}
@media screen and (max-width: 769px) {
  .authServices {
    margin-top: 12px;
  }
}
.authService {
  background: url("https://static.ning.com/asutwc/widgets/index/gfx/providers-sprite.png?xn_version=202507221305") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  font-size: 0;
  height: 40px;
  margin: 0 10px 10px 0;
  text-indent: -9999em;
  width: 120px;
}
.authService-tw {
  background-position: 0 -40px;
}
.authService-tw:hover {
  background-position: -120px -40px;
}
.authService-fb {
  background-position: 0 0;
}
.authService-fb:hover {
  background-position: -120px 0;
}
.authService-yahoo {
  background-position: 0 -160px;
}
.authService-yahoo:hover {
  background-position: -120px -160px;
}
.authService-google {
  background-position: 0 -200px;
}
.authService-google:hover {
  background-position: -120px -200px;
}
.authService-linkedin {
  background-position: 0 -400px;
}
.authService-linkedin:hover {
  background-position: -120px -400px;
}
.profileQuestionForm select[name="displayAgeOption"] {
  display: block;
  margin-top: 6px;
}
.profileQuestionForm-options label {
  display: block;
  font-weight: normal;
}
.profileQuestionForm-date input {
  width: auto;
}
.profileQuestionForm-genderOptions label {
  margin-right: 10px;
  font-weight: normal;
}
.profileQuestionForm-photo img {
  display: block;
}
.profileQuestionForm-changeLink {
  margin-left: 1em;
}
.invitePage textarea[name="emailAddresses"] {
  height: 3.5em;
}
.invite-or {
  text-transform: uppercase;
  margin: 2em auto;
  padding-top: 10px;
  text-align: center;
  width: 350px;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.invite-or:before,
.invite-or:after {
  content: '';
  height: 1px;
  background-color: #5d272f;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  align-self: center;
}
.invite-or >span {
  margin: 0 auto;
  display: block;
  background: #ffffff;
  padding: 0 12px;
}
.invitePage-bulkInviteSection {
  text-align: center;
}
.invitePage-bulkInviteSection .facebook_share_link {
  min-width: 85px;
  height: 24px;
  border-radius: 2px;
  background-color: #4267b2;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  padding: 3px 8px 3px 3px;
  margin-right: 20px;
  text-decoration: none;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  vertical-align: middle;
  box-sizing: border-box;
}
.invitePage-bulkInviteSection .facebook_share_link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #34518d;
}
.invitePage-bulkInviteSection .facebook_share_link span {
  padding-left: 16px;
}
.invitePage-bulkInviteSection .btn {
  width: auto;
  padding: 0 15px;
  min-height: 24px;
  border: 1px solid #b1b1b1;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  box-shadow: none;
  margin-top: 10px;
  white-space: normal;
}
.invitePage-bulkInviteSection .btn:hover {
  background: #b1b1b1;
}
.invitePage-bulkInviteUrl {
  margin-bottom: 1em;
}
.invite-buttons {
  overflow: auto;
}
.invite-buttons li {
  float: left;
  display: block;
  margin: 5px;
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
  border-color: #8c1d40;
  padding: 2px;
}
.invite-buttons li:hover,
.invite-buttons li.invite-active {
  border-width: 3px;
  padding: 0;
}
.invite-buttons li > a {
  color: transparent;
  text-decoration: none;
  background: transparent url("https://static.ning.com/asutwc/widgets/index/gfx/invite-icons.png?xn_version=202507221305") no-repeat 0 0;
  text-indent: -9999px;
  display: block;
  width: 48px;
  height: 48px;
}
.invite-buttons li > a.invite-facebook {
  background-position: 8px 8px;
}
.invite-buttons li > a.invite-google {
  background-position: 8px -56px;
}
.invite-buttons li > a.invite-yahoo {
  background-position: 8px -120px;
}
.invite-buttons li > a.invite-yahooopenidconnect {
  background-position: 8px -120px;
}
.invite-buttons li > a.invite-enteremail {
  background-position: 8px -312px;
}
.invite-buttons li > a.invite-addressbook {
  background-position: 8px -376px;
}
.invite-loading {
  background: transparent url("https://static.ning.com/asutwc/widgets/index/gfx/icon/spinner.gif?xn_version=202507221305") no-repeat 0 20px;
  padding: 20px 0 20px 20px;
  display: table;
  margin: 0 auto;
}
.invite-launchButton {
  text-align: center;
  margin-bottom: 0.5em;
}
#xj_facebook .contactList .contactList-toggleAllCheckboxContainer,
#xj_facebook .contactList .contactList-tableContainer input,
#xj_facebook .contactList .contactList-buttons {
  display: none;
}
.contactList-searchForm label {
  margin-right: 10px;
}
.contactList-searchForm input[name="q"] {
  width: 150px;
}
.contactList-toggleAllCheckboxContainer {
  display: block;
  padding-left: 5px;
}
.contactList-toggleAllCheckbox {
  margin-right: 10px;
}
.contactList-tableContainer {
  height: 300px;
  overflow: auto;
}
.contactList-tableContainer .userTable-toggleContainer {
  width: 25px;
}
.userTable {
  table-layout: fixed;
  width: 100%;
}
.userTable th,
.userTable td {
  padding: 5px;
}
.userTable td {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.userTable td.userTable-avatar {
  width: 40px;
}
.userTable td.userTable-avatar img {
  height: 32px;
  width: 32px;
}
.userTable td label {
  font-weight: normal;
}
.userTable td label.userTable-name {
  font-weight: bold;
}
.messageTable-selectionControls {
  display: inline-block;
  margin-right: 10px;
  padding: 10px 0 10px 0;
}
.messageTable-name {
  font-size: 14px;
  margin: 0 10px;
  color: rgba(31,31,31,0.9);
  display: inline-block;
  flex: 0 0 80px;
}
.messageTable-item-list {
  display: inline-flex;
  flex-wrap: wrap;
  flex: 0 1 100%;
}
a.messageTable-item {
  font-size: 14px;
  margin: 0 10px;
  display: block;
  font-weight: 500;
  color: #8c1d40;
  opacity: .85;
}
a.messageTable-item.active {
  opacity: 1;
  color: #8c1d40;
}
.messageTable-actions {
  border: 1px solid #8c1d40;
  box-shadow: none;
}
.message-header-wrapper {
  display: flex;
}
.message-user-title {
  margin-bottom: 0;
}
.message-user-title a {
  text-transform: none;
  font-size: 16px;
}
.message-user-title a:hover {
  text-transform: none;
}
.message-header,
.message-header-block {
  display: flex;
  align-items: center;
  align-content: center;
}
.member-online-indicator {
  top: 0;
  margin-bottom: 0;
}
.composeMessagePage .messages-message a {
  padding-left: 0;
}
.composeMessagePage .messages-message .messages-checkbox {
  display: none;
}
.message-header-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.message-actions {
  display: flex;
  text-align: right;
}
.message-actions li {
  white-space: nowrap;
  margin-left: 15px;
}
.messages-item {
  color: #1f1f1f;
  font-weight: normal;
}
.unread .messages-item {
  font-weight: normal;
}
.messages-avatar {
  border: none;
  padding: 0;
  width: 32px;
  height: 32px;
}
.messages-avatar.media-img {
  max-width: none;
}
.messages-avatar .avatar-badgeTextLabel {
  margin: 0;
}
.messages-message {
  line-height: 1.25;
  background-color: transparent;
  padding: 15px;
  display: flex;
  align-items: center;
}
.messages-message > a,
.messages-message > a:hover {
  display: flex;
  font-weight: normal;
  text-decoration: none;
  flex-grow: 1;
}
.messages-message.unread {
  background-color: rgba(140,29,64,0.1);
}
.messages-message.unread:hover {
  background-color: rgba(200,200,200,0.1);
}
.messages-message + .messages-message {
  border-top: 1px solid rgba(200,200,200,0.3);
}
.messages-message.ningbar-panelRow {
  display: flex;
  padding: 5px 10px;
}
.messages-message.ningbar-panelRow a {
  width: 100%;
}
.messages-message.ningbar-panelRow .messages-info {
  flex-grow: 1;
}
.messages-message.ningbar-panelRow .messages-avatar {
  align-self: flex-start;
}
.messages-message.ningbar-panelRow .messages-body {
  margin-top: 3px;
}
.messages-date {
  float: right;
}
.messages-date,
.messages-body {
  font-size: 12px;
  color: #1f1f1f;
}
.messages-body {
  white-space: normal;
  word-break: break-word;
}
.ningbar-panel .messages-body {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.message-header-block {
  margin-bottom: 0;
}
.message-header-wrapper .module-actions {
  margin-bottom: 0;
}
.message-button:before {
  display: none;
}
.button-more-messages {
  border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #8c1d40;
  text-decoration: none;
  margin: 10px auto 0;
}
.message-header {
  width: 100%;
  overflow: hidden;
}
.message-header .message-user-title {
  width: 100%;
}
.message-header .message-user-title a {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.more-button-wrapper {
  width: 100%;
  text-align: left;
}
.messages-message .manageContent .messages-info {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.messages-message .manageContent .messages-info .messages-body,
.messages-message .manageContent .messages-info .messages-sender {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ningbar-panelBody .messages-message .messages-info {
  display: block;
}
@media screen and (min-width: 769px) {
  .messages-item {
    display: flex;
    align-items: center;
    flex-grow: 1;
  }
  .messages-item .messages-sender,
  .messages-item .messages-priority,
  .messages-item .messages-content {
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
  }
  .messages-item .messages-sender {
    align-self: flex-start;
  }
  .messages-item .messages-content {
    margin-top: 5px;
  }
  .messages-item .messages-date {
    float: none;
    width: 123px;
    flex-basis: 123px;
    text-align: right;
  }
  .messages-item .messages-info {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .messages-checkbox {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 20px;
    height: 20px;
  }
  .messages-checkbox .input[type="checkbox"],
  .messages-checkbox .input[type="radio"],
  .messages-checkbox input[type="checkbox"],
  .messages-checkbox input[type="radio"] {
    margin: 0;
  }
}
@media screen and (max-width: 769px) {
  .messages-checkbox {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
  }
  .messages-flag {
    float: right;
  }
  .messageTable-actions {
    width: 100%;
  }
  .message-header-block .wrap__avatar.avatar-48 {
    width: 32px;
    height: 32px;
  }
  .message-header-block .wrap__avatar.avatar-48 img.avatar {
    height: 32px;
  }
  .messages-message {
    padding: 10px 5px;
  }
  .messages-message > a,
  .messages-message > a:hover {
    display: inherit;
  }
  .messages-date {
    margin-top: 5px;
    max-width: 76px;
    width: 76px;
    margin-left: auto;
    text-align: right;
  }
  .message-header-wrapper {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  .message-actions li:first-child {
    margin-left: 0;
  }
  .message-header-block {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 769px) and (max-width: 480px) {
  .messages-date {
    max-width: 50px;
  }
}
@media screen and (max-width: 481px) {
  .more-button-wrapper {
    text-align: center;
  }
  .more-button-wrapper a {
    width: 42.5%;
  }
}
.messageTable .messages-avatar {
  margin-left: 10px;
}
.messages-item.manageContent {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.messages-item.manageContent .messages-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: calc(100% - 76px);
}
@media (max-width: 480px) {
  .messages-item.manageContent .messages-info {
    max-width: 100%;
    flex-wrap: wrap;
  }
}
.messages-item.manageContent .messages-info .messages-sender {
  flex-grow: 1;
  max-width: calc(100% - 50px);
}
@media (max-width: 480px) {
  .messages-item.manageContent .messages-info .messages-sender > a {
    max-width: 109px;
    display: block;
    overflow: hidden;
    max-height: 71px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.messages-item.manageContent .messages-info .messages-priority {
  padding: 0 10px;
}
.messages-item.manageContent .messages-date {
  margin-top: 0;
}
.manageContentPage-popup .error_text {
  font-size: 12px;
  line-height: 0;
  min-height: 0;
  padding: 0;
}
.manageContentPage-popup .error_text > span {
  min-height: 18px;
  line-height: normal;
  padding: 8px 12px 8px 40px;
}
.manageContentPage-popup form.error .error_text > span {
  display: block;
}
.manageContentPage-popup form.error .error_text > span + span {
  margin-top: 5px;
}
.manageContentPage-popup .popup-block__description {
  width: 100%;
}
.manageContentPage-popup .popup-block__list-item {
  margin: 0 0 15px;
}
.manageContentPage-popup .popup-block__list-item:last-of-type {
  margin-bottom: 0;
}
.manageContentPage-popup .popup-block__list-item .categorySelectionList {
  width: 100%;
  height: 120px;
}
.manageContentPage-popup .popup-block__list-item .categorySelectionList optgroup {
  font-size: 14px;
}
.manageContentPage-popup .popup-block__list-item .categorySelectionList optgroup option {
  counter-increment: lt;
}
.manageContentPage-popup .popup-block__list-item .categorySelectionList optgroup option:before {
  content: counter(lt) '. ';
}
.composeMessagePage select {
  min-width: 250px;
}
.composeMessagePage input[type="checkbox"] {
  margin-right: 5px;
}
.composeMessagePage-recipients li {
  margin-right: 12px;
}
.composeMessagePage-recipients li .icon-delete {
  font-size: 8px;
  margin-right: 4px;
}
legend,
.legend {
  width: 100%;
  border-bottom: 1px solid #1f1f1f;
  padding-bottom: 0.3em;
}
.transparentFileInputButton {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.transparentFileInputButton-fileInput {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 50px;
  direction: ltr;
  cursor: pointer;
}
.membersSection-avatars {
  margin: 0;
  overflow: hidden;
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(auto-fit,minmax(90px,1fr));
}
.membersSection-avatars .avatar {
  margin: 0 auto;
}
.membersSection-avatars.membersSection-1Row {
  grid-template-rows: repeat(1,auto);
  grid-auto-rows: 0;
}
.membersSection-avatars.membersSection-2Rows {
  grid-template-rows: repeat(2,auto);
  grid-auto-rows: 0;
}
.membersSection-avatars.membersSection-3Rows {
  grid-template-rows: repeat(3,auto);
  grid-auto-rows: 0;
}
.membersSection-avatars.membersSection-4Rows {
  grid-template-rows: repeat(4,auto);
  grid-auto-rows: 0;
}
.membersSection-avatars.membersSection-5Rows {
  grid-template-rows: repeat(5,auto);
  grid-auto-rows: 0;
}
.membersSection-avatars:after {
  display: none;
}
.membersSection-avatars .membersSection-avatar {
  text-align: center;
}
.membersSection-avatars .membersSection-avatar .avatar-frame {
  display: inline-block;
}
.membersSection-avatars.membersSection-smallAvatars {
  grid-template-columns: repeat(auto-fill,minmax(90px,1fr));
}
.membersSection-avatars.membersSection-largeAvatars {
  grid-template-columns: repeat(auto-fill,minmax(138px,1fr));
}
.birthdaySubtitle {
  font-weight: bold;
  margin-bottom: 1em;
}
.birthdayWrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.5em;
}
.inviteMembersPage-messageLabel {
  display: block;
  font-weight: normal;
  margin-bottom: 5px;
}
.manageGroupMembersPage table {
  width: 100%;
  table-layout: fixed;
}
.manageGroupMembersPage th {
  text-align: left;
  font-weight: bold;
}
.manageGroupMembersPage th,
.manageGroupMembersPage td {
  padding: 4px 8px;
  vertical-align: middle;
  word-wrap: break-word;
}
.manageGroupMembersPage tr:nth-child(2n) {
  background-color: rgba(200,200,200,0.25);
}
.manageGroupMembersPage-checkboxColumn {
  width: 25px;
}
.manageGroupMembersPage-avatarColumn {
  width: 40px;
}
.manageGroupMembersPage-avatarColumn .avatar-frame {
  display: inline-block;
}
.manageGroupMembersPage-statusColumn {
  width: 100px;
}
.manageGroupMembersPage-dateJoinedColumn {
  width: 150px;
}
@media screen and (max-width: 481px) {
  .manageGroupMembersPage-statusColumn,
  .manageGroupMembersPage-dateJoinedColumn {
    display: none;
  }
}
.recaptchaPopup .floatingModule-container {
  width: 330px;
  margin-left: -165px;
  margin-top: -62px !important;
}
.recaptchaPopup .floatingModule-body {
  text-align: center;
  padding: 10px;
}
.recaptchaPopup .floatingModule-buttonGroup {
  display: none;
}
.recaptchaPopup .rp-cancel {
  color: #aaa;
  text-decoration: underline;
}
.autoTag {
  position: relative;
  z-index: 2;
}
.autoTag >ul {
  min-width: 200px;
}
.autoTag >ul li {
  box-sizing: border-box;
}
.autoTag.tagit {
  z-index: 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.autoTag .avatar {
  display: inline-block;
  vertical-align: middle;
}
.autoTag .ui-menu .ui-menu-item {
  padding: 2px;
}
.autoTag .ui-menu .ui-menu-item a {
  padding: 2px;
}
.compactImagePicker {
  display: inline-block;
}
.compactImagePicker-preview {
  overflow: hidden;
  position: relative;
  display: inline-block;
  border: 1px solid #d2d2d2;
  max-width: 100%;
  vertical-align: middle;
}
.compactImagePicker-preview.compactImagePicker-smallPreview {
  position: relative;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202%202%22%3E%3Cpath%20d%3D%22M1%202V0h1v1H0v1z%22%20fill-opacity%3D%22.05%22%2F%3E%3C%2Fsvg%3E);
  background-size: 16px 16px;
  height: 105px;
  width: 105px;
  background-color: rgba(0,0,0,0.3);
}
.compactImagePicker-preview .compactImagePicker-loadingOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.compactImagePicker-preview .compactImagePicker-loadingOverlay img {
  vertical-align: middle;
}
.compactImagePicker-smallPreview {
  width: 50px;
  height: 25px;
}
.compactImagePicker-mediumPreview {
  width: 75px;
  height: 50px;
}
.compactImagePicker-Text {
  z-index: 1;
  position: absolute;
  display: block;
  max-width: 66%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.compactImagePicker-centerText {
  z-index: 1;
  position: absolute;
  text-align: center;
  display: none;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  background: rgba(0,0,0,0.4);
}
.compactImagePicker-centerText img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.compactImagePicker-button {
  display: inline-block;
  text-align: center;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  color: #a0a0a0;
  padding: 3px 7px;
  cursor: pointer;
  vertical-align: middle;
}
.compactImagePicker-deleteButton {
  display: none;
}
.compactImagePicker-rotateButton {
  display: none;
}
.compactImagePicker-withImage .compactImagePicker-deleteButton {
  display: inline-block;
}
.compactImagePicker-withImage .compactImagePicker-rotateButton {
  display: inline-block;
}
.compactImagePicker-loadingImage .compactImagePicker-centerText {
  display: block;
}
.compactImagePicker-loadingImage .compactImagePicker-Text {
  display: none;
}
.compactImagePicker-withImage .compactImagePicker-Text {
  display: none;
}
.imagePicker-container .imagePicker-dragArea {
  position: relative;
  border: 1px dashed #999;
  width: 100px;
  max-width: 100%;
  height: 100px;
  margin-bottom: 5px;
}
.imagePicker-container .imagePicker-dragArea .imagePicker-changeLabel {
  display: none;
}
.imagePicker-container .imagePicker-delete {
  display: none;
}
.imagePicker-container.imagePicker-withImage .imagePicker-delete {
  display: inline-block;
}
.imagePicker-container.imagePicker-withImage .imagePicker-delete a {
  display: inline-block;
  line-height: 1.2;
}
.imagePicker-container.imagePicker-withImage .imagePicker-uploadLabel {
  display: none;
}
.imagePicker-container.imagePicker-withImage .imagePicker-changeLabel {
  display: inline-block;
}
.imagePicker-container.imagePicker-withImage .imagePicker-centerText {
  margin-top: 0;
  transform: translateY(-50%);
}
.imagePicker-container .imagePicker-centerText {
  z-index: 1;
  position: absolute;
  text-align: center;
  top: 50%;
  margin-top: -7px;
  width: 100%;
}
.imagePicker-container .imagePicker-label {
  padding: 5px;
  color: #333;
  border: solid 1px #000;
  background-color: rgba(255,255,255,0.9);
}
.imagePicker-container .imagePicker-spinner {
  vertical-align: middle;
}
.followDescription {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 2px;
}
#livechat-compact-container,
#livechat-full {
  left: 20px !important;
  right: auto !important;
}
#livechat-eye-catcher {
  left: 20px !important;
  width: 250px !important;
}
.floatingModule.paidContentPopup .floatingModule-container {
  background-image: url("https://static.ning.com/asutwc/widgets/shared/gfx/img_lock.png?xn_version=202507221305");
  background-repeat: no-repeat;
  background-position: 101% 50%;
  box-shadow: 0 2px 22px rgba(0,0,0,0.5);
  border-color: #fff;
  background-color: #fff;
  color: #000;
  border-width: 1px;
  border-radius: 8px;
  padding: 75px;
  opacity: 1;
  width: 600px;
}
@media screen and (max-width: 481px) {
  .floatingModule.paidContentPopup .floatingModule-container {
    width: 320px;
    padding: 35px 15px;
  }
}
.floatingModule.paidContentPopup .floatingModule-body {
  padding: 0;
}
.floatingModule.paidContentPopup .floatingModule-head {
  padding: 0;
}
@media screen and (max-width: 481px) {
  .floatingModule.paidContentPopup .floatingModule-wideContainer {
    min-width: 320px;
  }
}
.floatingModule.paidContentPopup .popup__title {
  text-align: center;
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 18px;
  font-weight: 400;
}
@media screen and (max-width: 481px) {
  .floatingModule.paidContentPopup .popup__title {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.floatingModule.paidContentPopup .popup__content {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 481px) {
  .floatingModule.paidContentPopup .popup__content {
    font-size: 15px;
    line-height: 20px;
  }
}
.floatingModule.paidContentPopup .popup__button-group {
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 481px) {
  .floatingModule.paidContentPopup .popup__button-group {
    margin-top: 28px;
  }
}
.floatingModule.paidContentPopup .popup_button {
  display: inline-block;
  min-width: 160px;
  min-height: 45px;
  line-height: 45px;
  border-radius: 8px;
  margin: 0 20px;
}
.floatingModule.paidContentPopup .popup_button:hover {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 481px) {
  .floatingModule.paidContentPopup .popup_button {
    min-width: 120px;
    min-height: 30px;
    line-height: 30px;
    margin: 0 10px;
  }
}
.floatingModule.paidContentPopup .popup_button--cancel {
  background-color: #B7B7B7;
}
.floatingModule.paidContentPopup .popup_button--cancel:hover {
  background-color: #CDCCCC;
}
.floatingModule.paidContentPopup .popup_button--subscribe {
  background-color: #75AF2D;
}
.floatingModule.paidContentPopup .popup_button--subscribe:hover {
  background-color: #8CCE3A;
}
.bodyWithOverlay {
  overflow: hidden;
}
@media only screen and (min-width: 681px) {
  .bodyWithOverlay {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
  }
}
.paymentOverlay {
  z-index: 900;
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0,0,0,0.4);
}
@media only screen and (max-width: 680px) {
  .paymentOverlay {
    display: none;
  }
}
.paymentIframe {
  z-index: 950;
  position: fixed;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 680px) {
  .paymentIframe {
    position: relative;
    height: 100vh;
    width: 100vw;
  }
}
.hideContent {
  display: none;
}
.dashboard-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
}
.dashboard-overlay .dashboard-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -29px 0 0 -29px;
}
.dashboard-loader {
  position: relative;
  width: 58px;
  height: 58px;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  animation: opacity_loader 500ms forwards;
}
.dashboard-loader_item {
  position: absolute;
  background-color: #97d632;
  width: 14px;
  height: 14px;
  border-radius: 9px;
  animation-name: bounce_circular;
  animation-duration: 1.1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
.dashboard-loader_item:nth-child(1) {
  left: 0;
  top: 23px;
  animation-delay: 0.41s;
}
.dashboard-loader_item:nth-child(2) {
  left: 6px;
  top: 6px;
  animation-delay: 0.55s;
}
.dashboard-loader_item:nth-child(3) {
  top: 0;
  left: 23px;
  animation-delay: 0.69s;
}
.dashboard-loader_item:nth-child(4) {
  right: 6px;
  top: 6px;
  animation-delay: 0.83s;
}
.dashboard-loader_item:nth-child(5) {
  right: 0;
  top: 23px;
  animation-delay: 0.97s;
}
.dashboard-loader_item:nth-child(6) {
  right: 6px;
  bottom: 6px;
  animation-delay: 1.1s;
}
.dashboard-loader_item:nth-child(7) {
  left: 23px;
  bottom: 0;
  animation-delay: 1.24s;
}
.dashboard-loader_item:nth-child(8) {
  left: 6px;
  bottom: 6px;
  animation-delay: 1.38s;
}
@keyframes bounce_circular {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(.3);
  }
}
@keyframes opacity_loader {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.croppie-container {
  width: 100%;
  height: 100%;
}
.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.croppie-container .cr-viewport {
  position: absolute;
  border: none;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0,0,0,0.5);
  z-index: 0;
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}
.croppie-container .cr-resizer-vertical {
  position: absolute;
  pointer-events: all;
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: '';
  left: 50%;
  margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: '';
  top: 50%;
  margin-top: -5px;
}
.croppie-container .cr-original-image {
  display: none;
}
.croppie-container .cr-vp-circle {
  border-radius: 50%;
}
.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.croppie-result {
  position: relative;
  overflow: hidden;
}
.croppie-result img {
  position: absolute;
}
.cr-slider {
  -webkit-appearance: none;
  width: 300px;
  max-width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: transparent;
  height: 17px;
  margin: 0;
}
.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0,0,0,0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:focus {
  outline: none;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0,0,0,0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0,0,0,0.5);
}
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0,0,0,0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.cr-slider::-ms-fill-lower {
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: '↺';
}
.cr-rotate-r i:before {
  content: '↻';
}
.top_banner {
  background-color: #474747;
  padding: 22px 40px;
  color: rgba(255,255,255,0.8);
  font-size: 16px;
  font-weight: normal;
  box-sizing: border-box;
  line-height: 23px;
}
.top_banner .popup__close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  display: block;
  opacity: 0.9;
  cursor: pointer;
}
.top_banner .popup__close-icon:before,
.top_banner .popup__close-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #afafaf;
  -webkit-transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.top_banner .popup__close-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_banner .popup__close-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.top_banner .popup__close-icon:hover:before,
.top_banner .popup__close-icon:hover:after {
  background-color: #fff;
}
.top_banner .bn_title {
  margin-bottom: 7px;
}
.top_banner a {
  font-weight: 500;
  color: #fff;
  text-decoration: underline;
}
.top_banner a:hover {
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  .top_banner {
    padding: 38px 20px;
  }
  .top_banner .popup__close-icon {
    width: 19px;
    height: 19px;
  }
  .top_banner .popup__close-icon:before,
  .top_banner .popup__close-icon:after {
    height: 1px;
  }
  .top_banner .bn_title {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  .top_banner {
    padding: 28px 14px;
  }
  .top_banner .popup__close-icon {
    width: 17px;
    height: 17px;
    top: 7px;
    right: 7px;
  }
  .top_banner .popup__close-icon:before,
  .top_banner .popup__close-icon:after {
    height: 1px;
  }
}
.top_banner a.button_top {
  display: inline-block;
  min-width: 167px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: navajowhite;
  line-height: 25px;
  height: 31px;
  text-align: center;
  padding: 0 10px;
  margin: 20px 0 0;
  box-sizing: border-box;
  border: 2px solid #ffffff;
}
@media screen and (max-width: 440px) {
  .top_banner a.button_top {
    width: 100%;
  }
}
.top_banner a.button_top:hover {
  background-color: #fff;
  color: #474747;
}
.top_banner ~ .top_banner {
  margin-top: 10px;
}
.top_banner[style*="display: none"] ~ .top_banner {
  margin-top: 0;
}
.member_info-wrapper {
  width: 100%;
  background: #fff;
  padding: 0;
  font-family: Montserrat;
  line-height: 1;
}
.member_info-table {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  min-height: 200px;
  position: relative;
}
.member_info-table .dashboard-overlay {
  position: absolute;
  height: 100%;
  background: rgba(0,0,0,0.1);
}
.thead_member_info {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
  color: #555555;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.12px;
  -ms-align-items: center;
  align-items: center;
  padding: 0 20px;
}
@media screen and (max-width: 1200px) {
  .thead_member_info {
    font-size: 9px;
  }
}
@media screen and (max-width: 992px) {
  .thead_member_info {
    display: none;
  }
}
.thead_member_info a {
  color: #555555;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.12px;
  text-decoration: none;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .thead_member_info a {
    font-size: 9px;
  }
}
.thead_member_info a.to_up:after {
  transform: rotateX(180deg);
}
.thead_member_info a:after {
  content: "";
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #686767 transparent transparent transparent;
  transform: rotateX(0deg);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.thead_member_info a:hover {
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  color: #3c3c3c;
}
.thead_member_info a:hover:after {
  border-color: #4e4e4e transparent transparent transparent;
}
.thead_member_info>div {
  padding: 18px 0;
  justify-content: space-between;
}
.thead_member_info>div.item_text_info {
  flex: 1 1 38%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.thead_member_info>div.item_text_info .item_name {
  width: 70%;
}
.thead_member_info>div.item_text_info .item_type {
  width: 30%;
}
.thead_member_info>div.member_purshase_date {
  flex: 1 1 18%;
}
.thead_member_info>div.member_amount {
  flex: 1 1 13%;
}
.thead_member_info>div.member_period {
  flex: 1 1 10%;
}
.thead_member_info>div.member_status {
  flex: 1 1 7%;
}
.thead_member_info>div.member_payment {
  flex: 1 1 9%;
}
.thead_member_info>div.member_toggle {
  flex: 1 1 2%;
}
.tbody_member_info {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.member_item-wrapper {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 20px;
  border-bottom: 1px solid #d8d8d8;
}
.member_item-wrapper.opened>div.member_toggle a:before {
  border-right: 2px solid #555555;
  border-top: 2px solid #555555;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.member_item-wrapper.opened>div.item_text_info .item_name:nth-child(n+7),
.member_item-wrapper.opened>div.item_text_info .item_type:nth-child(n+7) {
  display: flex;
}
.member_item-wrapper .member_item-title {
  flex: 1 1 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.14px;
  margin-bottom: 15px;
}
.member_item-wrapper>div {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.12px;
}
.member_item-wrapper>div.active {
  color: #54c673;
}
.member_item-wrapper>div.canceled {
  color: #ff5101;
}
.member_item-wrapper>div.item_text_info {
  flex: 1 1 38%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.member_item-wrapper>div.item_text_info .item_name {
  width: 70%;
  color: #7f7f7f;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.12px;
  margin-bottom: 5px;
  line-height: 1;
  line-height: 20px;
  padding-right: 22%;
  text-align: left;
}
.member_item-wrapper>div.item_text_info .item_name a {
  color: #39a4f8;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.12px;
  text-decoration: none;
  -webkit-transition: all .25s ease-in-out;
}
.member_item-wrapper>div.item_text_info .item_name a:hover {
  color: #098df5;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.item_text_info .item_name {
    padding-right: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
    line-height: 1;
  }
}
.member_item-wrapper>div.item_text_info .item_type {
  width: 30%;
}
.member_item-wrapper>div.item_text_info .item_type span {
  border-radius: 4px;
  background-color: #dcf0ff;
  padding: 5px;
  color: #2b79b5;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.1px;
  margin-bottom: 6px;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.item_text_info .item_type {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    text-align: left;
    margin-bottom: 15px;
  }
  .member_item-wrapper>div.item_text_info .item_type span {
    margin-bottom: 0;
  }
}
.member_item-wrapper>div.item_text_info .item_name:nth-child(n+7),
.member_item-wrapper>div.item_text_info .item_type:nth-child(n+7) {
  display: none;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.item_text_info {
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    align-content: center;
    justify-content: space-between;
  }
  .member_item-wrapper>div.item_text_info .item_name {
    width: 50%;
  }
  .member_item-wrapper>div.item_text_info .item_type {
    width: 50%;
  }
}
.member_item-wrapper>div.member_purshase_date {
  flex: 1 1 18%;
  padding-left: 15px;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.member_purshase_date {
    padding-left: 0;
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .member_item-wrapper>div.member_purshase_date:before {
    content: attr(data-title);
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.12px;
    flex: 0 0 50%;
  }
}
.member_item-wrapper>div.member_amount {
  flex: 1 1 13%;
  padding-left: 15px;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.member_amount {
    padding-left: 0;
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .member_item-wrapper>div.member_amount:before {
    content: attr(data-title);
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.12px;
    flex: 0 0 50%;
  }
}
.member_item-wrapper>div.member_period {
  flex: 1 1 10%;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.member_period {
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .member_item-wrapper>div.member_period:before {
    content: attr(data-title);
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.12px;
    flex: 0 0 50%;
  }
}
.member_item-wrapper>div.member_status {
  flex: 1 1 7%;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.member_status {
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .member_item-wrapper>div.member_status:before {
    content: attr(data-title);
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.12px;
    flex: 0 0 50%;
  }
}
.member_item-wrapper>div.member_payment {
  flex: 1 1 9%;
}
.member_item-wrapper>div.member_payment.active:after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 3px;
  border-left: 2px solid #54c673;
  border-bottom: 2px solid #54c673;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.member_item-wrapper>div.member_payment.canceled:after {
  display: inline-block;
  content: '—';
  color: #000;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.member_payment {
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .member_item-wrapper>div.member_payment:before {
    content: attr(data-title);
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.12px;
    flex: 0 0 50%;
  }
}
.member_item-wrapper>div.member_toggle {
  flex: 1 1 2%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.member_item-wrapper>div.member_toggle a {
  width: 15px;
  height: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.member_item-wrapper>div.member_toggle a:before {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  border-left: 2px solid #555555;
  border-bottom: 2px solid #555555;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
@media screen and (max-width: 992px) {
  .member_item-wrapper>div.member_toggle {
    flex: 1 1 100%;
  }
}
.more_member_info {
  width: 100%;
  margin-top: 7px;
  display: none;
}
@media screen and (max-width: 992px) {
  .more_member_info:before {
    display: none;
  }
}
.more_member_info .more_member_info-table-wrapper {
  width: 100%;
  overflow: auto;
}
.more_member_info .more_member_info-table {
  width: 100%;
  padding: 0 12px;
}
.more_member_info .more_member_info-table th,
.more_member_info .more_member_info-table td {
  padding: 11px 24px;
}
@media screen and (max-width: 992px) {
  .more_member_info .more_member_info-table th,
  .more_member_info .more_member_info-table td {
    padding: 11px 12px;
  }
}
@media screen and (max-width: 992px) {
  .more_member_info .more_member_info-table {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0;
  }
  .more_member_info .more_member_info-table th,
  .more_member_info .more_member_info-table td {
    padding: 7.5px 0;
  }
  .more_member_info .more_member_info-table td {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .more_member_info .more_member_info-table td:before {
    content: attr(data-title);
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.12px;
    flex: 0 0 50%;
    text-align: left;
  }
}
.invoice_id {
  width: 35%;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .invoice_id {
    width: 100%;
    text-align: right;
  }
  .invoice_id span {
    max-width: 50%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
  }
}
.invoice_date,
.invoice_status {
  width: 22%;
  text-align: center;
  text-transform: none !important;
}
.invoice_date span,
.invoice_status span {
  display: inline-block;
}
.invoice_date span.time,
.invoice_status span.time {
  margin-left: 15px;
}
@media screen and (max-width: 992px) {
  .invoice_date,
  .invoice_status {
    width: 100%;
    text-align: right;
  }
}
.invoice_amount {
  width: 21%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .invoice_amount {
    width: 100%;
    text-align: right;
  }
}
.thead_more_member_info {
  background-color: #eef8ff;
  color: #41647f;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.12px;
}
.thead_more_member_info tr th {
  text-transform: uppercase !important;
}
@media screen and (max-width: 992px) {
  .thead_more_member_info {
    display: none;
  }
}
.thead_more_member_info a {
  color: #41647f;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.12px;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.thead_more_member_info a.to_up:after {
  transform: rotateX(180deg);
}
.thead_more_member_info a:after {
  content: "";
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #686767 transparent transparent transparent;
  transform: rotateX(0deg);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.thead_more_member_info a:hover {
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  color: #30495d;
}
.thead_more_member_info a:hover:after {
  border-color: #4e4e4e transparent transparent transparent;
}
.tbody_more_member_info tr {
  background-color: #fff;
}
.tbody_more_member_info tr:nth-child(2n) {
  background-color: #f3f5f6;
}
.tbody_more_member_info tr td {
  color: #555555;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.12px;
}
@media screen and (max-width: 992px) {
  .tbody_more_member_info {
    width: 100%;
    display: block;
  }
  .tbody_more_member_info tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #bdbcbc;
    padding: 12.5px 0;
  }
  .tbody_more_member_info tr:nth-child(2n) {
    background-color: #fff;
  }
  .tbody_more_member_info tr:last-child {
    border: none;
  }
}
.more_management {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  margin-top: 6px;
  min-height: 24px;
}
.more_management .more_left {
  margin-right: 15px;
}
.more_management .more_right {
  margin-left: 15px;
}
.more_management .more_management_info {
  flex: 0 1 266px;
  color: #7f7f7f;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.12px;
  font-weight: 400;
  padding-left: 24px;
  display: inline-block;
  max-width: 285px;
}
.more_management .more_management_info strong {
  font-weight: 500;
}
@media (max-width: 992px) {
  .more_management .more_management_info {
    flex: 0 1 auto;
    margin-bottom: 11px;
  }
}
.more_management .cancel_payment {
  flex: 0 1 184px;
}
.more_management .cancel_payment .cancel_recurring_payment {
  float: left;
  width: 100%;
  outline: none;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #bdbcbc;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.12px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  background: transparent;
}
.more_management .cancel_payment .cancel_recurring_payment:disabled {
  pointer-events: none;
  background: transparent;
  color: #bdbcbc;
}
.more_management .cancel_payment .cancel_recurring_payment.non_active {
  pointer-events: none;
  background: transparent;
  color: #bdbcbc;
}
.more_management .cancel_payment .cancel_recurring_payment:hover {
  text-decoration: none;
  background: #bdbcbc;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.12px;
}
@media (max-width: 992px) {
  .more_management .cancel_payment {
    flex: 0 1 auto;
    margin-top: 12px;
  }
}
.more_management .arrows {
  flex: 0 1 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.more_management .arrows a {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #bdbcbc;
  margin: 0 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.more_management .arrows a.non_active {
  pointer-events: none;
  opacity: .5;
}
.more_management .arrows a:hover {
  background: #bdbcbc;
}
.more_management .arrows a:hover:before {
  border-color: #fff;
}
.more_management .arrows a:first-child:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.more_management .arrows a:last-child:before {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.more_management .arrows a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-left: 1.5px solid #bdbcbc;
  border-bottom: 1.5px solid #bdbcbc;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
@media screen and (max-width: 992px) {
  .more_management {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
.member_items_pages {
  width: 100%;
  margin-top: 17px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
}
.member_items_pages .tip_member {
  width: 100%;
  color: #7f7f7f;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  left: 0;
  padding-left: 24px;
}
.member_items_pages .member_items_pages_pagination {
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  position: relative;
}
.member_items_pages .member_items_pages_pagination li {
  margin: 0 8px 16px;
}
.member_items_pages .member_items_pages_pagination li a {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-color: #ffffff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  color: #555555;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.12px;
  border: 1px solid #fff;
  text-decoration: none;
  text-transform: none;
}
.member_items_pages .member_items_pages_pagination li a.active {
  border-color: #bdbcbc;
}
.member_items_pages .member_items_pages_pagination li a:hover {
  color: #000;
  text-decoration: none;
  border-color: #000;
  font-weight: 400;
  letter-spacing: -0.12px;
  text-decoration: none;
  text-transform: none;
}
@media screen and (max-width: 992px) {
  .member_items_pages {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .member_items_pages .tip_member {
    width: 100%;
    position: static;
    padding: 0;
    margin-bottom: 15px;
  }
}
.empty_member_table {
  width: 100%;
  padding: 48px 20px;
  min-height: 520px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  display: none;
}
.empty_member_table .empty_member_table_image {
  margin-bottom: 66px;
}
.empty_member_table .empty_member_table_image:before {
  content: url('https://static.ning.com/asutwc/widgets/index/gfx/wallet.svg');
}
@media screen and (max-width: 481px) {
  .empty_member_table .empty_member_table_image {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 321px) {
  .empty_member_table .empty_member_table_image {
    margin-bottom: 25px;
  }
}
.empty_member_table .empty_member_table_title {
  width: 100%;
  max-width: 550px;
  color: #5a5959;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.3px;
  margin-bottom: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 481px) {
  .empty_member_table .empty_member_table_title {
    font-size: 24px;
  }
}
@media screen and (max-width: 321px) {
  .empty_member_table .empty_member_table_title {
    font-size: 20px;
  }
}
.empty_member_table .empty_member_table_description {
  width: 100%;
  max-width: 550px;
  color: #868686;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.16px;
  margin-bottom: 34px;
}
@media screen and (max-width: 481px) {
  .empty_member_table .empty_member_table_description {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .empty_member_table .empty_member_table_description {
    font-size: 14px;
  }
}
.empty_member_table .empty_member_table_short_info {
  width: 100%;
  max-width: 550px;
  display: inline-block;
  color: #868686;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.16px;
}
@media screen and (max-width: 481px) {
  .empty_member_table .empty_member_table_short_info {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .empty_member_table .empty_member_table_short_info {
    font-size: 12px;
  }
}
.cancel_recurring_modal {
  width: calc(100vw - 24px);
  max-width: 500px;
  box-shadow: 0 2px 14px rgba(0,0,0,0.32);
  border-radius: 4px;
  background-color: #ffffff;
  padding: 28px 40px;
  height: auto;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.cancel_recurring_modal .floatingModule-container {
  width: auto;
  opacity: 1;
  margin: 0;
  border: none;
  background: transparent;
}
.cancel_recurring_modal .floatingModule-head {
  padding: 0;
}
.cancel_recurring_modal .floatingModule-head h2 {
  width: 100%;
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.16px;
  margin-bottom: 20px;
}
.cancel_recurring_modal .floatingModule-body {
  padding: 0;
}
.cancel_recurring_modal .floatingModule-body .prose {
  width: 100%;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  padding: 0 30px;
  display: inline-block;
}
.cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}
.cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup .floatingModule-cancelButton {
  padding: 0;
  flex: 0 1 166px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid #bdbdbd;
  background: #ffffff;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  text-transform: none;
  text-align: center;
  line-height: 36px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup .floatingModule-cancelButton:hover {
  background: #bdbdbd;
  color: #fff;
}
.cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup input[type="submit"] {
  padding: 0;
  flex: 0 1 235px;
  height: 40px;
  border-radius: 4px;
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  border: 2px solid #000;
  text-transform: none;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  box-shadow: none;
}
.cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup input[type="submit"]:hover {
  background: #fff;
  color: #000;
}
@media screen and (max-width: 570px) {
  .cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-content: center;
  }
  .cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup .floatingModule-cancelButton {
    width: 200px;
    flex: 1 1 auto;
    padding: 0 12px;
  }
  .cancel_recurring_modal .floatingModule-body .floatingModule-buttonGroup input[type="submit"] {
    margin-bottom: 20px;
    width: 200px;
    flex: 1 1 auto;
    padding: 0 12px;
  }
}
.section-account-login .accountLoginList,
.section-account-login .accountLoginList > li {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}
.section-account-login .accountLoginList:last-of-type,
.section-account-login .accountLoginList > li:last-of-type {
  margin-bottom: 0;
}
.section-account-login .accountLoginWelcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.section-account-login .accountLoginWelcome .accountLoginWelcomeTitle {
  color: #1f1f1f;
}
.section-account-login .accountLoginWelcome .accountLoginWelcomeButtons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  text-align: left;
}
.span16 .thirdParty-instagramFeed {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.span16 .thirdParty-instagramFeed-item {
  padding-right: 2%;
  width: 20%;
  min-width: 150px;
}
.span11 .thirdParty-instagramFeed {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.span11 .thirdParty-instagramFeed-item {
  padding-right: 3%;
  width: 33%;
  min-width: 150px;
}
.span8 .thirdParty-instagramFeed {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.span8 .thirdParty-instagramFeed-item {
  padding-right: 5%;
  width: 50%;
  min-width: 150px;
}
.thirdParty-instagramFeed-item {
  margin-bottom: 24px;
}
.thirdParty-instagramFeed-item div {
  margin-bottom: 16px;
}
.thirdParty-instagramFeed-user {
  display: flex;
  align-items: center;
}
.thirdParty-instagramFeed-user span {
  color: #8c1d40;
  margin-left: 16px;
}
.thirdParty-instagramFeed-user a,
.thirdParty-instagramFeed-user a:hover {
  font-weight: normal;
  text-decoration: none;
  vertical-align: bottom;
}
.thirdParty-instagramFeed-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.thirdParty-instagramFeed-tags {
  color: #8c1d40;
}
.thirdParty-pagination {
  display: flex;
  justify-content: center;
}
.thirdParty-pagination > * {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #8c1d40;
}
.thirdParty-pagination a {
  color: #8c1d40;
  text-decoration: none;
}
.thirdParty-pagination a:hover {
  color: #ffc627;
  text-decoration: none;
}
.thirdParty-pagination span {
  color: #ffc627;
  border: 1px solid #8c1d40;
}
.ebay-lots {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ebay-lots .lot_container {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  width: 160px;
  margin-right: 32px;
}
.ebay-lots .lot_container div > * {
  display: inline-block;
}
.ebay-lots .lot_img {
  margin-bottom: 12px;
  text-align: center;
}
.ebay-lots .lot_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.ebay-lots .lot-price {
  color: #8c1d40;
  margin-top: auto;
  margin-bottom: 12px;
  font-size: 1.4em;
}
.ebay-lots .lot-button a {
  color: #ffc627;
  background: #8c1d40;
  border: 1px solid rgba(0,0,0,0);
  padding: 6px;
}
.ebay-lots .lot-button a:hover {
  text-decoration: none;
}
.ebay-lots .lot-description {
  color: #1f1f1f;
  margin-bottom: 12px;
}
.ebay-lots .lot-description p {
  padding-right: 6px;
}
.span4 .ebay-lots .lot_container,
.span5 .ebay-lots .lot_container,
.span6 .ebay-lots .lot_container {
  width: 100%;
  margin-right: 0px;
}
.span4 .ebay-lots .lot_img,
.span5 .ebay-lots .lot_img,
.span6 .ebay-lots .lot_img {
  text-align: center;
}
.span4 .ebay-lots .lot_container {
  width: 220px;
}
.span5 .ebay-lots .lot_container {
  width: 260px;
}
.span8 .ebay-lots .lot_container {
  width: 200px;
  margin-right: 30px;
}
@media screen and (max-width: 481px) {
  .advanced-search {
    display: flex;
    flex-direction: column-reverse;
  }
}
.advanced-search__form-select-wrap {
  margin-right: 10px;
  margin-bottom: 10px;
}
.advanced-search__form-input-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.advanced-search__form-search {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.site-body .advanced-search__link {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 10px;
  color: #8c1d40;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.site-body .advanced-search__link:hover {
  color: #ffc627;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
.advanced-search__members {
  justify-content: flex-start;
}
.advanced-search__members .media-frame {
  overflow: visible;
}
.span16 .mediumMatrix.advanced-search__members .matrix-itemFluid {
  width: auto;
  flex: 1 1 50%;
  min-width: 380px;
}
@media screen and (max-width: 769px) {
  .span16 .mediumMatrix.advanced-search__members .matrix-itemFluid {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.modify-search {
  border: none;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.modify-search .globalsearch-button {
  border: none;
  display: inline-block;
  vertical-align: middle;
  background: transparent;
}
.modify-search .globalsearch-button:after {
  background-color: #8c1d40;
}
.modify-search .globalsearch-button:before {
  border-color: #8c1d40;
}
.modify-search:hover .globalsearch-button {
  background: transparent;
}
.modify-search:hover .globalsearch-button:after {
  background-color: #8c1d40;
}
.modify-search:hover .globalsearch-button:before {
  border-color: #8c1d40;
}
.advancedMemberSearchForm dl label {
  text-transform: capitalize;
}
.advancedMemberSearchForm dd {
  max-width: 374px;
  width: 100%;
}
.advancedMemberSearchForm .age_wrap {
  width: 100%;
  max-width: 374px;
  display: flex;
  align-items: center;
  align-content: center;
}
.advancedMemberSearchForm .age_wrap .divider_text {
  display: inline-block;
  margin: 0 5px;
}
.advancedMemberSearchForm .age_wrap .flex_field {
  flex: 1 1 auto;
}
.advancedMemberSearchForm .age_wrap .flex_field input {
  width: 100%;
}
.advancedMemberSearchForm .age_wrap input {
  flex: 1 1 100%;
}
.membersListPage-userInfo .profileCoverArea-info {
  margin: 5px 0;
  display: block;
  color: #1f1f1f;
}
.membersListPage-userInfo .profileCoverArea-info .profileCoverArea-question {
  font-weight: normal;
  display: inline-block;
  margin-right: 5px;
  color: #525252;
}
.membersListPage-userInfo .profileCoverArea-info .profileCoverArea-question:empty {
  display: none;
}
.membersListPage-userInfo .userButtons {
  display: inline-flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: auto;
  margin-top: 5px;
  margin-right: 20px;
}
.membersListPage-userInfo .userButtons:last-child {
  margin-right: 0;
}
.membersListPage-userInfo .userButtons .requestText {
  display: inline-block;
  flex: 0 0 100%;
  color: #8c1d40;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  margin-top: 5px;
}
.membersListPage-userInfo .userButtons .friendLink,
.membersListPage-userInfo .userButtons .followLink {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  margin-top: 5px;
  line-height: 1.2;
}
.membersListPage-userInfo .userButtons .friendLink:hover,
.membersListPage-userInfo .userButtons .followLink:hover {
  text-decoration: none;
}
.membersListPage-userInfo .userButtons .friendLink:hover-icon,
.membersListPage-userInfo .userButtons .followLink:hover-icon {
  color: #1f1f1f;
  overflow: visible;
}
.membersListPage-userInfo .userButtons .friendLink-icon,
.membersListPage-userInfo .userButtons .followLink-icon {
  margin-right: 9px;
  color: #1f1f1f;
  overflow: visible;
}
.membersListPage-userInfo .userButtons .friendLink-icon:before,
.membersListPage-userInfo .userButtons .followLink-icon:before {
  margin-right: 0;
}
.membersListPage .advanced-search__members {
  display: flex;
  flex-wrap: wrap;
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user {
  max-width: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 15px 0;
}
@media screen and (max-width: 576px) {
  .mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user {
    width: 100%;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    box-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    box-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item {
  width: 100%;
  display: flex;
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .profileCoverArea-info + .profileCoverArea-info::before {
  display: none;
}
@media screen and (max-width: 576px) {
  .mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item {
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
  }
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img {
  margin-right: 23px;
  align-self: flex-start;
}
@media screen and (max-width: 576px) {
  .mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img {
    margin-right: 10px;
  }
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .wrap__avatar,
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .avatar-default {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 576px) {
  .mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .wrap__avatar,
  .mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .avatar-default {
    width: 60px;
    height: 60px;
  }
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .wrap__avatar img,
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .avatar-default img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .membersListPage-userInfo {
  height: auto;
}
@media screen and (max-width: 576px) {
  .mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .membersListPage-userInfo {
    width: 100%;
    flex: 0 0 100%;
    margin-top: 10px;
  }
}
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .membersListPage-userInfo .membersListPage-moreInfo {
  margin-top: 6px;
}
#menu_body_body_fontsizeselect_menu span.mceText {
  line-height: 1.2;
}
.ultracompact-editor textarea,
.compact-editor textarea,
.full-editor textarea {
  resize: none;
}
.texteditor {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.texteditor * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.texteditor textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mce_fullscreen_container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.texteditor p.texteditor_toolbar {
  margin: 0 !important;
  padding: 4px 3px 1px 3px;
  border-bottom: 1px solid #666;
  background: #E3E3E3 url("https://static.ning.com/asutwc/widgets/index/gfx/buttons-ningbar.png?xn_version=202507221305") repeat-x 0 0;
}
.form_body {
  position: relative;
  height: 1%;
}
.texteditor p.texteditor_toolbar a {
  padding: 4px 3px 0 3px;
  margin: 1px;
}
.texteditor p.texteditor_toolbar a:hover {
  background-color: #fcfcfc;
  margin: 0;
  border: 1px solid;
  border-color: #bbb #ccc #ccc #bbb;
}
.texteditor p.texteditor_toolbar a.image img {
  margin-top: 6px;
}
.texteditor textarea {
  margin: 0;
  border: 0 none;
  border-top: 1px solid #ddd;
  background-image: none;
  width: 100%;
  overflow-y: auto;
}
.hint_textarea {
  display: block;
}
.swatch {
  float: left;
  display: block;
  width: 45px;
  height: 21px;
  *height: 19px;
  _height: 20px;
  padding: 0;
  border: 1px solid #bbb;
  border-right: 0 none;
  margin-right: -3px;
}
.swatch strong {
  display: block;
  padding: 0 3px 0 0;
  font-size: 0.8em;
  line-height: 21px;
  *line-height: 19px;
  _line-height: 20px;
  text-transform: uppercase;
  text-align: center;
}
.swatch_group {
  position: relative;
  margin: 0 10px 0 0;
  float: left;
  _padding-right: 4px;
  _zoom: 1;
}
p .swatch_group {
  font-size: .90%;
}
.swatch_group a {
  text-decoration: none;
}
.swatch_group img.photo {
  margin-right: 0;
}
.picker {
  position: absolute;
  left: 43px;
  top: 22px;
  padding: 5px 10px;
  width: 220px;
  border: 1px solid #ccc;
  background: #fff url("https://static.ning.com/asutwc/widgets/index/gfx/bg-form.png?xn_version=202507221305") repeat-x left bottom;
}
iframe.picker {
  width: 218px;
  border: 0 none;
}
.picker h4 {
  color: #444;
  text-align: left !important;
  float: left;
}
.picker h5 {
  color: #444;
}
.picker a {
  float: right;
  margin-left: 7px;
  font-weight: bold;
  color: #06c;
}
.picker p,
.picker li {
  margin-bottom: 0.5em !important;
  color: #666;
  font-size: 100%;
}
.picker input.button {
  font-weight: bold;
}
.picker select {
  margin-left: 1.4em;
}
iframe.color_picker {
  height: 202px;
  width: 222px;
}
.color_picker {
  font-size: .8323699em;
}
.color_picker .heading {
  border-bottom: 1px solid #cccccc;
  margin-bottom: .8em;
  padding-bottom: .3em;
}
.color_picker .right {
  margin-right: -4px;
}
.color_picker .heading a {
  float: none;
  margin: 0 4px;
  color: #00A8FF;
}
.color_picker table {
  clear: left;
  border: 0 none;
  background-color: transparent !important;
  width: 100%;
}
.color_picker table input.textfield {
  width: 104px;
}
.color_picker table tbody td {
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
}
.color_picker table tbody tr.transparent td {
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  cursor: hand;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/transparent.gif?xn_version=202507221305");
  background-position: -1px -3px;
}
.color_picker table tbody tr.selected td {
  background-position: -1px 1px;
}
.color_picker table tbody tr.spacer td {
  height: 8px;
  line-height: 8px;
}
.color_picker table tbody tr.swatches td {
  width: 20px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  cursor: hand;
}
.image_picker {
  width: 250px;
  color: #000;
}
.image_picker li input.file,
.image_picker li label.tile {
  margin: 0.3em 0 0.3em 18px;
}
.image_picker li input.file {
  margin-left: 0;
  white-space: normal;
  width: 250px;
  *width: 230px;
}
.xg_floating_module .image_picker li img,
#xg #xg_body .image_picker li img {
  margin: 0.5em 0 0 18px;
  border: 1px solid #ddd;
  max-width: 200px;
  max-height: 200px;
  height: auto;
}
.texteditor .dy-displaynone {
  display: none;
}
.tinyMce-dialog .xg_icon {
  background-repeat: no-repeat;
  background-color: transparent;
  height: 17px;
  width: 17px;
  padding: 1px 2px 1px 0;
  _padding: 0;
  margin: 1px 0 1px 2px;
  _margin: 0;
  text-indent: -9999px;
  font-size: 0 !important;
  vertical-align: middle;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.tinyMce-dialog .xg_icon.xg_icon-close {
  background: transparent url("https://static.ning.com/asutwc/widgets/index/gfx/buttons-ningbar.png?xn_version=202507221305") no-repeat scroll 0 -188px;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 2px;
  z-index: 2;
  height: 17px;
  width: 17px;
  display: block;
}
.tinyMce-dialog .dy-form-1 dl {
  margin-bottom: 10px;
}
.tinyMce-dialog .dy-form-1 dl dt {
  display: block;
  float: none;
  width: auto;
}
.tinyMce-dialog .dy-form-1 dl dd {
  display: block;
  padding-left: 0;
  position: relative;
}
.tinyMce-dialog .dy-form-1 dl dd textarea {
  width: 100%;
}
.tinyMce-dialog .dy-form-2 dl {
  clear: left;
  margin-bottom: 5px;
  display: block;
}
.tinyMce-dialog .dy-form-2 dl dt {
  float: left;
  display: block;
  width: 100px;
  text-align: right;
}
.tinyMce-dialog .dy-form-2 dl dd {
  margin-left: 110px;
  margin-bottom: 10px;
  position: relative;
}
.tinyMce-dialog .dy-label {
  font-size: 95%;
  font-weight: bold;
}
.tinyMce-dialog .dy-input-text {
  border: 1px solid #CCC;
  padding: 2px 3px;
  color: #666;
  font-size: 13px;
  font-family: arial, sans-serif;
  border-top-color: #bbb;
}
.tinyMce-dialog .dy-input-single {
  width: 20px;
}
.tinyMce-dialog .dy-input-narrow {
  width: 60px;
}
.tinyMce-dialog .dy-input-medium {
  width: 250px;
}
@media screen and (max-width: 769px) {
  .tinyMce-dialog .dy-input-medium {
    width: 80% !important;
  }
}
.tinyMce-dialog .dy-small {
  font-size: 0.84615em;
}
.tinyMce-dialog input.button {
  cursor: pointer;
  display: inline-block;
  width: auto;
  border: 1px solid #aaa;
  background: #e3e3e3 url("https://static.ning.com/asutwc/widgets/index/gfx/buttons-ningbar.png?xn_version=202507221305") repeat-x 0 0;
  font-size: 100%;
  text-decoration: none;
  color: #333;
  overflow: visible;
  white-space: nowrap;
  padding: .25em .5em .25em;
}
.tinyMce-dialog .dy-clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.tinyMce-dialog .dy-clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.tinyMce-dialog fieldset dl {
  clear: left;
}
.tinyMce-dialog fieldset dl input[type="file"] {
  outline: none;
}
.tinyMce-dialog fieldset dl dt {
  display: block;
  float: left;
  clear: left;
  line-height: 1.6em;
  font-weight: normal;
}
.tinyMce-dialog fieldset dl dd {
  margin-left: 0 !important;
  padding-left: 120px;
  margin-bottom: .6em;
  line-height: 1.6em;
}
@media screen and (max-width: 481px) {
  .tinyMce-dialog fieldset dl dt {
    width: 80px !important;
  }
  .tinyMce-dialog fieldset dl dd {
    padding-left: 90px !important;
  }
}
@media screen and (max-width: 321px) {
  .tinyMce-dialog fieldset dl dt {
    float: none !important;
    display: block !important;
    text-align: left !important;
  }
  .tinyMce-dialog fieldset dl dd {
    padding-left: 0 !important;
  }
}
.tinyMce-dialog .disabled,
.tinyMce-dialog .dy-disabled,
.tinyMce-dialog input[disabled="disabled"],
.tinyMce-dialog button[disabled="disabled"],
.tinyMce-dialog select[disabled="disabled"],
.tinyMce-dialog optgroup[disabled="disabled"],
.tinyMce-dialog option[disabled="disabled"] {
  color: #7f7f7f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
  cursor: default;
  *font-weight: normal;
  *filter: alpha(opacity=40);
  *zoom: 1;
}
.tinyMce-dialog .page_tabs {
  width: 100%;
  clear: right;
  margin: 5px 0;
  border-style: solid;
  border-width: 0 0 1px;
  z-index: 1;
}
.tinyMce-dialog .page_tabs li {
  display: inline;
  list-style-type: none;
  margin: 0 0 -1px 5px;
  line-height: 190%;
  z-index: 2;
}
.tinyMce-dialog .page_tabs li.this {
  font-weight: bold;
}
.tinyMce-dialog .page_tabs li.this .xg_tabs {
  border-style: solid;
  border-width: 1px 1px 0;
  padding: 1px 7px 2px;
}
.tinyMce-dialog .page_tabs li a {
  padding: 2px 7px;
  text-decoration: none;
  font-weight: normal;
  color: #aeaeae;
}
.tinyMce-inlineToolbar.dy-tooltip {
  position: absolute;
  min-height: 32px;
  z-index: 100000;
  *zoom: 1;
}
.tinyMce-inlineToolbar.dy-tooltip .dy-arrow {
  position: absolute;
  left: 0;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/msg/tooltip-arrow.png?xn_version=202507221305");
  z-index: 50;
}
.tinyMce-inlineToolbar.dy-tooltip .dy-content {
  box-shadow: 0 0 10px #666;
  border: 2px solid #e1e1e1;
  position: absolute;
  width: 180px;
  background-color: #FFF;
  color: #5E5E5E;
  padding: 5px;
  z-index: 10;
  min-height: 15px;
  border-radius: 3px;
  font-size: 12px !important;
  text-align: left;
  font-family: 'Lucida Grande', Verdana, sans-serif !important;
}
.tinyMce-inlineToolbar.dy-tooltip .dy-content a {
  color: #00B0D8;
  font-weight: bold;
  text-decoration: none;
}
.tinyMce-inlineToolbar.dy-tooltip-plain .dy-content {
  position: static;
  width: auto;
}
.mce-icon-row a.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: .5;
  cursor: default;
}
table.mceLayout {
  width: 100% !important;
}
.mceToolbar > tbody > tr > td {
  display: table-row;
  float: left;
  margin-bottom: 1px !important;
}
.defaultSkin .mceSeparator {
  height: 22px !important;
}
#dashboardBar {
  background-color: #75af2d;
  height: 34px;
  float: left;
  font-family: "Fira Sans", sans-serif;
  margin-right: auto;
}
#dashboardBar.widthAuto {
  width: auto;
}
@media (max-width: 768px) {
  #dashboardBar {
    float: none;
    background-color: #fff;
    height: initial;
    position: relative;
    width: auto;
  }
  .ningbar #dashboardBar {
    width: 100%;
    height: 34px;
    background-color: #75af2d;
  }
}
.dashboardBarWrap {
  width: auto;
  float: left;
}
.ningbar .dashboardBarWrap {
  background-color: #75af2d;
  width: 100%;
  height: 34px;
}
.dashboardBar-innerSection {
  float: left;
}
@media (max-width: 768px) {
  .dashboardBar-innerSection {
    float: none;
  }
  .ningbar .dashboardBar-innerSection {
    text-align: center;
  }
}
.dashboardBar-ningLogo {
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/dashboard/logo_ning_mode.png?xn_version=202507221305");
  background-repeat: no-repeat;
  width: 104px;
  height: 34px;
  padding-right: 10px;
  float: left;
  background-position: 10px 0;
}
.dashboardBar-ningLogo.ningbar-show {
  display: none;
  width: 45px;
}
@media (max-width: 768px) {
  .ningbar .dashboardBar-ningLogo.ningbar-show {
    float: none;
    width: 104px;
    display: block;
    margin: auto;
  }
}
.ningbar .dashboardBar-ningLogo.ningbar-show.show {
  display: block;
}
@media (max-width: 768px) {
  .dashboardBar-ningLogo {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .dashboardBar-ningLogo {
    background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/dashboard/logo_ning_mode@2x.png?xn_version=202507221305");
    background-size: 104px 34px;
  }
}
.dashboardBar-ningLogo.mobile_logo {
  display: none;
  width: 38px;
}
@media (max-width: 768px) {
  .dashboardBar-ningLogo.mobile_logo {
    display: flex !important;
    margin: auto;
    float: none;
    height: 22px;
    background-size: cover;
    width: 79px;
    padding-right: 0;
    background-position: 0;
  }
}
.dashboardBar-toggleButton {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 34px;
  margin-left: 7px;
}
@media (max-width: 768px) {
  .dashboardBar-toggleButton {
    display: none;
  }
}
.dashboardBar-adminIcon {
  background-position: -8px -317px;
  width: 25px;
  height: 20px;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-right: 5px;
  border-right: 1px solid rgba(114,114,114,0.6);
  box-shadow: 1px 0 rgba(255,255,255,0.3);
  box-shadow: 1px 0 rgba(255,255,255,0.3);
}
@media screen and (max-width: 481px) {
  .dashboardBar-adminIcon {
    background: none;
    width: 0;
    margin-left: 0;
  }
}
.dashboardBar-leftIcon {
  position: relative;
}
.dashboardBar-leftIcon:after {
  content: "";
  position: absolute;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  display: block;
  transform: rotate(-45deg);
  width: 7px;
  height: 7px;
  top: 12px;
  left: 4px;
}
.dashboardBar-rightIcon {
  position: relative;
}
.dashboardBar-rightIcon:after {
  content: "";
  position: absolute;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  display: block;
  transform: rotate(135deg);
  width: 7px;
  height: 7px;
  top: 12px;
  left: 4px;
}
.dashboardBar-innerIcons {
  float: left;
  padding-top: 3px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .dashboardBar-innerIcons {
    float: none;
    margin-left: 0;
  }
  .ningbar .dashboardBar-innerIcons {
    transform: translateX(-150%);
    position: absolute;
    top: 34px;
    background: #fff;
    width: 100%;
    min-height: calc(100vh - 34px);
    z-index: 10001;
    transition: all .4s linear;
    display: flex;
    flex-direction: column;
  }
  .ningbar .dashboardBar-innerIcons.show {
    transform: translateX(0);
  }
}
.dashboardBar-icon {
  background-repeat: no-repeat;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 31px;
  text-align: center;
  padding-top: 2px;
  margin-right: 5px;
  padding-left: 4px;
  position: relative;
}
@media (max-width: 1235px) {
  .dashboardBar-icon {
    width: 31px;
    padding-left: 0;
  }
}
.dashboardBar-icon svg {
  fill: rgba(255,255,255,0.5);
}
.dashboardBar-icon svg rect {
  stroke: rgba(255,255,255,0.5);
}
.dashboardBar-icon svg #ICO {
  fill: rgba(255,255,255,0.5);
}
@media (max-width: 768px) {
  .dashboardBar-icon svg {
    fill: #000;
  }
  .dashboardBar-icon svg rect {
    stroke: #000;
  }
  .dashboardBar-icon svg #ICO {
    fill: #000;
  }
}
@media (max-width: 768px) {
  .dashboardBar-icon {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 22px;
    box-sizing: border-box;
    height: inherit;
    margin-right: inherit;
  }
  .dashboardBar-innerIcons .dashboardBar-icon,
  .dashboard_bar_menu_mobile .dashboardBar-icon {
    border-bottom: 2px solid rgba(34,37,41,0.12);
  }
}
.dashboardBar-icon:hover,
.dashboardBar-icon.active {
  background-color: #edece9;
}
.dashboardBar-icon:hover svg,
.dashboardBar-icon.active svg {
  fill: #989897;
}
.dashboardBar-icon:hover svg rect,
.dashboardBar-icon.active svg rect {
  stroke: #989897;
}
.dashboardBar-icon:hover svg #ICO,
.dashboardBar-icon.active svg #ICO {
  fill: #989897;
}
@media (max-width: 768px) {
  .dashboardBar-icon:hover svg,
  .dashboardBar-icon.active svg {
    fill: #75af2c;
  }
  .dashboardBar-icon:hover svg rect,
  .dashboardBar-icon.active svg rect {
    stroke: #75af2c;
  }
  .dashboardBar-icon:hover svg #ICO,
  .dashboardBar-icon.active svg #ICO {
    fill: #75af2c;
  }
}
@media (max-width: 768px) {
  .dashboardBar-icon:hover,
  .dashboardBar-icon.active {
    background-color: transparent;
  }
}
.dashboardBar-icon:hover .dashboardBar_title,
.dashboardBar-icon.active .dashboardBar_title {
  color: #75af2c;
}
@media (max-width: 768px) {
  .dashboardBar-icon:last-child {
    order: -1;
  }
}
.dashboardBar-icoIcon {
  background-position: -5px -161px;
}
.dashboardBar-icon:hover .dashboardBar-icoIcon,
.dashboardBar-icon.active .dashboardBar-icoIcon {
  background-position: -5px -187px;
}
.dashboardBar-homeIcon {
  background-position: -5px -161px;
}
.dashboardBar-icon:hover .dashboardBar-homeIcon,
.dashboardBar-icon.active .dashboardBar-homeIcon {
  background-position: -5px -187px;
}
.dashboardBar-dashboardIcon {
  background-position: -5px -57px;
}
.dashboardBar-icon:hover .dashboardBar-dashboardIcon,
.dashboardBar-icon.active .dashboardBar-dashboardIcon {
  background-position: -5px -83px;
}
.dashboardBar_title {
  display: inline-block;
  line-height: 1.5;
  font-size: 13px;
  position: relative;
  padding-right: 7px;
  top: -5px;
  color: #ffffff;
  font-weight: 500;
}
@media (max-width: 1235px) {
  .dashboardBar_title {
    display: none;
  }
}
@media (max-width: 768px) {
  .dashboardBar_title {
    display: block;
    top: auto;
    font-weight: 400;
    padding-right: 0;
    line-height: 1.5;
    color: #000000;
    font-size: 14px;
    margin-left: 15px;
  }
}
.dashboardBar-moderationCount {
  text-align: center;
  color: white;
  background-color: #ff593e;
  border-radius: 5px;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 9px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 20px;
  padding: 0 2px;
}
@media (max-width: 768px) {
  .dashboardBar-moderationCount {
    top: 10px;
    left: 36px;
  }
}
.burger {
  width: 20px;
  height: 15px;
  display: none;
  position: absolute;
  top: 0;
  left: 2px;
  margin: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .burger {
    display: block;
  }
}
.burger_line {
  width: 20px;
  height: 3px;
  border-radius: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  transition: .4s;
}
.burger_line-middle {
  top: 6px;
}
.burger_line-bottom {
  top: 12px;
}
.burger.open .burger_line-top {
  top: 6px;
  transform: rotate(45deg);
}
.burger.open .burger_line-middle {
  width: 0;
}
.burger.open .burger_line-bottom {
  top: 6px;
  transform: rotate(-45deg);
}
#dashboard_bar_menu.show {
  transform: translateX(0);
  transition: .4s;
}
.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.editHeader {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
.section_header {
  gap: 10px;
}
.section_header .toRightBottom {
  align-self: flex-end;
}
.section_header .editHeader {
  width: calc(100% - 80px);
  gap: 10px;
}
.section_header .editHeader h3 {
  display: block;
}
.module-name + .EditButton {
  align-self: flex-end;
}
.editBlock {
  color: #212121;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transform: translateY(-150%);
  font-size: 12px;
  background-color: #eeede8;
  margin: 10px -10px 0 -10px;
  margin: -10px -15px 10px -15px;
  padding: 10px 15px 10px 15px;
}
.editBlock.editing {
  position: static;
  z-index: 0;
  opacity: 1;
  transform: translateY(0);
}
.editBlock .editBlockList {
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 10px;
}
.editBlock .editBlockListItemOption {
  display: flex;
  align-items: center;
}
.editBlock .editBlockListItemOption input[type="text"],
.editBlock .editBlockListItemOption .editBlockListInput {
  min-width: 80px;
  width: 100%;
  max-width: 320px;
}
.editBlock select {
  min-width: 80px;
  width: 100%;
  max-width: 320px;
}
.editBlock select.selectSmall {
  width: auto;
}
.editBlock input[type="checkbox"] {
  outline: none;
}
.editBlock .textAfterSelect {
  padding-left: 5px;
}
.editBlock .editBlockListItemTitle,
.editBlock label {
  margin-bottom: 4px;
  display: block;
  font-weight: normal;
}
.editBlock .editBlockListItem {
  margin-bottom: 10px;
}
.editBlock .editBlockListItem:last-of-type {
  margin-bottom: 0;
}
.editBlock .editBlockListItemName {
  font-weight: bold;
}
.editBlock .loading {
  width: 16px;
  height: 16px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/spinner_20.gif?xn_version=202507221305");
  background-size: 16px 16px;
  display: inline-block;
  margin-left: 5px;
}
.ajaxValidation {
  display: none;
  vertical-align: text-bottom;
}
.ajaxValidation.loading {
  width: 16px;
  height: 16px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/spinner_20.gif?xn_version=202507221305");
  background-size: 16px 16px;
  display: inline-block;
  margin-left: 5px;
}
.ajaxValidation.valid {
  width: 16px;
  height: 16px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/greenCheckMark.png?xn_version=202507221305");
  background-size: 16px 16px;
  display: inline-block;
  margin-left: 5px;
}
.ajaxValidation.invalid {
  width: 16px;
  height: 16px;
  background-image: url("https://static.ning.com/asutwc/widgets/index/gfx/delete-circle.png?xn_version=202507221305");
  background-size: 16px 16px;
  display: inline-block;
  margin-left: 5px;
}
.activityDropdown {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-self: flex-end;
}
.activityDropdownPlus {
  width: 2em;
  height: 2em;
  padding: 1px;
  cursor: pointer;
}
.activityDropdownPlus .icon:before {
  margin: 0;
}
.activityDropdownMenu {
  position: absolute;
  left: 0.15rem;
  top: calc(100% + 0.25rem);
  z-index: 100;
  max-height: 25rem;
  overflow: auto;
  background-color: #ffffff;
  padding: 0.75rem;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.7);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 150ms ease-in-out, transform 150ms ease-in-out, left 150ms ease-in-out;
  pointer-events: none;
}
.activityDropdownMenu.right {
  left: auto;
  right: 0.15rem;
}
.activityDropdownMenu:before {
  position: absolute;
  z-index: -3;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e3e3e3;
}
.activityDropdownMenu:after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
}
.activityDropdownMenu .act-bg {
  position: absolute;
  z-index: -2;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(227,227,227,0);
}
.activityDropdown.active > .activityDropdownPlus + .activityDropdownMenu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.activityDropdownTitle {
  font-weight: bold;
  margin-bottom: .25rem;
}
.activityDropdownLink {
  overflow-wrap: break-word;
}
.buttonsGroup {
  display: flex;
  gap: 10px;
}
.EditButtonSave {
  min-width: 0;
  width: 50%;
  max-width: 140px;
}
.EditButtonCansel {
  min-width: 0;
  width: 40%;
  max-width: 120px;
}
.information-grid {
  display: grid;
  grid-template-columns: repeat(1,136px);
  gap: 1rem;
}
.information-flex {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}