html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}

html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}

.thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.bg-blue-light {
  background: var(--blue_light) !important;
}

.text-blue-light {
  color: var(--blue_light) !important;
}

.rounded-4 {
  border-radius: 1.5rem !important;
}

.rounded-5 {
  border-radius: 2.3rem !important;
}

html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}

html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}

.thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.bg-blue-light {
  background: var(--blue_light) !important;
}

.text-blue-light {
  color: var(--blue_light) !important;
}

.rounded-4 {
  border-radius: 1.5rem !important;
}

.rounded-5 {
  border-radius: 2.3rem !important;
}

html[data-theme=dark] body {
  background-image: url(/images/bg-login-body-black.png?361fb968b07359a0de3c7f3a83aae3b0);
  background-image: url(/images/bg-login-body-black.webp?75786c42cc8deed1f42197bf52040ed2);
}
html[data-theme=dark] ::-webkit-scrollbar-track {
  background-color: #0f0a03;
}
html[data-theme=dark] .nav-link, html[data-theme=dark] .nav-link.active, html[data-theme=dark] .primary-menu a.nav-link:hover {
  color: #fff !important;
}
html[data-theme=dark] .mobile-sidebar.sticky {
  background: var(--gray_light) !important;
}
html[data-theme=dark] .notification-menu {
  background-color: var(--gray_light) !important;
}
html[data-theme=dark] .notification-menu .notification-header-container, html[data-theme=dark] .notification-menu .notification-footer {
  background: var(--blue_light) !important;
  outline-color: var(--blue_light) !important;
}
html[data-theme=dark] .notification-menu .notification-item {
  background-color: var(--gray_light) !important;
}
html[data-theme=dark] .notification-menu .not_visited {
  background: #fff !important;
}
html[data-theme=dark] .mobile-menu-header, html[data-theme=dark] .mobile-menu-footer {
  background: var(--blue_light) !important;
  outline-color: var(--blue_light) !important;
}
html[data-theme=dark] .mobile-menu {
  background-color: var(--gray_light) !important;
}
html[data-theme=dark] .mobile-menu li a {
  color: #fff !important;
}
html[data-theme=dark] #messenger .messages_container {
  background: #212529 !important;
}
html[data-theme=dark] #messenger .approve_chat {
  color: #fff;
}
html[data-theme=dark] .group-table .nav .nav-item .nav-link, html[data-theme=dark] .group-table .nav .nav-item .nav-link.active, html[data-theme=dark] .group-table .nav .nav-item .nav-link:hover, html[data-theme=dark] .group-table .nav .nav-item:hover .nav-link, html[data-theme=dark] .group-table .nav .nav-item:hover .nav-link.active, html[data-theme=dark] .group-table .nav .nav-item:hover .nav-link:hover, html[data-theme=dark] .media-table .nav .nav-item .nav-link, html[data-theme=dark] .media-table .nav .nav-item .nav-link.active, html[data-theme=dark] .media-table .nav .nav-item .nav-link:hover, html[data-theme=dark] .media-table .nav .nav-item:hover .nav-link, html[data-theme=dark] .media-table .nav .nav-item:hover .nav-link.active, html[data-theme=dark] .media-table .nav .nav-item:hover .nav-link:hover {
  color: #fff !important;
}
html[data-theme=dark] .btn.btn-back {
  color: #fff;
}

html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}

html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}

.thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}

.bg-blue-light {
  background: var(--blue_light) !important;
}

.text-blue-light {
  color: var(--blue_light) !important;
}

.rounded-4 {
  border-radius: 1.5rem !important;
}

.rounded-5 {
  border-radius: 2.3rem !important;
}

body.contact-club-show .post_container .text,
#previewModal .post_container .text {
  background: var(--gray_light);
  padding: 2rem;
  border-radius: 0.7rem;
  margin-top: 1rem;
}

#previewModal .modal-body {
  background: #fff;
  padding: 1rem 2rem 0.5rem 2rem !important;
}

body.contact-club .post_container form label,
body.contact-club-show .post_container form label {
  margin-top: 5rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--blue_light);
}
body.contact-club .post_container .label,
body.contact-club-show .post_container .label {
  margin-top: 5rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--blue_light);
}
body.contact-club .bootstrap-select.hidden,
body.contact-club-show .bootstrap-select.hidden {
  display: none;
}
body.contact-club .contact-club-response,
body.contact-club-show .contact-club-response {
  margin-top: 3rem;
}
body.contact-club .contact-club-response .text,
body.contact-club-show .contact-club-response .text {
  color: #fff;
  background: var(--red_bolt);
}
body.contact-club .contact-club-response.hide,
body.contact-club-show .contact-club-response.hide {
  display: none;
}
body.contact-club .contact_tools,
body.contact-club-show .contact_tools {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
body.contact-club .contact_tools button,
body.contact-club-show .contact_tools button {
  padding: 0 20px;
  justify-content: center;
}
body.contact-club .contact_tools button svg,
body.contact-club-show .contact_tools button svg {
  margin-right: 5px;
}
body.contact-club .contact_tools button.btn-social,
body.contact-club-show .contact_tools button.btn-social {
  border: 1px solid var(--blue_light);
}
body.contact-club .contact_tools button.btn-social:hover,
body.contact-club-show .contact_tools button.btn-social:hover {
  border-color: var(--red_bolt);
}
body.contact-club .dropdown .img-select,
body.contact-club-show .dropdown .img-select {
  display: inline-block;
  width: 32px;
  height: auto;
  margin-right: 10px;
}
body.contact-club .dz-details,
body.contact-club .dz-progress,
body.contact-club-show .dz-details,
body.contact-club-show .dz-progress {
  display: none;
}
body.contact-club .dropdown.bootstrap-select.form-control,
body.contact-club-show .dropdown.bootstrap-select.form-control {
  z-index: 3 !important;
  border-radius: 0.7rem !important;
}
body.contact-club .dropdown.bootstrap-select.form-control .filter-option,
body.contact-club-show .dropdown.bootstrap-select.form-control .filter-option {
  line-height: 2.5rem !important;
  font-size: 1rem;
}
body.contact-club .dropdown.bootstrap-select.form-control.is-invalid button,
body.contact-club-show .dropdown.bootstrap-select.form-control.is-invalid button {
  border-color: #F93564 !important;
}
body.contact-club .dropdown.bootstrap-select.form-control button:focus, body.contact-club .dropdown.bootstrap-select.form-control button:focus-visible,
body.contact-club-show .dropdown.bootstrap-select.form-control button:focus,
body.contact-club-show .dropdown.bootstrap-select.form-control button:focus-visible {
  outline: none !important;
}
body.contact-club textarea#contact_text,
body.contact-club textarea#contact_text_show,
body.contact-club-show textarea#contact_text,
body.contact-club-show textarea#contact_text_show {
  width: 100%;
  border-radius: 0.7rem;
  border-color: var(--blue_light);
  resize: none;
  min-height: 100px;
  padding: 1rem;
  max-height: 60vh;
}
body.contact-club textarea#contact_text:focus, body.contact-club textarea#contact_text:focus-visible,
body.contact-club textarea#contact_text_show:focus,
body.contact-club textarea#contact_text_show:focus-visible,
body.contact-club-show textarea#contact_text:focus,
body.contact-club-show textarea#contact_text:focus-visible,
body.contact-club-show textarea#contact_text_show:focus,
body.contact-club-show textarea#contact_text_show:focus-visible {
  outline: none !important;
}
body.contact-club textarea#contact_text.is-valid, body.contact-club textarea#contact_text.is-invalid,
body.contact-club textarea#contact_text_show.is-valid,
body.contact-club textarea#contact_text_show.is-invalid,
body.contact-club-show textarea#contact_text.is-valid,
body.contact-club-show textarea#contact_text.is-invalid,
body.contact-club-show textarea#contact_text_show.is-valid,
body.contact-club-show textarea#contact_text_show.is-invalid {
  background-position: top calc(0.375em + 0.1875rem) right calc(1.875em + 0.1875rem) !important;
}
body.contact-club .dropzone,
body.contact-club-show .dropzone {
  padding: 1rem 0;
  background: transparent;
  margin-bottom: 1rem;
  border: 1px solid var(--blue_light);
  border-radius: 0.7rem;
}
body.contact-club .dropzone#contact-club-video .dz-error-message,
body.contact-club-show .dropzone#contact-club-video .dz-error-message {
  left: 40%;
  opacity: 1;
}
body.contact-club .dropzone#contact-club-video .dz-preview,
body.contact-club-show .dropzone#contact-club-video .dz-preview {
  width: 100%;
  display: block;
}
body.contact-club .dropzone .dz-error-message,
body.contact-club-show .dropzone .dz-error-message {
  top: 10px;
  left: 10px;
}
body.contact-club .dropzone .dz-error-message:after,
body.contact-club-show .dropzone .dz-error-message:after {
  content: none;
}
body.contact-club .dropzone.dz-started button.btn-add-dropzone,
body.contact-club-show .dropzone.dz-started button.btn-add-dropzone {
  display: block !important;
}
body.contact-club .dropzone.dz-started .dz-message,
body.contact-club-show .dropzone.dz-started .dz-message {
  display: none;
}
body.contact-club .dropzone button.btn-add-dropzone,
body.contact-club-show .dropzone button.btn-add-dropzone {
  cursor: pointer;
  display: none;
  color: var(--red_bolt);
  background: transparent;
  border: 2px solid var(--red_bolt);
  padding: 0.1rem 1.3rem;
  border-radius: 0.7rem;
  margin: 0 20px 0 0;
}
body.contact-club .dropzone button.btn-add-dropzone .add-icon,
body.contact-club-show .dropzone button.btn-add-dropzone .add-icon {
  cursor: pointer;
  margin-bottom: 0.2rem;
}
body.contact-club .dropzone button.btn-add-dropzone .add-icon i,
body.contact-club-show .dropzone button.btn-add-dropzone .add-icon i {
  font-size: 3rem;
  cursor: pointer;
  font-weight: 500;
}
body.contact-club .dropzone button.btn-add-dropzone .add-text,
body.contact-club-show .dropzone button.btn-add-dropzone .add-text {
  font-size: 1.2rem;
  cursor: pointer;
  line-height: normal;
}
body.contact-club .dropzone button.btn-add-dropzone i,
body.contact-club-show .dropzone button.btn-add-dropzone i {
  padding-right: 5px;
}
body.contact-club .dropzone .dropzone-close,
body.contact-club-show .dropzone .dropzone-close {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 1rem;
  margin-bottom: 1rem;
}
body.contact-club .dropzone .dropzone-close button.btn-close-dropzone,
body.contact-club-show .dropzone .dropzone-close button.btn-close-dropzone {
  display: flex;
  margin-left: auto;
}
body.contact-club .dropzone .dz-message,
body.contact-club-show .dropzone .dz-message {
  margin: 0;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding-right: 1rem;
}
body.contact-club .dropzone .dz-message .dz-message-title,
body.contact-club-show .dropzone .dz-message .dz-message-title {
  color: #832c48;
  font-size: 1.5rem;
}
body.contact-club .dropzone #preview-video,
body.contact-club .dropzone #edit-preview-video,
body.contact-club-show .dropzone #preview-video,
body.contact-club-show .dropzone #edit-preview-video {
  padding-bottom: 0.5rem;
  width: 100%;
}
body.contact-club .dropzone #preview-video video,
body.contact-club .dropzone #edit-preview-video video,
body.contact-club-show .dropzone #preview-video video,
body.contact-club-show .dropzone #edit-preview-video video {
  width: 100%;
}
body.contact-club .dropzone #dropzone-previews,
body.contact-club-show .dropzone #dropzone-previews {
  padding-left: 1rem;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 178px;
  overflow-x: auto;
  padding-bottom: 1.5rem;
}
body.contact-club .dropzone #dropzone-previews .dz-image,
body.contact-club-show .dropzone #dropzone-previews .dz-image {
  border-radius: 0.7rem;
}
body.contact-club .dropzone .dz-preview-video a.dz-remove,
body.contact-club-show .dropzone .dz-preview-video a.dz-remove {
  position: relative !important;
}
body.contact-club .dropzone .dz-preview,
body.contact-club-show .dropzone .dz-preview {
  height: 158px;
  width: 158px;
  background: transparent;
  margin: 0 20px 0 0;
  z-index: 1;
}
body.contact-club .dropzone .dz-preview a.dz-remove,
body.contact-club-show .dropzone .dz-preview a.dz-remove {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: #fff;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
  text-decoration: none;
  color: #890651;
}
body.contact-club .dropzone .dz-preview a.dz-remove:hover,
body.contact-club-show .dropzone .dz-preview a.dz-remove:hover {
  text-decoration: underline;
}
body.contact-club .dropzone .dz-preview:last-child,
body.contact-club-show .dropzone .dz-preview:last-child {
  margin-right: 1rem;
}
body.contact-club .dropzone .dz-preview:hover img,
body.contact-club-show .dropzone .dz-preview:hover img {
  filter: none !important;
  transform: none !important;
}
body.contact-club .dropzone .dz-preview a.dz-remove,
body.contact-club-show .dropzone .dz-preview a.dz-remove {
  display: none;
}
body.contact-club .dropzone .dz-preview.dz-image-preview a.dz-remove,
body.contact-club-show .dropzone .dz-preview.dz-image-preview a.dz-remove {
  display: block;
}
body.contact-club .dropzone .dz-preview.dz-preview-video,
body.contact-club-show .dropzone .dz-preview.dz-preview-video {
  width: 100%;
  height: auto;
  padding: 0 1rem;
  margin: 0 !important;
}
body.contact-club .dropzone .dz-preview.dz-preview-video video,
body.contact-club-show .dropzone .dz-preview.dz-preview-video video {
  width: 100%;
}
body.contact-club .dropzone .dz-preview.dz-preview-video a.dz-remove,
body.contact-club-show .dropzone .dz-preview.dz-preview-video a.dz-remove {
  display: block;
}
body.contact-club .dropzone .dz-preview .dz-details,
body.contact-club-show .dropzone .dz-preview .dz-details {
  display: none;
}
body.contact-club .dropzone .dz-preview .dz-image,
body.contact-club-show .dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}
body.contact-club .dropzone .dz-preview .dz-image img,
body.contact-club-show .dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 576px) {
  body.contact-club .contact_tools button,
body.contact-club-show .contact_tools button {
    width: 100% !important;
  }
  body.contact-club .btn-contact-submit,
body.contact-club-show .btn-contact-submit {
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  body.not_logged.contact-club-show .btn-contact-show-submit {
    width: 100% !important;
  }
}
body.not_logged.contact-club-show .footer {
  display: none;
}
@media (max-width: 1200px) {
  body.not_logged.contact-club-show .footer {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  body.not_logged.contact-club-show .footer {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  body.not_logged.contact-club-show .footer {
    margin-top: 1rem !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) {
  body.not_logged.contact-club-show .footer .footer-left {
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  body.not_logged.contact-club-show .footer .footer-right a p {
    font-size: 0.7rem;
  }
}
body.not_logged.contact-club-show .footer .dropdown-menu .dropdown-item:hover {
  background: #700928 !important;
  color: #fff !important;
  text-decoration: none !important;
}
body.not_logged.contact-club-show .footer a {
  background: unset !important;
  border: unset !important;
  display: block !important;
  font-size: 0.8rem;
  color: #212529 !important;
  font-weight: 500;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
body.not_logged.contact-club-show .footer a:hover, body.not_logged.contact-club-show .footer a:focus-visible {
  color: #700928 !important;
  text-decoration: underline;
  background: unset !important;
  border: none !important;
}
body.not_logged.contact-club-show .footer a:hover p, body.not_logged.contact-club-show .footer a:focus-visible p {
  color: #700928 !important;
}
@media (max-width: 576px) {
  body.not_logged.contact-club-show .footer a {
    padding: 0rem 1rem;
  }
}
body.not_logged.contact-club-show .footer a p {
  font-size: 0.8rem;
  color: #999999;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  body.not_logged.contact-club-show .left-content {
    display: none;
  }
  body.not_logged.contact-club-show .center-content {
    width: 100%;
  }
  body.not_logged.contact-club-show .right-content .mobile-sidebar {
    justify-content: center;
  }
}

.contact-club-container .emoji_button {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}
.contact-club-container .emoji_button svg {
  width: 25px;
  height: 25px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: var(--blue_light);
}

:root * {
  scrollbar-width: thin;
  scrollbar-color: var(--blue_light) #e4e4e4;
}
@media screen and (max-width: 992px) {
  :root * {
    scrollbar-width: none !important;
  }
}

body {
  overflow: hidden;
  transition: opacity 0.3s linear 0.5s;
  background-image: url(/images/bg-login-body.png?53304792abddc5cd6f4cf797b33d8fd3);
  background-image: url(/images/bg-login-body.webp?ad60d949d08e0f7b2017a1c0a48e2caf);
  background-attachment: fixed;
  background-size: cover;
}
body.hide {
  opacity: 0;
}
@media screen and (max-width: 992px) {
  body.documents .center-content {
    height: 69vh !important;
  }
}
@media screen and (max-width: 399px) {
  body.documents .center-content {
    height: 95vh !important;
  }
}
@media screen and (max-width: 349px) {
  body.documents .center-content {
    height: 110vh !important;
  }
}
@media screen and (max-width: 299px) {
  body.documents .center-content {
    height: 135vh !important;
  }
}
body #newUserModal .modal-body {
  max-height: 70vh;
  overflow: auto;
  padding: 0rem !important;
}
body #newUserModal .modal-body .statistic-choose button[type=submit] {
  padding: 1rem;
}
body #newUserModal .modal-body .statistic-choose b {
  width: 100%;
}
body #newUserModal .modal-body .statistic-choose a {
  margin-bottom: 10px;
}
body #newUserModal .modal-body .statistic-choose a.find {
  padding-right: 20px;
  width: 50%;
}
body #newUserModal .modal-body .statistic-choose a.find .title {
  width: 40px;
  height: 40px;
}
body #newUserModal .modal-body .statistic-choose a.find .title img {
  width: 100%;
  border-radius: 0.7rem;
}
body #newUserModal .modal-body .card {
  border: unset !important;
}
body #passwordChangeModal .modal-body {
  padding: 1.5rem 2rem 1rem 2rem !important;
}
body #passwordChangeModal .modal-body p {
  color: #212529;
  font-size: 1.2rem;
}
body #groupModal .delete_button .btn {
  border-radius: 0.45rem !important;
  padding: 0.3rem 1rem !important;
  margin-left: 2rem !important;
}
body #groupModal .delete_button .btn:hover {
  opacity: 1;
}
@media screen and (max-width: 576px) {
  body #groupModal .delete_button {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  body #groupModal .delete_button .btn {
    margin-left: 0 !important;
    padding: 9px !important;
    margin-bottom: 2rem !important;
  }
}
body #groupModal .modal-body form {
  padding-bottom: 80px;
}
body #addAlbumModal .modal-body,
body #addVideosModal .modal-body,
body #addImagesModal .modal-body,
body #editAlbumModal .modal-body,
body #groupModal .modal-body,
body #addImagesAndVideosModal .modal-body {
  padding: 1rem 2rem 0.5rem 2rem !important;
}
body #addAlbumModal .create_post_button,
body #addVideosModal .create_post_button,
body #addImagesModal .create_post_button,
body #editAlbumModal .create_post_button,
body #groupModal .create_post_button,
body #addImagesAndVideosModal .create_post_button {
  margin-left: auto !important;
}
body #addAlbumModal .form-check.form-switch,
body #addVideosModal .form-check.form-switch,
body #addImagesModal .form-check.form-switch,
body #editAlbumModal .form-check.form-switch,
body #groupModal .form-check.form-switch,
body #addImagesAndVideosModal .form-check.form-switch {
  margin-left: 1rem;
}
body #addAlbumModal .form-check.form-switch input,
body #addVideosModal .form-check.form-switch input,
body #addImagesModal .form-check.form-switch input,
body #editAlbumModal .form-check.form-switch input,
body #groupModal .form-check.form-switch input,
body #addImagesAndVideosModal .form-check.form-switch input {
  width: 3rem;
  height: 1.5rem;
}
body #addAlbumModal .delete_button,
body #addVideosModal .delete_button,
body #addImagesModal .delete_button,
body #editAlbumModal .delete_button,
body #groupModal .delete_button,
body #addImagesAndVideosModal .delete_button {
  padding: 0;
  border: none;
  background: transparent;
  transition-duration: 500ms;
  transition-timing-function: ease;
  font-size: 1.5rem;
  display: flex;
}
body #addAlbumModal .delete_button .btn,
body #addVideosModal .delete_button .btn,
body #addImagesModal .delete_button .btn,
body #editAlbumModal .delete_button .btn,
body #groupModal .delete_button .btn,
body #addImagesAndVideosModal .delete_button .btn {
  margin: 0;
  border-radius: 0px 0.7rem 0px 0.7rem;
  border: 1px solid #700928;
  margin: 0.05rem;
  opacity: 0.85;
  transition-duration: 600ms;
  transition-timing-function: ease;
  min-width: 150px;
  padding: 0 1rem;
}
body #addAlbumModal .delete_button i:before,
body #addVideosModal .delete_button i:before,
body #addImagesModal .delete_button i:before,
body #editAlbumModal .delete_button i:before,
body #groupModal .delete_button i:before,
body #addImagesAndVideosModal .delete_button i:before {
  color: var(--red_bolt);
}
body #addAlbumModal input#albumName,
body #addVideosModal input#albumName,
body #addImagesModal input#albumName,
body #editAlbumModal input#albumName,
body #groupModal input#albumName,
body #addImagesAndVideosModal input#albumName {
  border: none;
  outline: none;
  padding-right: 0;
  padding-left: 0;
  background: transparent;
  font-weight: 500 !important;
}
body #addAlbumModal input[type=text],
body #addVideosModal input[type=text],
body #addImagesModal input[type=text],
body #editAlbumModal input[type=text],
body #groupModal input[type=text],
body #addImagesAndVideosModal input[type=text] {
  border: 1.5px solid;
  border-radius: 8px;
  font-size: 1.2rem !important;
  color: #212529;
  font-weight: 400 !important;
  min-height: 2.5rem;
  height: 2rem;
  width: 100%;
  outline: unset;
  padding: 0.1rem 1rem;
  margin-bottom: 0.5rem;
}
body #addStoryModal.hidden {
  display: none !important;
}
body #addStoryModal .modal-dialog {
  width: 29rem !important;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: unset;
  padding: 0 !important;
  aspect-ratio: 0.5625;
}
@supports not (aspect-ratio: 0.5625) {
  body #addStoryModal .modal-dialog::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body #addStoryModal .modal-dialog::after {
    content: "";
    display: block;
    clear: both;
  }
}
body #addStoryModal .modal-header {
  padding: 0.5rem 0.5rem 0 0.5rem !important;
}
body #addStoryModal .modal-body {
  padding: 0.5rem !important;
  height: auto;
}
body #addStoryModal .create_post_button button.hidden {
  display: none;
}
body #addStoryModal .create_post_button .btn-save-changes {
  color: #fff;
  margin: 0;
  border-radius: 0.7rem 0px 0.7rem 0px;
  border: 1px solid #700928;
  margin: 0.05rem;
  background-color: #700928;
  opacity: 0.85;
  transition-duration: 600ms;
  transition-timing-function: ease;
  min-width: 150px;
  padding: 0 1rem;
}
body #addStoryModal .create_post_button .btn-save-changes:before {
  border-radius: 0.7rem 0px 0.7rem 0px;
}
body #addStoryModal .create_post_button .btn-save-changes:hover, body #addStoryModal .create_post_button .btn-save-changes:focus {
  box-shadow: 0px 0px 10px 1px #832c4861;
  opacity: 1;
}
@media screen and (max-width: 576px) {
  body #addStoryModal .create_post_button .btn-save-changes {
    width: 100% !important;
    border-radius: 0.7rem !important;
    margin: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}
body #addStoryModal .story_content {
  display: flex;
  justify-content: space-between;
}
body #addStoryModal .story_content .story_form {
  flex-grow: 7;
}
body #addStoryModal .story_content .story_tools {
  display: flex;
  flex-flow: column;
  width: 70px;
  flex: 0 0 70px;
  align-items: center;
}
body #addStoryModal .story_content .story_tools .btn {
  background: transparent;
  color: var(--red_bolt);
  font-size: 2rem;
  border: none;
}
body #addStoryModal .story_content .story_tools .btn.active {
  opacity: 0.3;
}
body #addStoryModal .story_content .story_buttons {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
  left: 0rem;
  flex-direction: column;
  z-index: 2;
}
body #addStoryModal .story_content .story_buttons .btn {
  padding: 0rem 1.5rem;
  border-radius: 2rem;
  height: auto;
  border: 1px solid var(--blue_light);
  font-size: 1.8rem;
  font-weight: 500;
  min-width: 60%;
  margin: 10px 0;
}
body #addStoryModal .story_content .story_buttons .btn:hover {
  background: #fff;
  border-color: var(--red_bolt);
  text-decoration: none !important;
}
body #addStoryModal .bg_color_picker,
body #addStoryModal .text_color_picker {
  display: none;
  float: left;
  clear: left;
  width: 10px;
  height: 44vh;
  margin: 15px 0 10px 0;
  border-radius: 1rem;
  position: relative;
  box-shadow: unset;
  background: linear-gradient(to top, red, orange, yellow, lime, aqua, blue, purple, red);
}
body #addStoryModal .bg_color_picker.visible,
body #addStoryModal .text_color_picker.visible {
  display: block !important;
  cursor: pointer;
}
body #addStoryModal .bg_color_picker .noUi-handle,
body #addStoryModal .text_color_picker .noUi-handle {
  border-radius: 1rem;
  height: 22px;
  width: 22px;
  left: -7px;
  border: 1px solid #fff;
  box-shadow: unset;
  cursor: pointer;
}
body #addStoryModal .bg_color_picker .noUi-handle:before, body #addStoryModal .bg_color_picker .noUi-handle:after,
body #addStoryModal .text_color_picker .noUi-handle:before,
body #addStoryModal .text_color_picker .noUi-handle:after {
  content: unset;
}
body #addStoryModal .bottom_tools {
  width: 350px;
  margin-left: 1rem;
}
body #addStoryModal .bottom_tools .story_bottom_tools {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
body #addStoryModal .bottom_tools .story_bottom_tools .btn-text-show {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem;
  background: transparent;
  color: var(--red_bolt);
  border: 1px solid #fff;
  border-radius: 0.5rem;
}
body #addStoryModal .bottom_tools .story_bottom_tools .btn-text-show.active {
  opacity: 0.3;
}
body #addStoryModal .bottom_tools .story_bottom_tools .btn-save-changes {
  height: auto;
}
body #addStoryModal form {
  display: flex;
  justify-content: center;
}
body #addStoryModal form .arrow {
  display: flex;
  align-self: center;
  font-size: 3rem;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
body #addStoryModal form .arrow[data-type=right]:hover {
  transform: translate(0.2em, 0);
  -webkit-transform: translate(0.2em, 0);
  -moz-transform: translate(0.2em, 0);
  -o-transform: translate(0.2em, 0);
  -ms-transform: translate(0.2em, 0);
}
body #addStoryModal form .arrow[data-type=left]:hover {
  transform: translate(-0.2em, 0);
  -webkit-transform: translate(-0.2em, 0);
  -moz-transform: translate(-0.2em, 0);
  -o-transform: translate(-0.2em, 0);
  -ms-transform: translate(-0.2em, 0);
}
body #addStoryModal form .story_frame {
  height: 100%;
  width: 340px;
  border: 1px solid var(--blue_light);
  border-radius: 0.7rem;
  position: relative;
  aspect-ratio: 0.6525;
}
body #addStoryModal form .story_frame.loading .story_loader {
  color: var(--blue_light);
  font-size: 3rem;
}
body #addStoryModal form .story_frame.loading span.ld.ld-ring.ld-spin {
  opacity: 1;
  z-index: 3;
}
body #addStoryModal form .story_frame #dropzone-story-previews {
  width: 100%;
  height: -webkit-fill-available;
  border-radius: 0.7rem;
  background: #212529;
}
body #addStoryModal form .story_frame #dropzone-story-previews .story {
  width: 100%;
  height: 100%;
}
body #addStoryModal form .story_frame #dropzone-story-previews .story.loading .story_loader {
  color: var(--blue_light);
  font-size: 3rem;
}
body #addStoryModal form .story_frame #dropzone-story-previews .story.loading span.ld.ld-ring.ld-spin {
  opacity: 1;
  z-index: 3;
}
body #addStoryModal form .story_frame #dropzone-story-previews .story img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.7rem;
}
body #addStoryModal form .story_frame #dropzone-story-previews .story video {
  width: 100%;
  height: 100%;
  background: #212529;
  border-radius: 0.7rem;
}
body #addStoryModal form .story_frame.only_text .story_text {
  height: 100%;
}
body #addStoryModal form .story_frame .story_text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: 15% 10%;
  align-items: center;
}
body #addStoryModal form .story_frame .story_text.showed {
  display: flex;
}
body #addStoryModal form .story_frame .story_text textarea {
  line-height: normal;
  text-align: center;
  font-size: 36px;
  color: #fff;
  width: 100%;
  height: 46px;
  min-height: unset;
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding: 0;
  border-radius: 0.7rem;
  overflow: hidden !important;
}
body #addStoryModal form .story_frame .story_text textarea::-moz-placeholder {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
body #addStoryModal form .story_frame .story_text textarea::placeholder {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
body #addStoryModal form .story_frame .story_text textarea::-ms-input-placeholder {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
body #addStoryModal form .story_frame .story_text textarea:focus {
  outline: none;
  box-shadow: none !important;
}
@media screen and (max-width: 576px) {
  body #addStoryModal .modal-footer {
    padding-top: 15px;
  }
  body #addStoryModal .create_post_tools {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    margin-bottom: 15px;
  }
  body #addStoryModal .story_frame {
    width: 100% !important;
  }
}
body.modal-open .portal-modal {
  display: flex !important;
}
body.modal-open .portal-modal.show {
  display: flex !important;
  z-index: 1056 !important;
}
body .portal-modal {
  display: none;
  margin: 2rem !important;
  height: calc(100% - 4rem);
  width: calc(100% - 4rem);
  justify-content: center;
  align-items: center;
  z-index: 0;
}
@media screen and (max-width: 1100px) {
  body .portal-modal {
    margin: 1.5rem !important;
    height: calc(100% - 2.5rem);
    width: calc(100% - 2.5rem);
  }
}
@media screen and (max-width: 992px) {
  body .portal-modal {
    margin: 1rem !important;
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
  }
}
body .portal-modal.show {
  display: flex !important;
  z-index: 1056 !important;
}
body .portal-modal.delete-modal .modal-body {
  padding: 1.5rem 1.5rem 1rem 1.5rem !important;
}
body .portal-modal .modal-dialog {
  width: 49rem;
  max-width: none;
  min-height: 480px;
  margin: 0 !important;
  align-items: baseline;
  padding: 0.1rem !important;
}
body .portal-modal .modal-dialog .modal-header {
  border-bottom: none;
  padding: 1.5rem 2rem 1rem 2rem;
}
body .portal-modal .modal-dialog .modal-header h5 {
  color: #700928;
  font-size: 1.5rem;
}
body .portal-modal .modal-dialog .modal-body {
  padding: 1rem 0rem 0.5rem 2rem;
}
body .portal-modal .modal-dialog .modal-body .password-group {
  width: calc(100% - 3rem);
}
body .portal-modal .modal-dialog .modal-body .password-group span.togglePassword {
  border-top-right-radius: 0.3rem !important;
  border-bottom-right-radius: 0.3rem !important;
}
body .portal-modal .modal-dialog .modal-body .radio-inline {
  display: flex;
  justify-content: space-around;
  padding-right: 2rem;
}
body .portal-modal .modal-dialog .modal-body .post-place {
  padding-right: 2rem;
  margin-bottom: 20px;
  margin-top: 1rem;
}
body .portal-modal .modal-dialog .modal-body .post-place input {
  border: 1.5px solid;
  border-radius: 8px;
  font-size: 1.2rem !important;
  color: #212529;
  font-weight: 400 !important;
  min-height: 2.5rem;
  height: 2rem;
  width: 100%;
  outline: unset;
  padding: 0.1rem 1rem;
}
body .portal-modal .modal-dialog .modal-body .post-place input.not_empty {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .portal-modal .modal-dialog .modal-body textarea {
  resize: none;
  width: 100%;
  font-size: 1.1rem;
  min-height: 9rem;
  border: none;
  outline: none;
  padding-right: 2rem;
  background: transparent;
}
body .portal-modal .modal-dialog .modal-body textarea:focus, body .portal-modal .modal-dialog .modal-body textareafocus-visible {
  border: none;
  outline: none;
}
body .portal-modal .modal-dialog .modal-body .web_content_container {
  width: calc(100% - 2rem);
  min-height: 7rem;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #ffffff;
  border-radius: 0.7rem;
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content {
  width: 100%;
  padding: 5px;
  position: relative;
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content a {
  text-decoration: none;
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content .web_title {
  font-size: 1.2rem;
  color: var(--red_bolt);
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content .web_description {
  color: #212529;
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content .btn-close-custom {
  position: absolute;
  right: 5px;
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content .img_container {
  width: 100%;
}
body .portal-modal .modal-dialog .modal-body .web_content_container .web_content .img_container img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
body .portal-modal .modal-dialog .modal-body .dropzone {
  border: none;
  padding: 0;
  background: transparent;
}
body .portal-modal .modal-dialog .modal-body .dropzone.dz-started button.btn-add-dropzone {
  display: block !important;
}
body .portal-modal .modal-dialog .modal-body .dropzone.dz-started .dz-message {
  display: none;
}
body .portal-modal .modal-dialog .modal-body .dropzone button.btn-add-dropzone {
  cursor: pointer;
  display: none;
  color: var(--red_bolt);
  background: transparent;
  border: 2px solid var(--red_bolt);
  padding: 0.1rem 1.3rem;
  border-radius: 0.7rem;
  margin: 0 20px 0rem 0;
}
body .portal-modal .modal-dialog .modal-body .dropzone button.btn-add-dropzone .add-icon {
  cursor: pointer;
  margin-bottom: 0.2rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone button.btn-add-dropzone .add-icon i {
  font-size: 3rem;
  cursor: pointer;
  font-weight: 500;
}
body .portal-modal .modal-dialog .modal-body .dropzone button.btn-add-dropzone .add-text {
  font-size: 1.2rem;
  cursor: pointer;
  line-height: normal;
}
body .portal-modal .modal-dialog .modal-body .dropzone button.btn-add-dropzone i {
  padding-right: 5px;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-error-message {
  top: 35px;
  left: 8px;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-error-message:after {
  content: unset !important;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dropzone-close {
  display: flex;
  align-items: center;
  height: 30px;
  padding-right: 2rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dropzone-close button.btn-close-dropzone {
  display: flex;
  margin-left: auto;
  cursor: pointer;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dropzone-close button.btn-close-dropzone i {
  cursor: pointer;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-message {
  margin: 0;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding-right: 2rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-message .dz-message-title {
  color: #832c48;
  font-size: 1.5rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone #preview-video,
body .portal-modal .modal-dialog .modal-body .dropzone #edit-preview-video {
  padding-bottom: 0.5rem;
  width: 100%;
}
body .portal-modal .modal-dialog .modal-body .dropzone #preview-video video,
body .portal-modal .modal-dialog .modal-body .dropzone #edit-preview-video video {
  width: 100%;
}
body .portal-modal .modal-dialog .modal-body .dropzone #dropzone-previews,
body .portal-modal .modal-dialog .modal-body .dropzone #images-previews,
body .portal-modal .modal-dialog .modal-body .dropzone #dropzone-edit-previews,
body .portal-modal .modal-dialog .modal-body .dropzone #preview-image-video {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 178px;
  overflow-x: auto;
  padding-bottom: 1.5rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone #dropzone-previews .dz-image,
body .portal-modal .modal-dialog .modal-body .dropzone #images-previews .dz-image,
body .portal-modal .modal-dialog .modal-body .dropzone #dropzone-edit-previews .dz-image,
body .portal-modal .modal-dialog .modal-body .dropzone #preview-image-video .dz-image {
  border-radius: 0.7rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview-video a.dz-remove {
  position: relative !important;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview {
  height: 158px;
  width: 158px;
  margin: 0;
  background: transparent;
  margin-right: 20px;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview.video_preview .dz-image {
  border-top: 1px solid #212529;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview.video_preview .dz-details {
  display: block;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview a.dz-remove {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: #fff;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
  text-decoration: none;
  color: var(--red_bolt);
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview a.dz-remove:hover {
  text-decoration: underline;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview:last-child {
  margin-right: 2rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview:hover img {
  filter: none !important;
  transform: none !important;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview.dz-preview-video {
  width: 100%;
  height: auto;
  padding-right: 2rem;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview.dz-preview-video video {
  width: 100%;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview .dz-details,
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview .dz-progress {
  display: none;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}
body .portal-modal .modal-dialog .modal-body .dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
}
body .portal-modal .modal-dialog .modal-footer {
  display: flex;
  justify-content: space-between;
  border-top: none;
  padding: 0;
}
body .portal-modal .modal-dialog .modal-footer > * {
  margin: 0;
}
body .portal-modal .modal-dialog .modal-footer button.btn-primary {
  margin: 0;
  border-radius: 0.7rem 0px 0.7rem 0px;
  border: 1px solid #700928;
  margin: 0.05rem;
  background-color: #700928;
  opacity: 0.85;
  transition-duration: 600ms;
  transition-timing-function: ease;
  min-width: 150px;
  padding: 0 1rem;
}
body .portal-modal .modal-dialog .modal-footer button.btn-primary:before {
  border-radius: 0.7rem 0px 0.7rem 0px;
}
body .portal-modal .modal-dialog .modal-footer button.btn-primary:hover, body .portal-modal .modal-dialog .modal-footer button.btn-primary:focus {
  box-shadow: 0px 0px 10px 1px #832c4861;
  opacity: 1;
}
body .portal-modal .modal-dialog .modal-footer .create_post_tools {
  padding-left: 2rem;
}
body .portal-modal .modal-dialog .modal-footer .create_post_tools button.btn-custom {
  padding: 0;
  width: 2.5rem;
}
body .portal-modal .modal-dialog .modal-footer .create_post_tools button.btn-custom i:before {
  font-size: 1.7rem;
  color: var(--red_bolt);
}
body .portal-modal .modal-dialog .modal-footer .create_post_tools button.btn-custom svg {
  fill: var(--red_bolt);
}
body #historyPostModal .modal-body {
  padding: 1rem 2rem 1rem 2rem;
}
body #historyPostModal .post_history:nth-child(n+2) .date {
  padding-top: 10px;
  border-top: 1px dashed #212529;
}
body #historyPostModal .post_history .date {
  font-weight: 600;
}
body #historyPostModal .post_history .text {
  margin-bottom: 10px;
  padding-left: 10px;
}
body #addPostModal .modal-dialog {
  width: 49rem !important;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: unset;
  padding: 0 !important;
  aspect-ratio: 0.5625;
}
@supports not (aspect-ratio: 0.5625) {
  body #addPostModal .modal-dialog::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body #addPostModal .modal-dialog::after {
    content: "";
    display: block;
    clear: both;
  }
}
body #addPostModal .pickerContainer {
  position: absolute;
}
@media screen and (max-width: 576px) {
  body #addPostModal .modal-dialog {
    width: 100% !important;
  }
}
body #sharePostModal .modal-footer .create_post_tools {
  display: flex;
  width: 100%;
  padding-left: 1rem !important;
  margin-bottom: 1rem;
}
body #sharePostModal .modal-footer .create_post_tools button.social-button {
  font-size: 1.6rem;
  color: #890651;
  align-items: center;
  display: flex;
  justify-content: center;
  background: transparent;
  border: unset;
  margin: 0 0.5rem;
  padding: 0.1rem;
}
body #sharePostModal .modal-footer .create_post_tools button.social-button i {
  font-weight: 600;
}
body #videoCallModal .modal-dialog {
  width: 75%;
  max-width: 75%;
  height: 90%;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .modal-dialog {
    padding: 0 0.5rem !important;
  }
}
body #videoCallModal .modal-dialog .modal-content {
  height: 90%;
  border-radius: 2rem;
}
@media screen and (max-width: 992px) {
  body #videoCallModal .modal-dialog .modal-content {
    height: 98%;
  }
}
body #videoCallModal .modal-dialog .modal-body {
  padding: 0;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .modal-body {
    padding: 0 !important;
  }
}
body #videoCallModal .modal-dialog .call-started {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
body #videoCallModal .modal-dialog .call-started .call-header {
  width: 100%;
  color: #890651;
  display: flex;
  padding: 10px 25px 40px 15px;
  background-image: linear-gradient(0deg, var(--blue_light_gradient1), var(--blue_light_gradient2));
  border-top-right-radius: 2rem;
  border-top-left-radius: 2rem;
  z-index: 2;
}
body #videoCallModal .modal-dialog .call-started .call-header .user_avatar {
  width: 40px;
  height: 40px;
}
body #videoCallModal .modal-dialog .call-started .call-header .user_avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.7rem;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .call-started .call-header .user_avatar {
    width: 30px;
    height: 30px;
  }
}
body #videoCallModal .modal-dialog .call-started .call-header .user_name {
  padding-left: 10px;
  font-size: 1.5rem;
  color: black;
  font-weight: 600;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .call-started .call-header .user_name {
    font-size: 1.2rem;
  }
}
body #videoCallModal .modal-dialog .call-started .call-body {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.9rem;
  background: #212529;
}
body #videoCallModal .modal-dialog .call-started .call-body .profile_image {
  width: 400px;
  height: 400px;
}
body #videoCallModal .modal-dialog .call-started .call-body .profile_image img {
  width: 100%;
  border-radius: 0.7rem;
}
body #videoCallModal .modal-dialog .call-started .call-body .video-container {
  height: 100%;
}
body #videoCallModal .modal-dialog .call-started .call-body .video-container .stream {
  height: inherit;
  max-height: 100%;
  max-width: 100%;
  border-radius: 1.9rem;
}
body #videoCallModal .modal-dialog .call-started .call-body video.my_stream {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  border-radius: 1.8rem;
  z-index: 2;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .call-started .call-body video.my_stream {
    width: 30%;
  }
}
body #videoCallModal .modal-dialog .call-started .call_footer {
  display: flex;
  justify-content: center;
  align-items: baseline;
  background-image: linear-gradient(0deg, var(--blue_light_gradient2), var(--blue_light_gradient1));
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  padding-bottom: 20px;
  padding-top: 20px;
  z-index: 2;
}
body #videoCallModal .modal-dialog .call-started .call_footer .mute_microphone,
body #videoCallModal .modal-dialog .call-started .call_footer .mute_camera {
  cursor: pointer;
  font-size: 2rem;
  color: #890651;
  background: var(--blue_light)7a;
  display: flex;
  border-radius: 2.3rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.4rem;
  position: relative;
}
body #videoCallModal .modal-dialog .call-started .call_footer .mute_microphone.hidden,
body #videoCallModal .modal-dialog .call-started .call_footer .mute_camera.hidden {
  opacity: 0;
  cursor: none;
  pointer-events: none;
}
body #videoCallModal .modal-dialog .call-started .call_footer .mute_microphone.mute:before,
body #videoCallModal .modal-dialog .call-started .call_footer .mute_camera.mute:before {
  content: " ";
  height: 100%;
  width: 100%;
  bottom: 35%;
  transform: rotate(315deg);
  right: 35%;
  border-bottom: 2px solid #890651;
  position: absolute;
}
body #videoCallModal .modal-dialog .call-started .call_footer .mute_microphone {
  padding: 0.4rem 0.8rem;
}
body #videoCallModal .modal-dialog .call-started .call_footer .hang_out {
  font-size: 2rem;
  color: #fff;
  background: #890651;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  border-radius: 2rem;
  margin: 0 20px;
  cursor: pointer;
}
body #videoCallModal .modal-dialog .call-started .call_footer .hang_out i {
  font-weight: 400;
}
body #videoCallModal .modal-dialog svg {
  stroke-width: 0.1px;
}
body #videoCallModal .modal-dialog .hang_out:hover svg.icon-close,
body #videoCallModal .modal-dialog .ignore_call:hover svg.icon-close {
  stroke-width: 1px;
}
body #videoCallModal .modal-dialog .hang_out svg.icon-close,
body #videoCallModal .modal-dialog .ignore_call svg.icon-close {
  fill: #fff;
  stroke: #fff;
  stroke-width: 0;
}
body #videoCallModal .modal-dialog .income-call .call-header {
  display: inline-block !important;
  text-align: left;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .income-call .call-header {
    text-align: center;
  }
}
body #videoCallModal .modal-dialog .income-call .call-header .title {
  padding-right: 0 !important;
}
body #videoCallModal .modal-dialog .outgoing-call,
body #videoCallModal .modal-dialog .income-call {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
body #videoCallModal .modal-dialog .outgoing-call .call-header,
body #videoCallModal .modal-dialog .income-call .call-header {
  width: 100%;
  font-size: 2rem;
  color: #890651;
  padding: 1rem 3rem;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .outgoing-call .call-header,
body #videoCallModal .modal-dialog .income-call .call-header {
    font-size: 1.5rem;
  }
}
body #videoCallModal .modal-dialog .outgoing-call .call-header .title,
body #videoCallModal .modal-dialog .income-call .call-header .title {
  padding-right: 10px;
}
body #videoCallModal .modal-dialog .outgoing-call .call-header .name,
body #videoCallModal .modal-dialog .income-call .call-header .name {
  width: auto;
}
body #videoCallModal .modal-dialog .outgoing-call .call-body,
body #videoCallModal .modal-dialog .income-call .call-body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
body #videoCallModal .modal-dialog .outgoing-call .call-body .profile_image,
body #videoCallModal .modal-dialog .income-call .call-body .profile_image {
  width: 400px;
  height: 400px;
}
body #videoCallModal .modal-dialog .outgoing-call .call-body .profile_image img,
body #videoCallModal .modal-dialog .income-call .call-body .profile_image img {
  width: 100%;
  border-radius: 0.7rem;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer,
body #videoCallModal .modal-dialog .income-call .call_footer {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-bottom: 50px;
  z-index: 2;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer .hang_out,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .ignore_call,
body #videoCallModal .modal-dialog .income-call .call_footer .hang_out,
body #videoCallModal .modal-dialog .income-call .call_footer .ignore_call {
  font-size: 2rem;
  color: #fff;
  background: #890651;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  border-radius: 2rem;
  margin: 0 20px;
  cursor: pointer;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer .hang_out i,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .ignore_call i,
body #videoCallModal .modal-dialog .income-call .call_footer .hang_out i,
body #videoCallModal .modal-dialog .income-call .call_footer .ignore_call i {
  font-weight: 400;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer .answer_audio,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .answer_video,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_microphone,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_camera,
body #videoCallModal .modal-dialog .income-call .call_footer .answer_audio,
body #videoCallModal .modal-dialog .income-call .call_footer .answer_video,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_microphone,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_camera {
  cursor: pointer;
  font-size: 2rem;
  color: #890651;
  background: var(--blue_light)7a;
  display: flex;
  border-radius: 2.3rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.4rem;
  position: relative;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer .answer_audio.hidden,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .answer_video.hidden,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_microphone.hidden,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_camera.hidden,
body #videoCallModal .modal-dialog .income-call .call_footer .answer_audio.hidden,
body #videoCallModal .modal-dialog .income-call .call_footer .answer_video.hidden,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_microphone.hidden,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_camera.hidden {
  opacity: 0;
  cursor: none;
  pointer-events: none;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer .answer_audio.mute:before,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .answer_video.mute:before,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_microphone.mute:before,
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_camera.mute:before,
body #videoCallModal .modal-dialog .income-call .call_footer .answer_audio.mute:before,
body #videoCallModal .modal-dialog .income-call .call_footer .answer_video.mute:before,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_microphone.mute:before,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_camera.mute:before {
  content: " ";
  height: 100%;
  width: 100%;
  bottom: 35%;
  transform: rotate(315deg);
  right: 35%;
  border-bottom: 2px solid #890651;
  position: absolute;
}
body #videoCallModal .modal-dialog .outgoing-call .call_footer .mute_microphone,
body #videoCallModal .modal-dialog .income-call .call_footer .mute_microphone {
  padding: 0.4rem 0.8rem;
}
body #videoCallModal .modal-dialog .call_container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 2rem;
  overflow: hidden;
}
body #videoCallModal .modal-dialog .call_container .calling_header {
  display: flex;
  font-size: 2rem;
  color: #890651;
  padding: 10px 25px 10px 15px;
  justify-content: space-between;
  z-index: 2;
}
body #videoCallModal .modal-dialog .call_container .calling_header .call_title_container {
  display: flex;
}
body #videoCallModal .modal-dialog .call_container .call_header {
  display: flex;
  font-size: 2rem;
  color: #890651;
  z-index: 2;
  justify-content: space-between;
  padding: 10px 25px 40px 15px;
  background-image: linear-gradient(0deg, var(--blue_light_gradient1), var(--blue_light_gradient2));
  border-top-right-radius: 2rem;
  border-top-left-radius: 2rem;
}
body #videoCallModal .modal-dialog .call_container .call_header .call_user_header {
  display: flex;
  align-items: baseline;
}
body #videoCallModal .modal-dialog .call_container .call_header .user_avatar {
  width: 40px;
  height: 40px;
}
body #videoCallModal .modal-dialog .call_container .call_header .user_avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.7rem;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .call_container .call_header .user_avatar {
    width: 30px;
    height: 30px;
  }
}
body #videoCallModal .modal-dialog .call_container .call_header .user_name {
  padding-left: 10px;
  font-size: 1.5rem;
  color: black;
  font-weight: 600;
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .call_container .call_header .user_name {
    font-size: 1.2rem;
  }
}
body #videoCallModal .modal-dialog .call_container .call_body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
}
body #videoCallModal .modal-dialog .call_container #call-profile {
  margin: auto;
  width: 400px;
  height: 400px;
}
body #videoCallModal .modal-dialog .call_container #call-profile img {
  width: 100%;
  border-radius: 0.7rem;
}
body #videoCallModal .modal-dialog .call_container #video-grid {
  width: 100%;
  display: flex;
  justify-content: center;
  background: black;
}
body #videoCallModal .modal-dialog .call_container #video-grid .my_video {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  body #videoCallModal .modal-dialog .call_container #video-grid .my_video {
    top: 0;
  }
}
@media screen and (max-width: 576px) {
  body #videoCallModal .modal-dialog .call_container #video-grid .my_video {
    width: 25%;
  }
}
body #videoCallModal .modal-dialog .call_container #video-grid .other_video {
  height: 100%;
}
body #videoCallModal .modal-dialog .call_container .call_tools {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-bottom: 50px;
  z-index: 2;
}
body #videoCallModal .modal-dialog .call_container .call_tools.call_start {
  background-image: linear-gradient(0deg, var(--blue_light_gradient2), var(--blue_light_gradient1));
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  padding-bottom: 20px;
  padding-top: 20px;
}
body #videoCallModal .modal-dialog .call_container .call_tools .close {
  font-size: 2rem;
  color: #fff;
  background: #890651;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1rem;
  border-radius: 2rem;
  margin: 0 20px;
  cursor: pointer;
}
body #videoCallModal .modal-dialog .call_container .call_tools .close i {
  font-weight: 400;
}
body #videoCallModal .modal-dialog .call_container .call_tools .audio,
body #videoCallModal .modal-dialog .call_container .call_tools .video,
body #videoCallModal .modal-dialog .call_container .call_tools .microphone {
  cursor: pointer;
  font-size: 2rem;
  color: #890651;
  background: var(--blue_light)7a;
  display: flex;
  border-radius: 2.3rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.2rem;
  position: relative;
}
body #videoCallModal .modal-dialog .call_container .call_tools .audio.not_have, body #videoCallModal .modal-dialog .call_container .call_tools .audio.not_need,
body #videoCallModal .modal-dialog .call_container .call_tools .video.not_have,
body #videoCallModal .modal-dialog .call_container .call_tools .video.not_need,
body #videoCallModal .modal-dialog .call_container .call_tools .microphone.not_have,
body #videoCallModal .modal-dialog .call_container .call_tools .microphone.not_need {
  opacity: 0;
  cursor: none;
  pointer-events: none;
}
body #videoCallModal .modal-dialog .call_container .call_tools .audio.mute:before,
body #videoCallModal .modal-dialog .call_container .call_tools .video.mute:before,
body #videoCallModal .modal-dialog .call_container .call_tools .microphone.mute:before {
  content: " ";
  height: 100%;
  width: 100%;
  bottom: 35%;
  transform: rotate(315deg);
  right: 35%;
  border-bottom: 2px solid #890651;
  position: absolute;
}
body #videoCallModal .modal-dialog .call_container .call_tools .microphone {
  padding: 0.2rem 0.6rem;
}
body #showStoryModal {
  align-items: unset !important;
}
body #showStoryModal .modal-dialog {
  width: 100%;
  display: contents;
}
body #showStoryModal .modal-footer {
  width: 75vw;
  overflow: auto;
  flex-wrap: nowrap;
  margin: auto;
  padding: 40px 15px 10px;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  body #showStoryModal .modal-footer {
    width: 96vw;
  }
}
@media screen and (max-width: 992px) {
  body #showStoryModal .modal-footer {
    display: none;
  }
}
body #showStoryModal .modal-footer .story_container {
  cursor: pointer;
  margin-right: 10px;
}
body #showStoryModal .modal-footer .story_container .user_name {
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
  color: #212529;
}
body #showStoryModal .modal-footer .story_container .story_content_container {
  display: flex;
  position: relative;
  border: 1px solid #fff;
  border-radius: 0.7rem;
  height: 22vh;
  width: 100%;
  background: #212529;
  aspect-ratio: 0.5625;
}
@supports not (aspect-ratio: 0.5625) {
  body #showStoryModal .modal-footer .story_container .story_content_container::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body #showStoryModal .modal-footer .story_container .story_content_container::after {
    content: "";
    display: block;
    clear: both;
  }
}
body #showStoryModal .modal-footer .story_container .story_content_container img {
  border-radius: 0.7rem;
  width: 100%;
}
body #showStoryModal .modal-footer .story_container .story_content_container .img_video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
  border-radius: 0.7rem;
}
body #showStoryModal .modal-footer .story_container .story_content_container.only_text .story_text_container {
  height: 100%;
}
body #showStoryModal .modal-footer .story_container .story_content_container .story_text_container {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15% 10%;
  align-items: center;
}
body #showStoryModal .modal-footer .story_container .story_content_container .story_text_container.hidden {
  display: none;
}
body #showStoryModal .modal-footer .story_container .story_content_container .story_text_container .text {
  line-height: normal;
  text-align: center;
  font-size: 36px;
  color: #fff;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: unset;
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding: 0;
  border-radius: 0.7rem;
  overflow: hidden;
}
body #showStoryModal .modal-content {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 100%;
}
body #showStoryModal .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
}
@media screen and (max-width: 576px) {
  body #showStoryModal .modal-content .modal-body {
    padding: 1rem 0rem 0.5rem 0rem !important;
  }
}
body #showStoryModal .modal-content .story_timer {
  width: 300px;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
body #showStoryModal .modal-content .story_timer .story_time {
  width: 100%;
  border-radius: 2rem;
  position: relative;
  display: inline-block;
  height: 6px;
  background: #fff;
  margin: 1px 6px;
  cursor: pointer;
}
body #showStoryModal .modal-content .story_timer .story_time span {
  background: #890651;
  width: 0;
  height: 6px;
  border-radius: 2rem;
  position: absolute;
}
body #showStoryModal .modal-content .story_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  body #showStoryModal .modal-content .story_wrapper {
    height: 95%;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  body #showStoryModal .modal-content .story_wrapper .stories {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
body #showStoryModal .modal-content .story_wrapper .story_back,
body #showStoryModal .modal-content .story_wrapper .story_next {
  font-size: 2rem;
  background: var(--gray_light);
  padding: 0.8rem 0.8rem;
  margin: 2rem;
  border-radius: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #890651;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  body #showStoryModal .modal-content .story_wrapper .story_back,
body #showStoryModal .modal-content .story_wrapper .story_next {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  body #showStoryModal .modal-content .story_wrapper .story_back,
body #showStoryModal .modal-content .story_wrapper .story_next {
    margin: -2rem;
    z-index: 2;
  }
}
@media screen and (max-width: 576px) {
  body #showStoryModal .modal-content .story_wrapper .story_back,
body #showStoryModal .modal-content .story_wrapper .story_next {
    margin: -3rem;
  }
}
body #showStoryModal .modal-content .story_wrapper .story_container {
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #fff;
  border-radius: 0.7rem;
  width: 100%;
  cursor: pointer;
  height: 63vh;
  overflow: hidden;
  aspect-ratio: 0.5625;
}
@media screen and (max-width: 1400px) {
  body #showStoryModal .modal-content .story_wrapper .story_container {
    height: 60vh;
  }
}
@media screen and (max-width: 992px) {
  body #showStoryModal .modal-content .story_wrapper .story_container {
    height: 100%;
    max-height: 100%;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@supports not (aspect-ratio: 0.5625) {
  body #showStoryModal .modal-content .story_wrapper .story_container::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body #showStoryModal .modal-content .story_wrapper .story_container::after {
    content: "";
    display: block;
    clear: both;
  }
}
body #showStoryModal .modal-content .story_wrapper .story_container.paused .btn-play-story {
  display: flex !important;
}
body #showStoryModal .modal-content .story_wrapper .story_container.paused .btn-pause-story {
  display: none !important;
}
body #showStoryModal .modal-content .story_wrapper .story_container .btn-play-story {
  display: none;
}
body #showStoryModal .modal-content .story_wrapper .story_container .btn-pause-story {
  display: flex;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header {
  position: absolute;
  display: flex;
  align-items: flex-start;
  z-index: 2;
  width: 100%;
  padding: 5px;
  height: 80px;
  background-image: linear-gradient(0deg, var(--blue_light_gradient1), var(--blue_light_gradient2));
  border-top-right-radius: 0.7rem;
  border-top-left-radius: 0.7rem;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories {
  display: flex;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-delete-story,
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-play-story,
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-pause-story {
  background: unset;
  border: unset;
  width: 35px;
  flex: 0 0 35px;
  justify-content: center;
  align-items: flex-end;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-delete-story svg,
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-play-story svg,
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-pause-story svg {
  font-size: 1.4rem;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-delete-story {
  display: flex;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .close_stories .btn-delete-story svg {
  width: 0.85em;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .user_avatar {
  width: 35px;
  height: 35px;
  border-radius: 0.7rem;
  flex: 0 0 35px;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .user_avatar img {
  width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 0.7rem;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .user_info {
  width: calc(100% - 60px);
  display: flex;
  align-items: flex-start;
  padding: 0 5px;
  flex-wrap: wrap;
  line-height: normal;
  font-size: 0.8rem;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .user_info .user_name {
  color: #890651;
  width: 100%;
  font-weight: 600;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .user_info .user_description {
  color: #212529;
  font-weight: 500;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_header .user_info .time-add {
  color: #000;
  margin-left: 10px;
  font-weight: 5000;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer {
  width: 100%;
  display: flex;
  background: #000;
  padding: 10px;
  gap: 10px;
  align-items: center;
  border-bottom-right-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  position: relative;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment {
  flex-grow: 2;
  position: relative;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment form {
  width: 100%;
  border-radius: var(--bs-border-radius);
  padding: 5px 10px;
  border: 1px solid #fff !important;
  display: flex;
  align-items: flex-end;
  transition: all 0.3s;
  height: 36px;
  overflow: hidden;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment form .action {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
@media (max-width: 575px) {
  body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment form {
    height: 45px;
  }
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment button {
  border: none;
  background: transparent;
  color: var(--red_bolt);
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea {
  font-size: 1em !important;
  min-height: auto;
  padding: 0;
  color: #fff;
  max-height: 100%;
  resize: none !important;
}
@media (max-width: 575px) {
  body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea {
    font-size: 1.2em !important;
  }
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.9;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea::placeholder {
  color: #fff;
  opacity: 0.9;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.9;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.9;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-comment textarea:-ms-input-placeholder {
  color: #fff;
  opacity: 0.9;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .story-like {
  flex-grow: 1;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .emoji_button_post {
  display: none;
  text-align: right;
  transition: all 0.3s ease-in-out;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .emoji_button_post svg {
  width: 25px;
  height: 25px;
  fill: var(--red_bolt);
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .btn-heart {
  background: transparent;
  border: none;
  font-size: 1.4rem;
  line-height: 1;
  padding: 0;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .btn-heart svg {
  transition: all 0.3s linear;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .btn-heart .icon-heart_fill path:nth-child(3) {
  display: none;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .btn-heart:hover .icon-heart_fill path:nth-child(3) {
  display: block;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .btn-heart.send .icon-heart_fill path:nth-child(3) {
  display: block;
}
@media (max-width: 575px) {
  body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .btn-heart {
    font-size: 1.7rem;
  }
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer .pickerContainer .emoji-picker__container {
  grid-auto-rows: auto;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active {
  gap: 0;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .story-comment {
  width: 100%;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .story-comment form {
  height: 90px;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .story-comment form .action {
  opacity: 1;
  visibility: visible;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .story-comment button {
  margin-top: 10px;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .story-comment textarea {
  resize: vertical;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .story-comment .emoji_button_post {
  display: block;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_footer.active .btn-heart svg {
  width: 0;
  height: 0;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container {
  position: relative;
  width: 100%;
  height: auto;
  border-top-right-radius: 0.7rem;
  border-top-left-radius: 0.7rem;
  background: #212529;
  flex-grow: 1;
  overflow: hidden;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container img {
  border-top-right-radius: 0.7rem;
  border-top-left-radius: 0.7rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
  border-radius: 0.7rem;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container.only_text {
  align-items: center;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container.only_text .story_text_container {
  height: 100%;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container .story_text_container {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15% 10%;
  align-items: center;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container .story_text_container.hidden {
  display: none;
}
body #showStoryModal .modal-content .story_wrapper .story_container .story_content_container .story_text_container .text {
  line-height: normal;
  text-align: center;
  font-size: 36px;
  color: #fff;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: unset;
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding: 0;
  border-radius: 0.7rem;
  overflow: hidden;
}
body #addImagesModal .dz-message,
body #addVideosModal .dz-message,
body #addAlbumModal .dz-message {
  padding-right: 0 !important;
}
body .portal-modal.crop-modal .modal-dialog {
  width: 100%;
  max-width: 1140px;
}
body .portal-modal.crop-modal .dropzone-editor {
  width: 50vw;
  height: 60vh;
}
body .portal-modal.crop-modal .create_post_button {
  margin-left: auto;
  margin-top: 50px;
}
body .portal-modal.crop-modal .btn-remove {
  margin-bottom: 1rem;
}
body .portal-modal.crop-modal .modal-footer {
  align-items: flex-end;
}
body .portal-modal.crop-modal .modal-body {
  padding: 1rem !important;
  justify-content: center;
  display: flex;
}
body .portal-modal.crop-modal .modal-header {
  padding: 0.5rem 2rem 0rem 2rem;
}
body .portal-modal.crop-modal .cr-slider {
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  body .portal-modal.crop-modal .dropzone-editor {
    width: 75vw;
    height: 55vh;
  }
}
@media screen and (max-width: 1200px) {
  body .portal-modal.crop-modal .dropzone-editor {
    width: 70vw;
  }
  body .portal-modal.crop-modal .modal-dialog {
    max-width: 800px;
  }
}
@media screen and (max-width: 992px) {
  body .portal-modal.crop-modal .dropzone-editor {
    width: 80vw;
    height: 65vh;
  }
  body .portal-modal.crop-modal .modal-dialog {
    max-width: unset;
    height: -webkit-fill-available;
    height: -moz-available;
  }
}
@media screen and (max-width: 576px) {
  body .portal-modal.crop-modal .modal-body {
    padding: 1rem 0.5rem 0.5rem 0.5rem !important;
  }
  body .portal-modal.crop-modal .modal-header {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
  }
  body .portal-modal.crop-modal .dropzone-editor {
    width: 85vw;
    height: 65vh;
    margin-bottom: 1rem;
  }
  body .portal-modal.crop-modal .create_post_tools {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  body .portal-modal.crop-modal .create_post_button {
    margin-top: 0;
  }
}
@media screen and (max-width: 399px) {
  body .portal-modal.crop-modal .dropzone-editor {
    width: 105vw;
  }
}
@media screen and (max-width: 349px) {
  body .portal-modal.crop-modal .dropzone-editor {
    width: 120vw;
  }
}
@media screen and (max-width: 299px) {
  body .portal-modal.crop-modal .dropzone-editor {
    width: 140vw;
  }
}
body #createMessage form {
  margin-right: 2rem;
  background: var(--gray_light);
  border: 1px solid var(--blue_light);
  border-radius: 2rem;
  padding: 0px 1rem;
  display: flex;
  align-items: center;
  height: 40px;
}
body #createMessage form .form-control:focus {
  box-shadow: none !important;
}
body #createMessage form input {
  background: transparent;
  border: none;
  padding: 0;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
body #createMessage form button {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
}
body #createMessage #searchResults {
  margin: 20px 2rem 8px 0px;
}
body #createMessage #searchResults .contact {
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-size: 0.8rem;
  font-weight: 600;
}
body #createMessage #searchResults .contact .avatar {
  width: 35px;
  height: 30px;
}
body #createMessage #searchResults .contact .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
body #createMessage #searchResults .contact .contact-body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 1rem;
  margin-left: 0.5rem;
  padding: 5px 16px 5px 10px;
  cursor: pointer;
}
body .navbar.admin_navbar .page_icon {
  width: 50px;
  margin-right: 10px;
}
body .navbar.admin_navbar .nav-item a {
  color: #fff;
}
body .navbar.admin_navbar .nav-item:hover a {
  color: var(--red_bolt) !important;
}
body .navbar.admin_navbar .nav-item .badge {
  position: relative;
  top: -5px;
  left: 5px;
}
body html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}
body html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}
body .thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bg-blue-light {
  background: var(--blue_light) !important;
}
body .text-blue-light {
  color: var(--blue_light) !important;
}
body .rounded-4 {
  border-radius: 1.5rem !important;
}
body .rounded-5 {
  border-radius: 2.3rem !important;
}
body .left-content {
  width: 300px;
  margin-right: 30px;
  overflow: auto;
  height: 100%;
  color: #212529;
  z-index: 2;
}
body .left-content .nav-link:hover, body .left-content .nav-link:focus {
  color: unset;
}
body .left-content .nav-pills .nav-link {
  border-radius: 1rem;
  font-weight: 500;
}
body .left-content .header {
  font-size: 2rem;
  text-transform: uppercase;
  color: var(--red_bolt);
  font-weight: 600;
  width: -moz-min-content;
  width: min-content;
}
body .left-content .header a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
body .left-content .header a img {
  height: 35px;
  max-width: 200px;
}
body .left-content .header a i {
  font-size: 1.3rem;
  color: var(--red_bolt);
  margin: 0 auto;
}
body .left-content .secondary-menu, body .left-content .user_profile_container {
  display: none;
}
body html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}
body html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}
body .thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bg-blue-light {
  background: var(--blue_light) !important;
}
body .text-blue-light {
  color: var(--blue_light) !important;
}
body .rounded-4 {
  border-radius: 1.5rem !important;
}
body .rounded-5 {
  border-radius: 2.3rem !important;
}
body .center-content {
  height: 100%;
  padding-right: 20px;
  padding-left: 5px;
  overflow: auto;
  width: calc(100% - 640px);
  z-index: 1;
}
body .center-content .stories_container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 130px;
  overflow-x: auto;
  padding-bottom: 1.5rem;
}
body .center-content .stories_container .story_wrapper {
  position: relative;
  width: 120px;
  height: 100%;
  border-radius: 0.7rem;
  border: 2px solid var(--red_bolt);
  margin-right: 0.5rem;
  aspect-ratio: 0.5625;
}
@supports not (aspect-ratio: 0.5625) {
  body .center-content .stories_container .story_wrapper::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body .center-content .stories_container .story_wrapper::after {
    content: "";
    display: block;
    clear: both;
  }
}
body .center-content .stories_container .story_wrapper .add_story {
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  color: var(--red_bolt);
  font-size: 1.2rem;
}
body .center-content .stories_container .story_container {
  position: relative;
  width: 120px;
  height: 100%;
  border-radius: 0.7rem;
  margin-right: 0.5rem;
  aspect-ratio: 0.5625;
}
@supports not (aspect-ratio: 0.5625) {
  body .center-content .stories_container .story_container::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body .center-content .stories_container .story_container::after {
    content: "";
    display: block;
    clear: both;
  }
}
body .center-content .stories_container .story_container .story_content_container {
  width: 100%;
  height: 100%;
  border-radius: 0.7rem;
  position: relative;
  display: flex;
  justify-content: center;
  background: #212529;
}
body .center-content .stories_container .story_container .story_content_container.only_text .story_text_container {
  height: 100%;
}
body .center-content .stories_container .story_container .story_content_container img,
body .center-content .stories_container .story_container .story_content_container video {
  width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 0.7rem;
}
body .center-content .stories_container .story_container .story_content_container .img_video {
  -o-object-fit: contain;
     object-fit: contain;
  background: #212529;
}
body .center-content .stories_container .story_container .story_content_container .story_text_container {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15% 10%;
  align-items: center;
  /* old
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 0.7rem;
  position: absolute;
  bottom: 15%;
  height: fit-content;
  max-height: 20%;
  text-align: center;
  overflow: hidden;
  line-height: 1.4;
  border-radius: 0.4rem;
   */
}
body .center-content .stories_container .story_container .story_content_container .story_text_container.hidden {
  display: none;
}
body .center-content .stories_container .story_container .story_content_container .story_text_container .text {
  line-height: normal;
  text-align: center;
  font-size: 36px;
  color: #fff;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: unset;
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding: 0;
  border-radius: 0.7rem;
  overflow: hidden;
}
body .center-content #galeries-tabContent .album_title {
  font-size: 1.2rem;
  font-weight: 500;
}
body .center-content #galeries-tabContent .album_description {
  margin: 1rem 0 2rem;
}
body .center-content #galeries-tabContent .photos,
body .center-content #galeries-tabContent .videos,
body .center-content #galeries-tabContent .albums {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body .center-content #galeries-tabContent .photos:after,
body .center-content #galeries-tabContent .videos:after,
body .center-content #galeries-tabContent .albums:after {
  content: "";
  width: 32%;
}
@media screen and (max-width: 700px) {
  body .center-content #galeries-tabContent .photos:after,
body .center-content #galeries-tabContent .videos:after,
body .center-content #galeries-tabContent .albums:after {
    content: unset;
  }
}
body .center-content #galeries-tabContent .photos .video video,
body .center-content #galeries-tabContent .videos .video video,
body .center-content #galeries-tabContent .albums .video video {
  background: #212529;
  border-radius: 0.9rem;
}
body .center-content #galeries-tabContent .photos .image_container,
body .center-content #galeries-tabContent .photos .video_container,
body .center-content #galeries-tabContent .videos .image_container,
body .center-content #galeries-tabContent .videos .video_container,
body .center-content #galeries-tabContent .albums .image_container,
body .center-content #galeries-tabContent .albums .video_container {
  width: 32%;
  margin-bottom: 1rem;
}
body .center-content #galeries-tabContent .photos .image_container .title,
body .center-content #galeries-tabContent .photos .video_container .title,
body .center-content #galeries-tabContent .videos .image_container .title,
body .center-content #galeries-tabContent .videos .video_container .title,
body .center-content #galeries-tabContent .albums .image_container .title,
body .center-content #galeries-tabContent .albums .video_container .title {
  text-decoration: none;
  text-align: center;
  color: #212529;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
  line-height: 1;
}
@media screen and (max-width: 700px) {
  body .center-content #galeries-tabContent .photos .image_container,
body .center-content #galeries-tabContent .photos .video_container,
body .center-content #galeries-tabContent .videos .image_container,
body .center-content #galeries-tabContent .videos .video_container,
body .center-content #galeries-tabContent .albums .image_container,
body .center-content #galeries-tabContent .albums .video_container {
    width: 48%;
  }
}
@media screen and (max-width: 399px) {
  body .center-content #galeries-tabContent .photos .image_container,
body .center-content #galeries-tabContent .photos .video_container,
body .center-content #galeries-tabContent .videos .image_container,
body .center-content #galeries-tabContent .videos .video_container,
body .center-content #galeries-tabContent .albums .image_container,
body .center-content #galeries-tabContent .albums .video_container {
    width: 100%;
    margin-right: 0;
  }
}
body .center-content #galeries-tabContent .photos .image_wrapper,
body .center-content #galeries-tabContent .photos .video,
body .center-content #galeries-tabContent .videos .image_wrapper,
body .center-content #galeries-tabContent .videos .video,
body .center-content #galeries-tabContent .albums .image_wrapper,
body .center-content #galeries-tabContent .albums .video {
  height: 10rem;
  position: relative;
  border-radius: 0.9rem;
}
body .center-content #galeries-tabContent .photos .image_wrapper img,
body .center-content #galeries-tabContent .photos .video img,
body .center-content #galeries-tabContent .videos .image_wrapper img,
body .center-content #galeries-tabContent .videos .video img,
body .center-content #galeries-tabContent .albums .image_wrapper img,
body .center-content #galeries-tabContent .albums .video img {
  width: 100%;
  border-radius: 0.9rem;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
body .center-content #galeries-tabContent .photos .image_wrapper:hover .open_image,
body .center-content #galeries-tabContent .photos .video:hover .open_image,
body .center-content #galeries-tabContent .videos .image_wrapper:hover .open_image,
body .center-content #galeries-tabContent .videos .video:hover .open_image,
body .center-content #galeries-tabContent .albums .image_wrapper:hover .open_image,
body .center-content #galeries-tabContent .albums .video:hover .open_image {
  display: flex;
}
body .center-content #galeries-tabContent .photos .image_wrapper .open_image,
body .center-content #galeries-tabContent .photos .video .open_image,
body .center-content #galeries-tabContent .videos .image_wrapper .open_image,
body .center-content #galeries-tabContent .videos .video .open_image,
body .center-content #galeries-tabContent .albums .image_wrapper .open_image,
body .center-content #galeries-tabContent .albums .video .open_image {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffb0;
  border-radius: 0.9rem;
  font-size: 2rem;
  justify-content: center;
  align-items: center;
}
body .center-content #galeries-tabContent .photos .image_wrapper .open_image i:before,
body .center-content #galeries-tabContent .photos .video .open_image i:before,
body .center-content #galeries-tabContent .videos .image_wrapper .open_image i:before,
body .center-content #galeries-tabContent .videos .video .open_image i:before,
body .center-content #galeries-tabContent .albums .image_wrapper .open_image i:before,
body .center-content #galeries-tabContent .albums .video .open_image i:before {
  color: var(--red_bolt);
}
body .center-content #galeries-tabContent .photos .image_wrapper a,
body .center-content #galeries-tabContent .photos .video a,
body .center-content #galeries-tabContent .videos .image_wrapper a,
body .center-content #galeries-tabContent .videos .video a,
body .center-content #galeries-tabContent .albums .image_wrapper a,
body .center-content #galeries-tabContent .albums .video a {
  text-decoration: none;
}
body .center-content #galeries-tabContent .photos .image_wrapper .add_photos,
body .center-content #galeries-tabContent .photos .image_wrapper .add_albums,
body .center-content #galeries-tabContent .photos .image_wrapper .add_videos,
body .center-content #galeries-tabContent .photos .image_wrapper .add_photos_and_videos,
body .center-content #galeries-tabContent .photos .video .add_photos,
body .center-content #galeries-tabContent .photos .video .add_albums,
body .center-content #galeries-tabContent .photos .video .add_videos,
body .center-content #galeries-tabContent .photos .video .add_photos_and_videos,
body .center-content #galeries-tabContent .videos .image_wrapper .add_photos,
body .center-content #galeries-tabContent .videos .image_wrapper .add_albums,
body .center-content #galeries-tabContent .videos .image_wrapper .add_videos,
body .center-content #galeries-tabContent .videos .image_wrapper .add_photos_and_videos,
body .center-content #galeries-tabContent .videos .video .add_photos,
body .center-content #galeries-tabContent .videos .video .add_albums,
body .center-content #galeries-tabContent .videos .video .add_videos,
body .center-content #galeries-tabContent .videos .video .add_photos_and_videos,
body .center-content #galeries-tabContent .albums .image_wrapper .add_photos,
body .center-content #galeries-tabContent .albums .image_wrapper .add_albums,
body .center-content #galeries-tabContent .albums .image_wrapper .add_videos,
body .center-content #galeries-tabContent .albums .image_wrapper .add_photos_and_videos,
body .center-content #galeries-tabContent .albums .video .add_photos,
body .center-content #galeries-tabContent .albums .video .add_albums,
body .center-content #galeries-tabContent .albums .video .add_videos,
body .center-content #galeries-tabContent .albums .video .add_photos_and_videos {
  color: var(--red_bolt);
  background: transparent;
  border: 2px solid var(--red_bolt);
  padding: 0.1rem 1.3rem;
  border-radius: 0.9rem;
  margin: 0 20px 0rem 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  font-weight: 600;
}
body .center-content #galeries-tabContent .photos .image_wrapper .dropdown.dropstart,
body .center-content #galeries-tabContent .photos .video .dropdown.dropstart,
body .center-content #galeries-tabContent .videos .image_wrapper .dropdown.dropstart,
body .center-content #galeries-tabContent .videos .video .dropdown.dropstart,
body .center-content #galeries-tabContent .albums .image_wrapper .dropdown.dropstart,
body .center-content #galeries-tabContent .albums .video .dropdown.dropstart {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-radius: 0 0.9rem 0 0.9rem;
  background: #ffffff7a;
}
body .center-content #galeries-tabContent .photos .image_wrapper .dropdown.dropstart .btn,
body .center-content #galeries-tabContent .photos .video .dropdown.dropstart .btn,
body .center-content #galeries-tabContent .videos .image_wrapper .dropdown.dropstart .btn,
body .center-content #galeries-tabContent .videos .video .dropdown.dropstart .btn,
body .center-content #galeries-tabContent .albums .image_wrapper .dropdown.dropstart .btn,
body .center-content #galeries-tabContent .albums .video .dropdown.dropstart .btn {
  color: var(--red_bolt);
  padding: 0.2rem 0.4rem;
  font-size: 1rem;
  height: auto;
}
@media screen and (max-width: 700px) {
  body .center-content #galeries-tabContent .photos .image_wrapper,
body .center-content #galeries-tabContent .photos .video,
body .center-content #galeries-tabContent .videos .image_wrapper,
body .center-content #galeries-tabContent .videos .video,
body .center-content #galeries-tabContent .albums .image_wrapper,
body .center-content #galeries-tabContent .albums .video {
    height: 30vw;
  }
}
@media screen and (max-width: 399px) {
  body .center-content #galeries-tabContent .photos .image_wrapper,
body .center-content #galeries-tabContent .photos .video,
body .center-content #galeries-tabContent .videos .image_wrapper,
body .center-content #galeries-tabContent .videos .video,
body .center-content #galeries-tabContent .albums .image_wrapper,
body .center-content #galeries-tabContent .albums .video {
    height: 70vw;
  }
  body .center-content #galeries-tabContent .photos .add_photos,
body .center-content #galeries-tabContent .photos .add_albums,
body .center-content #galeries-tabContent .photos .add_videos,
body .center-content #galeries-tabContent .photos .add_photos_and_videos,
body .center-content #galeries-tabContent .videos .add_photos,
body .center-content #galeries-tabContent .videos .add_albums,
body .center-content #galeries-tabContent .videos .add_videos,
body .center-content #galeries-tabContent .videos .add_photos_and_videos,
body .center-content #galeries-tabContent .albums .add_photos,
body .center-content #galeries-tabContent .albums .add_albums,
body .center-content #galeries-tabContent .albums .add_videos,
body .center-content #galeries-tabContent .albums .add_photos_and_videos {
    margin: 0 !important;
  }
}
body .center-content .galleries_container {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body .center-content .galleries_container .album {
  width: 350px;
  padding: 0;
  border: 1px solid var(--blue_light);
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
  position: relative;
  transition: box-shadow 0.3s ease-in-out 0s;
}
body .center-content .galleries_container .album:hover {
  cursor: pointer;
  box-shadow: 0 0 1.4rem -0.3rem #70092859;
}
body .center-content .galleries_container .album .private_album {
  position: absolute;
  right: 15px;
  top: 15px;
  background: #fff;
  padding: 4px 4px 5px 5px;
  line-height: 0;
  border-radius: 1rem;
}
body .center-content .galleries_container .album .image {
  width: 100%;
  height: 230px;
}
body .center-content .galleries_container .album .image img {
  width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
body .center-content .galleries_container .album .text_container {
  background: #fff;
  height: 200px;
  padding-top: 0.5rem;
}
body .center-content .galleries_container .album .text_container .name {
  color: var(--red_bolt);
  font-size: 2rem;
  text-align: center;
}
body .center-content .galleries_container .album .text_container .description {
  padding: 0.5rem 1rem;
  font-weight: 500;
}
body .center-content .galleries_container .album .text_container .tools {
  margin-top: auto;
  width: 100%;
  background: aliceblue;
  position: absolute;
  bottom: 15px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-around;
}
body .center-content .galleries_container .album .text_container .tools .btn-delete-album,
body .center-content .galleries_container .album .text_container .tools .btn-edit-album {
  font-size: 1rem;
  padding: 0 1rem;
  height: 30px;
}
body .center-content .card.statistics {
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  border-color: var(--blue_light);
}
body .center-content .card.statistics img {
  width: 60px;
  margin-right: 10px;
  border-radius: 8px;
}
body .center-content .card.statistics.events img {
  width: 40px;
  margin-right: 5px;
}
body .center-content .card.statistics.events table td.score {
  text-align: center;
}
body .center-content .card.statistics.events table td.date {
  width: 150px;
}
body .center-content .card.statistics .statistics_group .stats {
  display: flex;
  flex-wrap: wrap;
}
body .center-content .card.statistics .statistics_group .stats.hide {
  display: none;
}
body .center-content .card.statistics .statistics_group .stats .season_type {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
}
body .center-content .card.statistics .statistics_group .stats .stats_name {
  width: 100%;
  font-weight: 600;
  margin-top: 1rem;
  color: var(--red_bolt);
}
body .center-content .card.statistics .statistics_group .stats .stats_fields {
  width: 100%;
  border-bottom: 1px solid black;
  display: flex;
  justify-content: space-between;
}
body .center-content .card.statistics .statistics_group .stats .stats_fields .value {
  font-weight: 500;
}
body .center-content .card.statistics .seasons {
  display: flex;
  flex-wrap: wrap;
}
body .center-content .card.statistics .seasons button.nav-link.statistics {
  border: 1px solid black;
  margin: 0.3rem;
  padding: 2px 15px 2px 15px;
}
body .center-content .card.statistics .seasons button.nav-link.statistics.active {
  color: #fff !important;
  background-color: var(--red_bolt) !important;
  border-color: var(--red_bolt) !important;
}
body .center-content .card.statistics .progress_group .progress_fields_group {
  margin-bottom: 1rem;
  font-weight: 600;
}
body .center-content .card.statistics .progress_group .progress_fields_group .progress_fields {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
body .center-content .card.statistics .fields_group {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(1px, 1fr));
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: grid;
}
body .center-content .card.statistics .fields_group.team {
  align-items: stretch;
  grid-template-columns: repeat(2, minmax(1px, 1fr));
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: grid;
}
body .center-content .card.statistics .fields_group .field {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: flex-start;
  align-items: flex-start;
  background: var(--gray_light);
  padding: 10px;
  border-radius: 8px;
}
body .center-content .card.statistics .fields_group .field .value {
  width: 100%;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  color: var(--red_bolt);
  font-weight: 500;
  text-align: left;
}
body .center-content .card.statistics .fields_group .field .name {
  font-weight: 600;
  overflow-wrap: anywhere;
}
body .center-content .cover-container {
  position: relative;
  margin-bottom: 20px;
}
body .center-content .cover-container .img-container {
  position: relative;
  height: 250px;
}
body .center-content .cover-container .img-container.editable {
  cursor: pointer;
}
body .center-content .cover-container .img-container button.edit_cover {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-radius: 0 0.9rem 0 0.9rem;
  background: #ffffff7a;
  color: var(--red_bolt);
  padding: 0.4rem 0.6rem;
}
body .center-content .cover-container img {
  width: 100%;
  border-radius: 1rem;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
body .center-content .cover-container .user_info_container {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
}
body .center-content .cover-container .user_info_container .user-img-container {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0.2rem 0rem 0.2rem 0.2rem;
  border-radius: 1rem;
  box-shadow: 0 0 1.4rem -0.3rem #70092859;
  background: #fff;
  z-index: 2;
}
body .center-content .cover-container .user_info_container .user-img-container.editable {
  cursor: pointer;
}
body .center-content .cover-container .user_info_container .user-img-container button.edit_avatar {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background: #ffffff7a;
  border-radius: 0 0.9rem;
  padding: 0.4rem;
  color: var(--red_bolt);
}
body .center-content .cover-container .user_info_container img {
  background: transparent;
}
body .center-content .cover-container .user_info_container .user-name {
  background: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--red_bolt);
  padding: 0 1rem;
  margin-bottom: 50px;
  border-top-right-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
}
body .center-content .post_container.reported {
  opacity: 0.7;
}
body .center-content .post_video video {
  width: 100%;
  min-width: 100%;
  border-radius: 0.9rem;
}
body .center-content ul.dropdown-menu.show {
  background: var(--gray_light);
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 3px #70092824;
  width: -moz-max-content;
  width: max-content;
  max-height: 25vh;
  overflow: auto;
}
body .center-content ul.dropdown-menu.show li {
  cursor: pointer;
}
body .center-content ul.dropdown-menu.show li:first-child .dropdown-item {
  padding-top: 0.9rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .center-content ul.dropdown-menu.show li:last-child .dropdown-item {
  padding-bottom: 0.9rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .center-content ul.dropdown-menu.show li .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
  white-space: break-spaces;
}
body .center-content ul.dropdown-menu.show li .dropdown-item:hover, body .center-content ul.dropdown-menu.show li .dropdown-item:focus {
  color: #fff;
  background-color: #700928;
  font-size: 1rem;
}
body .center-content button.upvote .upvote-count {
  margin-right: 0 !important;
  margin-left: 5px;
}
body .center-content button.upvote.highlight-font i.icon-heart {
  display: none;
}
body .center-content button.upvote.highlight-font i.icon-heart_fill {
  display: initial;
  padding-right: 5px;
}
body .center-content button.upvote i.icon-heart_fill {
  display: none;
}
body .center-content .header_container.message-open .header-button-container {
  padding-bottom: 0;
  margin-left: 10px;
  padding-top: 2px;
  width: auto;
}
body .center-content .header_container.message-open .header-button-container .create_post_text {
  display: none;
}
body .center-content .header_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--red_bolt);
  margin-bottom: 1.5rem;
}
body .center-content .header_container .back_to_sports {
  position: relative;
  top: 2px;
}
body .center-content .header_container .back_to_sports a {
  text-decoration: none;
  color: var(--red_bolt);
  margin-right: 5px;
}
body .center-content .header_container .back_to_sports a:hover i:before {
  font-weight: 600;
}
body .center-content .header_container .header_text {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--blue_light);
  padding-bottom: 0.5rem;
  align-self: end;
  line-height: 1.2;
  display: flex;
}
body .center-content .header_container .header_text.text_sm {
  font-size: 1.3rem;
}
@media screen and (max-width: 578px) {
  body .center-content .header_container .header_text {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
body .center-content .header_container .header_text button,
body .center-content .header_container .header_text a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
body .center-content .header_container .header_text button:hover,
body .center-content .header_container .header_text a:hover {
  text-decoration: underline;
}
body .center-content .header_container .header-button-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0.5rem;
}
body .center-content .header_container .header-button-container .share_profile_container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  margin-top: 5px;
}
body .center-content .header_container .header-button-container .share_profile_container .share_profile_text {
  font-size: 1.2rem;
  font-weight: 500;
  margin-right: 5px;
}
body .center-content .header_container .header-button-container .share_profile_container .share_profile_button {
  padding: 0;
  border: none;
  background: transparent;
  transition-duration: 500ms;
  transition-timing-function: ease;
  font-size: 1.5rem;
  display: flex;
}
body .center-content .header_container .header-button-container .share_profile_container .share_profile_button i:before {
  color: var(--red_bolt);
}
body .center-content .header_container .header-button-container .new_message-profile,
body .center-content .header_container .header-button-container .create_post_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .center-content .header_container .header-button-container .new_message-profile .create_post_text,
body .center-content .header_container .header-button-container .create_post_container .create_post_text {
  font-size: 1.2rem;
  font-weight: 500;
  margin-right: 5px;
  line-height: 1.2;
  text-align: right;
}
body .center-content .header_container .header-button-container .new_message-profile .create_post_button,
body .center-content .header_container .header-button-container .create_post_container .create_post_button {
  padding: 0;
  border: none;
  background: transparent;
  transition-duration: 500ms;
  transition-timing-function: ease;
  font-size: 1.5rem;
  display: flex;
}
body .center-content .header_container .header-button-container .new_message-profile .create_post_button i:before,
body .center-content .header_container .header-button-container .create_post_container .create_post_button i:before {
  color: var(--red_bolt);
}
body .center-content .dropdown.bootstrap-select.form-control {
  border-radius: 0.7rem !important;
}
body .center-content .dropdown.bootstrap-select.form-control.showed {
  z-index: 4 !important;
}
body .center-content .role {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--red_bolt);
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}
body .center-content .posts_container,
body .center-content .contact-club-container,
body .center-content .search-card,
body .center-content .group-card {
  border-color: var(--blue_light);
}
body .center-content .posts_container .upload_in_progress,
body .center-content .contact-club-container .upload_in_progress,
body .center-content .search-card .upload_in_progress,
body .center-content .group-card .upload_in_progress {
  display: none;
  background: var(--gray_light);
  margin-top: 15px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
  border-radius: 0.7rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--red_bolt);
  border: 1px solid var(--blue_light);
}
body .center-content .posts_container .upload_in_progress:first-of-type,
body .center-content .contact-club-container .upload_in_progress:first-of-type,
body .center-content .search-card .upload_in_progress:first-of-type,
body .center-content .group-card .upload_in_progress:first-of-type {
  display: block;
}
body .center-content .posts_container .card-row,
body .center-content .contact-club-container .card-row,
body .center-content .search-card .card-row,
body .center-content .group-card .card-row {
  margin: 1rem;
}
body .center-content .posts_container.loaded .post_loader .ld.ld-spin,
body .center-content .contact-club-container.loaded .post_loader .ld.ld-spin,
body .center-content .search-card.loaded .post_loader .ld.ld-spin,
body .center-content .group-card.loaded .post_loader .ld.ld-spin {
  opacity: 1;
}
body .center-content .posts_container .post_loader .ld.ld-spin,
body .center-content .contact-club-container .post_loader .ld.ld-spin,
body .center-content .search-card .post_loader .ld.ld-spin,
body .center-content .group-card .post_loader .ld.ld-spin {
  width: 2em;
  height: 2em;
  position: relative;
}
body .center-content .posts_container .post_loader .ld.ld-spin:after,
body .center-content .contact-club-container .post_loader .ld.ld-spin:after,
body .center-content .search-card .post_loader .ld.ld-spin:after,
body .center-content .group-card .post_loader .ld.ld-spin:after {
  width: 4em;
  height: 4em;
}
body .center-content .posts_container .icon-wrapper,
body .center-content .contact-club-container .icon-wrapper,
body .center-content .search-card .icon-wrapper,
body .center-content .group-card .icon-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 200px;
  font-size: 1.5rem;
}
body .center-content .posts_container .icon-wrapper a,
body .center-content .contact-club-container .icon-wrapper a,
body .center-content .search-card .icon-wrapper a,
body .center-content .group-card .icon-wrapper a {
  text-decoration: none;
}
body .center-content .posts_container .icon-wrapper a i:before,
body .center-content .contact-club-container .icon-wrapper a i:before,
body .center-content .search-card .icon-wrapper a i:before,
body .center-content .group-card .icon-wrapper a i:before {
  color: var(--red_bolt);
  font-weight: 600;
}
body .center-content .posts_container .web_content,
body .center-content .contact-club-container .web_content,
body .center-content .search-card .web_content,
body .center-content .group-card .web_content {
  width: 100%;
  padding: 0;
  border: 1px solid var(--blue_light);
  border-radius: 0.5rem;
  overflow: hidden;
}
body .center-content .posts_container .web_content .video_container,
body .center-content .contact-club-container .web_content .video_container,
body .center-content .search-card .web_content .video_container,
body .center-content .group-card .web_content .video_container {
  display: flex;
  justify-content: center;
  background: #212529;
}
body .center-content .posts_container .web_content button.btn-close-custom,
body .center-content .contact-club-container .web_content button.btn-close-custom,
body .center-content .search-card .web_content button.btn-close-custom,
body .center-content .group-card .web_content button.btn-close-custom {
  display: none;
}
body .center-content .posts_container .web_content a,
body .center-content .contact-club-container .web_content a,
body .center-content .search-card .web_content a,
body .center-content .group-card .web_content a {
  text-decoration: none;
}
body .center-content .posts_container .web_content a img,
body .center-content .contact-club-container .web_content a img,
body .center-content .search-card .web_content a img,
body .center-content .group-card .web_content a img {
  width: 100%;
}
body .center-content .posts_container .web_content a .web_base_url,
body .center-content .contact-club-container .web_content a .web_base_url,
body .center-content .search-card .web_content a .web_base_url,
body .center-content .group-card .web_content a .web_base_url {
  font-weight: 500;
  background: var(--gray_light);
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-size: 0.8rem;
  padding-bottom: 0px;
  color: #787878;
}
body .center-content .posts_container .web_content a .web_title,
body .center-content .contact-club-container .web_content a .web_title,
body .center-content .search-card .web_content a .web_title,
body .center-content .group-card .web_content a .web_title {
  font-size: 1rem;
  font-weight: 500;
  color: var(--red_bolt);
  background: var(--gray_light);
  padding: 0rem 0.5rem 0rem 0.5rem;
}
body .center-content .posts_container .web_content a .web_description,
body .center-content .contact-club-container .web_content a .web_description,
body .center-content .search-card .web_content a .web_description,
body .center-content .group-card .web_content a .web_description {
  font-size: 0.8rem;
  font-weight: 400;
  color: #212529;
  background: var(--gray_light);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding: 0rem 0.5rem 0.5rem 0.5rem;
}
body .center-content .posts_container .reply_to,
body .center-content .contact-club-container .reply_to,
body .center-content .search-card .reply_to,
body .center-content .group-card .reply_to {
  padding-left: 1.8rem;
  display: flex;
}
body .center-content .posts_container .reply_to .reply_user,
body .center-content .contact-club-container .reply_to .reply_user,
body .center-content .search-card .reply_to .reply_user,
body .center-content .group-card .reply_to .reply_user {
  margin-left: 5px;
  font-weight: 700;
}
body .center-content .posts_container .reply_to .reply_delete,
body .center-content .contact-club-container .reply_to .reply_delete,
body .center-content .search-card .reply_to .reply_delete,
body .center-content .group-card .reply_to .reply_delete {
  display: inline-flex;
  padding-top: 0.2rem;
}
body .center-content .posts_container .reply_to i.icon-close,
body .center-content .contact-club-container .reply_to i.icon-close,
body .center-content .search-card .reply_to i.icon-close,
body .center-content .group-card .reply_to i.icon-close {
  margin-left: 10px;
  font-size: 0.6rem;
  color: #700928;
}
body .center-content .posts_container a img,
body .center-content .contact-club-container a img,
body .center-content .search-card a img,
body .center-content .group-card a img {
  width: 100%;
}
body .center-content .posts_container .commenting-field.main,
body .center-content .contact-club-container .commenting-field.main,
body .center-content .search-card .commenting-field.main,
body .center-content .group-card .commenting-field.main {
  display: none;
}
body .center-content .posts_container .header,
body .center-content .contact-club-container .header,
body .center-content .search-card .header,
body .center-content .group-card .header {
  display: flex;
  justify-content: space-between;
}
body .center-content .posts_container .header .header_wrapper,
body .center-content .contact-club-container .header .header_wrapper,
body .center-content .search-card .header .header_wrapper,
body .center-content .group-card .header .header_wrapper {
  width: 100%;
  display: flex;
}
body .center-content .posts_container .header .header_wrapper .img-container,
body .center-content .contact-club-container .header .header_wrapper .img-container,
body .center-content .search-card .header .header_wrapper .img-container,
body .center-content .group-card .header .header_wrapper .img-container {
  height: 80px;
  width: 80px;
  border-radius: 0.7rem;
}
body .center-content .posts_container .header .header_wrapper .img-container img,
body .center-content .contact-club-container .header .header_wrapper .img-container img,
body .center-content .search-card .header .header_wrapper .img-container img,
body .center-content .group-card .header .header_wrapper .img-container img {
  width: 100%;
  border-radius: 0.7rem;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper,
body .center-content .search-card .header .header_wrapper .title_wrapper,
body .center-content .group-card .header .header_wrapper .title_wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .title,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .title,
body .center-content .search-card .header .header_wrapper .title_wrapper .title,
body .center-content .group-card .header .header_wrapper .title_wrapper .title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--red_bolt);
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .title i,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .title i,
body .center-content .search-card .header .header_wrapper .title_wrapper .title i,
body .center-content .group-card .header .header_wrapper .title_wrapper .title i {
  font-weight: 600;
  font-size: 2rem;
  left: 8px;
  position: relative;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .title a,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .title a,
body .center-content .search-card .header .header_wrapper .title_wrapper .title a,
body .center-content .group-card .header .header_wrapper .title_wrapper .title a {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--red_bolt);
  text-decoration: none;
  display: flex;
  align-items: flex-start;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .title a:hover span.name,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .title a:hover span.name,
body .center-content .search-card .header .header_wrapper .title_wrapper .title a:hover span.name,
body .center-content .group-card .header .header_wrapper .title_wrapper .title a:hover span.name {
  text-decoration: underline;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .description,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .description,
body .center-content .search-card .header .header_wrapper .title_wrapper .description,
body .center-content .group-card .header .header_wrapper .title_wrapper .description {
  font-weight: 500;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .created_at a,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .created_at a,
body .center-content .search-card .header .header_wrapper .title_wrapper .created_at a,
body .center-content .group-card .header .header_wrapper .title_wrapper .created_at a {
  color: #212529;
  text-decoration: none;
}
body .center-content .posts_container .header .header_wrapper .title_wrapper .created_at a:hover,
body .center-content .contact-club-container .header .header_wrapper .title_wrapper .created_at a:hover,
body .center-content .search-card .header .header_wrapper .title_wrapper .created_at a:hover,
body .center-content .group-card .header .header_wrapper .title_wrapper .created_at a:hover {
  text-decoration: underline;
}
body .center-content .posts_container .header .post_menu,
body .center-content .contact-club-container .header .post_menu,
body .center-content .search-card .header .post_menu,
body .center-content .group-card .header .post_menu {
  font-size: 1.7rem;
}
body .center-content .posts_container .header .post_menu .btn-post-menu:hover i,
body .center-content .contact-club-container .header .post_menu .btn-post-menu:hover i,
body .center-content .search-card .header .post_menu .btn-post-menu:hover i,
body .center-content .group-card .header .post_menu .btn-post-menu:hover i {
  color: #700928;
}
body .center-content .posts_container .header .post_menu i,
body .center-content .contact-club-container .header .post_menu i,
body .center-content .search-card .header .post_menu i,
body .center-content .group-card .header .post_menu i {
  color: var(--blue_light);
}
body .center-content .posts_container .header .post_menu li.hide,
body .center-content .contact-club-container .header .post_menu li.hide,
body .center-content .search-card .header .post_menu li.hide,
body .center-content .group-card .header .post_menu li.hide {
  display: none;
}
body .center-content .posts_container .header .post_menu li.no-hover .dropdown-item:hover,
body .center-content .posts_container .header .post_menu li.no-hover .dropdown-item:focus,
body .center-content .contact-club-container .header .post_menu li.no-hover .dropdown-item:hover,
body .center-content .contact-club-container .header .post_menu li.no-hover .dropdown-item:focus,
body .center-content .search-card .header .post_menu li.no-hover .dropdown-item:hover,
body .center-content .search-card .header .post_menu li.no-hover .dropdown-item:focus,
body .center-content .group-card .header .post_menu li.no-hover .dropdown-item:hover,
body .center-content .group-card .header .post_menu li.no-hover .dropdown-item:focus {
  background-color: unset;
  color: unset;
  cursor: context-menu;
}
body .center-content .posts_container .header .post_menu li.no-hover .dropdown-item,
body .center-content .posts_container .header .post_menu li.report .dropdown-item,
body .center-content .contact-club-container .header .post_menu li.no-hover .dropdown-item,
body .center-content .contact-club-container .header .post_menu li.report .dropdown-item,
body .center-content .search-card .header .post_menu li.no-hover .dropdown-item,
body .center-content .search-card .header .post_menu li.report .dropdown-item,
body .center-content .group-card .header .post_menu li.no-hover .dropdown-item,
body .center-content .group-card .header .post_menu li.report .dropdown-item {
  padding-top: 0.9rem;
  border-radius: 8px;
  padding-bottom: 0.9rem;
}
body .center-content .posts_container .text,
body .center-content .contact-club-container .text,
body .center-content .search-card .text,
body .center-content .group-card .text {
  font-weight: 500;
  overflow-wrap: break-word;
}
body .center-content .posts_container .post_content,
body .center-content .posts_container .post_video,
body .center-content .posts_container .web_content,
body .center-content .contact-club-container .post_content,
body .center-content .contact-club-container .post_video,
body .center-content .contact-club-container .web_content,
body .center-content .search-card .post_content,
body .center-content .search-card .post_video,
body .center-content .search-card .web_content,
body .center-content .group-card .post_content,
body .center-content .group-card .post_video,
body .center-content .group-card .web_content {
  margin-top: 1rem;
}
body .center-content .posts_container .post_content .post_images,
body .center-content .contact-club-container .post_content .post_images,
body .center-content .search-card .post_content .post_images,
body .center-content .group-card .post_content .post_images {
  display: flex;
  flex-wrap: wrap;
}
body .center-content .posts_container .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .posts_container .post_content .post_images.three_images .image_wrapper:nth-child(3), body .center-content .posts_container .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .posts_container .post_content .post_images.more_images .image_wrapper:nth-child(3),
body .center-content .contact-club-container .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .contact-club-container .post_content .post_images.three_images .image_wrapper:nth-child(3),
body .center-content .contact-club-container .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .contact-club-container .post_content .post_images.more_images .image_wrapper:nth-child(3),
body .center-content .search-card .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .search-card .post_content .post_images.three_images .image_wrapper:nth-child(3),
body .center-content .search-card .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .search-card .post_content .post_images.more_images .image_wrapper:nth-child(3),
body .center-content .group-card .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .group-card .post_content .post_images.three_images .image_wrapper:nth-child(3),
body .center-content .group-card .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .group-card .post_content .post_images.more_images .image_wrapper:nth-child(3) {
  width: calc(50% - 0.4rem);
  margin-top: 0.8rem;
}
body .center-content .posts_container .post_content .post_images.three_images .image_wrapper:nth-child(2) img,
body .center-content .posts_container .post_content .post_images.three_images .image_wrapper:nth-child(3) img, body .center-content .posts_container .post_content .post_images.more_images .image_wrapper:nth-child(2) img,
body .center-content .posts_container .post_content .post_images.more_images .image_wrapper:nth-child(3) img,
body .center-content .contact-club-container .post_content .post_images.three_images .image_wrapper:nth-child(2) img,
body .center-content .contact-club-container .post_content .post_images.three_images .image_wrapper:nth-child(3) img,
body .center-content .contact-club-container .post_content .post_images.more_images .image_wrapper:nth-child(2) img,
body .center-content .contact-club-container .post_content .post_images.more_images .image_wrapper:nth-child(3) img,
body .center-content .search-card .post_content .post_images.three_images .image_wrapper:nth-child(2) img,
body .center-content .search-card .post_content .post_images.three_images .image_wrapper:nth-child(3) img,
body .center-content .search-card .post_content .post_images.more_images .image_wrapper:nth-child(2) img,
body .center-content .search-card .post_content .post_images.more_images .image_wrapper:nth-child(3) img,
body .center-content .group-card .post_content .post_images.three_images .image_wrapper:nth-child(2) img,
body .center-content .group-card .post_content .post_images.three_images .image_wrapper:nth-child(3) img,
body .center-content .group-card .post_content .post_images.more_images .image_wrapper:nth-child(2) img,
body .center-content .group-card .post_content .post_images.more_images .image_wrapper:nth-child(3) img {
  height: 200px !important;
}
body .center-content .posts_container .post_content .post_images.three_images .image_wrapper:nth-child(2), body .center-content .posts_container .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .contact-club-container .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .contact-club-container .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .search-card .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .search-card .post_content .post_images.more_images .image_wrapper:nth-child(2),
body .center-content .group-card .post_content .post_images.three_images .image_wrapper:nth-child(2),
body .center-content .group-card .post_content .post_images.more_images .image_wrapper:nth-child(2) {
  margin-right: 0.4rem;
}
body .center-content .posts_container .post_content .post_images.three_images .image_wrapper:nth-child(3), body .center-content .posts_container .post_content .post_images.more_images .image_wrapper:nth-child(3),
body .center-content .contact-club-container .post_content .post_images.three_images .image_wrapper:nth-child(3),
body .center-content .contact-club-container .post_content .post_images.more_images .image_wrapper:nth-child(3),
body .center-content .search-card .post_content .post_images.three_images .image_wrapper:nth-child(3),
body .center-content .search-card .post_content .post_images.more_images .image_wrapper:nth-child(3),
body .center-content .group-card .post_content .post_images.three_images .image_wrapper:nth-child(3),
body .center-content .group-card .post_content .post_images.more_images .image_wrapper:nth-child(3) {
  margin-left: 0.4rem;
}
body .center-content .posts_container .post_content .post_images.two_images .image_wrapper,
body .center-content .contact-club-container .post_content .post_images.two_images .image_wrapper,
body .center-content .search-card .post_content .post_images.two_images .image_wrapper,
body .center-content .group-card .post_content .post_images.two_images .image_wrapper {
  width: calc(50% - 0.4rem);
}
body .center-content .posts_container .post_content .post_images.two_images .image_wrapper:nth-child(1),
body .center-content .contact-club-container .post_content .post_images.two_images .image_wrapper:nth-child(1),
body .center-content .search-card .post_content .post_images.two_images .image_wrapper:nth-child(1),
body .center-content .group-card .post_content .post_images.two_images .image_wrapper:nth-child(1) {
  margin-right: 0.4rem;
}
body .center-content .posts_container .post_content .post_images.two_images .image_wrapper:nth-child(2),
body .center-content .contact-club-container .post_content .post_images.two_images .image_wrapper:nth-child(2),
body .center-content .search-card .post_content .post_images.two_images .image_wrapper:nth-child(2),
body .center-content .group-card .post_content .post_images.two_images .image_wrapper:nth-child(2) {
  margin-left: 0.4rem;
}
body .center-content .posts_container .post_content .post_images .image_wrapper,
body .center-content .contact-club-container .post_content .post_images .image_wrapper,
body .center-content .search-card .post_content .post_images .image_wrapper,
body .center-content .group-card .post_content .post_images .image_wrapper {
  width: 100%;
}
body .center-content .posts_container .post_content .post_images .image_wrapper:nth-child(n+4),
body .center-content .contact-club-container .post_content .post_images .image_wrapper:nth-child(n+4),
body .center-content .search-card .post_content .post_images .image_wrapper:nth-child(n+4),
body .center-content .group-card .post_content .post_images .image_wrapper:nth-child(n+4) {
  display: none;
}
body .center-content .posts_container .post_content .post_images .image_wrapper:nth-child(1) img,
body .center-content .contact-club-container .post_content .post_images .image_wrapper:nth-child(1) img,
body .center-content .search-card .post_content .post_images .image_wrapper:nth-child(1) img,
body .center-content .group-card .post_content .post_images .image_wrapper:nth-child(1) img {
  width: 100%;
}
body .center-content .posts_container .post_content .post_images .image_wrapper img,
body .center-content .contact-club-container .post_content .post_images .image_wrapper img,
body .center-content .search-card .post_content .post_images .image_wrapper img,
body .center-content .group-card .post_content .post_images .image_wrapper img {
  width: auto;
  min-width: 100%;
  border-radius: 0.9rem;
  height: 400px !important;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
body .center-content .posts_container .post_content .post_images .image_wrapper a,
body .center-content .contact-club-container .post_content .post_images .image_wrapper a,
body .center-content .search-card .post_content .post_images .image_wrapper a,
body .center-content .group-card .post_content .post_images .image_wrapper a {
  position: relative;
}
body .center-content .posts_container .post_content .post_images .image_wrapper a .more_images_count,
body .center-content .contact-club-container .post_content .post_images .image_wrapper a .more_images_count,
body .center-content .search-card .post_content .post_images .image_wrapper a .more_images_count,
body .center-content .group-card .post_content .post_images .image_wrapper a .more_images_count {
  position: absolute;
  font-size: 2.5rem;
  font-weight: 400;
  left: calc(50% - 2rem);
  top: calc(50% - 2rem);
  color: var(--red_bolt);
  background: var(--blue_light)a6;
  padding: 0px 15px;
  border-radius: 5rem;
  border: 2px solid #fff;
}
body .center-content .posts_container .post_places,
body .center-content .contact-club-container .post_places,
body .center-content .search-card .post_places,
body .center-content .group-card .post_places {
  margin-top: 1rem;
}
body .center-content .posts_container .post_places a,
body .center-content .contact-club-container .post_places a,
body .center-content .search-card .post_places a,
body .center-content .group-card .post_places a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
body .center-content .posts_container .post_places a:hover,
body .center-content .contact-club-container .post_places a:hover,
body .center-content .search-card .post_places a:hover,
body .center-content .group-card .post_places a:hover {
  color: unset;
}
body .center-content .posts_container .post_places a i:before,
body .center-content .contact-club-container .post_places a i:before,
body .center-content .search-card .post_places a i:before,
body .center-content .group-card .post_places a i:before {
  color: var(--blue_light);
  font-size: 1rem;
  font-weight: 600;
}
body .center-content .posts_container .post_places a span,
body .center-content .contact-club-container .post_places a span,
body .center-content .search-card .post_places a span,
body .center-content .group-card .post_places a span {
  color: #212529;
  background: var(--gray_light);
  margin-left: 5px;
  padding: 5px 10px;
  font-size: 0.8rem;
  border-radius: 6px;
}
body .center-content .posts_container .stats,
body .center-content .contact-club-container .stats,
body .center-content .search-card .stats,
body .center-content .group-card .stats {
  display: flex;
}
body .center-content .posts_container .stats .post_likes,
body .center-content .posts_container .stats .post_comments,
body .center-content .posts_container .stats .post_shares,
body .center-content .contact-club-container .stats .post_likes,
body .center-content .contact-club-container .stats .post_comments,
body .center-content .contact-club-container .stats .post_shares,
body .center-content .search-card .stats .post_likes,
body .center-content .search-card .stats .post_comments,
body .center-content .search-card .stats .post_shares,
body .center-content .group-card .stats .post_likes,
body .center-content .group-card .stats .post_comments,
body .center-content .group-card .stats .post_shares {
  margin: 15px 15px 15px 0;
  display: flex;
  align-items: center;
}
body .center-content .posts_container .stats .post_likes .post_icon,
body .center-content .posts_container .stats .post_comments .post_icon,
body .center-content .posts_container .stats .post_shares .post_icon,
body .center-content .contact-club-container .stats .post_likes .post_icon,
body .center-content .contact-club-container .stats .post_comments .post_icon,
body .center-content .contact-club-container .stats .post_shares .post_icon,
body .center-content .search-card .stats .post_likes .post_icon,
body .center-content .search-card .stats .post_comments .post_icon,
body .center-content .search-card .stats .post_shares .post_icon,
body .center-content .group-card .stats .post_likes .post_icon,
body .center-content .group-card .stats .post_comments .post_icon,
body .center-content .group-card .stats .post_shares .post_icon {
  display: inline-block;
  width: 1.2rem;
}
body .center-content .posts_container .stats .post_likes .count,
body .center-content .posts_container .stats .post_comments .count,
body .center-content .posts_container .stats .post_shares .count,
body .center-content .contact-club-container .stats .post_likes .count,
body .center-content .contact-club-container .stats .post_comments .count,
body .center-content .contact-club-container .stats .post_shares .count,
body .center-content .search-card .stats .post_likes .count,
body .center-content .search-card .stats .post_comments .count,
body .center-content .search-card .stats .post_shares .count,
body .center-content .group-card .stats .post_likes .count,
body .center-content .group-card .stats .post_comments .count,
body .center-content .group-card .stats .post_shares .count {
  min-width: 20px;
  margin-left: 5px;
}
body .center-content .posts_container .stats .post_likes .first-like,
body .center-content .contact-club-container .stats .post_likes .first-like,
body .center-content .search-card .stats .post_likes .first-like,
body .center-content .group-card .stats .post_likes .first-like {
  font-size: 0.8rem;
}
body .center-content .posts_container .stats .post_likes .first-like span,
body .center-content .contact-club-container .stats .post_likes .first-like span,
body .center-content .search-card .stats .post_likes .first-like span,
body .center-content .group-card .stats .post_likes .first-like span {
  margin-left: 2px;
}
body .center-content .posts_container .stats .post_likes.heart .icon-heart_fill,
body .center-content .contact-club-container .stats .post_likes.heart .icon-heart_fill,
body .center-content .search-card .stats .post_likes.heart .icon-heart_fill,
body .center-content .group-card .stats .post_likes.heart .icon-heart_fill {
  display: inline-block;
}
body .center-content .posts_container .stats .post_likes.heart .icon-heart,
body .center-content .contact-club-container .stats .post_likes.heart .icon-heart,
body .center-content .search-card .stats .post_likes.heart .icon-heart,
body .center-content .group-card .stats .post_likes.heart .icon-heart {
  display: none;
}
body .center-content .posts_container .stats .post_likes .icon-heart_fill,
body .center-content .contact-club-container .stats .post_likes .icon-heart_fill,
body .center-content .search-card .stats .post_likes .icon-heart_fill,
body .center-content .group-card .stats .post_likes .icon-heart_fill {
  display: none;
}
body .center-content .posts_container .stats i,
body .center-content .contact-club-container .stats i,
body .center-content .search-card .stats i,
body .center-content .group-card .stats i {
  font-weight: 600;
  transition-duration: 300ms;
  transition-timing-function: ease;
}
body .center-content .posts_container .stats i:before,
body .center-content .contact-club-container .stats i:before,
body .center-content .search-card .stats i:before,
body .center-content .group-card .stats i:before {
  color: var(--red_bolt);
  font-size: 1rem;
}
body .center-content .search-filters {
  margin-bottom: 2rem;
}
body .center-content .search-filters .dropdown-toggle {
  height: 35px;
  border-radius: 0.5rem !important;
  width: auto;
  min-width: 230px;
}
body .center-content .search-filters .dropdown-toggle .filter-option-inner-inner {
  font-size: 1rem;
  padding-right: 15px;
}
body .center-content .search-filters .bootstrap-select .inner {
  margin-top: 0rem;
}
body .center-content .search-posts .post_container {
  background: var(--gray_light);
  border-radius: 0.9rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid var(--blue_light);
}
body .center-content .search-card,
body .center-content .group-card {
  background: var(--gray_light);
  border-radius: 0.9rem;
  margin-bottom: 6rem;
}
body .center-content .search-card.empty,
body .center-content .group-card.empty {
  display: none;
}
body .center-content .search-card .card-row:not(:last-child),
body .center-content .group-card .card-row:not(:last-child) {
  border-bottom: 1px solid var(--blue_light);
  padding-bottom: 1rem;
  margin-bottom: 0;
}
body .center-content .search-card .header .header_wrapper .img-container,
body .center-content .group-card .header .header_wrapper .img-container {
  height: 60px;
  width: 60px;
}
body .center-content .search-card .icon-edit,
body .center-content .group-card .icon-edit {
  color: var(--red_bolt);
  font-size: 1.5rem;
}
body .center-content .new_comment_container {
  display: flex;
  width: 100%;
  background: var(--gray_light);
  border: 1px solid var(--blue_light);
  border-radius: 2rem;
  padding: 0 0.2rem;
  position: relative;
}
body .center-content .new_comment_container.focused {
  padding: 0 0 0 0.2rem;
}
body .center-content .new_comment_container.focused .form-floating textarea {
  padding: 0rem 0.25rem 0 0.75rem !important;
  margin: 1rem 0;
  height: 100%;
}
body .center-content .new_comment_container.focused .form-floating label {
  display: none;
}
body .center-content .new_comment_container .form-floating {
  width: 100%;
  background: transparent;
  margin-right: 1rem;
  overflow: hidden;
}
body .center-content .new_comment_container .form-floating textarea {
  background: transparent;
  border: none;
  resize: none;
  max-height: 100px;
  height: 36px;
  min-height: 36px;
  overflow: hidden;
  padding: 0 !important;
}
body .center-content .new_comment_container .form-floating textarea:focus {
  box-shadow: none;
  font-size: 1rem;
}
body .center-content .new_comment_container .form-floating label {
  font-size: 1rem;
  height: auto;
}
body .center-content .new_comment_container .action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body .center-content .new_comment_container .action .emoji_button_post {
  display: none;
}
body .center-content .new_comment_container .action .emoji_button_post svg {
  width: 25px;
  height: 25px;
}
body .center-content .new_comment_container .action .submit {
  display: none;
  align-self: flex-end;
  position: relative;
  top: 1px;
  left: 1px;
  width: 100%;
  margin-top: auto;
}
body .center-content .new_comment_container .action .submit button {
  color: #fff;
  background: var(--red_bolt);
  padding: 0 0.9rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 1rem;
  width: 44px !important;
  height: 38px;
}
body .center-content .new_comment_container .action .add_content {
  color: var(--red_bolt);
  margin-left: 1rem;
  margin-right: 0.5rem;
  display: flex;
  font-size: 1.5rem;
  font-weight: 600;
  transition-duration: 500ms;
  transition-timing-function: ease;
  display: none;
}
body .center-content .new_comment_container.focused {
  min-height: 100px;
  padding: 0 0 0 1rem;
  border-radius: 1rem;
}
body .center-content .new_comment_container.focused .action {
  padding-top: 10px;
  justify-content: space-between;
  height: auto;
}
body .center-content .new_comment_container.focused .action .add_content {
  margin-right: 1rem;
}
body .center-content .new_comment_container.focused .web_content_container .btn-close-custom {
  position: absolute;
  right: 5px;
  display: block;
}
body .center-content .new_comment_container .pickerContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
}
body .center-content .new_comment_container .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  background: transparent;
}
body .center-content .new_comment_container .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  background: transparent;
}
body .center-content .card-activity {
  background: var(--gray_light);
  margin-bottom: 2rem;
}
body .center-content .card-activity .logs-container:not(:first-child) {
  margin-top: 1rem;
}
body .center-content .card-activity .date {
  font-weight: 600;
  margin-bottom: 0.3rem;
  font-size: 1rem;
}
body .center-content .card-activity .log {
  font-weight: 500;
}
body .center-content .card-activity .log a {
  text-decoration: none;
  color: var(--red_bolt);
}
body .center-content .card-activity .log a:hover {
  text-decoration: underline;
}
body .center-content .card-activity .load-more-container {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
body .center-content .card-activity .load-more-container .btn-load-more {
  font-size: 0.8rem;
  font-weight: 500;
  border: 1px solid #fff;
  height: 30px;
}
body .center-content .card-activity .load-more-container .btn-load-more:hover {
  border: 1px solid #212529;
}
body .center-content .search_container form input {
  border-radius: 1rem 0 0 1rem;
}
body .center-content .search_container form span {
  border-radius: 0 1rem 1rem 0;
}
body .center-content .search_container form button {
  border: none;
  background: transparent;
  cursor: pointer;
}
body .center-content .search_container form button i:before {
  font-weight: 600;
  color: var(--blue_light);
}
body .center-content .notification-bell {
  position: fixed;
  bottom: 50px;
  right: 90px;
  font-size: 1.5rem;
  border: 1px solid var(--red_bolt);
  background: transparent;
  color: var(--red_bolt);
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.3rem 1rem;
  cursor: pointer;
  z-index: 2;
}
body .center-content .notification-bell:hover {
  background: var(--red_bolt);
  color: #fff;
}
body .center-content .notification-bell.hide {
  display: none;
}
body .center-content .notification-bell svg {
  -webkit-animation-name: animate_bell;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 0;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes animate_bell {
  0%, 100% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
}
body .center-content .media-table .nav {
  padding: 0 !important;
}
body .center-content .media-table .card {
  border: none;
  background: transparent;
}
body .center-content .media-table .card .card-body {
  padding: 0;
}
body .center-content .group-table .edit_group .icon-edit,
body .center-content .media-table .edit_group .icon-edit {
  font-size: 2rem;
  position: relative;
  padding-left: 0.5rem;
  color: var(--red_bolt);
}
body .center-content .group-table .nav,
body .center-content .media-table .nav {
  padding: 0.5rem 0;
  border-radius: 1rem;
  overflow: auto;
  width: 100%;
  flex-wrap: nowrap;
}
body .center-content .group-table .nav .nav-link,
body .center-content .media-table .nav .nav-link {
  padding: 5px 15px 5px 15px !important;
  height: 35px;
  margin: 0 10px 0 0 !important;
  white-space: nowrap;
}
body .center-content .group-table .nav .nav-link:hover:not(.active),
body .center-content .media-table .nav .nav-link:hover:not(.active) {
  background-color: var(--gray_light);
  border-color: var(--gray_light);
  color: #212529 !important;
}
body .center-content .group-table .nav .nav-link.active:hover,
body .center-content .media-table .nav .nav-link.active:hover {
  color: #212529 !important;
  background-color: transparent !important;
}
body .center-content .card-settings,
body .center-content .card-group {
  display: flex;
  background: var(--gray_light);
  border-radius: 1rem;
}
body .center-content .card-settings .card-body,
body .center-content .card-group .card-body {
  padding: 2rem 1rem;
}
body .center-content .card-settings .card-body .settings-table,
body .center-content .card-group .card-body .settings-table {
  display: flex;
  flex-direction: column;
}
body .center-content .card-settings .card-body .settings-table .statistic-group a.btn.back,
body .center-content .card-group .card-body .settings-table .statistic-group a.btn.back {
  padding: 5px 15px 5px 15px;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose,
body .center-content .card-group .card-body .settings-table .statistic-choose {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.5rem;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose.center,
body .center-content .card-group .card-body .settings-table .statistic-choose.center {
  justify-content: center;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose.start,
body .center-content .card-group .card-body .settings-table .statistic-choose.start {
  justify-content: start;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose input[type=text],
body .center-content .card-group .card-body .settings-table .statistic-choose input[type=text] {
  margin-left: auto;
  font-size: 0.8rem !important;
  border-radius: 0.5rem;
  width: 50%;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose button.btn-loader,
body .center-content .card-group .card-body .settings-table .statistic-choose button.btn-loader {
  width: 150px;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose .fields_group span,
body .center-content .card-group .card-body .settings-table .statistic-choose .fields_group span {
  display: flex;
  align-items: center;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose .fields_group img,
body .center-content .card-group .card-body .settings-table .statistic-choose .fields_group img {
  width: 40px;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose .fields_group b,
body .center-content .card-group .card-body .settings-table .statistic-choose .fields_group b {
  overflow-wrap: anywhere;
  width: 50%;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose a.btn,
body .center-content .card-group .card-body .settings-table .statistic-choose a.btn {
  padding: 5px 15px 5px 15px;
  align-items: center;
  margin-bottom: 0.5rem;
  width: 49%;
  min-height: 48px;
  height: auto;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose a.btn.back,
body .center-content .card-group .card-body .settings-table .statistic-choose a.btn.back {
  width: unset;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose a.btn .title,
body .center-content .card-group .card-body .settings-table .statistic-choose a.btn .title {
  margin-right: 5px;
}
body .center-content .card-settings .card-body .settings-table .statistic-choose a.btn img,
body .center-content .card-group .card-body .settings-table .statistic-choose a.btn img {
  height: 40px;
  width: auto;
  border-radius: 2rem;
}
body .center-content .card-settings .card-body .settings-table .setting-row,
body .center-content .card-group .card-body .settings-table .setting-row {
  border-bottom: 1px solid #fff;
  width: 100%;
  min-height: 45px;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  align-items: center;
}
body .center-content .card-settings .card-body .settings-table .setting-row.find, body .center-content .card-settings .card-body .settings-table .setting-row.type, body .center-content .card-settings .card-body .settings-table .setting-row.sport,
body .center-content .card-group .card-body .settings-table .setting-row.find,
body .center-content .card-group .card-body .settings-table .setting-row.type,
body .center-content .card-group .card-body .settings-table .setting-row.sport {
  height: 70px;
  cursor: pointer;
}
body .center-content .card-settings .card-body .settings-table .setting-row.find:hover, body .center-content .card-settings .card-body .settings-table .setting-row.type:hover, body .center-content .card-settings .card-body .settings-table .setting-row.sport:hover,
body .center-content .card-group .card-body .settings-table .setting-row.find:hover,
body .center-content .card-group .card-body .settings-table .setting-row.type:hover,
body .center-content .card-group .card-body .settings-table .setting-row.sport:hover {
  border-bottom-color: #700928;
}
body .center-content .card-settings .card-body .settings-table .setting-row.find .title, body .center-content .card-settings .card-body .settings-table .setting-row.type .title, body .center-content .card-settings .card-body .settings-table .setting-row.sport .title,
body .center-content .card-group .card-body .settings-table .setting-row.find .title,
body .center-content .card-group .card-body .settings-table .setting-row.type .title,
body .center-content .card-group .card-body .settings-table .setting-row.sport .title {
  text-align: center;
  width: 70px;
}
body .center-content .card-settings .card-body .settings-table .setting-row.find .title img, body .center-content .card-settings .card-body .settings-table .setting-row.type .title img, body .center-content .card-settings .card-body .settings-table .setting-row.sport .title img,
body .center-content .card-group .card-body .settings-table .setting-row.find .title img,
body .center-content .card-group .card-body .settings-table .setting-row.type .title img,
body .center-content .card-group .card-body .settings-table .setting-row.sport .title img {
  height: 50px;
  width: auto;
}
body .center-content .card-settings .card-body .settings-table .setting-row.find .form-check-input, body .center-content .card-settings .card-body .settings-table .setting-row.type .form-check-input, body .center-content .card-settings .card-body .settings-table .setting-row.sport .form-check-input,
body .center-content .card-group .card-body .settings-table .setting-row.find .form-check-input,
body .center-content .card-group .card-body .settings-table .setting-row.type .form-check-input,
body .center-content .card-group .card-body .settings-table .setting-row.sport .form-check-input {
  margin-top: unset;
}
body .center-content .card-settings .card-body .settings-table .setting-row.last,
body .center-content .card-group .card-body .settings-table .setting-row.last {
  border-bottom: none;
}
body .center-content .card-settings .card-body .settings-table .setting-row.age,
body .center-content .card-group .card-body .settings-table .setting-row.age {
  flex-wrap: wrap;
  height: 70px;
}
body .center-content .card-settings .card-body .settings-table .setting-row.notification,
body .center-content .card-group .card-body .settings-table .setting-row.notification {
  height: unset;
}
body .center-content .card-settings .card-body .settings-table .setting-row.notification .title,
body .center-content .card-group .card-body .settings-table .setting-row.notification .title {
  width: 50%;
}
body .center-content .card-settings .card-body .settings-table .setting-row.notification .check-group,
body .center-content .card-group .card-body .settings-table .setting-row.notification .check-group {
  width: 50%;
  display: flex;
  justify-content: space-evenly;
}
body .center-content .card-settings .card-body .settings-table .setting-row.notification .check-group input.form-check-input,
body .center-content .card-group .card-body .settings-table .setting-row.notification .check-group input.form-check-input {
  margin-left: unset;
  padding: 0.1rem 0.4rem;
  font-size: 1.4rem !important;
}
body .center-content .card-settings .card-body .settings-table .setting-row button,
body .center-content .card-group .card-body .settings-table .setting-row button {
  height: auto;
}
body .center-content .card-settings .card-body .settings-table .setting-row svg.icon-tick,
body .center-content .card-group .card-body .settings-table .setting-row svg.icon-tick {
  fill: #198754;
}
body .center-content .card-settings .card-body .settings-table .setting-row svg.icon-close,
body .center-content .card-group .card-body .settings-table .setting-row svg.icon-close {
  fill: #700928;
}
body .center-content .card-settings .card-body .settings-table .setting-row svg.icon-eye, body .center-content .card-settings .card-body .settings-table .setting-row svg.icon-eye-off, body .center-content .card-settings .card-body .settings-table .setting-row svg.icon-edit, body .center-content .card-settings .card-body .settings-table .setting-row svg.icon-wallet,
body .center-content .card-group .card-body .settings-table .setting-row svg.icon-eye,
body .center-content .card-group .card-body .settings-table .setting-row svg.icon-eye-off,
body .center-content .card-group .card-body .settings-table .setting-row svg.icon-edit,
body .center-content .card-group .card-body .settings-table .setting-row svg.icon-wallet {
  fill: var(--blue_light);
}
body .center-content .card-settings .card-body .settings-table .setting-row .value,
body .center-content .card-settings .card-body .settings-table .setting-row .form_value,
body .center-content .card-group .card-body .settings-table .setting-row .value,
body .center-content .card-group .card-body .settings-table .setting-row .form_value {
  width: 60%;
}
body .center-content .card-settings .card-body .settings-table .setting-row .form-select,
body .center-content .card-group .card-body .settings-table .setting-row .form-select {
  font-size: 0.8rem;
}
body .center-content .card-settings .card-body .settings-table .setting-row .form_action i,
body .center-content .card-group .card-body .settings-table .setting-row .form_action i {
  font-size: 0.8rem;
  cursor: pointer;
}
body .center-content .card-settings .card-body .settings-table .setting-row .form_action i.fa-check, body .center-content .card-settings .card-body .settings-table .setting-row .form_action i.icon-tick,
body .center-content .card-group .card-body .settings-table .setting-row .form_action i.fa-check,
body .center-content .card-group .card-body .settings-table .setting-row .form_action i.icon-tick {
  color: green;
}
body .center-content .card-settings .card-body .settings-table .setting-row .form_action i.fa-xmark, body .center-content .card-settings .card-body .settings-table .setting-row .form_action i.icon-close,
body .center-content .card-group .card-body .settings-table .setting-row .form_action i.fa-xmark,
body .center-content .card-group .card-body .settings-table .setting-row .form_action i.icon-close {
  color: red;
}
body .center-content .card-settings .card-body .settings-table .setting-row input,
body .center-content .card-group .card-body .settings-table .setting-row input {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  padding: 0.1rem 0.6rem;
}
body .center-content .card-settings .card-body .settings-table .setting-row input.form-check-input,
body .center-content .card-group .card-body .settings-table .setting-row input.form-check-input {
  font-size: 1.8rem !important;
  margin-left: -1.3em;
}
body .center-content .card-settings .card-body .settings-table .setting-row span.input-group-text,
body .center-content .card-group .card-body .settings-table .setting-row span.input-group-text {
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  padding: 0.3rem 0.4rem;
}
body .center-content .card-settings .card-body .settings-table .setting-row .title,
body .center-content .card-group .card-body .settings-table .setting-row .title {
  font-weight: 600;
  width: 30%;
}
body .center-content .card-settings .card-body .settings-table .setting-row .form_action,
body .center-content .card-group .card-body .settings-table .setting-row .form_action {
  cursor: pointer;
  width: 40px;
  text-align: end;
  padding-right: 3px;
}
body .center-content .card-settings .card-body .settings-table .setting-row .action,
body .center-content .card-group .card-body .settings-table .setting-row .action {
  cursor: pointer;
  width: 40px;
  text-align: end;
}
body .center-content .card-settings .card-body .settings-table .setting-row .action a,
body .center-content .card-group .card-body .settings-table .setting-row .action a {
  text-decoration: none;
}
body .center-content .card-settings .card-body .settings-table .setting-row .action i[disabled],
body .center-content .card-group .card-body .settings-table .setting-row .action i[disabled] {
  opacity: 0.6;
}
body .center-content .card-settings .card-body .settings-table .setting-row .action i:before,
body .center-content .card-group .card-body .settings-table .setting-row .action i:before {
  color: var(--red_bolt);
}
body .center-content .posts_container .post_container .web_content iframe {
  max-width: 100% !important;
}
body html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}
body html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}
body .thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bg-blue-light {
  background: var(--blue_light) !important;
}
body .text-blue-light {
  color: var(--blue_light) !important;
}
body .rounded-4 {
  border-radius: 1.5rem !important;
}
body .rounded-5 {
  border-radius: 2.3rem !important;
}
body .right-content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  width: 300px;
  margin-left: 30px;
  padding-top: 1vh;
  padding-right: 20px;
  z-index: 2;
}
body .right-content .autocomplete-container {
  position: relative;
}
body .right-content .autocomplete-container .searchResults {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background: var(--gray_light);
  z-index: 9999;
  max-height: 320px;
  overflow: hidden;
  overflow-y: hidden;
  overflow-y: auto;
  box-shadow: 0px 0px 10px 3px #70092824;
  border-radius: 0px 0px 8px 8px;
}
body .right-content .autocomplete-container .searchResults .mini-profile {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 5px;
}
body .right-content .autocomplete-container .searchResults .mini-profile .img-container img {
  width: 40px;
  border-radius: 0.7rem;
  height: 40px;
  margin-right: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
body .right-content .autocomplete-container .searchResults .mini-profile .title {
  color: #000;
}
body .right-content .autocomplete-container .searchResults .search-all {
  color: var(--red_bolt);
  text-decoration: none;
  margin-top: 10px;
  display: flex;
  padding: 5px 15px;
  align-items: center;
  font-weight: bold;
  font-size: 0.9rem;
}
body .right-content .autocomplete-container .searchResults .search-all .icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border: 1px solid var(--red_bolt);
}
body .right-content .autocomplete-container .searchResults .search-all .icon svg {
  fill: var(--red_bolt);
  stroke: var(--red_bolt);
  width: 1rem;
  height: 1rem;
}
body .right-content #messenger_contacts .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
body .right-content #messenger_contacts .header .title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--blue_light);
}
body .right-content #messenger_contacts .header .title a {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--blue_light);
  text-decoration: none;
}
body .right-content #messenger_contacts .header .search_box {
  padding-right: 15px;
  font-size: 1.2rem;
  color: var(--blue_light);
  cursor: pointer;
}
body .right-content #messenger_contacts .header .search_box:hover {
  color: #700928;
}
body .right-content #messenger_contacts .header .search_box svg.icon-search {
  width: 1.1em;
  height: 1.1em;
}
body .right-content #messenger_contacts .contact {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 0.8rem;
  font-weight: 600;
}
body .right-content #messenger_contacts .contact.active .contact-body {
  background: var(--blue_light) !important;
}
body .right-content #messenger_contacts .contact:hover .contact-body {
  background: var(--gray_light);
}
body .right-content #messenger_contacts .contact:hover .contact-body .tools a svg {
  display: block;
}
body .right-content #messenger_contacts .contact .avatar {
  width: 35px;
  height: 30px;
}
body .right-content #messenger_contacts .contact .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
body .right-content #messenger_contacts .contact .contact-body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 1rem;
  margin-left: 0.5rem;
  padding: 5px 16px 5px 10px;
  cursor: pointer;
}
body .right-content #messenger_contacts .contact .contact-body .unread {
  color: var(--red_bolt);
}
body .right-content #messenger_contacts .contact .contact-body .tools {
  display: flex;
  width: 40px;
  align-items: center;
  justify-content: space-between;
}
body .right-content #messenger_contacts .contact .contact-body .tools a {
  text-decoration: none;
  width: 15px;
}
body .right-content #messenger_contacts .contact .contact-body .tools a:hover svg {
  opacity: 1;
}
body .right-content #messenger_contacts .contact .contact-body .tools a svg {
  font-size: 1rem;
  opacity: 0.5;
  display: none;
  cursor: pointer;
}
body .right-content #messenger_contacts .contact .contact-body .tools a svg:before {
  color: var(--red_bolt);
}
body .right-content .profile_sidebar-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
  margin-top: 1rem;
}
body .right-content .search_container form {
  width: 100%;
  background: var(--gray_light);
  border: 1px solid var(--blue_light);
  border-radius: 2rem;
  padding: 0px 1rem;
  display: flex;
  align-items: center;
  height: 30px;
}
body .right-content .search_container form input {
  background: transparent;
  border: none;
  padding: 0;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
body .right-content .search_container form input:focus {
  box-shadow: none !important;
}
body .right-content .search_container form input::-moz-placeholder {
  font-size: 0.8rem;
}
body .right-content .search_container form input::placeholder {
  font-size: 0.8rem;
}
body .right-content .search_container form button {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
}
body .right-content .search_container form i:hover {
  cursor: pointer;
}
body .right-content i.icon-search:before {
  font-size: 1.2rem;
  color: var(--blue_light);
}
body .right-content .secondary-menu .user_profile_container {
  display: none;
}
body .right-content .user_profile_container {
  display: flex;
  margin-top: 30px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #700928;
  padding-bottom: 20px;
  align-items: center;
}
body .right-content .user_profile_container .wall-link a {
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 600;
  color: #700928;
}
body .right-content .user_profile_container .wall-link a svg {
  margin-left: 10px;
}
body .right-content .user_profile_container .profile_image {
  width: 85px;
  height: 80px;
  display: inline-flex;
}
body .right-content .user_profile_container .profile_image img {
  width: 80px;
  border-radius: 0.7rem;
  margin-top: auto;
  margin-bottom: auto;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
body .right-content .user_profile_container .profile_info {
  width: calc(100% - 140px);
}
body .right-content .user_profile_container .profile_info .profile_description {
  font-weight: 500;
  line-height: 1.2;
  margin-top: 5px;
}
body .right-content .user_profile_container .profile_info .profile_name_container {
  display: flex;
  align-items: center;
}
body .right-content .user_profile_container .profile_info .profile_name_container .profile_name {
  color: var(--red_bolt);
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1.2;
  width: 110px;
  overflow-wrap: anywhere;
}
body .right-content .user_profile_container .profile_info .profile_name_container .profile_name a {
  color: var(--red_bolt);
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}
body .right-content .user_profile_container .profile_info .profile_name_container .profile_badge_container {
  margin-left: 10px;
  cursor: pointer;
}
body .right-content .user_profile_container .profile_info .profile_name_container .profile_badge_container button:after {
  content: none !important;
}
body .right-content .user_profile_container .profile_info .profile_name_container .profile_badge_container.new .btn-profile-badge {
  animation-name: stretch;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
body .right-content .user_profile_container .profile_info .profile_name_container .profile_badge_container .btn-profile-badge {
  min-width: 1.8rem;
  height: 30px;
  padding: 4px 5px;
  border-radius: 1rem;
  background: var(--red_bolt);
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
}
@keyframes stretch {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.1);
  }
}
body .right-content .user_profile_container .btn-profile-menu {
  width: 55px;
  color: var(--blue_light);
  font-size: 1.5rem;
  display: flex;
}
body .right-content .user_profile_container .btn-profile-menu:hover {
  color: #700928;
}
body .right-content .user_profile_container .btn-group,
body .right-content .user_profile_container .btn-group-vertical {
  position: unset !important;
}
body .right-content .user_profile_container .dropstart .dropdown-toggle::before {
  content: unset !important;
}
body .right-content .user_profile_container ul.dropdown-menu.profile-menu.show {
  left: 0px !important;
  width: 98%;
  top: 50px !important;
  background: var(--gray_light);
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  transform: none !important;
  box-shadow: 0px 0px 10px 3px #70092824;
}
body .right-content .user_profile_container ul.dropdown-menu.profile-menu.show li:first-child .dropdown-item {
  padding-top: 0.9rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .right-content .user_profile_container ul.dropdown-menu.profile-menu.show li:last-child .dropdown-item {
  padding-bottom: 0.9rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .right-content .user_profile_container ul.dropdown-menu.profile-menu.show li .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
  white-space: break-spaces;
}
body .right-content .user_profile_container ul.dropdown-menu.profile-menu.show li .dropdown-item:hover, body .right-content .user_profile_container ul.dropdown-menu.profile-menu.show li .dropdown-item:focus {
  color: #fff;
  background-color: #700928;
  font-size: 1rem;
}
body .right-content .description_container {
  padding: 0rem 1rem 1rem 0rem;
}
body .right-content .description_container .statistics,
body .right-content .description_container .galleries {
  margin-top: 1rem;
}
body .right-content .description_container .statistics:hover,
body .right-content .description_container .galleries:hover {
  background: transparent !important;
  color: inherit !important;
}
body .right-content .description_container .header {
  margin-top: 15px;
  margin-bottom: 10px;
  display: flex;
}
body .right-content .description_container .title {
  font-size: 0.9rem;
  font-weight: 600;
  margin-right: 5px;
}
body .right-content #messenger_contacts {
  position: relative;
}
body .right-content #messenger_contacts .search_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body .right-content #messenger_contacts .search_container span,
body .right-content #messenger_contacts .search_container button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
body .right-content .favourite_profile_container,
body .right-content .favourite_pages_container,
body .right-content .favourite_people_container {
  margin-top: 15px;
  position: relative;
}
body .right-content .favourite_profile_container .search_container,
body .right-content .favourite_pages_container .search_container,
body .right-content .favourite_people_container .search_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body .right-content .favourite_profile_container .search_container span,
body .right-content .favourite_profile_container .search_container button,
body .right-content .favourite_pages_container .search_container span,
body .right-content .favourite_pages_container .search_container button,
body .right-content .favourite_people_container .search_container span,
body .right-content .favourite_people_container .search_container button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
body .right-content .favourite_profile_container .header,
body .right-content .favourite_pages_container .header,
body .right-content .favourite_people_container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  height: 30px;
}
body .right-content .favourite_profile_container .header .title,
body .right-content .favourite_pages_container .header .title,
body .right-content .favourite_people_container .header .title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--blue_light);
}
body .right-content .favourite_profile_container .header .title a,
body .right-content .favourite_pages_container .header .title a,
body .right-content .favourite_people_container .header .title a {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--blue_light);
  text-decoration: none;
}
body .right-content .favourite_profile_container .header .search_box,
body .right-content .favourite_pages_container .header .search_box,
body .right-content .favourite_people_container .header .search_box {
  padding-right: 15px;
  font-size: 1.2rem;
  color: var(--blue_light);
  cursor: pointer;
}
body .right-content .favourite_profile_container .header .search_box:hover,
body .right-content .favourite_pages_container .header .search_box:hover,
body .right-content .favourite_people_container .header .search_box:hover {
  color: #700928;
}
body .right-content .favourite_profile_container .header .search_box svg.icon-search,
body .right-content .favourite_pages_container .header .search_box svg.icon-search,
body .right-content .favourite_people_container .header .search_box svg.icon-search {
  width: 1.1em;
  height: 1.1em;
}
body .right-content .favourite_profile_container .favourite_body ul,
body .right-content .favourite_pages_container .favourite_body ul,
body .right-content .favourite_people_container .favourite_body ul {
  list-style: none;
  padding: 0;
}
body .right-content .favourite_profile_container .favourite_body ul li,
body .right-content .favourite_pages_container .favourite_body ul li,
body .right-content .favourite_people_container .favourite_body ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 0.8rem;
  font-weight: 600;
}
body .right-content .favourite_profile_container .favourite_body ul li:hover .favourite,
body .right-content .favourite_pages_container .favourite_body ul li:hover .favourite,
body .right-content .favourite_people_container .favourite_body ul li:hover .favourite {
  background: var(--gray_light);
}
body .right-content .favourite_profile_container .favourite_body ul li:hover .favourite .favourite_tools a i,
body .right-content .favourite_pages_container .favourite_body ul li:hover .favourite .favourite_tools a i,
body .right-content .favourite_people_container .favourite_body ul li:hover .favourite .favourite_tools a i {
  display: block;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite,
body .right-content .favourite_pages_container .favourite_body ul li .favourite,
body .right-content .favourite_people_container .favourite_body ul li .favourite {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 1rem;
  margin-left: 0.5rem;
  padding: 5px 16px 5px 10px;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite .favourite_tools,
body .right-content .favourite_pages_container .favourite_body ul li .favourite .favourite_tools,
body .right-content .favourite_people_container .favourite_body ul li .favourite .favourite_tools {
  display: flex;
  width: 60px;
  align-items: center;
  justify-content: space-between;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite .favourite_tools svg,
body .right-content .favourite_pages_container .favourite_body ul li .favourite .favourite_tools svg,
body .right-content .favourite_people_container .favourite_body ul li .favourite .favourite_tools svg {
  width: 1.3em;
  height: 1.3em;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite .favourite_tools a,
body .right-content .favourite_pages_container .favourite_body ul li .favourite .favourite_tools a,
body .right-content .favourite_people_container .favourite_body ul li .favourite .favourite_tools a {
  text-decoration: none;
  width: 30px;
  padding: 0rem 0.8rem 0.1rem 0.6rem;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite .favourite_tools a:hover i,
body .right-content .favourite_pages_container .favourite_body ul li .favourite .favourite_tools a:hover i,
body .right-content .favourite_people_container .favourite_body ul li .favourite .favourite_tools a:hover i {
  opacity: 1;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite .favourite_tools a i,
body .right-content .favourite_pages_container .favourite_body ul li .favourite .favourite_tools a i,
body .right-content .favourite_people_container .favourite_body ul li .favourite .favourite_tools a i {
  font-size: 1rem;
  font-weight: 600;
  opacity: 0.5;
  display: none;
  cursor: pointer;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite .favourite_tools a i:before,
body .right-content .favourite_pages_container .favourite_body ul li .favourite .favourite_tools a i:before,
body .right-content .favourite_people_container .favourite_body ul li .favourite .favourite_tools a i:before {
  color: var(--red_bolt);
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite_img,
body .right-content .favourite_pages_container .favourite_body ul li .favourite_img,
body .right-content .favourite_people_container .favourite_body ul li .favourite_img {
  width: 35px;
  height: 30px;
}
body .right-content .favourite_profile_container .favourite_body ul li .favourite_img img,
body .right-content .favourite_pages_container .favourite_body ul li .favourite_img img,
body .right-content .favourite_people_container .favourite_body ul li .favourite_img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
body .right-content .favourite_profile_container .more,
body .right-content .favourite_pages_container .more,
body .right-content .favourite_people_container .more {
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
}
body .right-content .favourite_profile_container .more a,
body .right-content .favourite_pages_container .more a,
body .right-content .favourite_people_container .more a {
  text-decoration: none;
  color: var(--blue_light);
}
body .right-content .favourite_profile_container .more a:hover,
body .right-content .favourite_pages_container .more a:hover,
body .right-content .favourite_people_container .more a:hover {
  color: #700928;
}
body .right-content .footer_container {
  margin-top: auto;
}
body .right-content .footer_container ul.lang-menu li {
  padding-right: unset !important;
}
body .right-content .footer_container ul:not(.dropdown-menu) {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
body .right-content .footer_container ul:not(.dropdown-menu) li {
  padding-right: 10px;
}
body .right-content .footer_container ul:not(.dropdown-menu) li a:not(.dropdown-item) {
  display: inline-block;
  font-size: 0.6rem;
  color: #999999;
  padding: 0;
}
body .right-content .footer_container ul:not(.dropdown-menu) li a:not(.dropdown-item):hover {
  color: #700928;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
body .right-content .footer_container .copyright {
  font-size: 0.7rem;
  color: #999999;
  padding: 0;
  margin-top: 5px;
}
body .right-content .footer_container .copyright i {
  color: #999999;
}
body .right-content .footer_container ul.dropdown-menu.show {
  left: 10px !important;
  background: var(--gray_light);
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 3px #70092824;
}
body .right-content .footer_container ul.dropdown-menu.show li:first-child a {
  padding-top: 0.2rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .right-content .footer_container ul.dropdown-menu.show li:last-child a {
  padding-bottom: 0.2rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .right-content .footer_container ul.dropdown-menu.show li a {
  text-decoration: none;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 0 0.5rem;
}
body .right-content .footer_container ul.dropdown-menu.show li a.active {
  color: #fff;
  background-color: #700928;
}
body .right-content .footer_container ul.dropdown-menu.show li:hover a, body .right-content .footer_container ul.dropdown-menu.show li:focus a {
  color: #fff;
  background-color: #700928;
}
body .dropdown-menu.notification-menu {
  width: 400px;
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 3px #70092824;
}
body .dropdown-menu.notification-menu .notification-items-container {
  height: 300px;
  overflow: auto;
}
body .dropdown-menu.notification-menu .notification-items-container .empty_notification {
  margin: 5vh 0;
  text-align: center;
}
body .dropdown-menu.notification-menu .notification-footer {
  height: 2rem;
  outline: 3px solid var(--gray_light);
  background: var(--gray_light);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 10px;
}
body .dropdown-menu.notification-menu .notification-header-container {
  cursor: default;
  background: var(--gray_light);
  outline: 3px solid var(--gray_light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 10px;
}
body .dropdown-menu.notification-menu .notification-header-container .btn.notification_mark_as_read {
  font-size: 0.9rem;
  padding: 0;
  height: unset;
}
body .dropdown-menu.notification-menu .notification-header-container .btn.notification_mark_as_read:hover {
  color: var(--red_bolt);
}
body .dropdown-menu.notification-menu li.hidden {
  display: none;
}
body .dropdown-menu.notification-menu li:first-child .dropdown-item {
  padding-top: 0.9rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .dropdown-menu.notification-menu li:last-child .dropdown-item {
  padding-bottom: 0.9rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .dropdown-menu.notification-menu li .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
  white-space: break-spaces;
}
body .dropdown-menu.notification-menu li .dropdown-item:hover, body .dropdown-menu.notification-menu li .dropdown-item:focus {
  color: #fff;
  background-color: #700928;
  font-size: 1rem;
}
body .dropdown-menu.notification-menu li .notification-item {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #fff;
  font-size: 0.8rem;
  align-items: flex-start;
  background: #fff;
}
body .dropdown-menu.notification-menu li .notification-item.not_visited {
  background: var(--gray_light);
}
body .dropdown-menu.notification-menu li .notification-item:hover {
  background: var(--red_bolt);
  color: #fff;
}
body .dropdown-menu.notification-menu li .notification-item:hover .notification_container .user_name {
  color: var(--blue_light);
}
body .dropdown-menu.notification-menu li .notification-item:hover .notification_container .user_name a {
  color: var(--blue_light);
}
body .dropdown-menu.notification-menu li .notification-item:hover .notification_container .user_name a:hover {
  color: var(--blue_light);
  text-decoration: underline;
}
body .dropdown-menu.notification-menu li .notification-item .user_image {
  width: 50px;
  height: 50px;
}
body .dropdown-menu.notification-menu li .notification-item .user_image img {
  width: 100%;
  height: 100%;
  border-radius: 0.7rem;
}
body .dropdown-menu.notification-menu li .notification-item .notification_container {
  width: calc( 100% - 150px );
}
body .dropdown-menu.notification-menu li .notification-item .notification_container .user_name {
  color: var(--red_bolt);
  font-weight: 600;
}
body .dropdown-menu.notification-menu li .notification-item .notification_container .user_name a {
  color: var(--red_bolt);
  font-weight: 600;
  text-decoration: none;
}
body .dropdown-menu.notification-menu li .notification-item .time {
  width: 80px;
  text-align: end;
}
@media screen and (max-width: 1200px) {
  body .dropdown-menu.notification-menu .notification-items-container {
    height: auto !important;
    max-height: 65vh;
  }
}
@media screen and (max-width: 576px) {
  body .mobile-sidebar.sticky .dropdown-menu.notification-menu, body .mobile-sidebar.sticky.admin_bar_showed .dropdown-menu.notification-menu {
    top: 70px !important;
  }
  body .mobile-sidebar.admin_bar_showed .dropdown-menu.notification-menu {
    top: 120px !important;
  }
  body .mobile-sidebar .dropdown-menu.notification-menu {
    position: fixed !important;
    transform: none !important;
    width: 94% !important;
    left: 3% !important;
    top: 70px !important;
  }
}
body .dropdown-menu.mobile-menu {
  width: 400px;
  background: #fff;
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 3px #70092824;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container {
  height: 300px;
  overflow: auto;
}
body .dropdown-menu.mobile-menu .mobile-menu-header {
  cursor: default;
  background: var(--gray_light);
  outline: 3px solid var(--gray_light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 10px;
}
body .dropdown-menu.mobile-menu .mobile-menu-header i.icon-close {
  cursor: pointer;
  color: var(--red_bolt);
}
body .dropdown-menu.mobile-menu .mobile-menu-header i.icon-close:before {
  font-size: 0.9rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-header .profile_name {
  font-weight: 600;
  font-size: 0.9rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container {
  padding: 0.5rem 1rem;
  height: auto;
  max-height: 65vh;
  overflow: auto;
  cursor: auto;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .description_container {
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #212529;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .description_container.filled {
  display: flex;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .description_container .header-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .description_container .header {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 10px;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .description_container .header .title {
  color: var(--red_bolt);
  font-weight: 600;
  font-size: 1rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .description_container .header .value {
  color: #212529;
  font-weight: 500;
  font-size: 1rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container a.mobile-sidebar-item, body .dropdown-menu.mobile-menu .mobile-menu-items-container a.nav-link {
  color: #212529;
  font-size: 1.3rem;
  font-weight: 600 !important;
  margin-bottom: 0.5rem;
  align-items: center;
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  border: none !important;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container a.mobile-sidebar-item:hover, body .dropdown-menu.mobile-menu .mobile-menu-items-container a.nav-link:hover {
  color: var(--red_bolt) !important;
  background: transparent !important;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu {
  margin-top: 2rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show {
  left: calc(50% - 5rem) !important;
  background: var(--gray_light);
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 3px #70092824;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show li a.language-item {
  color: #212529;
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  text-decoration: unset;
  font-weight: 500;
  white-space: break-spaces;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show li a.language-item.active {
  background: var(--red_bolt);
  color: #fff;
  cursor: default;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show li a.language-item:hover, body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show li a.language-item:focus {
  color: #fff;
  background-color: var(--red_bolt);
  font-size: 1rem;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show li:first-child .language-item {
  padding-top: 0.3rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .dropdown-menu.mobile-menu .mobile-menu-items-container .language-menu ul.dropdown-menu.show li:last-child .language-item {
  padding-bottom: 0.3rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .dropdown-menu.mobile-menu .mobile-menu-footer {
  height: 2rem;
  outline: 3px solid var(--gray_light);
  background: var(--gray_light);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 10px;
}
body .dropdown-menu.mobile-menu li.hidden {
  display: none;
}
body .dropdown-menu.mobile-menu li:first-child .dropdown-item {
  padding-top: 0.9rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .dropdown-menu.mobile-menu li:last-child .dropdown-item {
  padding-bottom: 0.9rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .dropdown-menu.mobile-menu li .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
  white-space: break-spaces;
}
body .dropdown-menu.mobile-menu li .dropdown-item:hover, body .dropdown-menu.mobile-menu li .dropdown-item:focus {
  color: #fff;
  background-color: #700928;
  font-size: 1rem;
}
@media screen and (max-width: 1200px) {
  body .dropdown-menu.mobile-menu {
    left: -350px !important;
  }
}
@media screen and (max-width: 576px) {
  body .mobile-sidebar.sticky .dropdown-menu.mobile-menu, body .mobile-sidebar.sticky.admin_bar_showed .dropdown-menu.mobile-menu {
    top: 70px !important;
  }
  body .mobile-sidebar.admin_bar_showed .dropdown-menu.mobile-menu {
    top: 120px !important;
  }
  body .mobile-sidebar .dropdown-menu.mobile-menu {
    position: fixed !important;
    transform: none !important;
    width: 94% !important;
    left: 3% !important;
    top: 70px !important;
  }
}
body html {
  --red_bolt: #890651;
  --blue_light: #AFC4E6;
  --blue_light_gradient1: #AFC4E600;
  --blue_light_gradient2: #AFC4E6c7;
  --gray_light: #EFF3FB;
  --gray: #E4E4E4;
  --bs-btn-active-border-color: transparent !important;
}
body html[data-theme=dark] {
  --red_bolt: #BB3883;
  --blue_light: #4B6082;
  --gray_light: #8B8F97;
}
body .thin {
  /* Montserrat Thin = 100 */
  font-weight: 100;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extralight {
  /* Montserrat Extra Light = 200 */
  font-weight: 200;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .light {
  /* Montserrat Light = 300 */
  font-weight: 300;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .regular {
  /* Montserrat Regular = 400 */
  font-weight: 400;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .medium {
  /* Montserrat Medium = 500 */
  font-weight: 500;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .semibold {
  /* Montserrat Semi-bold = 600 */
  font-weight: 600;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bold {
  /* Montserrat Bold = 700 */
  font-weight: 700;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .extrabold {
  /* Montserrat Extra Bold = 800 */
  font-weight: 800;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .black {
  /* Montserrat Black = 900 */
  font-weight: 900;
  font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
body .bg-blue-light {
  background: var(--blue_light) !important;
}
body .text-blue-light {
  color: var(--blue_light) !important;
}
body .rounded-4 {
  border-radius: 1.5rem !important;
}
body .rounded-5 {
  border-radius: 2.3rem !important;
}
@media screen and (max-width: 1600px) {
  body .content {
    width: 1400px;
    padding: 0 20px;
  }
  body #addPostModal .modal-dialog {
    width: calc(1300px - 600px) !important;
  }
}
@media screen and (max-width: 1400px) {
  body .content {
    width: 1300px;
  }
  body #addPostModal .modal-dialog {
    width: calc(1200px - 600px) !important;
  }
}
@media screen and (max-width: 1300px) {
  body .content {
    width: 100%;
  }
  body #addPostModal .modal-dialog {
    width: calc(100% - 640px) !important;
  }
}
@media screen and (max-width: 1200px) {
  body #addPostModal .modal-dialog {
    width: 80% !important;
  }
  body .modal.lightbox .carousel-inner {
    transform: scale(0.9);
  }
  body .admin_navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body .admin_navbar p.normal {
    display: none !important;
  }
  body .admin_navbar p.mobile {
    display: block !important;
  }
  body .content {
    flex-wrap: wrap;
  }
  body .right-content {
    width: 100%;
    order: 1;
    height: 90px !important;
    padding: 2vh 1rem 0px 1rem;
    margin: 0 0 1vh 0;
    position: relative;
  }
  body .right-content .profile_sidebar-sticky-content {
    display: none;
  }
  body .right-content .mobile-sidebar {
    display: flex;
    align-items: center;
  }
  body .right-content .mobile-sidebar .header {
    font-size: 2rem;
    text-transform: uppercase;
    color: var(--red_bolt);
    font-weight: 600;
    width: -moz-min-content;
    width: min-content;
  }
  body .right-content .mobile-sidebar .header a {
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  body .right-content .mobile-sidebar .header a img {
    height: 35px;
    max-width: 200px;
  }
  body .right-content .mobile-sidebar .header a i {
    font-size: 1.2rem;
    color: var(--red_bolt);
    margin: 0 auto;
  }
  body .right-content .mobile-sidebar .wall-link {
    margin-left: auto;
  }
  body .right-content .mobile-sidebar .wall-link a {
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 600;
    color: #700928;
  }
  body .right-content .mobile-sidebar .wall-link a svg {
    margin-left: 10px;
  }
  body .right-content .mobile-sidebar .search_box.site_search_box {
    margin-left: auto;
    margin-right: 20px;
    padding-top: 2px;
    height: 45px;
    display: flex;
    align-items: center;
    position: relative;
  }
  body .right-content .mobile-sidebar .search_box.site_search_box i.icon-search.show-search:before {
    font-size: 2rem;
  }
  body .right-content .mobile-sidebar .search_box.site_search_box i.icon-search:before {
    font-size: 1.2rem;
    font-weight: 500;
  }
  body .right-content .mobile-sidebar .search_box.site_search_box .search_container {
    width: 100%;
    position: absolute;
    min-width: 250px;
    right: 0;
  }
  body .right-content .mobile-sidebar .search_box.site_search_box .search_container form {
    height: 40px;
  }
  body .right-content .mobile-sidebar .search_box.site_search_box .search_container span, body .right-content .mobile-sidebar .search_box.site_search_box .search_container button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
  }
  body .right-content .mobile-sidebar .profile_badge_container {
    border-radius: 2rem;
    background: var(--red_bolt);
    margin-right: 15px;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
  }
  body .right-content .mobile-sidebar .profile_badge_container button:after {
    content: none !important;
  }
  body .right-content .mobile-sidebar .profile_badge_container.new .btn-profile-badge {
    animation-name: stretch;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }
  body .right-content .mobile-sidebar .profile_badge_container .btn-profile-badge {
    padding: 0 5px;
    border-radius: 1rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
  }
  body .right-content .mobile-sidebar .profile_image {
    height: 45px;
    width: 45px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  body .right-content .mobile-sidebar .profile_image button {
    padding: 0 !important;
  }
  body .right-content .mobile-sidebar .profile_image button:after {
    content: none !important;
  }
  body .right-content .mobile-sidebar .profile_image .icon-three_dots {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--blue_light);
    height: 100%;
    opacity: 0.9;
    font-size: 1.2rem;
    fill: #fff;
    display: flex;
    align-items: center;
    border-top-right-radius: 0.7rem;
    border-bottom-right-radius: 0.7rem;
  }
  body .right-content .mobile-sidebar .profile_image img {
    width: 100%;
    border-radius: 0.7rem;
    min-height: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
  }
  body .right-content .profile_sidebar-content {
    display: none;
  }
  body .right-content .mobile-sidebar-content {
    width: 400px;
    right: 25px !important;
    top: 67px !important;
    background: #fff;
    padding: 0;
    border-color: #fff;
    border-radius: 8px;
    transform: none !important;
    box-shadow: 0px 0px 10px 3px #70092824;
    display: none;
    position: absolute;
    z-index: 99;
  }
  body .right-content .mobile-sidebar-content.show {
    display: block;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-header {
    background: var(--gray_light);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 10px;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-header i.icon-close {
    color: var(--red_bolt);
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-header i.icon-close:before {
    font-size: 1rem;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-header .profile_name {
    font-weight: 600;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-body {
    padding: 1rem;
    height: 300px;
    overflow: auto;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-body a {
    color: #212529;
    font-size: 1.3rem;
    font-weight: 600 !important;
    margin-bottom: 0.5rem;
    align-items: center;
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    border: none !important;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-body a:hover {
    color: var(--red_bolt) !important;
    background: transparent !important;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-body .language-menu {
    margin-top: 2rem;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-body .language-menu a {
    font-size: 1.1rem;
    font-weight: 500;
  }
  body .right-content .mobile-sidebar-content .mobile-sidebar-footer {
    height: 2rem;
    background: var(--gray_light);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: 10px;
  }
  body .right-content .mobile-sidebar-content .secondary-menu {
    display: none;
  }
  body .right-content .mobile-sidebar-content .footer_container {
    padding-top: 2vh;
  }
  body .right-content .mobile-sidebar-content .footer_container li.nav-item {
    text-align: center;
    width: 100%;
  }
  body .right-content .mobile-sidebar-content .footer_container p, body .right-content .mobile-sidebar-content .footer_container a, body .right-content .mobile-sidebar-content .footer_container div {
    font-size: 1.5rem !important;
    text-align: center;
  }
  body .right-content .mobile-sidebar-content .footer_container .dropdown a {
    color: #212529;
  }
  body .left-content {
    order: 2;
    height: calc(100% - 90px - 1vh);
  }
  body .left-content .header {
    display: none;
  }
  body .left-content .primary-menu {
    padding: 0.5rem 1rem 1rem 1rem;
  }
  body .left-content .secondary-menu {
    display: block;
    padding: 2rem 1rem 1rem 1rem;
    border-top: 1px solid #212529;
  }
  body .center-content {
    width: calc( 100% - 330px );
    height: calc(100% - 90px - 1vh);
    order: 3;
  }
  body .mobile-menu-items-container .main-menu-item {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  body {
    overflow: auto;
  }
  body #addPostModal .modal-dialog {
    width: 90% !important;
  }
  body #videoCallModal .modal-dialog {
    max-width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }
  body.admin_bar_showed section {
    height: calc(100% - 1rem - 66px);
    margin: 1rem 2rem 1rem 2rem !important;
  }
  body section {
    margin: 1rem 2rem 1rem 2rem !important;
  }
  body .content {
    padding: 0 !important;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  body .content.messenger .center-content {
    display: flex;
    flex-direction: column;
  }
  body .admin_navbar p.normal {
    display: block !important;
  }
  body .admin_navbar p.mobile {
    display: none !important;
  }
  body .admin_navbar .navbar-collapse ul {
    justify-content: space-around;
  }
  body .admin_navbar .navbar-collapse ul li:last-child {
    margin-left: unset !important;
  }
  body .right-content {
    height: 50px !important;
    padding: 0;
    z-index: 3;
  }
  body .mobile-sidebar.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    padding: 0.5rem 2rem;
    background: #fff;
    top: 0;
    z-index: 1001;
  }
  body .primary-menu.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    padding: 0.5rem 2rem;
    background: #fff;
    top: 60px;
    z-index: 1001;
  }
  body .primary-menu .nav-link {
    border-radius: 2rem !important;
  }
  body .primary-menu .nav-link .badge {
    margin-left: 5px;
  }
  body .left-content {
    width: 100%;
    height: -moz-fit-content !important;
    height: fit-content !important;
    margin-right: 0;
    overflow: unset;
  }
  body .left-content .primary-menu, body .left-content .secondary-menu {
    width: 100%;
    padding: 0.5rem 0rem 0.5rem 0rem;
    overflow: auto;
  }
  body .left-content .primary-menu.sticky, body .left-content .secondary-menu.sticky {
    padding: 0.5rem 1rem 0.5rem 1rem;
  }
  body .left-content .primary-menu ul, body .left-content .secondary-menu ul {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    width: 100% !important;
    overflow: visible;
  }
  body .left-content .primary-menu ul li, body .left-content .secondary-menu ul li {
    margin-bottom: unset !important;
    padding-bottom: 0.2rem;
  }
  body .left-content .primary-menu ul li:last-child, body .left-content .secondary-menu ul li:last-child {
    padding-right: 2rem;
  }
  body .left-content .primary-menu ul li a, body .left-content .secondary-menu ul li a {
    padding: 2px 15px 2px 15px;
  }
  body .left-content .primary-menu.settings {
    display: none;
  }
  body .left-content .secondary-menu {
    margin-top: 1rem;
    border: none;
  }
  body .left-content .user_profile_container {
    display: none;
    margin-top: 30px;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    align-items: center;
  }
  body .left-content .user_profile_container .btn-group.dropstart {
    display: none;
  }
  body .left-content .user_profile_container .profile_image {
    width: 85px;
    height: 80px;
    display: inline-flex;
  }
  body .left-content .user_profile_container .profile_image img {
    width: 80px;
    border-radius: 0.7rem;
    margin-top: auto;
    margin-bottom: auto;
    min-height: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
  }
  body .left-content .user_profile_container .profile_info {
    width: calc(100% - 140px);
  }
  body .left-content .user_profile_container .profile_info .profile_description {
    font-weight: 500;
    line-height: 1.2;
  }
  body .left-content .user_profile_container .profile_info .profile_name_container {
    display: flex;
    align-items: center;
  }
  body .left-content .user_profile_container .profile_info .profile_name_container .profile_name {
    color: var(--red_bolt);
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    font-weight: 600;
  }
  body .left-content .user_profile_container .profile_info .profile_name_container .profile_badge_container {
    margin-left: 10px;
    padding: 6px 5px;
    border-radius: 1rem;
    background: var(--red_bolt);
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
  }
  body .center-content {
    width: 100% !important;
    margin-top: 1rem;
    overflow: auto;
    height: 100% !important;
    padding: 0;
  }
  body .center-content::-webkit-scrollbar {
    display: none;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog {
    min-width: unset;
    width: 100% !important;
    margin: auto;
    height: 100%;
  }
  body .card.statistics .fields_group {
    grid-template-columns: repeat(2, minmax(1px, 1fr)) !important;
  }
  body .mobile-menu-items-container .nav-item {
    margin-bottom: 0.5rem !important;
  }
  body .mobile-menu-items-container .main-menu-item {
    display: block;
  }
  body .mobile-menu-items-container .nav-link .badge {
    margin-left: 5px;
  }
  body .dropdown.bootstrap-select .dropdown-menu {
    transform: unset !important;
    min-height: 240px !important;
    top: 35px !important;
  }
}
@media screen and (max-width: 576px) {
  body .search-card .header, body .group-card .header {
    flex-wrap: wrap;
  }
  body .search-card .icon-wrapper, body .group-card .icon-wrapper {
    width: 100% !important;
  }
  body section {
    margin: 1rem !important;
  }
  body #addPostModal .modal-dialog {
    width: 100% !important;
  }
  body a.dz-remove {
    font-size: 1.2rem !important;
  }
  body .right-content .header a img {
    height: 30px !important;
    max-width: 150px;
  }
  body .right-content .header a i {
    font-size: 1.2rem !important;
  }
  body .right-content .search_container {
    padding-top: 0 !important;
  }
  body .right-content .profile_sidebar {
    margin-top: 3rem;
  }
  body .right-content .mobile-sidebar.sticky {
    padding: 0.5rem 1rem;
  }
  body .right-content .mobile-sidebar .profile_image {
    height: 50px;
  }
  body .right-content .mobile-sidebar .profile_image .profile_badge {
    font-size: 0.5rem;
  }
  body .right-content .mobile-sidebar-content.show {
    position: fixed !important;
    transform: none !important;
    width: 94% !important;
    left: 3% !important;
    top: 85px !important;
  }
  body .right-content .mobile-sidebar-content.show.admin_bar_showed {
    top: 135px !important;
  }
  body .right-content .mobile-sidebar-content.show.sticky, body .right-content .mobile-sidebar-content.show.sticky.admin_bar_showed {
    top: 70px !important;
  }
  body .right-content .mobile-sidebar-content.show.admin_bar_showed {
    top: 145px !important;
  }
  body .center-content .statistic-choose {
    justify-content: center !important;
  }
  body .center-content .statistic-choose a.btn {
    width: auto !important;
    min-width: 70%;
    padding: 5px 25px 5px 25px !important;
  }
  body .center-content .statistic-choose a.btn .title {
    margin-right: 20px !important;
  }
  body .center-content .statistic-choose .d-grid.gap-2.mt-4.justify-content-center.ms-2.align-items-center {
    margin-right: auto;
  }
  body .left-content .primary-menu.sticky {
    top: 65px;
  }
  body .left-content .primary-menu ul li:last-child, body .left-content .secondary-menu ul li:last-child {
    padding-right: 1rem;
  }
  body a.lb-next, body a.lb-prev {
    opacity: 1 !important;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem !important;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-body {
    padding: 1rem 0rem 0.5rem 1.5rem !important;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer {
    flex-wrap: wrap;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .create_post_tools {
    width: 100%;
    padding-left: 1.5rem !important;
    overflow: auto;
    padding-right: 1rem !important;
    padding-bottom: 0.5rem !important;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .create_post_button, body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .delete_post_button, body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .edit_post_button {
    width: 100%;
  }
  body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .create_post_button button.btn-primary, body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .delete_post_button button.btn-primary, body .modal:not(.lightbox, .crop-modal) .modal-dialog .modal-footer .edit_post_button button.btn-primary {
    width: 100% !important;
    border-radius: 0.7rem !important;
    margin: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  body .modal.delete-modal .modal-dialog .modal-body {
    padding: 1.5rem 1.5rem 1rem 1.5rem !important;
  }
  body .dropzone-close {
    padding-right: 1.5rem !important;
  }
  body .new_comment_container {
    padding: 0 !important;
  }
  body .new_comment_container.focused {
    padding: 0 !important;
  }
  body .jquery-comments {
    padding: 0.2rem;
  }
  body .jquery-comments ul.main li.comment {
    padding-right: 0 !important;
  }
  body .jquery-comments ul.main li.comment .comment-wrapper {
    padding: 0.5rem;
    padding-right: 0 !important;
  }
  body .jquery-comments ul.main li.comment .action-wrapper {
    padding-right: 0 !important;
  }
  body .card.statistics {
    padding: 1rem 0.5rem 0.5rem;
  }
  body .card.statistics .fields_group {
    grid-template-columns: repeat(1, minmax(1px, 1fr)) !important;
  }
  body .jquery-comments .data-container {
    padding-right: 0.5rem;
  }
  body .content.messenger .messages_header {
    zoom: 0.8;
  }
  body .content.messenger audio {
    zoom: 0.8;
  }
}
@media screen and (max-width: 399px) {
  body section {
    zoom: 0.8;
    height: calc(100% - 2.4rem - 79.2px) !important;
  }
  body .center-content .header_container {
    margin-top: 0.3rem;
  }
  body .center-content .header_container .header_text, body .center-content .header_container .header-button-container {
    width: 48%;
  }
  body .post_container .text {
    font-size: 1.1rem !important;
  }
  body .modal-backdrop {
    zoom: 2;
  }
  body .modal.lightbox .modal-fullscreen {
    width: unset !important;
  }
}
@media screen and (max-width: 349px) {
  body section {
    zoom: 0.7;
    height: calc(100% - 2.6rem - 78px) !important;
  }
}
@media screen and (max-width: 299px) {
  body section {
    zoom: 0.6;
    height: calc(100% - 2.8rem - 84px) !important;
  }
  body .mobile-sidebar .search_box.site_search_box .search_container {
    min-width: 200px !important;
  }
}
body section {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: calc(100% - 2rem);
}
body.admin_bar_showed section {
  height: calc(100% - 2rem - 66px);
}
body .content {
  position: relative;
}
@media screen and (max-width: 1200px) {
  body .content.messenger .center-content .header_container {
    display: none;
  }
}
body .content #messenger_contacts_mobile {
  display: none;
  max-height: 100%;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  body .content #messenger_contacts_mobile {
    display: flex;
  }
}
body .content #messenger_contacts_mobile.hidden {
  display: none;
}
body .content #messenger_contacts_mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--red_bolt);
  margin-bottom: 1.5rem;
  position: relative;
  height: 40px;
}
body .content #messenger_contacts_mobile .header .title {
  font-weight: 600;
  color: var(--blue_light);
  padding-bottom: 0.5rem;
  align-self: end;
  line-height: 1.2;
  font-size: 1.3rem;
}
body .content #messenger_contacts_mobile .header .search_box {
  font-size: 1.2rem;
  color: var(--blue_light);
  cursor: pointer;
}
body .content #messenger_contacts_mobile .header .search_box svg.icon-search {
  width: 1.1em;
  height: 1.1em;
}
body .content #messenger_contacts_mobile .header .search_box button {
  box-shadow: none;
  border: none;
  background: transparent;
}
body .content #messenger_contacts_mobile .header .search_container {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
}
body .content #messenger_contacts_mobile .header .search_container form {
  width: 100%;
  background: var(--gray_light);
  border: 1px solid var(--blue_light);
  border-radius: 2rem;
  padding: 0px 1rem;
  display: flex;
  align-items: center;
  height: 30px;
}
body .content #messenger_contacts_mobile .header .search_container form .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
body .content #messenger_contacts_mobile .header .search_container form .input-group input {
  background: transparent;
  border: none;
  border-radius: unset;
  padding: 0;
  font-size: 1rem !important;
  font-weight: 500 !important;
}
body .content #messenger_contacts_mobile .header .search_container form .input-group input:focus {
  box-shadow: unset !important;
}
body .content #messenger_contacts_mobile .header .search_container form .input-group i.icon-close:before {
  color: #212529;
  font-size: 0.8rem;
}
body .content #messenger_contacts_mobile .header .search_container form span, body .content #messenger_contacts_mobile .header .search_container form button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
body .content #messenger_contacts_mobile .contacts-body {
  overflow: auto;
}
body .content #messenger_contacts_mobile .contacts-body .contact {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
body .content #messenger_contacts_mobile .contacts-body .contact:hover .contact-body {
  color: var(--red_bolt);
}
body .content #messenger_contacts_mobile .contacts-body .unread {
  color: var(--red_bolt);
}
body .content #messenger_contacts_mobile .contacts-body .avatar {
  width: 40px;
  height: 40px;
}
body .content #messenger_contacts_mobile .contacts-body .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.7rem;
}
body .content #messenger_contacts_mobile .contacts-body .contact-body {
  margin-left: 0.5rem;
  padding: 5px 16px 5px 10px;
  font-weight: 600;
}
body .content #messenger_contacts_mobile .search_container {
  width: 100%;
}
body .content #messenger_contacts_mobile .search_container span, body .content #messenger_contacts_mobile .search_container button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
body .content #messenger_contacts_mobile .search_container i.icon-search:before {
  font-size: 1.2rem;
}
body .content #messenger_page_clone,
body .content #messenger_header_clone {
  display: none;
}
body .content.messenger .center-content {
  overflow: hidden;
}
body .content #messenger_page {
  height: calc(100% - 150px - 1.5rem);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 992px) {
  body .content #messenger_page {
    height: 100%;
    justify-content: stretch;
    overflow: auto;
  }
}
body .content #messenger_page .pickerContainer {
  padding-right: 6px;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 99;
  bottom: 0;
  left: 0;
}
body .content #messenger_page.hidden {
  display: none;
}
body .content #messenger_page .base-timer {
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .content #messenger_page .base-timer__svg {
  transform: scaleX(-1);
}
body .content #messenger_page .base-timer__circle {
  fill: none;
  stroke: none;
}
body .content #messenger_page .base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: var(--red_bolt);
}
body .content #messenger_page .base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}
body .content #messenger_page .base-timer__path-remaining.red {
  color: var(--blue_light);
}
body .content #messenger_page .base-timer__label {
  position: absolute;
  margin-bottom: 5px;
}
body .content #messenger_page .message_form {
  display: flex;
  align-items: flex-end;
  background: var(--gray_light);
  min-height: 45px;
  border-radius: 0 0 0.7rem 0.7rem;
  justify-content: space-between;
  width: 100%;
}
body .content #messenger_page .message_form .form-textarea {
  width: 100%;
  padding-right: 5px;
}
body .content #messenger_page .message_form button.btn-message-add-content_mobile {
  display: none;
  border: none;
  background: transparent;
  color: var(--red_bolt);
  font-size: 1.6rem;
  line-height: normal;
  padding: 12px 10px 10px;
}
body .content #messenger_page .message_form button.btn-message-add-content_mobile:after {
  content: unset;
}
body .content #messenger_page .message_form button.btn-add-content {
  border: none;
  background: transparent;
  color: var(--red_bolt);
  font-size: 1.6rem;
  line-height: normal;
  display: flex;
  padding: 10px;
}
body .content #messenger_page .message_form .record_button,
body .content #messenger_page .message_form .emoji_button {
  background: transparent;
  color: var(--red_bolt);
  font-size: 1.6rem;
  line-height: normal;
  display: flex;
  margin: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
body .content #messenger_page .message_form .record_button.hidden,
body .content #messenger_page .message_form .emoji_button.hidden {
  display: none;
}
body .content #messenger_page .message_form .record_button:not(.record_started),
body .content #messenger_page .message_form .emoji_button:not(.record_started) {
  margin-bottom: 7px !important;
}
body .content #messenger_page .message_form .record_button.record_started {
  margin: 7px 9.5px 10px 3px;
}
body .content #messenger_page .message_form .message-content-menu li.hidden {
  display: none;
}
body .content #messenger_page .message_form .message-content-menu li.last {
  padding-bottom: 0.9rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .content #messenger_page .message_form .emoji_button {
  padding-left: 0;
  padding-right: 0;
}
body .content #messenger_page .message_form .send-button button {
  opacity: 0.85;
  background: var(--red_bolt);
  padding: 0.5rem 1.3rem 0.55rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.7rem 0 0.7rem 0;
  font-size: 1.6rem;
}
body .content #messenger_page .message_form .send-button button:hover, body .content #messenger_page .message_form .send-button button:focus {
  opacity: 1;
}
@media screen and (max-width: 576px) {
  body .content #messenger_page .message_form button.btn-message-add-content_mobile {
    display: flex;
  }
  body .content #messenger_page .message_form button.btn-add-content {
    display: none;
  }
  body .content #messenger_page .message_form .send-button button {
    padding: 0.5rem 1rem 0.4rem;
  }
  body .content #messenger_page .message_form .emoji_button {
    opacity: 0;
    width: 0;
    padding: 0 !important;
    height: 0;
    margin: 0 !important;
  }
  body .content #messenger_page .message_form #record-button {
    display: none;
    width: 0;
    padding: 0 !important;
    height: 0;
    margin: 0 !important;
  }
}
body .content #messenger_page .message_form .form-textarea textarea {
  min-height: 35px;
  height: 35px;
  margin: 5px 0;
  max-height: 120px;
  line-height: initial;
  background: transparent;
  border: none;
  overflow: auto;
  resize: none;
}
body .content #messenger_page .message_form .form-textarea textarea:focus {
  box-shadow: none !important;
}
body .content #messenger_page .approve_chat {
  display: flex;
  align-items: center;
  background: var(--blue_light);
  width: 100%;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 0.7rem;
  margin-bottom: 10px;
}
body .content #messenger_page .approve_chat .approve_container {
  margin-left: auto;
}
body .content #messenger_page .approve_chat button.approve {
  display: flex;
  border: 1px solid #198754;
  border-radius: 0.7rem;
  padding: 0.4rem 0.4rem;
  background: #198754;
  color: #fff;
  margin-left: 0.5rem;
}
body .content #messenger_page .approve_chat button.approve svg {
  fill: #fff;
  stroke: #fff;
  stroke-width: 1px;
}
body .content #messenger_page .approve_chat button.decline {
  display: flex;
  border: 1px solid #700928;
  border-radius: 0.7rem;
  padding: 0.4rem 0.5rem;
  background: #700928;
  color: #fff;
  margin-left: 0.5rem;
}
body .content #messenger_page .approve_chat button.decline svg {
  fill: #fff;
  stroke: #fff;
}
body .content #messenger_page .approve_chat button.decline svg:hover {
  stroke-width: 1px;
}
body .content #messenger_page .messages {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding: 0.5rem 0;
  position: relative;
}
body .content #messenger_page .messages .new_message {
  position: sticky;
  bottom: 0;
  background: #fff;
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem;
  border-radius: 0.7rem;
  cursor: pointer;
}
body .content #messenger_page .messages .message_wrapper {
  display: flex;
  margin: 1rem 0.3rem 0 0.3rem;
  flex-wrap: wrap;
}
body .content #messenger_page .messages .message_wrapper.current {
  justify-content: flex-end;
}
body .content #messenger_page .messages .message_wrapper.current .avatar {
  order: 3;
}
body .content #messenger_page .messages .message_wrapper.current .message_body_wrapper {
  order: 2;
}
body .content #messenger_page .messages .message_wrapper.current .message,
body .content #messenger_page .messages .message_wrapper.current .reply_wrapper {
  margin: 0 0.3rem 0 0;
}
body .content #messenger_page .messages .message_wrapper.current .message_date {
  text-align: right;
}
body .content #messenger_page .messages .message_wrapper .message_body_container {
  display: flex;
}
body .content #messenger_page .messages .message_wrapper .message_date {
  width: 100%;
  font-size: 0.7rem;
  color: var(--blue_light);
  padding-bottom: 5px;
  font-weight: 600;
}
body .content #messenger_page .messages .message_wrapper .avatar img {
  height: 25px;
  width: 25px;
  border-radius: 5px;
}
body .content #messenger_page .messages .message_wrapper .message_body_wrapper {
  display: flex;
  flex-direction: column;
}
body .content #messenger_page .messages .message_wrapper .message,
body .content #messenger_page .messages .message_wrapper .reply_wrapper {
  width: auto;
  padding: 0.8rem 0.8rem;
  border: 1px solid var(--blue_light);
  border-radius: 0.5rem;
  background: var(--gray_light);
  line-break: anywhere;
  margin: 0 0 0 0.3rem;
}
body .content #messenger_page .messages .message_wrapper .message.edit, body .content #messenger_page .messages .message_wrapper .message.reply, body .content #messenger_page .messages .message_wrapper .message.delete,
body .content #messenger_page .messages .message_wrapper .reply_wrapper.edit,
body .content #messenger_page .messages .message_wrapper .reply_wrapper.reply,
body .content #messenger_page .messages .message_wrapper .reply_wrapper.delete {
  border: 2px solid var(--red_bolt);
}
body .content #messenger_page .messages .message_wrapper .message video,
body .content #messenger_page .messages .message_wrapper .message img,
body .content #messenger_page .messages .message_wrapper .reply_wrapper video,
body .content #messenger_page .messages .message_wrapper .reply_wrapper img {
  border-radius: 0.5rem;
  width: 100%;
}
body .content #messenger_page .messages .message_wrapper .message .text,
body .content #messenger_page .messages .message_wrapper .reply_wrapper .text {
  line-height: 1.1;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: pre;
  white-space: pre-line;
}
body .content #messenger_page .messages .message_wrapper .message .text img.joypixels,
body .content #messenger_page .messages .message_wrapper .reply_wrapper .text img.joypixels {
  width: 20px !important;
  height: 20px;
}
body .content #messenger_page .messages .message_wrapper .reply_wrapper {
  opacity: 0.7;
}
body .content #messenger_page .messages .message_wrapper .reply_wrapper .reply_label {
  border-left: 1px solid #212529;
  padding-left: 5px;
}
body .content #messenger_page .edit_message,
body .content #messenger_page .reply_message {
  font-weight: 600;
  text-align: left;
  width: 100%;
}
body .content #messenger_page .edit_message i,
body .content #messenger_page .reply_message i {
  padding-left: 5px;
  color: var(--red_bolt);
  cursor: pointer;
}
body .content #messenger_page .edited a {
  opacity: 0.8;
  font-weight: 500;
  color: var(--red_bolt);
  text-decoration: none;
}
body .content #messenger_page .edited a:hover {
  opacity: 1;
}
body .content #messenger_page.loaded .messages_page_loader .ld.ld-spin {
  opacity: 1;
}
body .content #messenger_page .messages_page_loader .ld.ld-spin {
  width: 5em;
  height: 5em;
  left: calc(50% - 2.5rem);
}
body .content #messenger_page .messages_page_loader .ld.ld-spin:after {
  width: 10em;
  height: 10em;
}
body .content #messenger_page .status {
  width: 100%;
  text-align: right;
  margin: 1rem 0.3rem 0.3rem 0.3rem;
}
body .content #messenger_page .status :nth-child(2) {
  display: none;
}
body .content #messenger_page .status span {
  color: #6a6a6a;
  font-size: 0.8rem;
}
body .content #messenger_page .status.unread span:nth-child(1) {
  display: none;
}
body .content #messenger_page .status.unread span:nth-child(2) {
  display: inline-block;
}
body .content #messenger_bubble {
  display: none;
}
body .content #messenger {
  position: absolute;
  bottom: 0px;
  right: 0;
  display: flex;
  width: auto;
  height: auto;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0 40px 0 20px;
}
body .content #messenger .pickerContainer {
  width: 100%;
  padding-right: 6px;
  display: flex;
  justify-content: center;
}
body .content #messenger .audio, body .content #messenger .video, body .content #messenger .minimaze, body .content #messenger .close_message {
  cursor: pointer;
}
body .content #messenger .message_container {
  z-index: 2;
  background: var(--gray_light);
  border: 1px solid var(--blue_light);
  border-radius: 2rem;
  padding: 0;
  min-width: 13rem;
  height: 30px;
  margin-left: 10px;
  display: none;
}
body .content #messenger .message_container.hidden {
  display: none;
}
body .content #messenger .message_container.showed {
  display: block;
}
body .content #messenger .message_container.open {
  border-radius: 0.7rem;
  max-width: 20rem;
  height: auto;
}
body .content #messenger .message_container.open .message_title {
  display: none;
}
body .content #messenger .message_container.open .message_form, body .content #messenger .message_container.open .messages_container {
  display: flex;
}
body .content #messenger .message_container.filled .messages_container {
  display: flex;
  opacity: 0;
}
body .content #messenger .message_container[data-order="1"] {
  order: 4;
}
body .content #messenger .message_container[data-order="2"] {
  order: 3;
}
body .content #messenger .message_container[data-order="3"] {
  order: 2;
}
body .content #messenger .message_container[data-order="4"] {
  order: 1;
}
body .content #messenger .message_container i:before {
  font-weight: 600;
}
body .content #messenger .message_container .message_title {
  width: 100%;
  display: flex;
  height: 30px;
  cursor: pointer;
}
body .content #messenger .message_container .message_title span.unread {
  padding-left: 5px;
  color: red;
  line-height: 29px;
  font-weight: 600;
}
body .content #messenger .message_container .message_title .close_message {
  margin-left: auto;
  padding-right: 1rem;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  color: #0000007d;
}
body .content #messenger .message_container .message_title .name {
  font-weight: 600;
  line-height: 29px;
  width: 100%;
  padding-left: 1rem;
}
body .content #messenger .message_container .messages_container {
  display: none;
  min-height: 400px;
  height: auto;
  max-height: 400px;
  background: #fff;
  border-radius: 0.7rem 0.7rem 0 0;
  flex-direction: column;
  align-items: center;
}
body .content #messenger .message_container .messages_container .approve_chat {
  display: flex;
  align-items: center;
  margin-left: 1%;
}
body .content #messenger .message_container .messages_container .messages_header {
  padding: 0;
  padding-bottom: 0.2rem;
  width: 95%;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0.2rem 0.7rem 0 0.3rem;
  border-bottom: 1px solid var(--blue_light);
}
body .content #messenger .message_container .messages_container .messages_header .user_info {
  width: 100%;
  display: flex;
  align-items: center;
}
body .content #messenger .message_container .messages_container .messages_header .call_tools {
  display: flex;
}
body .content #messenger .message_container .messages_container .messages_header .message_tools {
  display: flex;
}
body .content #messenger .message_container .messages_container .messages_header .name {
  font-weight: 500;
}
body .content #messenger .message_container .messages_container .messages_header .name a {
  color: var(--red_bolt);
  text-decoration: none;
}
body .content #messenger .message_container .messages_container .messages_header .avatar {
  margin-right: 5px;
}
body .content #messenger .message_container .messages_container .messages_header .avatar img {
  height: 25px;
  width: 25px;
  border-radius: 5px;
}
body .content #messenger .message_container .messages_container .messages_header .audio {
  margin-left: auto;
  font-size: 1.4rem;
  height: 30px;
}
body .content #messenger .message_container .messages_container .messages_header .audio.hidden {
  display: none;
}
body .content #messenger .message_container .messages_container .messages_header .video {
  margin-left: 10px;
  font-size: 1.4rem;
}
body .content #messenger .message_container .messages_container .messages_header .video.hidden {
  display: none;
}
body .content #messenger .message_container .messages_container .messages_header .minimaze, body .content #messenger .message_container .messages_container .messages_header .close_message {
  margin-left: 10px;
  height: 30px;
  display: flex;
  align-items: center;
}
body .content #messenger .message_container .messages_container .messages_header div:not(.name) {
  color: var(--red_bolt);
}
body .content #messenger .message_container .messages_container .approve_chat {
  display: flex;
  align-items: center;
  background: var(--blue_light);
  width: 98%;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 0.7rem;
  margin-bottom: 10px;
  margin-top: 5px;
}
body .content #messenger .message_container .messages_container .approve_chat .approve_container {
  margin-left: auto;
}
body .content #messenger .message_container .messages_container .approve_chat button.approve {
  display: flex;
  border: 1px solid #198754;
  border-radius: 0.7rem;
  padding: 0.4rem 0.4rem;
  background: #198754;
  color: #fff;
  margin-left: 0.5rem;
}
body .content #messenger .message_container .messages_container .approve_chat button.approve svg {
  fill: #fff;
  stroke: #fff;
  stroke-width: 1px;
}
body .content #messenger .message_container .messages_container .approve_chat button.decline {
  display: flex;
  border: 1px solid #700928;
  border-radius: 0.7rem;
  padding: 0.4rem 0.5rem;
  background: #700928;
  color: #fff;
  margin-left: 0.5rem;
}
body .content #messenger .message_container .messages_container .approve_chat button.decline svg {
  fill: #fff;
  stroke: #fff;
}
body .content #messenger .message_container .messages_container .approve_chat button.decline svg:hover {
  stroke-width: 1px;
}
body .content #messenger .message_container .messages_container .messages {
  overflow: auto;
  height: 100%;
  width: 100%;
  padding: 0.5rem 0;
  position: relative;
}
body .content #messenger .message_container .messages_container .messages .new_message {
  position: sticky;
  bottom: 0;
  background: #fff;
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem;
  border-radius: 0.7rem;
  cursor: pointer;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper {
  display: flex;
  margin: 1rem 0.3rem 0 0.3rem;
  flex-wrap: wrap;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper.current {
  justify-content: flex-end;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper.current .avatar {
  order: 3;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper.current .message_body_wrapper {
  order: 2;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper.current .message, body .content #messenger .message_container .messages_container .messages .message_wrapper.current .reply_wrapper {
  margin: 0 0.2rem 0 0;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper.current .message_date {
  text-align: right;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper.current .message_body_container {
  justify-content: flex-end;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message_body_container {
  display: flex;
  justify-content: flex-start;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message_date {
  width: 100%;
  font-size: 0.7rem;
  color: var(--blue_light);
  padding-bottom: 5px;
  font-weight: 600;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .avatar img {
  height: 25px;
  width: 25px;
  border-radius: 5px;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message_body_wrapper {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper {
  width: auto;
  padding: 0.8rem 0.8rem;
  border: 1px solid var(--blue_light);
  border-radius: 0.5rem;
  background: var(--gray_light);
  line-break: anywhere;
  margin: 0 0 0 0.3rem;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message.edit, body .content #messenger .message_container .messages_container .messages .message_wrapper .message.reply, body .content #messenger .message_container .messages_container .messages .message_wrapper .message.delete, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper.edit, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper.reply, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper.delete {
  border: 2px solid var(--red_bolt);
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message video, body .content #messenger .message_container .messages_container .messages .message_wrapper .message img, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper video, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper img {
  border-radius: 0.5rem;
  width: 100%;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message audio, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper audio {
  height: 30px;
  width: 220px;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message .text, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper .text {
  line-height: 1.1;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: pre;
  white-space: pre-line;
  line-break: auto;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message .text img.joypixels, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper .text img.joypixels {
  width: 20px !important;
  height: 20px;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .message .text.audio, body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper .text.audio {
  width: 250px;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper {
  opacity: 0.7;
}
body .content #messenger .message_container .messages_container .messages .message_wrapper .reply_wrapper .reply_label {
  border-left: 1px solid #212529;
  padding-left: 5px;
}
body .content #messenger .message_container .message_form {
  display: none;
  align-items: flex-end;
  background: var(--gray_light);
  min-height: 33px;
  border-radius: 0 0 0.7rem 0.7rem;
  justify-content: space-between;
}
body .content #messenger .message_container .message_form button.btn-message-add-content {
  border: none;
  background: transparent;
  color: var(--red_bolt);
  font-size: 1.6rem;
  line-height: normal;
  display: flex;
  padding-bottom: 5px;
  height: auto;
  padding: 0.2rem 0.5rem;
}
body .content #messenger .message_container .message_form button.btn-message-add-content:after {
  content: unset;
}
body .content #messenger .message_container .message_form ul.dropdown-menu.show {
  background: var(--gray_light);
  padding: 0 0.1rem;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 3px #70092824;
  width: -moz-max-content;
  width: max-content;
  margin-left: 10px !important;
}
body .content #messenger .message_container .message_form ul.dropdown-menu.show li {
  cursor: pointer;
}
body .content #messenger .message_container .message_form ul.dropdown-menu.show li:first-child .dropdown-item {
  padding-top: 0.9rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body .content #messenger .message_container .message_form ul.dropdown-menu.show li:last-child .dropdown-item {
  padding-bottom: 0.9rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body .content #messenger .message_container .message_form ul.dropdown-menu.show li .dropdown-item {
  font-size: 1rem;
  font-weight: 500;
  white-space: break-spaces;
}
body .content #messenger .message_container .message_form ul.dropdown-menu.show li .dropdown-item:hover, body .content #messenger .message_container .message_form ul.dropdown-menu.show li .dropdown-item:focus {
  color: #fff;
  background-color: #700928;
  font-size: 1rem;
}
body .content #messenger .message_container .message_form .send-button button {
  opacity: 0.85;
  background: #890651;
  padding: 0.2rem 1rem 0.3rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.7rem 0 0.7rem 0;
}
body .content #messenger .message_container .message_form .send-button button:hover, body .content #messenger .message_container .message_form .send-button button:focus {
  opacity: 1;
}
body .content #messenger .message_container .message_form .send-button button:before {
  border-radius: 0.7rem 0 0.7rem 0;
}
body .content #messenger .message_container .message_form .form-textarea textarea {
  min-height: 33px;
  height: 33px;
  max-height: 120px;
  line-height: initial;
  background: transparent;
  border: none;
  overflow: auto;
  resize: none;
}
body .content #messenger .message_container .message_form .form-textarea textarea:focus {
  box-shadow: none !important;
}
body .content #messenger .message_container .message_form .form-textarea textarea.focused {
  margin: 5px 0;
}
body .content #messenger .message_container .message_form .record_button {
  background: transparent;
  color: #890651;
  font-size: 1.6rem;
  line-height: normal;
  display: none;
  margin: 2px;
  width: 30px;
}
body .content #messenger .message_container .message_form .record_button.record_started {
  display: flex;
}
body .content #messenger .message_container .message_form .base-timer {
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .content #messenger .message_container .message_form .base-timer__svg {
  transform: scaleX(-1);
}
body .content #messenger .message_container .message_form .base-timer__circle {
  fill: none;
  stroke: none;
}
body .content #messenger .message_container .message_form .base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: #890651;
}
body .content #messenger .message_container .message_form .base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}
body .content #messenger .message_container .message_form .base-timer__path-remaining.red {
  color: var(--blue_light);
}
body .content #messenger .message_container .message_form .base-timer__label {
  position: absolute;
  padding: 0px 5px 3px;
}
@media screen and (max-width: 992px) {
  body .content #messenger {
    display: none;
  }
}
body .content .header_container .messages_header {
  padding: 0;
  padding-bottom: 0.2rem;
  display: flex;
  align-items: center;
  flex: 1;
}
body .content .header_container .messages_header div.back_to_contact {
  margin-right: 10px;
  font-size: 2rem;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1200px) {
  body .content .header_container .messages_header div.back_to_contact {
    display: block;
  }
}
body .content .header_container .messages_header div.name a {
  color: var(--red_bolt);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
}
body .content .header_container .messages_header div.name a:hover {
  text-decoration: underline;
}
body .content .header_container .messages_header div.description {
  color: #212529;
}
body .content .header_container .messages_header div.avatar {
  margin-right: 5px;
}
body .content .header_container .messages_header div.avatar img {
  height: 60px;
  width: 60px;
  border-radius: 5px;
}
body .content .header_container .messages_header .user_tools {
  margin-left: auto;
  display: flex;
}
body .content .header_container .messages_header .user_tools .audio, body .content .header_container .messages_header .user_tools .video {
  margin-left: 10px;
  font-size: 2.4rem;
  color: var(--red_bolt);
  cursor: pointer;
}
body .content .header_container .messages_header .user_tools .audio.hidden, body .content .header_container .messages_header .user_tools .video.hidden {
  display: none;
}
body .content .header_container .messages_header .user_tools .audio:hover i, body .content .header_container .messages_header .user_tools .video:hover i {
  font-weight: 600;
}
body .btn.dropdown-toggle:active, body .btn.dropdown-toggle.show, body .btn.dropdown-toggle:first-child:active {
  border: unset !important;
  outline: 0 !important;
}
body .bootstrap-select .filter-option {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
body .bootstrap-select .filter-option .filter-arrow {
  display: flex;
}
body .bootstrap-select .dropdown-toggle:after {
  display: none !important;
}
body .bootstrap-select .dropdown-toggle:focus, body .bootstrap-select .dropdown-toggle:focus-visible {
  outline: unset !important;
  box-shadow: none !important;
}
body .bootstrap-select input[type=search] {
  font-size: 1.1rem;
  margin-top: 1rem;
}
body .bootstrap-select input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 13px;
  width: 13px;
  background: var(--red_bolt);
  -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3csvg viewPort='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='1' y1='11' x2='11' y2='1' stroke='red' stroke-width='2'/%3e%3cline x1='1' y1='1' x2='11' y2='11' stroke='red' stroke-width='2'/%3e%3c/svg%3e");
          mask: url("data:image/svg+xml;charset=UTF-8,%3csvg viewPort='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='1' y1='11' x2='11' y2='1' stroke='red' stroke-width='2'/%3e%3cline x1='1' y1='1' x2='11' y2='11' stroke='red' stroke-width='2'/%3e%3c/svg%3e");
}
body .bootstrap-select .inner {
  margin-top: 2rem;
}
body .primary-menu, body .secondary-menu {
  width: 270px;
  padding: 3rem 0.5rem 1rem 0.5rem;
  flex-shrink: 0;
  flex-direction: column;
  display: flex;
  line-height: 1.2;
}
body .primary-menu a, body .secondary-menu a {
  padding: 5px 5px 5px 15px;
  min-height: 35px;
}
body .secondary-menu {
  padding: 1rem 0.5rem 1rem 0rem;
}
body .primary-menu .nav-link.active:hover, body .secondary-menu .nav-link.active:hover {
  color: unset !important;
  background-color: unset !important;
}
body .nav-link {
  color: #212529;
  font-weight: 500 !important;
  padding: 2px 5px 2px 15px;
  font-size: 1.1rem;
  border-radius: 1rem !important;
  background: transparent;
  border: 2px solid transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .nav-link.active {
  color: #212529 !important;
  background: transparent !important;
  border-color: var(--red_bolt) !important;
  border: 1px solid;
}
body .nav-link.active:hover {
  color: #fff !important;
  background-color: var(--red_bolt) !important;
  border-color: var(--red_bolt) !important;
}
body .nav-link:hover {
  background-color: var(--gray_light);
  border-color: var(--gray_light);
  color: #212529 !important;
}
body .nav-link .badge-outline-red {
  color: #890651;
  border: 1px solid #890651;
  border-radius: 1rem;
  padding: 4px 8px;
  line-height: 1;
}
body #contact_text:focus {
  z-index: 3;
}
body button.show-preview {
  border: none;
  background: no-repeat;
  position: absolute;
  right: 5px;
  top: 25px;
  z-index: 3;
}
body button.show-preview svg {
  fill: var(--blue_light);
}
body .dropzone-video-editor .video_container {
  width: 300px;
  height: 100%;
  margin: 50px auto 10px auto;
  border-radius: 0.7rem;
  padding: 0;
  aspect-ratio: 0.5625;
}
@supports not (aspect-ratio: 0.5625) {
  body .dropzone-video-editor .video_container::before {
    content: "";
    float: left;
    padding-top: calc((16 / 9) * 100%);
  }
  body .dropzone-video-editor .video_container::after {
    content: "";
    display: block;
    clear: both;
  }
}
body .dropzone-video-editor .video_container video#video_editor {
  width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 0.7rem;
  border: 1px solid #fff;
}
body .dropzone-video-editor .progress {
  width: 300px;
  margin: auto;
}
body .emoji-picker__wrapper {
  z-index: 2;
}