@charset "UTF-8";
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}
@media only screen and (max-width: 960px) {
  html,
body {
    height: auto;
  }
}

a {
  color: #425563;
  text-decoration: none;
}
a:hover, a:focus {
  color: #425563;
  text-decoration: underline;
}

div.flexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

div.courseRow {
  background: white;
  width: 100%;
  border: 1px solid #d9d9d9;
  margin-top: 15px;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.dropdown {
  padding: 0;
  margin: 0;
}
.dropdown-menu {
  padding: 0;
  margin: 0;
}
.dropdown-item {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  border-left: 3px solid transparent;
  padding: 10px;
  color: #425563;
}
.dropdown-item i, .dropdown-item img {
  display: inline-block;
  margin: 0 10px 0 0;
}
.dropdown-item.active, .dropdown-item:hover, .dropdown-item:focus {
  border-left: 3px solid #c8102e;
  background: #F2F2F2;
  color: #425563;
}

.btn {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: white;
  border: solid 1px #c8102e;
  background: #c8102e;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 16px;
  display: inline-block;
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .btn {
    font-size: 16px;
    /*
    line-height: 14px;
    padding: 4px 8px;*/
  }
}
.btn:hover, .btn:focus {
  text-decoration: none;
  color: #c8102e;
  background: white;
}
.btn.btn-cancel {
  color: white;
  border: solid 1px #DA291C;
  background: #DA291C;
}
.btn.btn-cancel:hover, .btn.btn-cancel:focus {
  color: #DA291C;
  background: white;
}
.btn.disabled, .btn.disabled:hover {
  background-color: grey;
  border-color: grey;
  cursor: default !important;
  color: white;
}
.btn:disabled, .btn:disabled:hover, .btn[disabled], .btn[disabled]:hover {
  background-color: grey;
  border-color: grey;
  cursor: default !important;
  color: white;
}
.btn i {
  display: inline-block;
  margin: 0 5px 0 0;
}
.btn-8padding {
  padding: 8px 16px;
}
.btn-10padding {
  padding: 10px 16px;
}
.btn-12padding {
  padding: 12px 16px;
}
.btn-12font {
  font-size: 12px;
  line-height: 16px;
}
.btn-14font {
  font-size: 14px;
  line-height: 18px;
}
.btn-clean {
  background: transparent;
  color: #c8102e;
  border: none;
}
.btn-clean:hover, .btn-clean:focus {
  text-decoration: underline;
  background: transparent;
  /*color: $color-main-hover;*/
}
.btn-secondary {
  background: #c8102e;
  color: white;
  border: none;
}
.btn-secondary:hover, .btn-secondary:focus {
  text-decoration: none;
  background: #c8102e;
}
.btn-inverted {
  background: white;
  color: #c8102e;
  border: solid 1px #c8102e;
}
.btn-inverted:hover, .btn-inverted:focus {
  text-decoration: none;
  background: #c8102e;
  color: white;
}
.btn.btn-rounded {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.btn.btn-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn-text-nocapitalize {
  text-transform: none;
}
.btn.like {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  border: 0;
  color: #c8102e;
  -webkit-box-shadow: 0px 0px 8px 4px rgba(38, 38, 38, 0.25);
  -moz-box-shadow: 0px 0px 8px 4px rgba(38, 38, 38, 0.25);
  box-shadow: 0px 0px 8px 4px rgba(38, 38, 38, 0.25);
  position: relative;
  vertical-align: middle;
}
.btn.like::before, .btn.like::after {
  border-radius: 100%;
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
.btn.like i {
  display: inline;
  color: #c8102e;
  margin: 0;
}
.btn.like:hover, .btn.like:focus {
  color: green;
}
.btn.like:hover i, .btn.like:focus i {
  color: green;
}
.btn.like.gray {
  color: rgba(38, 38, 38, 0.5);
  background: #ffffff;
}
.btn.like.gray i {
  color: rgba(38, 38, 38, 0.5);
}
.btn.like.loading::before, .btn.like.loading::after {
  top: 0;
  left: 0;
}
.btn.like.loading::before {
  border: 4px solid rgba(38, 38, 38, 0.25);
}
.btn.like.loading::after {
  border: 0 solid transparent;
}
.btn.like.loading::after {
  border-top: 4px solid rgba(38, 38, 38, 0.5);
  border-left-width: 4px;
  border-right-width: 4px;
  transform: rotate(270deg);
  transition: transform 30s linear 0s, border-left-width 0s linear 0.35s;
}

@media only screen and (min-width: 960px) {
  a.btn.btn-sm {
    display: inline-block;
    padding-top: 13px;
    line-height: 12px;
    height: 40px;
  }
}
.btnLow {
  padding: 12px 0 !important;
}

.btnFitContent {
  width: fit-content;
}

.form-control:not([type=checkbox]):not([type=radio]) {
  width: 100%;
  padding: 30px 15px 20px 15px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(38, 38, 38, 0.75);
}

.float-placeholder input {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}
.float-placeholder textarea {
  padding-top: 10px !important;
}
.float-placeholder label {
  /*color: #495057;*/
  font-size: 14px;
  transition: all 0.2s ease-out;
  padding-right: 15px !important;
}
.float-placeholder input + label {
  transform: translate(16px, -38px);
}
.float-placeholder textarea + label {
  transform: translate(16px, -160px);
}
.float-placeholder input:focus + label,
.float-placeholder input:not(:placeholder-shown) + label {
  font-size: 12px;
  color: #262626;
  font-weight: bold;
  transform: translate(16px, -52px);
}
.float-placeholder textarea:focus + label,
.float-placeholder textarea:not(:placeholder-shown) + label {
  font-size: 12px;
  color: #262626;
  font-weight: bold;
  transform: translate(16px, -120px);
}

.separator {
  display: inline-block;
  width: 1px;
  height: 20px;
  margin: 0 10px;
  border-left: 1px solid #D9D9D9;
  vertical-align: middle;
}

.separator-h {
  display: inline-block;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  border-top: 1px solid #D9D9D9;
  vertical-align: middle;
}

.icon-circle {
  background: #D9D9D9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #262626;
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
  color: #c8102e;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #c8102e;
  text-decoration: none;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus {
  color: #c8102e;
  text-decoration: underline;
}
@media only screen and (max-width: 960px) {
  h1, h2, h3, h4, h5 {
    font-size: 16px;
    line-height: 20px;
  }
}

h1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: left;
}

h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  text-align: left;
}

h3 {
  font-size: 20px;
}

.styled-title {
  width: 100%;
  text-align: center;
  padding: 64px;
  margin: 0;
  color: #ffffff;
  background: #c8102e;
}

.mb24 {
  margin-bottom: 24px;
}

.mb48 {
  margin-bottom: 48px;
}

.mt24 {
  margin-top: 24px;
}

.mt48 {
  margin-top: 48px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb48 {
  padding-bottom: 48px;
}

.pt8 {
  padding-top: 8px;
}

.pt16 {
  padding-top: 16px;
}

.pt24 {
  padding-top: 24px;
}

.pt24m {
  padding-top: 24px;
}
@media only screen and (max-width: 960px) {
  .pt24m {
    padding: 0;
  }
}

.pt48 {
  padding-top: 48px;
}

.p16 {
  padding: 16px;
}

.p24 {
  padding: 24px;
}

.p48 {
  padding: 48px;
}

.b4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.full-width {
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .desktop-text {
    display: none;
  }
}

.mobile-text {
  display: none;
}
@media only screen and (max-width: 960px) {
  .mobile-text {
    display: inline;
  }
}

.bg-danger, .bg-success {
  padding: 8px 12px;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
}

.color-main-text {
  color: #425563;
}

.error {
  color: red;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
}

.success {
  color: green;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
}

.breakWords {
  word-break: break-all;
}

.login {
  height: 100vh;
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 800px;
  grid-template-areas: "image form";
  background-color: #FFFFFF;
}
@media only screen and (max-width: 960px) {
  .login {
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-template-areas: "form";
    height: 100%;
  }
}
.login-image {
  grid-area: image;
  height: 100%;
}
.login-form {
  grid-area: form;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 20px 200px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .login-form {
    padding: 20px 16px;
  }
}
.login-form-Logo {
  margin: 0 0 64px 0;
}
.login-form-Logo img {
  /*max-height: 20%;*/
  height: 80px;
}
.login-form-title {
  margin: 0 0 40px 0;
}
.login-form-title h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #c8102e;
  margin: 0 0 16px 0;
  text-align: center;
}
.login-form-title p {
  color: #262626;
}
.login-form form {
  margin: 0 0 40px 0;
}
.login-form form input {
  display: block;
  width: 100%;
  border: 1px solid rgba(66, 85, 99, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  padding: 16px;
  margin: 0 0 16px 0;
}
.login-form form button {
  display: block;
  width: 100%;
  background: #c8102e;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 16px;
  display: inline-block;
  text-decoration: none;
}
.login-footer {
  margin: 40px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #262626;
  text-align: center;
}
.login-footer a {
  color: #262626;
  text-decoration: underline;
}
.login-footer a:hover {
  color: #262626;
  text-decoration: none;
}
.login .lang-switch {
  position: absolute;
  right: 20px;
  top: 20px;
}
.login .lang-switch a {
  color: rgba(38, 38, 38, 0.75);
  font-size: 14px;
}
.login .lang-switch a:hover {
  color: rgba(38, 38, 38, 0.75);
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .login .lang-switch {
    right: 16px;
  }
}
.login .reset-password {
  font-weight: bold;
  text-transform: uppercase;
}

.loginNew {
  width: 60%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 8px;
}
@media only screen and (max-width: 960px) {
  .loginNew {
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
    height: 100vh;
  }
}
.loginNew-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.loginNew-container {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse;
}
.loginNew-container-image {
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  max-width: 1200px;
}
@media only screen and (max-width: 960px) {
  .loginNew-container-image {
    display: none;
  }
}
@media only screen and (max-width: 1400px) {
  .loginNew-container-image {
    display: none;
  }
}
.loginNew-container-form {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .loginNew-container-form {
    padding: 20px 16px;
    width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .loginNew-container-form {
    padding: 20px 16px;
    width: 100%;
  }
}
.loginNew-container-form-Logo {
  margin: 0 0 64px 0;
}
.loginNew-container-form-Logo img {
  /*max-height: 20%;*/
  height: 80px;
}
.loginNew-container-form-title {
  margin: 0 0 40px 0;
}
.loginNew-container-form-title h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #c8102e;
  margin: 0 0 16px 0;
  text-align: center;
}
.loginNew-container-form-title p {
  color: #262626;
}
.loginNew-container-form form {
  margin: 0 0 40px 0;
}
.loginNew-container-form form input {
  display: block;
  width: 100%;
  border: 1px solid rgba(66, 85, 99, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  padding: 16px;
  margin: 0 0 16px 0;
}
.loginNew-container-form form button {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 16px;
  display: inline-block;
  text-decoration: none;
}
.loginNew-container-footer {
  margin: 40px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #262626;
  text-align: center;
}
.loginNew-container-footer a {
  color: #262626;
  text-decoration: underline;
}
.loginNew-container-footer a:hover {
  color: #262626;
  text-decoration: none;
}
.loginNew-container .lang-switch {
  position: absolute;
  right: 20px;
  top: 20px;
}
.loginNew-container .lang-switch a {
  color: rgba(38, 38, 38, 0.75);
  font-size: 14px;
}
.loginNew-container .lang-switch a:hover {
  color: rgba(38, 38, 38, 0.75);
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .loginNew-container .lang-switch {
    right: 16px;
  }
}
.loginNew-container .reset-password {
  font-weight: bold;
  text-transform: uppercase;
}

.main {
  width: 100%;
  /*height: 100%;*/
  position: relative;
  background-color: #FFFFFF;
}
.main-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.main-content {
  position: relative;
  min-height: calc(100vh - 54px - 68px);
  padding-bottom: 38px;
}
.main-content .main-inner.padding {
  padding: 38px 0;
}
@media only screen and (max-width: 960px) {
  .main-content .main-inner.padding {
    padding: 20px 10px;
  }
}
.main-header {
  height: 54px;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
@media only screen and (max-width: 960px) {
  .main-header {
    height: 48px;
    padding: 0 16px;
  }
}
.main-header-logo {
  white-space: nowrap;
}
.main-header-logo img {
  height: 40px;
}
.main-header-logo .event-name {
  font-size: 12px;
  color: #c8102e;
  font-weight: bold;
  margin-left: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 960px) {
  .main-header-logo .event-name {
    display: none;
  }
}
.main-header-nav {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*
  @media only screen and (max-width: $breakpoint-mobile-menu)  {
      display: none;
  }*/
  /*
  .event-menu {
      margin-right: 40px;
  }*/
}
.main-header-nav .event-menu {
  white-space: nowrap;
}
.main-header-nav .badge-live-small, .main-header-nav .badge-live-small:hover {
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 5px;
  background-color: #c8102e;
  color: white;
  font-size: 10px;
}
.main-header-nav .badge-live-small.margin-right, .main-header-nav .badge-live-small:hover.margin-right {
  margin-right: 40px;
}
.main-header-nav .badge-live-small.margin-right-small, .main-header-nav .badge-live-small:hover.margin-right-small {
  margin-right: 20px;
}
.main-header-nav a.link {
  color: #425563;
  text-decoration: none;
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding: 15px 0 14px 0;
  margin: 0 24px 0 0;
  font-weight: 600;
  opacity: 0.75;
}
.main-header-nav a.link > i {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #262626;
}
.main-header-nav a.link:hover, .main-header-nav a.link:focus {
  color: #425563;
  text-decoration: none;
  border-bottom: 2px solid #c8102e;
}
.main-header-nav a.link:hover i, .main-header-nav a.link:focus i {
  color: #425563;
}
.main-header-nav a.link.active {
  border-bottom: 2px solid #c8102e;
  opacity: 1;
}
.main-header-nav a.link.no-right-margin {
  margin-right: 0px;
}
.main-header-nav .notification-link {
  color: #262626;
  text-decoration: none;
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding: 15px 0 14px 0;
  margin: 0 8px 0 0;
  font-weight: 600;
  opacity: 0.75;
  position: relative;
}
.main-header-nav .notification-link > i {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #262626;
}
.main-header-nav .notification-link:hover, .main-header-nav .notification-link:focus {
  color: #425563;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.main-header-nav .notification-link:hover i, .main-header-nav .notification-link:focus i {
  color: #425563;
}
.main-header-nav .notification-link:hover .balloon, .main-header-nav .notification-link:focus .balloon {
  display: block;
}
.main-header-nav .notification-link.active {
  border-bottom: 2px solid transparent;
  opacity: 1;
}
.main-header-nav .notification-link.no-right-margin {
  margin-right: 0px;
}
.main-header-nav .notification-link .badge {
  top: 22px;
  left: 15px;
  border-radius: 50%;
  padding: 3px 4px 1px 4px;
}
.main-header-nav-mobile {
  font-size: 24px;
  line-height: 24px;
  display: none;
  align-items: center;
  justify-content: center;
  /*
              @media only screen and (max-width: $breakpoint-mobile-menu)  {
                  display: flex;

              }*/
}
.main-header-nav-mobile a.link {
  color: #425563;
}
.main-header-nav-mobile a.link:hover, .main-header-nav-mobile a.link:focus {
  color: #c8102e;
  text-decoration: none;
}
.main-header-nav-mobile .notification-link {
  position: relative;
  color: #425563;
  margin: 0 8px 0 0;
}
.main-header-nav-mobile .notification-link > i {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #425563;
}
.main-header-nav-mobile .notification-link:hover, .main-header-nav-mobile .notification-link:focus {
  color: #c8102e;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.main-header-nav-mobile .notification-link:hover i, .main-header-nav-mobile .notification-link:focus i {
  color: #c8102e;
}
.main-header-nav-mobile .notification-link:hover .balloon, .main-header-nav-mobile .notification-link:focus .balloon {
  display: block;
}
.main-header-nav-mobile .notification-link .badge {
  top: 8px;
  left: 18px;
  border-radius: 50%;
  padding: 3px 4px 1px 4px;
}
.main-header-nav-mobile-menu {
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  top: 53px;
  right: 0;
  background: #ffffff;
  z-index: 100;
  padding: 24px 0;
  box-shadow: -5px 3px 10px 1px #ccc;
  display: none;
}
.main-header-nav-mobile-menu.show {
  display: block;
}
.main-header-nav-mobile-menu .link {
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: #425563;
}
.main-header-nav-mobile-menu .link i {
  display: inline-block;
  margin-right: 10px;
}
.main-header-nav-mobile-menu .link:hover, .main-header-nav-mobile-menu .link:focus {
  color: #c8102e;
  text-decoration: none;
}
.main-header-nav-mobile-menu .link.active {
  color: #c8102e;
  text-decoration: none;
}
.main-footer {
  background: #d0d5d8;
  padding: 16px 0;
}
.main-footer .main-inner {
  display: flex;
}
.main-footer .main-inner .main-footer-logo {
  align-self: center;
  margin: 0 40px 0 0;
}
.main-footer .main-inner .main-footer-logo > img {
  max-width: 150px;
  max-height: 75px;
}
.main-footer .main-inner .main-footer-copyright {
  align-self: center;
  text-align: right;
  flex-grow: 1;
  color: #262626;
  font-size: 12px;
  line-height: 20px;
}
.main-footer .main-inner .main-footer-copyright a {
  color: #262626;
  text-decoration: underline;
}
.main-footer .main-inner .main-footer-copyright a:hover, .main-footer .main-inner .main-footer-copyright a:focus {
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .main-footer .main-inner {
    flex-wrap: wrap;
    padding: 0 16px;
  }
  .main-footer .main-inner .main-footer-copyright {
    flex-grow: 1;
    margin: 0;
  }
}
@media only screen and (max-width: 960px) {
  .main-footer {
    padding: 24px 0;
  }
}
.main .badge-live, .main .badge-live:hover {
  padding: 2px 6px;
  border-radius: 5px;
  background-color: #c8102e;
  color: white;
  font-size: 13px;
}
.main .badge-live i, .main .badge-live:hover i {
  font-size: 11px;
}
.main .badge-archive, .main .badge-archive:hover {
  padding: 2px 6px;
  border-radius: 5px;
  background-color: rgba(66, 85, 99, 0.25);
  color: #425563;
  font-size: 13px;
}
.main .badge-archive i, .main .badge-archive:hover i {
  font-size: 11px;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1100;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* The Close Button */
}
.modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  /* 15% from the top and centered */
  /*padding: 20px;
  /*border: 1px solid #888;*/
  width: 70%;
  /* Could be more or less, depending on screen size */
}
.modal-close {
  text-align: right;
  padding: 8px 20px;
}
.modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  display: block;
}
.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.image-container {
  position: relative;
}
.image-container .backgroundVideo {
  width: 100%;
}
.image-container video {
  display: block;
}

.img-grid {
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width: 480px) {
  .mobile-480-hide {
    display: none !important;
  }
}

.mobile-480-show {
  display: none;
}
@media only screen and (max-width: 480px) {
  .mobile-480-show {
    display: initial;
  }
}

.brandColor {
  color: #c8102e !important;
}

.spinnerDiv {
  position: absolute;
  display: block;
  z-index: 0;
  top: 50%;
  left: 50%;
}

.full-screen-video {
  animation-fill-mode: none !important;
}

@media only screen and (max-width: 960px) {
  .no-padding-mobile {
    padding: 0 !important;
  }
}

.hide-icons i:not(.notHide) {
  display: none !important;
}

.set-up-profile {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #D9D9D9;
  padding: 20px;
  background-color: #f4f6f7;
}
.set-up-profile a {
  margin-left: auto;
  /*height: 40px;*/
}
.set-up-profile .info-icon {
  padding-right: 15px;
}
.set-up-profile .info-icon i {
  font-size: 60px;
  color: #c8102e;
}

.event {
  display: flex;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #D9D9D9;
  padding: 20px;
}
@media only screen and (max-width: 960px) {
  .event {
    padding: 10px;
  }
}
.event-image {
  flex: 0 0 180px;
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 960px) {
  .event-image {
    flex: 0 0 50px;
    margin: 0 10px 0 0;
  }
}
.event-image a {
  display: block;
  width: 180px;
  height: 180px;
}
@media only screen and (max-width: 960px) {
  .event-image a {
    width: 50px;
    height: 50px;
  }
}
.event-image img {
  width: 180px;
  height: 180px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 960px) {
  .event-image img {
    width: 50px;
    height: 50px;
  }
}
.event-content {
  flex-grow: 1;
  padding: 3px 0 0 0;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .event-content h2, .event-content h3, .event-content h4, .event-content h5 {
    font-size: 16px;
    line-height: 20px;
  }
}
.event-icons {
  margin: 12px 0 0 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 960px) {
  .event-icons {
    margin: 6px 0 0 0;
  }
}
.event-icons li {
  display: inline-block;
  margin: 0 24px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
}
@media only screen and (max-width: 960px) {
  .event-icons li {
    margin: 0 12px 0 0;
    font-size: 12px;
    line-height: 16px;
  }
}
.event-icons li i {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
  color: #c8102e;
}
@media only screen and (max-width: 960px) {
  .event-icons li i {
    margin: 0 5px 0 0;
  }
}
.event-buttons {
  position: absolute;
  bottom: 12px;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .event-buttons {
    position: relative;
    bottom: auto;
    margin: 20px 0 0 0;
  }
}
.event-buttons .btn {
  padding: 10px;
  flex: 0 0 30%;
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 960px) {
  .event-buttons .btn {
    margin: 0 10px 0 0;
    /*padding: 3px 8px;*/
    flex: 1 0 0;
  }
}
.event-buttons .btn-full {
  flex: 0 0 75%;
}
.event-buttons .view_event {
  align-self: flex-end;
  margin-right: 0;
  padding: 10px 0;
  flex: 1 0 0;
  text-align: right;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .event-buttons .view_event {
    flex: 0 1 20px;
  }
  .event-buttons .view_event .mobile-text {
    font-size: 14px;
    line-height: 14px;
  }
}

.mapLink {
  position: absolute;
  display: block;
  /*border:solid red 1px;*/
  border-radius: 20px;
}
.mapLink:hover, .mapLink:focus {
  text-decoration: none;
  outline: none;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 0px 47px 0px white;
  -moz-box-shadow: 0px 0px 47px 0px white;
  box-shadow: 0px 0px 47px 0px white;
}

.mapLinkCircle {
  position: absolute;
  display: block;
  /*border:solid red 1px;*/
  border-radius: 50%;
}
.mapLinkCircle:hover, .mapLinkCircle:focus {
  text-decoration: none;
  outline: none;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 0px 47px 0px white;
  -moz-box-shadow: 0px 0px 47px 0px white;
  box-shadow: 0px 0px 47px 0px white;
}

.livestream {
  position: relative;
  width: 100%;
  height: calc(100vh - 54px);
  display: grid;
  grid-template-rows: 56px auto;
  grid-template-columns: auto 460px;
  grid-template-areas: "content navbar" "content side";
}
.livestream .form-control {
  font-size: 14px;
}
.livestream .userContentFooter .form-control {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-color: #ffffff !important;
}
.livestream .userContentFooter .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ffffff !important;
}

.livestream.no-chat {
  grid-template-areas: "content content" "content content";
}

.livestream-logo {
  grid-area: header;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 37px;
  background: white;
}

.livestream-logo .livestream-logo-title {
  padding-left: 15px;
  flex-grow: 1;
}

.livestream-logo .livestream-logo-title strong {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  display: block;
}

.livestream-logo .livestream-logo-title span {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  display: block;
}

.livestream-logo .livestream-logo-toggle-chat a {
  color: #808080;
  font-size: 15px;
}

.livestream-logo .livestream-logo-toggle-chat a:hover {
  color: #c8102e;
}

.livestream-navbar {
  grid-area: navbar;
  background: white;
  border-bottom: 1px solid #D9D9D9;
  border-left: solid 1px #D9D9D9;
}

.livestream-navbar .navbar-nav {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  overflow-x: auto;
  white-space: nowrap;
  height: 100%;
}

.livestream-navbar .navbar-nav .nav-item {
  border-bottom: 3px solid transparent;
  text-align: center;
  height: 100%;
  margin-right: 15px;
}
.livestream-navbar .navbar-nav .nav-item:first-child {
  margin-left: 15px;
}
.livestream-navbar .navbar-nav .nav-item:last-child {
  margin-right: 0;
}

.livestream-navbar .navbar-nav .nav-item.active {
  border-bottom: 2px solid #c8102e;
}

.livestream-navbar .navbar-nav .nav-item .nav-link {
  padding: 0;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.livestream-navbar a {
  color: #808080;
  font-size: 15px;
}

.livestream-navbar .navbar-nav .nav-item.active a {
  color: #c8102e;
}

.livestream-content {
  grid-area: content;
  padding: 0;
  position: relative;
  background-color: #f4f6f7;
}
@media only screen and (max-width: 960px) {
  .livestream-content {
    height: auto;
  }
}
.livestream-content-center {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: calc(100vh - 54px - 56px);
}
.livestream-content.with-bottom {
  padding-bottom: 100px;
}
.livestream-content-buttons-left > *, .livestream-content-buttons-right > *, .livestream-content-buttons-bottom-right > * {
  display: inline-block;
  background: #808080;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  padding: 5px 10px;
  margin-right: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.livestream-content-buttons-left > * i, .livestream-content-buttons-right > * i, .livestream-content-buttons-bottom-right > * i {
  color: #FFFFFF;
}
.livestream-content-buttons-left > *:last-child, .livestream-content-buttons-right > *:last-child, .livestream-content-buttons-bottom-right > *:last-child {
  margin-right: 0;
}
.livestream-content-buttons-left {
  position: absolute;
  left: 15px;
  top: 15px;
}
@media only screen and (max-width: 960px) {
  .livestream-content-buttons-left {
    display: none;
  }
}
.livestream-content-buttons-right {
  position: absolute;
  right: 15px;
  top: 13px;
}
@media only screen and (max-width: 960px) {
  .livestream-content-buttons-right {
    display: none;
  }
}
.livestream-content-buttons-bottom-right {
  position: absolute;
  right: 28px;
  bottom: 16px;
}
@media only screen and (max-width: 960px) {
  .livestream-content-buttons-bottom-right {
    display: none;
  }
}
.livestream-content-buttons-bottom-right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.livestream-content-buttons-bottom-right > * {
  display: block;
  background: transparent;
}
.livestream-content-like-graphs {
  max-width: 450px;
  padding: 16px;
  margin: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.livestream-content-like-graphs-legend {
  padding: 16px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(38, 38, 38, 0.75);
}
.livestream-content-like-graphs .btn {
  display: inline-block;
  margin: 8px 16px;
  position: relative;
}
.livestream-content-like-graphs .btn i {
  position: absolute;
  left: 30%;
}
.livestream-content-like-graphs .btn .fa-thumbs-up {
  top: 28%;
}
.livestream-content-like-graphs .btn .fa-thumbs-down {
  top: 35%;
}

.livestream-content h2, .livestream-content h3, .livestream-content h4 {
  text-align: center;
  color: #666666;
}

.livestream-content p {
  text-align: center;
  color: #666666;
}

.livestream-content a {
  color: #666666;
}

.livestream-content a:hover, .livestream-content a:focus, .livestream-content a:visited {
  color: #666666;
}

.livestream-sides {
  grid-area: side;
  background: white;
  border-left: solid 1px #D9D9D9;
}

.livestream-sides .livestream-side {
  display: none;
  height: 100%;
}

.livestream-sides .livestream-side.show {
  display: block;
}

.livestream-sides .livestream-side-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .livestream-sides .livestream-side-inner {
    height: auto;
  }
}

.userContent {
  position: relative;
}
.userContent .add-button {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 26px;
  line-height: 26px;
  color: #c8102e;
}

.userContentWrap {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 20px;
  position: relative;
  /*
  56 - horní panel
  140 - msg input
  */
  height: calc(100vh - 127px - 56px);
}
.userContentWrap.noPT {
  padding-top: 0;
}

.userContentWrap.withAttendees {
  height: calc(100vh - 112px - 56px - 73px - 60px);
}
@media only screen and (max-width: 960px) {
  .userContentWrap.withAttendees {
    height: 400px;
  }
}

.userContentWrap.withAttendeesUserChat {
  height: calc(100vh - 75px - 57px - 73px - 60px);
}
@media only screen and (max-width: 960px) {
  .userContentWrap.withAttendeesUserChat {
    height: 400px;
  }
}

.userContentWrap.withAnonym {
  height: calc(100vh - 127px - 56px - 25px);
}
@media only screen and (max-width: 960px) {
  .userContentWrap.withAnonym {
    height: 400px;
  }
}

.userContentWrap.withPolls {
  height: calc(100vh - 127px - 60px);
}
@media only screen and (max-width: 960px) {
  .userContentWrap.withPolls {
    height: 400px;
  }
}

.userContentWrap.noForm {
  height: calc(100vh - 110px);
}
@media only screen and (max-width: 960px) {
  .userContentWrap.noForm {
    height: 400px;
  }
}

.userContentFooter {
  border-top: 1px solid #e6e6e6;
  /*padding: 17px 20px 50px 20px;*/
  padding: 8px 20px 0px 20px;
  flex: 0 0 73px;
  position: relative;
}
.userContentFooter.attendeeChatPart {
  padding: 0px 20px 0px 20px;
}
.userContentFooter .showNewMessages {
  position: absolute;
  top: -30px;
  left: calc(50% - 40px);
  width: 80px;
  background: #c8102e;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 4px;
  text-decoration: none;
  display: none;
}
.userContentFooter .showNewMessages:hover {
  background: green;
  text-decoration: none;
}

.userContentHeader {
  padding: 10px 20px 10px 20px;
  flex: 0 0 73px;
}

.userContentFooter.withAnonym {
  flex: 0 0 90px;
}

@media only screen and (max-width: 1024px) {
  .livestream {
    grid-template-rows: 56px auto;
    grid-template-columns: auto 300px;
  }

  .livestream-navbar .navbar-nav .nav-item .nav-link span {
    display: none;
  }

  .livestream-navbar .navbar-nav .nav-item .nav-link span.badge {
    display: inline-block;
  }
}
@media only screen and (max-width: 600px) {
  .livestream {
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas: "header" "content" "navbar" "side";
  }

  .livestream-content {
    padding: 0px;
  }

  .livestream-navbar {
    border-bottom: 1px solid #BFBFBF;
    height: 50px;
  }
  .livestream-navbar .navbar-nav {
    width: 100vw;
  }

  .userContentWrap {
    padding: 15px;
    height: 100vh;
    max-height: 100vh;
  }

  .userContentWrap.withAnonym {
    max-height: 800px;
  }

  .userContentFooter {
    padding: 17px 15px 17px 15px;
  }

  .livestream-navbar .navbar-nav .nav-item .nav-link span {
    display: inline;
  }

  .livestream-navbar .navbar-nav .nav-item .nav-link span.badge {
    display: inline-block;
  }
}
.livestream-stats h1, .livestream-stats h2, .livestream-stats h3, .livestream-stats h4 {
  padding: 16px;
  font-size: 24px;
  line-height: 32px;
}
.livestream-stats-numbers {
  background: #D9D9D9;
  padding: 16px 16px 0 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
}
.livestream-stats-numbers p {
  padding: 0;
  margin: 0 16px 16px 0;
  text-align: center;
}
.livestream-stats-numbers p:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.livestream-stats-numbers p span {
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 0 0 5px 0;
  color: rgba(38, 38, 38, 0.25);
}
.livestream-stats-numbers p strong {
  font-size: 24px;
  line-height: 32px;
  color: #425563;
}

.userContentFooter form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.userContentFooter form .form-control {
  flex: 0 0 70%;
  padding-left: 0px !important;
}

.userContentFooter form .form-buttons {
  flex: 0 0 30%;
}

.userContentFooter form .addCheckAnonym {
  flex: 0 0 100%;
  margin: -5px 0 0 0;
}

.userContentFooter form .addCheckAnonym label {
  margin: 0 0 0 5px;
  font-size: 12px;
  line-height: 12px;
  color: #262626;
}

.userContentFooter form .addCheckAnonym input {
  position: relative;
  top: 0px;
}

.messages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

form .form-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
}
form .form-buttons > * {
  margin-right: 10px;
}
form .form-buttons > *:last-child {
  margin-right: 0;
}
form .form-buttons a {
  color: #425563;
  text-decoration: none;
}
form .form-buttons a:hover, form .form-buttons a:focus {
  color: #c8102e;
  text-decoration: none;
}

/*
.userContentFooter {
    padding-bottom: 17px
}*/
body {
  background-color: #d0d5d8;
}

.badge {
  position: absolute;
  top: 11px;
  left: 34px;
  font-size: 9px;
}

.btn-circle {
  border-radius: 50%;
  padding: 12px;
}

.message.chatMessage, .message.questionMessage, .message.downloadRow, .message.productRow, .message.contactRow {
  padding-bottom: 30px;
}
.message.chatMessage.borderBottom, .message.questionMessage.borderBottom, .message.downloadRow.borderBottom, .message.productRow.borderBottom, .message.contactRow.borderBottom {
  padding: 15px 0;
  border: 0 solid #D9D9D9;
  border-bottom-width: 1px;
}

.message.chatMessage {
  position: relative;
}
.message.chatMessage .removeMessage {
  position: absolute;
  right: 10px;
  top: 0px;
}
.message.chatMessage .editMessage {
  position: absolute;
  right: 35px;
}

.chatName {
  display: flex;
  color: #666666;
  font-size: 14px;
  flex-grow: 1;
  align-items: center;
}

.chatName i.fa-user-circle {
  /*color: $color-main;*/
  font-size: 20px;
  /*
  width: 16px;
  height: 16px;
  padding: 3px 0 0 0;
  display: inline-block;
  background: #C8EEF7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;*/
  vertical-align: baseline;
}

.message.withButtons {
  display: flex;
}
.message.withButtons .chatMessageContent {
  flex-grow: 1;
}

.chatMessageImage {
  flex: 0 1 100px;
  margin: 0 10px 0 0;
}

.chatMessageButtons {
  font-size: 20px;
}

.userChatAvatar {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.chatName .chatNameText {
  flex-grow: 1;
  padding-left: 3px;
}

.chatTitle {
  display: flex;
}

.chatText {
  padding-left: 3px;
  padding-top: 3px;
  color: #0b0b0b;
  font-size: 14px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.chatTime {
  color: #82868A;
  font-size: 12px;
  padding-left: 5px;
}

.form-buttons {
  padding-left: 10px;
}

.btn-happenee {
  color: white;
  background-color: #c8102e;
  border-color: #c8102e;
}

.btn-happenee:disabled {
  color: white;
  background-color: #cccccc;
  border-color: #aaaaaa;
}

.message.questionMessage {
  border-bottom: 1px solid #D9D9D9;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.message.questionMessage:last-of-type {
  border: none;
}

.question-like {
  font-size: 12px;
  padding: 3px 8px;
  border: 1px solid #7F7F7F;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}
.question-like.liked {
  border: solid #c8102e 1px;
  background-color: #F2F2F2;
}

.question-like a {
  color: #7F7F7F;
  text-decoration: none;
}

.question-like.liked a, .question-like.liked a:hover, .question-like.liked a:visited {
  color: #c8102e;
  text-decoration: none;
  cursor: default;
}

.question-like a:hover {
  color: #7F7F7F;
  text-decoration: none;
}

.question-like a:visited {
  text-decoration: none;
  color: #7F7F7F;
}

.question-like a span {
  display: inline-block;
  width: 18px;
  text-align: right;
}

.poll {
  margin-bottom: 20px;
}

.poll .poll-heading {
  margin-bottom: 10px;
}

.poll .poll-heading h2, .poll .poll-heading h3, .poll .poll-heading h4, .poll .poll-heading h5 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  color: #c8102e;
}

.poll .poll-heading p {
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  padding: 0;
  color: #666666;
}

.poll .poll-answers {
  margin: 0 0 10px 0;
}

.poll .poll-answers ul {
  list-style: none;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.poll .poll-answers ul li {
  display: block;
  width: 100%;
}

.poll .poll-answers ul li label {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 0;
  margin: 0;
}

.poll .poll-answers ul li label input {
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 0;
}

.poll-vote button {
  width: 100%;
}

form.userContentFormInline {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
form.userContentFormInline textarea, form.userContentFormInline select, form.userContentFormInline input:not([type=checkbox]):not([type=radio]) {
  flex-grow: 1;
  border: 0;
  padding: 5px 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  height: 55px;
}
form.userContentFormInline .form-buttons {
  flex: 0 1 auto;
}

.userContentTabs {
  background: #d9d9d9;
  background: linear-gradient(180deg, #d9d9d9 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 20px;
  z-index: 10;
}
.userContentTabs ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  list-style: none;
  flex-direction: row;
}
.userContentTabs ul li {
  flex: 0 0 50%;
}
.userContentTabs ul li a {
  border: 1px solid #c8102e;
  font-size: 14px;
  line-height: 14px;
  background: #ffffff;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #c8102e;
  padding: 8px 0;
  text-align: center;
  position: relative;
}
.userContentTabs ul li a:hover, .userContentTabs ul li a:focus {
  background: #c8102e;
  text-decoration: none;
  color: #ffffff;
}
.userContentTabs ul li a .badge {
  position: relative;
  left: 5px;
  top: -5px;
}
.userContentTabs ul li.active a {
  background: #c8102e;
  text-decoration: none;
  color: #ffffff;
}
.userContentTabs ul li.active a:hover, .userContentTabs ul li.active a:focus {
  background: #c8102e;
  text-decoration: none;
  color: #ffffff;
}
.userContentTabs ul li:first-child a {
  border-right: 0;
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
}
.userContentTabs ul li:last-child a {
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}

.userContentTabContent {
  z-index: 5;
}

#chatRows, #privateRows {
  padding-top: 50px;
}

.attendees-user-name strong {
  cursor: pointer;
}

#privateRows .attendees-user {
  cursor: pointer;
}

#attendeesScreen .user-detail-description {
  font-size: 14px;
}

.livestream-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1100;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.6);
  /* Black w/ opacity */
  /* The Close Button */
}
.livestream-modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  position: relative;
  padding: 40px;
  max-width: 960px;
  width: 90%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.livestream-modal-content-title {
  font-size: 16px;
  font-weight: bold;
  color: #c8102e;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.livestream-modal-close {
  text-align: right;
  position: absolute;
  right: 40px;
  top: 30px;
}
.livestream-modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  display: block;
}
.livestream-modal .close:hover,
.livestream-modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.livestream-modal .form-control:not([type=checkbox]):not([type=radio]) {
  height: initial;
  padding: 10px 15px;
}

.livestream-notification {
  position: absolute;
  top: 71px;
  right: 15px;
}
.livestream-notification-row {
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin: 0 0 12px 0;
  transition: visibility 0s linear 0.7s, opacity 0.7s ease-in-out;
}
.livestream-notification-row-icon {
  margin-right: 12px;
  font-size: 28px;
  line-height: 28px;
}
.livestream-notification-row-text {
  font-size: 14px;
  line-height: 16px;
  color: black;
}
.livestream-notification-row-time {
  color: #262626;
  font-size: 12px;
  line-height: 16px;
  /*margin-left: 16px;*/
}

.prevStand, .nextStand {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 45px;
  height: 45px;
  margin-top: -22px;
  padding: 16px;
  color: #c8102e !important;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 50%;
  border: solid 1px #c8102e;
  user-select: none;
  line-height: 10px;
}
.prevStand:hover, .nextStand:hover {
  background-color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

.prevStand {
  left: 1%;
}

.nextStand {
  right: 1%;
  border-radius: 50%;
}

@media only screen and (max-width: 960px) {
  .speakers-module {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.speaker-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.speaker {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 30px 0;
  cursor: pointer;
}
.speaker-image {
  text-align: center;
  margin: 0 0 16px 0;
}
.speaker-image img {
  width: 100%;
  max-height: 500px;
  /*border-radius: 50%;*/
}
.speaker-text h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.speaker-text p {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}
.speaker-position {
  color: rgba(38, 38, 38, 0.75);
}
.speaker-company {
  color: #262626;
}
.speaker.click-over:hover {
  text-decoration: underline !important;
}
.speaker.priority-1 {
  flex: 0 0 32%;
}
.speaker.priority-2 {
  flex: 0 0 23%;
}
.speaker.priority-3 {
  flex: 0 0 30%;
  display: flex;
}
.speaker.priority-3 .speaker-image {
  flex: 0 0 80px;
  margin: 0 20px 0 0;
}
.speaker.priority-3 .speaker-image img {
  max-height: 80px;
}
.speaker.priority-3 .speaker-text {
  flex-grow: 1;
}
@media only screen and (max-width: 960px) {
  .speaker.priority-1 {
    flex: 0 0 100%;
  }
  .speaker.priority-2 {
    flex: 0 0 48%;
  }
  .speaker.priority-3 {
    flex: 0 0 100%;
  }
}

.speaker-detail-header {
  background: #fff;
  text-align: center;
  padding: 24px 0 36px 0;
}
.speaker-detail-header .back {
  display: block;
  text-align: center;
  margin: 0 0 32px 0;
  font-size: 14px;
  line-height: 24px;
  color: #425563;
  text-decoration: none;
}
.speaker-detail-header .back i {
  display: inline-block;
  margin-right: 15px;
}
.speaker-detail-header .back:hover, .speaker-detail-header .back:focus {
  color: #c8102e;
  text-decoration: none;
}
.speaker-detail-header > img {
  width: 250px;
  height: 250px;
  border: 1px solid rgba(38, 38, 38, 0.25);
  display: inline-block;
  border-radius: 50%;
}
.speaker-detail-header h1 {
  margin: 16px 0 12px 0;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #425563;
}
.speaker-detail-header-text {
  font-size: 16px;
  line-height: 20px;
  color: #262626;
  margin: 0;
  padding: 0;
  text-align: center;
}
.speaker-detail-company {
  color: rgba(38, 38, 38, 0.75);
}

.speaker-info {
  display: flex;
  padding: 40px 0;
}
.speaker-info .speaker-description {
  flex-grow: 1;
  margin-right: 40px;
  padding: 0;
}
.speaker-info .speaker-description h2, .speaker-info .speaker-description h3, .speaker-info .speaker-description h4, .speaker-info .speaker-description h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
}
.speaker-info .speaker-description h2 {
  font-size: 24px;
  line-height: 32px;
}
.speaker-info .speaker-description h3 {
  font-size: 20px;
  line-height: 24px;
}
.speaker-info .speaker-description h4 {
  font-size: 18px;
  line-height: 22px;
}
.speaker-info .speaker-description h5 {
  font-size: 16px;
  line-height: 20px;
}
.speaker-info .speaker-description ul {
  list-style-type: circle;
}
.speaker-info .speaker-description ul, .speaker-info .speaker-description ol {
  margin: 0 0 16px 0;
  padding: 0 0 0 25px;
}
.speaker-info .speaker-description ul li, .speaker-info .speaker-description ol li {
  font-size: 16px;
  line-height: 24px;
}
.speaker-info .speaker-description p {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin: 0 0 10px 0;
}
.speaker-info .speaker-description table {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 16px 0;
  width: 100%;
  border-collapse: collapse;
}
.speaker-info .speaker-description table caption {
  caption-side: top;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.speaker-info .speaker-description table thead th, .speaker-info .speaker-description table thead td {
  font-weight: bold;
  border: 0;
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  font-size: 80%;
}
.speaker-info .speaker-description table tbody th {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.speaker-info .speaker-description table tbody td {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.speaker-info .speaker-talks {
  flex: 0 0 350px;
  padding: 0;
}
.speaker-info .speaker-talks h2, .speaker-info .speaker-talks h3, .speaker-info .speaker-talks h4, .speaker-info .speaker-talks h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}
.speaker-info .speaker-talks .p-desc {
  font-size: 14px;
  line-height: 20px;
  opacity: 0.75;
}
@media only screen and (max-width: 960px) {
  .speaker-info .speaker-talks {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 960px) {
  .speaker-info {
    flex-wrap: wrap;
  }
  .speaker-info .speaker-description {
    flex: 0 1 100%;
    margin-right: 0px;
    padding: 0 16px;
  }
  .speaker-info .speaker-talks {
    flex: 0 1 100%;
    padding: 0 16px;
  }
}

.talk {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}
.talk-date {
  color: rgba(38, 38, 38, 0.75);
  font-size: 16px;
  line-height: 24px;
}
.talk-date i {
  display: inline-block;
  margin-right: 10px;
}

.speaker-small {
  display: flex;
}
.speaker-small-image {
  flex-basis: 0 0 32px;
  margin: 0 9px 0 0;
}
.speaker-small-image img {
  width: 32px;
  height: 32px;
}
.speaker-small-name {
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
}

.speaker-mid {
  display: flex;
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 16px 0;
}
.speaker-mid-image {
  flex-basis: 0 0 80px;
  margin: 0 20px 0 0;
}
.speaker-mid-image img {
  width: 80px;
  height: 80px;
}
.speaker-mid-name {
  flex-grow: 1;
}
.speaker-mid-name > strong {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #425563;
}
.speaker-mid-name .position {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #262626;
}
.speaker-mid-name .company {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: rgba(38, 38, 38, 0.75);
}

.tab-date {
  color: #262626 !important;
}

.programme-time-mobile {
  padding-left: 16px;
  color: rgba(38, 38, 38, 0.75);
  font-size: 14px;
}

.programme {
  width: 100%;
  display: flex;
  margin: 0 0 24px 0;
}
@media only screen and (max-width: 960px) {
  .programme {
    padding: 0 16px;
  }
}
.programme-time {
  flex: 0 0 200px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  padding: 20px 0 0 0;
  color: rgba(38, 38, 38, 0.75);
}
@media only screen and (max-width: 960px) {
  .programme-time {
    flex: 0 0 100px;
  }
}
.programme-content {
  flex-grow: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(66, 85, 99, 0.5);
  padding: 20px;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.programme-content-text {
  flex-grow: 1;
}
.programme-content-text h2, .programme-content-text h3, .programme-content-text h4, .programme-content-text h5 {
  font-size: 16px;
  line-height: 20px;
  color: #425563;
  text-decoration: none;
  font-weight: bold;
  margin: 0 0 8px 0;
}
.programme-content-text h2 a, .programme-content-text h3 a, .programme-content-text h4 a, .programme-content-text h5 a {
  color: #425563;
  text-decoration: none;
}
.programme-content-text h2 a:hover, .programme-content-text h2 a:focus, .programme-content-text h3 a:hover, .programme-content-text h3 a:focus, .programme-content-text h4 a:hover, .programme-content-text h4 a:focus, .programme-content-text h5 a:hover, .programme-content-text h5 a:focus {
  text-decoration: underline;
}
.programme-content-text p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 0px 0;
  padding: 0;
}
.programme-content-text p a {
  color: rgba(38, 38, 38, 0.75);
}
.programme-content-text ul {
  margin-left: 24px;
  list-style-type: none;
}
.programme-content-text ul li {
  color: rgba(38, 38, 38, 0.75);
  font-size: 14px;
}
.programme-content-text .location {
  font-size: 16px;
  line-height: 20px;
  margin: 16px 0 0 0;
  color: rgba(38, 38, 38, 0.75);
}
.programme-content-action {
  text-align: right;
}
.programme-content-action > * {
  display: inline-block;
  margin: 0 0 5px 0;
}
.programme-content .programme-speaker-small-name a {
  color: rgba(38, 38, 38, 0.75);
}
.programme-content .badge-live-small {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 2px 6px;
  border-radius: 5px;
  background-color: #DA291C;
  color: white;
  font-size: 10px;
}
.programme-content .badge-live-small-mobile {
  padding: 2px 6px;
  border-radius: 5px;
  background-color: #DA291C;
  color: white;
  font-size: 10px;
}
.programme-content .badge-archive-small {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 2px 6px;
  border-radius: 5px;
  background-color: rgba(66, 85, 99, 0.25);
  color: #425563;
  font-size: 10px;
}
.programme-content .badge-join-small {
  position: absolute;
  right: 20px;
  bottom: 10px;
  padding: 2px 6px;
  border-radius: 5px;
  background-color: rgba(66, 85, 99, 0.25);
  color: #425563;
  font-size: 10px;
}
.programme-content .badge-archive-small-mobile {
  padding: 2px 6px;
  border-radius: 5px;
  background-color: rgba(66, 85, 99, 0.25);
  color: #425563;
  font-size: 10px;
}
.programme .live-line {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 0;
  color: #DA291C;
  font-size: 12px;
}
.programme .live-line:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #DA291C;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}
.programme .live-text {
  background: #DA291C;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  position: absolute;
  right: 20px;
  top: 20px;
}
.programme .programme-speaker {
  display: flex;
  flex-flow: row wrap;
}
.programme .programme-speaker-small {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 16px;
  cursor: pointer;
}
.programme .programme-speaker-small-image {
  /*
              flex-basis: 0 0 32px;
              margin: 0 9px 0 0;
  */
}
.programme .programme-speaker-small-image img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(38, 38, 38, 0.25);
}
.programme .programme-speaker-small-name {
  padding-left: 15px;
  padding-right: 20px;
  /*
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  color: $color-gray26;
  */
}

.programme-detail-header {
  background: rgba(66, 85, 99, 0.05);
  text-align: center;
  padding: 24px 0 36px 0;
}
.programme-detail-header .back {
  display: block;
  text-align: center;
  margin: 0 0 32px 0;
  font-size: 14px;
  line-height: 24px;
  color: #425563;
  text-decoration: none;
}
.programme-detail-header .back i {
  display: inline-block;
  margin-right: 15px;
}
.programme-detail-header .back:hover, .programme-detail-header .back:focus {
  color: #c8102e;
  text-decoration: none;
}
.programme-detail-header h1 {
  margin: 16px 0 12px 0;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #425563;
}
.programme-detail-header-text {
  font-size: 16px;
  line-height: 20px;
  color: #262626;
  margin: 0;
  padding: 0;
  text-align: center;
}
.programme-detail .position {
  font-size: 14px;
}
.programme-detail-company {
  color: rgba(38, 38, 38, 0.75);
}
@media only screen and (max-width: 960px) {
  .programme-detail .programme-module {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.programme-info {
  display: flex;
  padding: 40px 0;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 960px) {
  .programme-info {
    flex-wrap: wrap;
  }
}
.programme-info .programme-description {
  flex-grow: 1;
  margin-right: 40px;
  padding: 0;
}
.programme-info .programme-description h2, .programme-info .programme-description h3, .programme-info .programme-description h4, .programme-info .programme-description h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
}
.programme-info .programme-description h2 {
  font-size: 24px;
  line-height: 32px;
}
.programme-info .programme-description h3 {
  font-size: 20px;
  line-height: 24px;
}
.programme-info .programme-description h4 {
  font-size: 18px;
  line-height: 22px;
}
.programme-info .programme-description h5 {
  font-size: 16px;
  line-height: 20px;
}
.programme-info .programme-description ul {
  list-style-type: circle;
}
.programme-info .programme-description ul, .programme-info .programme-description ol {
  margin: 0 0 16px 0;
  padding: 0 0 0 25px;
}
.programme-info .programme-description ul li, .programme-info .programme-description ol li {
  font-size: 16px;
  line-height: 24px;
}
.programme-info .programme-description p {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin: 0 0 10px 0;
}
.programme-info .programme-description table {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 16px 0;
  width: 100%;
  border-collapse: collapse;
}
.programme-info .programme-description table caption {
  caption-side: top;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.programme-info .programme-description table thead th, .programme-info .programme-description table thead td {
  font-weight: bold;
  border: 0;
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  font-size: 80%;
}
.programme-info .programme-description table tbody th {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.programme-info .programme-description table tbody td {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.programme-info .programme-talks {
  flex: 0 0 350px;
  padding: 0;
}
@media only screen and (max-width: 960px) {
  .programme-info .programme-talks {
    padding-top: 24px;
  }
}
.programme-info .programme-talks h2, .programme-info .programme-talks h3, .programme-info .programme-talks h4, .programme-info .programme-talks h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}

.programme-details {
  margin: 0;
  padding: 0;
  list-style: none;
}
.programme-details li {
  display: block;
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  font-weight: normal;
  color: #425563;
}
.programme-details li i {
  font-size: 20px;
  display: inline-block;
  width: 24px;
  text-align: center;
}

.programme-buttons .btn {
  width: 100%;
}

@media only screen and (max-width: 960px) {
  .programme-speakers-list {
    padding: 0 16px;
  }
}
.programme-speakers-list .programme-speakers {
  display: flex;
  flex-wrap: wrap;
}
.programme-speakers-list .programme-speakers h2, .programme-speakers-list .programme-speakers h3, .programme-speakers-list .programme-speakers h4, .programme-speakers-list .programme-speakers h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}
.programme-speakers-list .programme-speakers .speaker-mid {
  flex-basis: 350px;
  align-items: stretch;
}
.programme-speakers-list .programme-speakers .speaker-empty-gap {
  width: 16px;
}
@media only screen and (max-width: 960px) {
  .programme-speakers-list {
    flex-wrap: wrap;
  }
  .programme-speakers-list .programme-speakers {
    flex: 0 1 100%;
  }
}

.tabs {
  border-bottom: 1px solid rgba(66, 85, 99, 0.5);
  margin: 0 0 32px 0;
}
.tabs ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.tabs ul li {
  flex-grow: 1;
}
.tabs ul li.active {
  border-bottom: 3px solid #c8102e;
  text-decoration: none;
}
.tabs ul li a {
  border-bottom: 3px solid transparent;
  padding: 0 0 12px 0;
  margin: 0;
  display: block;
  text-decoration: none;
  position: relative;
  top: 1px;
}
.tabs ul li a > strong {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #425563;
  display: block;
  text-align: center;
  margin: 0 0 6px 0;
}
.tabs ul li a > span {
  font-size: 12px;
  line-height: 14px;
  color: rgba(38, 38, 38, 0.25);
  display: block;
  text-align: center;
}
.tabs ul li a:hover, .tabs ul li a:focus {
  border-bottom: 3px solid #c8102e;
  text-decoration: none;
}
.tabs ul li a.active {
  border-bottom: 3px solid #c8102e;
  text-decoration: none;
}
.tabs ul li a.active:hover, .tabs ul li a.active:focus {
  text-decoration: underline;
}

.secondary-tabs {
  margin: 0;
  border: 0;
}
.secondary-tabs ul {
  list-style: none;
  display: flex;
  padding: 0 0 0 200px;
  margin: 0 0 32px 0;
  border: 0;
}
@media only screen and (max-width: 960px) {
  .secondary-tabs ul {
    padding: 0 16px;
  }
}
.secondary-tabs ul li {
  flex-grow: 1;
}
.secondary-tabs ul li a {
  padding: 8px;
  margin: 0;
  display: block;
  text-decoration: none;
  color: #c8102e;
  background: white;
  font-size: 14px;
  border: 1px solid #c8102e;
  text-align: center;
}
.secondary-tabs ul li a:hover, .secondary-tabs ul li a:focus {
  background: #c8102e;
  color: white;
}
.secondary-tabs ul li a.active {
  background: #c8102e;
  color: white;
}
.secondary-tabs ul li a.active:hover, .secondary-tabs ul li a.active:focus {
  text-decoration: none;
}
.secondary-tabs ul li:first-child a {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.secondary-tabs ul li:last-child a {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.user-detail-header {
  background: rgba(66, 85, 99, 0.05);
  text-align: center;
  padding: 24px 0 36px 0;
}
.user-detail-header h1 {
  margin: 16px 0 12px 0;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #425563;
}
.user-detail-header-text {
  font-size: 16px;
  line-height: 20px;
  color: #262626;
  margin: 0;
  padding: 0;
  text-align: center;
}
.user-detail-header .user-detail-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.user-detail-header .back {
  display: block;
  text-align: center;
  margin: 0px 0 32px 0;
  font-size: 14px;
  line-height: 24px;
  color: #425563;
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .user-detail-header .back {
    text-align: left;
    padding-left: 16px;
    padding-top: 8px;
  }
}
.user-detail-header .back i {
  display: inline-block;
  margin-right: 15px;
}
.user-detail-header .back:hover, .user-detail-header .back:focus {
  color: #c8102e;
  text-decoration: none;
}
.user-detail-company {
  color: rgba(38, 38, 38, 0.75);
}
.user-detail .main-inner {
  position: relative;
}
.user-detail .main-inner .user-avatar i {
  color: #c8102e;
  font-size: 100px;
}
.user-detail .main-inner .user-avatar img {
  width: 250px;
  height: 250px;
  border: 1px solid rgba(38, 38, 38, 0.25);
  display: inline-block;
  border-radius: 50%;
}
.user-detail p {
  color: rgba(38, 38, 38, 0.75);
}

.user-profile {
  display: flex;
  padding: 40px 0;
}
.user-profile .user-profile-description {
  flex-grow: 1;
  margin-right: 40px;
  padding: 0;
}
.user-profile .user-profile-description h2, .user-profile .user-profile-description h3, .user-profile .user-profile-description h4, .user-profile .user-profile-description h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
}
.user-profile .user-profile-description h2 {
  font-size: 24px;
  line-height: 32px;
}
.user-profile .user-profile-description h3 {
  font-size: 20px;
  line-height: 24px;
}
.user-profile .user-profile-description h4 {
  font-size: 18px;
  line-height: 22px;
}
.user-profile .user-profile-description h5 {
  font-size: 16px;
  line-height: 20px;
}
.user-profile .user-profile-description ul {
  list-style-type: circle;
}
.user-profile .user-profile-description ul, .user-profile .user-profile-description ol {
  margin: 0 0 16px 0;
  padding: 0 0 0 25px;
}
.user-profile .user-profile-description ul li, .user-profile .user-profile-description ol li {
  font-size: 16px;
  line-height: 24px;
}
.user-profile .user-profile-description p {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin: 0 0 10px 0;
}
.user-profile .user-profile-description table {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 16px 0;
  width: 100%;
  border-collapse: collapse;
}
.user-profile .user-profile-description table caption {
  caption-side: top;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.user-profile .user-profile-description table thead th, .user-profile .user-profile-description table thead td {
  font-weight: bold;
  border: 0;
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  font-size: 80%;
}
.user-profile .user-profile-description table tbody th {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.user-profile .user-profile-description table tbody td {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.user-profile .user-profile-edit {
  flex-grow: 1;
  margin-right: 40px;
  padding: 0;
}
.user-profile .user-profile-info {
  flex: 0 0 350px;
  padding: 0;
}
@media only screen and (max-width: 960px) {
  .user-profile {
    flex-wrap: wrap;
  }
  .user-profile .user-profile-description, .user-profile .user-profile-edit {
    flex: 0 1 100%;
    margin-right: 0px;
    padding: 0 16px;
  }
  .user-profile .user-profile-info {
    flex: 0 1 100%;
    padding: 0 16px;
  }
}

.user-profile-data {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.user-profile-data li {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #425563;
  padding: 11px 0;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
}
.user-profile-data li i {
  flex-basis: fit-content;
  font-size: 16px;
  line-height: 16px;
}
.user-profile-data li span {
  flex-grow: 1;
  text-align: right;
  display: block;
}

.user-profile-edit-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  /*
          .col {
              margin-bottom: 25px;
          }*/
}
.user-profile-edit-fieldset legend {
  font-size: 14px;
  line-height: 32px;
  font-weight: bold;
  color: #425563;
  position: relative;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}
.user-profile-edit-fieldset legend button {
  position: absolute;
  right: 0;
  top: 0;
}
.user-profile-edit-fieldset .checkbox-info {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
}
.user-profile-edit p {
  margin-bottom: 0px !important;
}

.user-profile-edit-photo {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 20px;
}
.user-profile-edit-photo .d-flex {
  margin-bottom: 10px;
}
.user-profile-edit-photo-image {
  margin: 0 20px 0 0;
}
.user-profile-edit-photo-image img {
  width: 92px;
  height: 92px;
}
.user-profile-edit-photo-desc {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
}

.attendees-user {
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  padding: 10px;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attendees-user-back {
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}
.attendees-user-back a {
  color: #425563;
  text-decoration: none;
}
.attendees-user-back a:hover, .attendees-user-back a:focus {
  color: #c8102e;
  text-decoration: none;
}
.attendees-user-image {
  text-align: center;
  margin: 0 10px 0 0;
}
.attendees-user-image img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.attendees-user-name {
  font-size: 16px;
  line-height: 20px;
  flex-grow: 1;
}
.attendees-user-name strong {
  color: #425563;
  font-weight: normal;
  display: block;
}
.attendees-user-name span {
  color: rgba(38, 38, 38, 0.5);
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: block;
}
.attendees-user-buttons {
  color: #425563;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding-left: 8px;
}
.attendees-user-buttons a {
  text-decoration: none;
  color: #425563;
  display: inline-block;
  margin-right: 6px;
}
.attendees-user-buttons a:hover, .attendees-user-buttons a:focus {
  text-decoration: none;
  color: #c8102e;
}
.attendees-user-buttons a:last-child {
  margin-right: 0;
}
.attendees-user-buttons .badge {
  position: initial;
  top: auto;
  left: auto;
}
.attendees-user-online {
  position: relative;
}
.attendees-user-online-badge {
  position: absolute;
  left: 30px;
  top: 28px;
  height: 10px;
  width: 10px;
  background-color: #31A24C;
  border-radius: 50%;
  display: inline-block;
}
.attendees-user .userIcon40 {
  font-size: 36px;
  color: #666666;
}

.userContentHeader.addLine {
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
}
.userContentHeader .attendees-user {
  margin: 0;
  border-bottom: 0;
  padding: 10px 0 0 0;
}

.attendees-chat-nomessage {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  /*padding: 40px 20px 0 20px;*/
  padding: 80px;
}
.attendees-chat-nomessage img {
  display: inline-block;
  margin: 0 0 20px 0;
  width: 100%;
}
.attendees-chat-nomessage strong {
  display: block;
  margin: 0 0 20px 0;
  text-align: center;
}
.attendees-chat-nomessage span {
  display: block;
  text-align: center;
}

.attendees-profile .user-detail-header {
  background: transparent;
  text-align: center;
  padding: 24px 0 36px 0;
}
.attendees-profile .user-detail-header > img {
  width: 128px;
  height: 128px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.attendees-profile .user-detail-header h1 {
  margin: 16px 0 12px 0;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #425563;
}
.attendees-profile .user-detail-header-text {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  margin: 0;
  padding: 0;
  text-align: center;
}
.attendees-profile .user-detail-header .user-detail-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.attendees-profile .user-detail-description {
  margin: 0;
  padding: 0;
}
.attendees-profile .user-detail-description h2, .attendees-profile .user-detail-description h3, .attendees-profile .user-detail-description h4, .attendees-profile .user-detail-description h5 {
  margin: 0 0 16px 0;
  text-align: left;
  color: #425563;
  font-weight: bold;
}
.attendees-profile .user-detail-description h2 {
  font-size: 18px;
  line-height: 22px;
}
.attendees-profile .user-detail-description h3 {
  font-size: 16px;
  line-height: 18px;
}
.attendees-profile .user-detail-description h4 {
  font-size: 14px;
  line-height: 16px;
}
.attendees-profile .user-detail-description h5 {
  font-size: 14px;
  line-height: 16px;
}
.attendees-profile .user-detail-description ul {
  list-style-type: circle;
}
.attendees-profile .user-detail-description ul, .attendees-profile .user-detail-description ol {
  margin: 0 0 16px 0;
  padding: 0 0 0 25px;
}
.attendees-profile .user-detail-description ul li, .attendees-profile .user-detail-description ol li {
  font-size: 14px;
  line-height: 18px;
}
.attendees-profile .user-detail-description p {
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  margin: 0 0 10px 0;
}
.attendees-profile .user-detail-description table {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 16px 0;
  width: 100%;
  border-collapse: collapse;
}
.attendees-profile .user-detail-description table caption {
  caption-side: top;
  text-align: left;
  color: #425563;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
.attendees-profile .user-detail-description table thead th, .attendees-profile .user-detail-description table thead td {
  font-weight: bold;
  border: 0;
  padding: 0px 5px 5px 5px;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  font-size: 80%;
}
.attendees-profile .user-detail-description table tbody th {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}
.attendees-profile .user-detail-description table tbody td {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 5px;
}

#privateRowsTab {
  position: relative;
}
#privateRowsTab #startChatMessage {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media only screen and (max-width: 960px) {
  .partners-module {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.partners-module .parners-list {
  padding-top: 24px;
  padding-bottom: 32px;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 16px;
}
.partners-module .parners-list.items1 {
  grid-template-columns: 20% auto 20%;
}
.partners-module .parners-list.items2 {
  grid-template-columns: auto auto !important;
}
.partners-module .parners-list.items4 {
  grid-template-columns: auto auto auto auto !important;
}
.partners-module .parners-list.items5 {
  grid-template-columns: auto auto auto auto auto !important;
}
.partners-module .parners-list .partner {
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.partners-module .parners-list .partner.empty {
  border: none;
  cursor: default;
}
.partners-module .parners-list .partner img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .partners-module .parners-list {
    grid-template-columns: auto auto;
  }
}

.main-inner.about .text-content {
  max-width: 730px;
  margin: 0 auto;
}
@media only screen and (max-width: 960px) {
  .main-inner.about .text-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main-inner.about h2 {
  line-height: 30px;
}
@media only screen and (max-width: 960px) {
  .main-inner.about h2 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main-inner.about .about-list {
  padding: 32px;
  font-size: 14px;
}
.main-inner.about .about-list ul li {
  color: rgba(38, 38, 38, 0.75);
}
.main-inner.about img {
  width: 100%;
  height: 100%;
}

.section-about-grey {
  background-color: #f4f6f7;
}

.videoSection .videoItem h2, .videoSection .videoItem h3, .videoSection .videoItem h4, .videoSection .videoItem h5 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  color: #c8102e;
}
.videoSection .videoItem > p {
  font-size: 14px;
  line-height: 16px;
  color: rgba(38, 38, 38, 0.75);
}
.videoSection .videoItem > ul {
  font-size: 14px;
  line-height: 16px;
  color: rgba(38, 38, 38, 0.75);
  list-style-type: circle;
  padding-left: 16px;
  line-height: 18px;
}
.videoSection .videoItem .videoIframe {
  margin: 0 0 25px 0;
  padding: 56.25% 0 0 0;
  position: relative;
}
.videoSection .videoItem .videoIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.downloadSection .downloadItem {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 16px 0;
  padding: 0;
  border: 1px solid #D9D9D9;
}
.downloadSection .downloadItem > a {
  padding: 16px 32px;
  display: flex;
  align-items: center;
}
.downloadSection .downloadItem .downloadFileIcon {
  margin: 0 20px 0 0;
  font-size: 32px;
}
.downloadSection .downloadItem .downloadFileIcon i {
  color: #c8102e;
}
.downloadSection .downloadItem .downloadName {
  flex-grow: 1;
  color: #c8102e;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.downloadSection .downloadItem .donwloadIcon {
  margin: 0 0 0 20px;
  font-size: 20px;
}
.downloadSection .downloadItem .donwloadIcon i {
  color: #c8102e;
}
.downloadSection > h2, .downloadSection h3, .downloadSection h4, .downloadSection h5 {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
  color: #c8102e;
  text-transform: uppercase;
}

/*
.contactSection {
    .contactItem {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: 0 0 16px 0;
        padding: 16px;
        border: 1px solid $color-grayD9;
        display: flex;

        .contactItemImage {
            flex: 0 1 75px;
            margin: 0 20px 0 0;

            img {
                width: 100%;
            }
        }

        .contactItemText {
            flex-grow: 1;

            & > h2 {
                margin: 0 0 6px 0;
                padding: 0;
                font-size: 14px;
                line-height: 20px;
                color: $color-main;
            }

            & > h3 {
                margin: 0 0 12px 0;
                padding: 0;
                font-size: 12px;
                line-height: 16px;
                color: $color-main;
            }

            & > p {
                font-size: 12px;
                line-height: 16px;
                color: $color-gray26;
            }

            & > ul {
                margin: 0;
                padding: 0;
                list-style: none;

                & > li {
                    font-size: 14px;
                    line-height: 20px;
                    margin: 0 0 8px 0;
                    color: $color-main-text;

                    i {
                        color: $color-main;
                        display: inline-block;
                        margin: 0 20px 0 0;
                    }
                }
            }
        }
    }
}
*/
.contactSection .contactItem {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 16px 0;
  padding: 16px;
  border: 1px solid #D9D9D9;
  position: relative;
}
.contactSection .contactItem > .contactPhoto {
  border-radius: 50%;
}
.contactSection .contactItem > h2 {
  margin: 0 0 6px 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #c8102e;
}
.contactSection .contactItem > h3 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #c8102e;
}
.contactSection .contactItem > p {
  font-size: 12px;
  line-height: 16px;
  color: #262626;
}
.contactSection .contactItem > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contactSection .contactItem > ul > li {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px 0;
  color: #425563;
}
.contactSection .contactItem > ul > li i {
  color: #c8102e;
  display: inline-block;
  margin: 0 20px 0 0;
}
.contactSection .contactItem-avaliability {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.contactSection .contactItem-avaliability .circle {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.contactSection .contactItem-avaliability .circle.green {
  background: #008450;
}
.contactSection .contactItem-avaliability .circle.red {
  background: #E33530;
}
.contactSection .contactItem-avaliability .circle.orange {
  background: #EFB700;
}
.contactSection .btn.full-with {
  display: block;
  width: 100%;
  margin: 0 0 16px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #c8102e;
  background: #c8102e;
  color: #ffffff;
  padding: 18px 0;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}
.contactSection .btn.full-with:hover, .contactSection .btn.full-with:focus {
  background: #ffffff;
  color: green;
  border: 2px solid green;
}
.contactSection .btn.full-with.bordered {
  background: #ffffff;
  color: #c8102e;
  border: 2px solid #c8102e;
}
.contactSection .btn.full-with.bordered:hover, .contactSection .btn.full-with.bordered:focus {
  border: 2px solid green;
  background: green;
  color: #ffffff;
}

.mobileExpo, .mobileLobby {
  display: none;
  padding: 16px;
}
@media only screen and (max-width: 960px) {
  .mobileExpo, .mobileLobby {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 600px) {
  .mobileExpo, .mobileLobby {
    display: flex;
    flex-wrap: wrap;
  }
}
.mobileExpo .mobileExpoItem, .mobileLobby .mobileExpoItem {
  flex: 0 1 49%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 24px 0;
  padding: 0;
  border: 1px solid #D9D9D9;
}
@media only screen and (max-width: 600px) {
  .mobileExpo .mobileExpoItem, .mobileLobby .mobileExpoItem {
    flex: 0 1 100%;
  }
}
.mobileExpo .mobileExpoItem > a, .mobileLobby .mobileExpoItem > a {
  padding: 16px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #c8102e;
}
.mobileExpo .mobileExpoItem > a.mobileLobbyHref, .mobileLobby .mobileExpoItem > a.mobileLobbyHref {
  padding: 16px;
}
.mobileExpo .mobileExpoItem > a:hover, .mobileExpo .mobileExpoItem > a:focus, .mobileLobby .mobileExpoItem > a:hover, .mobileLobby .mobileExpoItem > a:focus {
  text-decoration: underline;
}
.mobileExpo .mobileExpoItem .mobileExpoItemLogo, .mobileLobby .mobileExpoItem .mobileExpoItemLogo {
  margin: 0 20px 0 0;
  flex: 0 1 88px;
}
.mobileExpo .mobileExpoItem .mobileExpoItemLogo img, .mobileLobby .mobileExpoItem .mobileExpoItemLogo img {
  width: 100%;
  max-height: 200px;
}
.mobileExpo .mobileExpoItem .mobileExpoItemName, .mobileLobby .mobileExpoItem .mobileExpoItemName {
  flex-grow: 1;
  color: #c8102e;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  font-weight: bold;
}
.mobileExpo .mobileExpoItem .mobileExpoItemIcon, .mobileLobby .mobileExpoItem .mobileExpoItemIcon {
  margin: 0 0 0 20px;
  font-size: 14px;
}
.mobileExpo .mobileExpoItem .mobileExpoItemIcon i, .mobileLobby .mobileExpoItem .mobileExpoItemIcon i {
  color: #c8102e;
}

.navigationBar {
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  background-color: white;
  border-bottom: 1px solid #D9D9D9;
}
.navigationBar .navigationBarLeft {
  flex: 0 1 25%;
  font-size: 14px;
  line-height: 20px;
  color: #c8102e;
}
.navigationBar .navigationBarLeft > a {
  color: #c8102e;
}
@media only screen and (max-width: 960px) {
  .navigationBar .navigationBarLeft > a {
    color: transparent;
  }
  .navigationBar .navigationBarLeft > a i {
    color: #c8102e;
    font-size: 14px;
  }
}
.navigationBar .navigationBarLeft i {
  display: inline-block;
  margin: 0 10px 0 0;
}
.navigationBar .navigationBarCenter {
  flex: 0 1 50%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #c8102e;
}
.navigationBar .navigationBarRight {
  margin: 0 0 0 20px;
  flex: 0 1 25%;
  font-size: 14px;
  line-height: 20px;
  color: #c8102e;
  text-align: right;
}
.navigationBar .navigationBarRight i {
  display: inline-block;
  margin: 0 0 0 10px;
}

.admin-wrap {
  height: calc(100vh - 56px);
  width: 100%;
  overflow-y: auto;
}
.admin-wrap-inner {
  display: block;
  position: relative;
  height: 100%;
}

.admin-panel {
  float: left;
  width: 600px;
  border-right: 1px solid #D9D9D9;
  height: 100%;
}

.link-right {
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 32px;
  line-height: 32px;
}

.link-right {
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 32px;
  line-height: 32px;
}

/* The Modal (background) */
.admin-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1100;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* The Close Button */
}
.admin-modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  position: relative;
  padding: 20px;
  width: 500px;
}
.admin-modal-content-title {
  font-size: 16px;
  font-weight: bold;
  color: #c8102e;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.admin-modal-close {
  text-align: right;
  padding: 8px 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.admin-modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  display: block;
}
.admin-modal .close:hover,
.admin-modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.admin-modal .form-control:not([type=checkbox]):not([type=radio]) {
  height: initial;
  padding: 10px 15px;
}

.admin-voting-row {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #D9D9D9;
}
.admin-voting-row-header {
  display: flex;
  margin: 0 0 10px 0;
}
.admin-voting-row-header a {
  text-decoration: none;
}
.admin-voting-row-header a:hover, .admin-voting-row-header a:focus {
  text-decoration: none;
  color: #c8102e;
}
.admin-voting-row-header-name {
  flex-grow: 1;
  font-weight: bold;
}
.admin-voting-row-header-name strong {
  display: block;
}
.admin-voting-row-header-name p {
  margin: 5px 0 0 0;
  font-size: 11px;
}
.admin-voting-row-header-buttons {
  margin-left: 10px;
  text-align: right;
}
.admin-voting-row-questions {
  font-size: 12px;
  margin-left: 20px;
}
.admin-voting-row-questions-row {
  display: flex;
  margin: 0 0 5px 0;
}
.admin-voting-row-questions-row-name {
  flex-grow: 1;
}
.admin-voting-row-questions-row-buttons {
  margin-left: 10px;
  text-align: right;
}

.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100%;
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow(-2px -2px 2px #888);
  filter: drop-shadow(-2px -2px 2px #888);
}

.balloon {
  position: absolute;
  background: #ffffff;
  border-radius: 4px;
  display: none;
  z-index: 10000;
  width: 260px;
  padding: 20px;
  -webkit-box-shadow: 0px 11px 37px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 11px 37px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 11px 37px -10px rgba(0, 0, 0, 0.75);
}
.balloon:after {
  bottom: 100%;
  right: 39px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}

.notification-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.notification-list > li {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #D9D9D9;
  font-size: 14px;
  line-height: 18px;
  color: #425563;
}
.notification-list > li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.notification-list > li .time {
  color: rgba(38, 38, 38, 0.75);
  font-size: 12px;
  line-height: 16px;
  display: block;
  margin: 0 0 5px 0;
}
.notification-list > li .time i {
  font-size: 16px;
  color: #c8102e;
  vertical-align: bottom;
  display: inline-block;
  margin: 0 5px 0 0;
}

.notification-alerts {
  position: absolute;
  top: 20px;
  right: 20px;
}
.notification-alerts .notification-alert:last-child {
  margin-bottom: 0;
}

.notification-alert {
  background: #c8102e;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px 0;
  width: 280px;
  cursor: pointer;
}
.notification-alert-icon {
  margin: 0 12px 0 0;
  color: #c8102e;
}
.notification-alert-text {
  flex-grow: 1;
  text-align: left;
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
}
.notification-alert-remove {
  font-size: 12px;
  margin: 0 0 0 12px;
  color: white;
}

.lobby {
  display: flex;
}
.lobby.two-columns .lobby-item {
  flex: 1 1 0;
  margin: 0 30px 30px 0;
}
.lobby.two-columns .lobby-item:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 960px) {
  .lobby {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .lobby.two-columns .lobby-item {
    flex: 0 1 100%;
    margin: 0 0 30px 0;
  }
}

.lobby-item {
  height: 150px;
}
.lobby-item > a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lobby-item > a .lobby-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lobby-item > a .lobby-item-icon {
  color: white;
  margin: 0 15px 0 0;
  z-index: 10;
}
.lobby-item > a .lobby-item-heading {
  color: white;
  font-size: 32px;
  line-height: 40px;
  z-index: 10;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .lobby-item > a .lobby-item-heading {
    font-size: 24px;
  }
}
.lobby-item > a .lobby-item-subtitle {
  color: white;
  font-size: 24px;
  line-height: 40px;
  z-index: 10;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .lobby-item > a .lobby-item-subtitle {
    font-size: 16px;
  }
}
.lobby-item > a .lobby-item-twoRows {
  color: black;
  position: relative;
}
.lobby-item > a .lobby-item-twoRows .lobby-item-firstRow {
  position: absolute;
  display: block;
  z-index: 15;
}
.lobby-item > a .lobby-item-twoRows .lobby-item-secondRow {
  z-index: 15;
}
.lobby-item.big {
  height: 300px;
}
@media only screen and (max-width: 960px) {
  .lobby-item.big {
    height: 200px;
  }
}
.lobby-item.big > a {
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.lobby-item.big > a .lobby-item-icon {
  margin: 0 0 15px 0;
}
.lobby-item.big > a .lobby-item-heading {
  flex: 0 0 100%;
}

.lobbyNew {
  display: flex;
}
.lobbyNew.two-columns .lobby-href {
  flex: 1 1 0;
  margin: 0 30px 30px 0;
}
.lobbyNew.two-columns .lobby-href:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 960px) {
  .lobbyNew {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .lobbyNew.two-columns .lobby-href {
    flex: 0 1 100%;
    margin: 0 0 30px 0;
  }
}
.lobbyNew a:hover {
  text-decoration: none;
}
.lobbyNew .lobby-href {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  position: relative;
}
.lobbyNew .lobby-href .lobby-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lobbyNew .lobby-href.big {
  height: 300px;
}
.lobbyNew .lobby-href .break {
  flex-basis: 100%;
  height: 0;
}
.lobbyNew .lobby-href .lobby-item-icon {
  color: white;
  margin: 0 15px 0 0;
  z-index: 10;
}
.lobbyNew .lobby-href .lobby-item-heading {
  color: white;
  font-size: 32px;
  line-height: 40px;
  z-index: 10;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .lobbyNew .lobby-href .lobby-item-heading {
    font-size: 24px;
  }
}
.lobbyNew .lobby-href .lobby-item-subtitle {
  color: white;
  font-size: 16px;
  line-height: 28px;
  z-index: 10;
}

.postItFormDiv {
  padding: 24px;
}
.postItFormDiv form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.postItFormDiv form textarea, .postItFormDiv form select, .postItFormDiv form input:not([type=checkbox]):not([type=radio]) {
  flex-grow: 1;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  height: 55px;
  border-color: #c8102e;
}
.postItFormDiv form .form-buttons {
  flex: 0 1 auto;
}

.liveStreamPostIt {
  font-family: "Caveat", cursive;
  font-size: 100%;
  color: #fff;
}
.liveStreamPostIt h2, .liveStreamPostIt p, .liveStreamPostIt div {
  font-size: 100%;
  font-weight: normal;
}
.liveStreamPostIt ul, .liveStreamPostIt li {
  list-style: none;
}
.liveStreamPostIt ul {
  /*overflow:hidden;*/
  padding: 24px;
}
.liveStreamPostIt ul li a {
  text-decoration: none;
  color: #262626;
  background: #B8E5FF;
  display: block;
  /*height:15em;
  width:15em;*/
  max-width: 25em;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
}
.liveStreamPostIt ul li {
  margin: 1em;
  float: left;
}
.liveStreamPostIt ul li h2 {
  font-size: 140%;
  font-weight: bold;
  padding-bottom: 10px;
}
.liveStreamPostIt ul li p {
  /*
  font-family:"Reenie Beanie",arial,sans-serif;
  font-size:180%;*/
}
.liveStreamPostIt ul li a {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}
.liveStreamPostIt ul li:nth-child(even) a {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
  background: #F1C5C8;
}
.liveStreamPostIt ul li:nth-child(3n) a {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
  background: #ADD1FF;
}
.liveStreamPostIt ul li:nth-child(5n) a {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}
.liveStreamPostIt ul li a:hover, .liveStreamPostIt ul li a:focus {
  box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position: relative;
  z-index: 5;
}
.liveStreamPostIt ol {
  text-align: center;
}
.liveStreamPostIt ol li {
  display: inline;
  padding-right: 1em;
}
.liveStreamPostIt ol li a {
  color: #fff;
}
.liveStreamPostIt .postItName {
  color: rgba(38, 38, 38, 0.5);
  font-size: 80%;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.wishTree .tabButton {
  border-radius: 4px;
  border: solid #c8102e 1px;
  padding: 16px;
  background-color: white;
  width: 100%;
}
.wishTree .tabButton .tabName {
  font-size: 16px;
  color: #c8102e;
  padding-bottom: 16px;
}
.wishTree .tabButton .tabDescription {
  font-size: 14px;
}
.wishTree .WTitem {
  border-radius: 4px;
  padding: 16px;
  border: solid #c8102e 1px;
  font-size: 14px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.wishTree .WTitem-button {
  padding: 8px 16px;
}

.wishTreeTabClick {
  border-radius: 5px !important;
}

.bg-gray {
  background-color: rgba(66, 85, 99, 0.05);
}

.sessions > h2, .sessions > h4, .sessions > h5 {
  margin: 0 0 24px 0;
  color: #c8102e;
}
.sessions > h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #262626;
  text-transform: uppercase;
}
.sessions .lobby .lobby-item {
  height: auto;
}
.sessions .btn-cancel {
  color: #c8102e;
  background-color: transparent;
  border: solid 1px transparent;
}
.sessions .btn-cancel:hover {
  color: #c8102e;
  background-color: transparent;
  border: solid 1px #c8102e;
}
.sessions .btn-registered, .sessions .btn-registered:hover {
  opacity: 0.65;
}
.sessions .btn-registeredGroup, .sessions .btn-registeredGroup:hover {
  background-color: transparent;
  border: none;
  color: #262626;
  font-weight: bold;
}
.sessions .red-icon {
  color: #c8102e;
}
.sessions .red-border {
  border-color: #c8102e;
}

.sessions-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sessions-columns .session {
  flex: 0 1 49%;
}
@media only screen and (max-width: 960px) {
  .sessions-columns .session {
    flex: 0 1 100%;
  }
}

.session {
  border: 1px solid rgba(38, 38, 38, 0.25);
  border-radius: 4px;
  padding: 15px;
  margin: 0 0 24px 0;
}
.session-content h2, .session-content h3, .session-content h4, .session-content h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin: 0 0 5px 0;
  color: #262626;
}
.session-content p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(38, 38, 38, 0.75);
  margin: 0 0 10px 0;
  padding: 0;
}
.session-content-date {
  margin: 0;
  padding: 0;
}
.session-content-date i {
  color: #c8102e;
}
.session-footer {
  margin: 15px 0 0 0;
  border-top: 1px solid rgba(38, 38, 38, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0 0 0;
}
.session-footer-people {
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  color: rgba(38, 38, 38, 0.75);
}
.session-footer-people i {
  color: #c8102e;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media only screen and (max-width: 720px) {
  .modal-content {
    width: 95%;
  }
}

.modal-content.admin {
  position: relative;
  width: 95%;
  max-width: 500px;
}
.modal-content.admin.wider {
  width: 95%;
  max-width: 900px;
}
.modal-content.admin .modal-close {
  position: absolute;
  right: 0;
  top: 0;
}
.modal-content.admin-title {
  font-size: 16px;
  font-weight: bold;
  color: #c8102e;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.modal-content.admin-inside {
  padding: 20px;
}
.modal-content.admin .form-control:not([type=checkbox]):not([type=radio]) {
  height: initial;
  padding: 10px 15px;
}

.product-modal {
  display: flex;
}
@media only screen and (max-width: 720px) {
  .product-modal {
    flex-direction: column;
  }
}
.product-modal-image {
  flex: 0 1 50%;
  margin: 0 40px 0 0;
  width: 100%;
}
.product-modal-image img {
  width: 300px;
}
.product-modal-content {
  flex-grow: 1;
}
.product-modal-content h2, .product-modal-content h3, .product-modal-content h4, .product-modal-content h5 {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
}
.product-modal-content p {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.product-modal-content p.price {
  margin: 0 0 20px 0;
}
.product-modal-content p.description {
  color: #262626;
}
.product-modal-content .product-modal-button {
  display: block;
  width: 100%;
}
.product-modal-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #c8102e;
  color: #ffffff;
  margin: 20px 0 0 0;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.product-modal-button:hover, .product-modal-button:focus {
  background: green;
  color: #ffffff;
}

.call-modal p {
  padding: 0 30px;
  margin: 10px 0 20px 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.call-modal-buttons {
  text-align: center;
}
.call-modal-buttons .btn.red {
  background: #ffffff;
  border: 1px solid #DA291C;
  color: #DA291C;
  margin: 0 0 0 15px;
}
.call-modal-buttons .btn.red:hover, .call-modal-buttons .btn.red:focus {
  background: #DA291C;
  color: #ffffff;
}

.productSectionWrap .links {
  font-size: 14px;
  line-height: 20px;
}
.productSectionWrap .links a {
  color: #c8102e;
  text-decoration: underline;
}
.productSectionWrap .links a:hover, .productSectionWrap .links a:focus {
  text-decoration: none;
}
.productSectionWrap h2 {
  font-size: 14px;
  line-height: 20px;
  color: #c8102e;
  text-transform: uppercase;
  margin: 15px 0;
}
.productSectionWrap .productSection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
}
.productSectionWrap .productSection .productItem {
  flex: 0 1 48%;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  margin: 0 0 20px 0;
}
.productSectionWrap .productSection .productItem > img {
  margin: 0 0 5px 0;
  width: 100%;
}
.productSectionWrap .productSection .productItem-title {
  font-weight: bold;
  margin: 0 0 5px 0;
}
.productSectionWrap .productSection .productItem-price {
  font-weight: normal;
  margin: 0 0 5px 0;
}
.productSectionWrap .productSection .productItem-link {
  margin: 0;
}

.expo-module {
  background: #f4f6f7;
}

.expo-partners {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 48px 0;
}
.expo-partners .expo-partner {
  flex: 0 1 30%;
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding-bottom: 25px;
  font-size: 14px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  margin: 0 0 30px 0;
}
@media only screen and (max-width: 600px) {
  .expo-partners .expo-partner {
    flex: 0 1 49%;
  }
}
@media only screen and (max-width: 480px) {
  .expo-partners .expo-partner {
    flex: 0 1 100%;
  }
}
.expo-partners .expo-partner-image {
  text-align: center;
  margin: 0 0 30px 0;
}
.expo-partners .expo-partner-image img {
  width: 100%;
}
.expo-partners .expo-partner-title {
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}
.expo-partners .expo-partner-title a {
  text-decoration: none;
  color: #c8102e;
  font-weight: bold;
}
.expo-partners .expo-partner-title a:hover, .expo-partners .expo-partner-title a:focus {
  color: green;
  text-decoration: underline;
}

.expo-boxed-links {
  display: flex;
  justify-content: space-between;
  margin: 24px 0 64px 0;
  flex-wrap: wrap;
}
.expo-boxed-links .expo-boxed-link {
  flex: 0 1 30%;
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  background: #ffffff;
  margin: 0 0 30px 0;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .expo-boxed-links .expo-boxed-link {
    flex: 0 1 49%;
  }
}
@media only screen and (max-width: 480px) {
  .expo-boxed-links .expo-boxed-link {
    flex: 0 1 100%;
  }
}
.expo-boxed-links .expo-boxed-link-image {
  text-align: center;
  margin: 0 25px 0 0;
  flex: 0 1 50px;
}
.expo-boxed-links .expo-boxed-link-image img {
  width: 100%;
}
.expo-boxed-links .expo-boxed-link-title {
  flex-grow: 1;
}
.expo-boxed-links .expo-boxed-link-title a {
  text-decoration: none;
  color: #c8102e;
  font-weight: bold;
}
.expo-boxed-links .expo-boxed-link-title a:hover, .expo-boxed-links .expo-boxed-link-title a:focus {
  color: green;
  text-decoration: underline;
}

.expo-info {
  margin: 20px 0 32px 0;
}
.expo-info-image {
  text-align: center;
  margin: 0 0 28px 0;
}
.expo-info-description {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 20px 0;
}
.expo-info-description h2, .expo-info-description h3, .expo-info-description h4, .expo-info-description h5 {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 4px 0;
  padding: 0;
  color: #c8102e;
  text-transform: uppercase;
}
.expo-info-description p {
  padding: 0;
  margin: 0;
}
.expo-info-links {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
}
.expo-info-links a {
  flex: 0 1 30%;
  border: 1px solid rgba(38, 38, 38, 0.25);
  padding: 8px;
  font-size: 14px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  display: block;
  color: #c8102e;
}
.expo-info-links a i {
  margin: 0 0 4px 0;
  color: #c8102e;
  display: block;
  text-align: center;
}
.expo-info-links a span {
  color: #c8102e;
  display: block;
  text-align: center;
}
.expo-info-links a:hover, .expo-info-links a:focus {
  color: green;
}
.expo-info-links a:hover i, .expo-info-links a:focus i {
  color: green;
}
.expo-info-links a:hover span, .expo-info-links a:focus span {
  color: green;
}
.expo-info > .btn.full-with {
  display: block;
  width: 100%;
  margin: 0 0 16px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #c8102e;
  background: #c8102e;
  color: #ffffff;
  padding: 18px 0;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}
.expo-info > .btn.full-with:hover, .expo-info > .btn.full-with:focus {
  background: #ffffff;
  color: green;
  border: 2px solid green;
}
.expo-info > .btn.full-with.bordered {
  background: #ffffff;
  color: #c8102e;
  border: 2px solid #c8102e;
}
.expo-info > .btn.full-with.bordered:hover, .expo-info > .btn.full-with.bordered:focus {
  border: 2px solid green;
  background: green;
  color: #ffffff;
}
.expo-info-product-header {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 10px 0;
}
.expo-info-product-stripe {
  margin: 0 0 30px 0;
}
.expo-info-product-stripe-item img {
  width: 100%;
}
.expo-info-product-stripe-item strong {
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  .expo-info .lSSlideOuter {
    width: calc(100vw - 30px);
  }
}
.expo-info .lSAction > a {
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 45%;
}
.expo-info .lSAction > .lSNext {
  background-position: -33px 0;
  right: 10px;
}
.expo-info .lSAction > .lSPrev {
  background-position: 1px 0;
  left: 10px;
}

.leaderboard {
  text-align: center;
}
.leaderboard .leaderboard-info {
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto 32px auto;
  width: 70%;
  color: #262626;
}

.leaderboard-table {
  padding: 0 0 40px 0;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .leaderboard-table {
    padding: 0 20px 40px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .leaderboard-table {
    padding: 0 10px 40px 10px;
  }
}
.leaderboard-table-item {
  display: flex;
  border-bottom: 1px solid rgba(38, 38, 38, 0.25);
  padding: 12px 0;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.leaderboard-table-item:last-child {
  border-bottom: 0;
}
.leaderboard-table-item-position {
  flex: 0 1 20px;
  margin: 0 10px 0 0;
}
.leaderboard-table-item-image {
  flex: 0 1 40px;
  margin: 0 15px 0 0;
}
.leaderboard-table-item-image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.leaderboard-table-item-name {
  flex-grow: 1;
  font-weight: bold;
}
.leaderboard-table-item-points {
  flex: 0 1 100px;
  margin: 0 0 0 15px;
  text-align: right;
}

.instagram-feed .instagram-feed-info {
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto 32px auto;
  width: 70%;
  color: #262626;
  text-align: center;
}
.instagram-feed .instagram-feed-info strong {
  font-weight: bold;
  font-size: 24px;
}

.instagram-feed-images {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 30px 0;
}
@media only screen and (max-width: 480px) {
  .instagram-feed-images {
    padding: 0 15px 30px 15px;
  }
}
.instagram-feed-images .instagram-feed-image {
  flex: 0 1 30%;
  margin: 0 0 20px 0;
  border: 1px solid rgba(38, 38, 38, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 480px) {
  .instagram-feed-images .instagram-feed-image {
    flex: 0 1 49%;
  }
}
.instagram-feed-images .instagram-feed-image a {
  text-decoration: none;
}
.instagram-feed-images .instagram-feed-image img {
  width: 100%;
}

#videoModal #modalContent {
  background-color: black;
}
#videoModal #join {
  display: none;
}
#videoModal .videoContainer {
  width: 100%;
}
#videoModal #local-player {
  float: right;
  width: 256px;
  height: 144px;
  z-index: 999;
  positions: absolute;
  top: 0;
}
#videoModal #remote-player {
  positions: absolute;
  top: 0;
  z-index: 800;
  /*widht:100%;*/
}
#videoModal .player {
  width: 480px;
  height: 320px;
}

.videoCallSwitch.green {
  background: #008450;
}

.videoCallSwitch.red {
  background: #E33530;
}

.videoCallSwitch.orange {
  background: #EFB700;
}

.social-wall {
  background: #F2F2F2;
  padding: 24px 0;
}
.social-wall-form {
  margin: 0;
  padding: 0 10px;
}
.social-wall-form form {
  display: flex;
  align-items: center;
}
.social-wall-form-input {
  flex-grow: 1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #D9D9D9;
  padding: 13px;
  display: flex;
}
.social-wall-form-input input {
  flex-grow: 1;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  border: 0;
}
.social-wall-form-input-image {
  margin: 0 0 0 24px;
  color: #c8102e;
  font-size: 16px;
}
.social-wall-form-button {
  background: #c8102e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  padding: 10px;
  margin: 0 0 0 24px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  -moz-box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  border: 0;
  width: 42px;
  height: 42px;
  text-align: center;
}
.social-wall-items {
  padding: 24px 0;
}
.social-wall-item {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  -moz-box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  padding: 24px;
  font-size: 14px;
  width: 350.66667px;
  margin: 0 0 24px 0;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .social-wall-item {
    width: 45%;
  }
}
@media only screen and (max-width: 480px) {
  .social-wall-item {
    width: 100%;
  }
}
.social-wall-item-header {
  margin: 0 0 24px 0;
  text-align: left;
}
.social-wall-item-header-user {
  color: #c8102e;
  display: inline-block;
}
.social-wall-item-header-user span {
  color: #c8102e;
  background: rgba(38, 38, 38, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0 5px 0 0;
  font-size: 10px;
  display: inline-block;
  text-align: center;
}
.social-wall-item-header-time {
  color: #262626;
  margin: 0 0 0 5px;
  display: inline-block;
}
.social-wall-item-text {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.social-wall-item-image {
  margin: 24px 0 0 0;
}
.social-wall-item-image img {
  width: 100%;
}
.social-wall-item-button {
  text-align: left;
  margin: 24px 0 0 0;
}
.social-wall-item-button-item {
  color: #000000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  line-height: 14px;
  padding: 4px;
  display: inline-block;
  margin: 0 16px 0 0;
  text-decoration: none;
}
.social-wall-item-button-item:hover, .social-wall-item-button-item:focus {
  text-decoration: none;
  border: 1px solid #c8102e;
  color: #c8102e;
}
.social-wall-item .remove-post {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 14px;
  color: #262626;
  text-decoration: none;
}
.social-wall-item .remove-post:hover, .social-wall-item .remove-post:focus {
  color: #c8102e;
  text-decoration: none;
}

.social-wall-modal {
  margin: -40px;
}
.social-wall-modal .social-wall-item {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 40px 40px 0 40px;
  font-size: 14px;
  width: 100%;
}

.social-wall-comment-form {
  padding: 12px 40px 12px 40px;
  -webkit-box-shadow: 0px -4px 8px 0px rgba(38, 38, 38, 0.25);
  -moz-box-shadow: 0px -4px 8px 0px rgba(38, 38, 38, 0.25);
  box-shadow: 0px -4px 8px 0px rgba(38, 38, 38, 0.25);
}
.social-wall-comment-form form {
  display: flex;
  align-items: center;
}
.social-wall-comment-form form input {
  flex-grow: 1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 0;
  padding: 13px;
  display: flex;
}
.social-wall-comment-form form button {
  background: #c8102e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  padding: 10px;
  margin: 0 0 0 24px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  -moz-box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.25);
  border: 0;
  width: 42px;
  height: 42px;
  text-align: center;
}

.social-wall-comments {
  background: #F2F2F2;
  padding: 24px 40px;
}
.social-wall-comments .social-wall-comment {
  margin: 0 0 24px 0;
}
.social-wall-comments .social-wall-comment-header {
  margin: 0 0 12px 0;
  text-align: left;
}
.social-wall-comments .social-wall-comment-header-user {
  color: #c8102e;
  display: inline-block;
}
.social-wall-comments .social-wall-comment-header-user span {
  color: #c8102e;
  background: rgba(38, 38, 38, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0 5px 0 0;
  font-size: 10px;
  display: inline-block;
  text-align: center;
}
.social-wall-comments .social-wall-comment-header-time {
  color: #262626;
  margin: 0 0 0 5px;
  display: inline-block;
}
.social-wall-comments .social-wall-comment-text {
  font-size: 14px;
  line-height: 20px;
  color: rgba(38, 38, 38, 0.5);
}

.emojis {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid grey;
  border-radius: 20px;
  padding: 5px;
}

.emoji {
  padding: 5px;
  cursor: pointer;
}
.emoji:hover {
  background: white;
  border-radius: 15px;
}

.courses .titleRow {
  color: #c8102e;
}
.courses .titleRow h2 {
  color: #c8102e;
}
.courses .course-box {
  display: flex;
  justify-content: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #D9D9D9;
  padding: 20px;
  background-color: #f4f6f7;
}
.courses .course-box .info-icon {
  padding-right: 15px;
}
.courses .course-box .info-icon i {
  font-size: 60px;
  color: #c8102e;
}
.courses .question-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #D9D9D9;
  padding: 24px;
  background-color: #f4f6f7;
}

.photoGallery {
  /* Create four equal columns that sits next to each other */
  /* Responsive layout - makes a two column-layout instead of four columns */
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
}
.photoGallery .photoRow {
  display: -ms-flexbox;
  /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap;
  /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}
.photoGallery .photoColumn {
  -ms-flex: 25%;
  /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}
.photoGallery .photoColumn img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .photoGallery .photoColumn {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .photoGallery .photoColumn {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

.hallOfFame-list {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hallOfFame-list.show {
  display: flex;
}

.hallOfFame-wrapper {
  padding: 10px;
  margin: 20px 0;
  border: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.hallOfFame-category {
  cursor: pointer;
}

.eventListT {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 25px;
}
.eventListT-item {
  display: flex;
  flex-direction: column;
  padding: 5px;
  height: 300px;
  flex-grow: 1;
  flex-basis: 350px;
  border: 1px solid rgba(38, 38, 38, 0.25);
  border-radius: 4px;
  padding: 20px;
  justify-content: space-between;
}
.eventListT-item-header {
  display: flex;
  align-items: center;
  gap: 0px 25px;
}
.eventListT-item-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #525252;
}
.eventListT-item-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 0px 20px;
  justify-content: space-between;
}
.eventListT-item-buttons a {
  flex-grow: 1;
  flex-basis: 45%;
  padding: 10px 0px;
  border: 2px solid rgba(200, 16, 46, 0.2);
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #c8102e;
  color: #FFFFFF;
  text-align: center;
}
.eventListT-item-buttons a:hover {
  background: #FFFFFF;
  border: 2px solid rgba(200, 16, 46, 0.2);
  border-radius: 4px;
  color: #c8102e;
  text-decoration: none;
}
.eventListT-item-buttons a.disabled {
  cursor: not-allowed;
  border: 2px solid rgba(108, 117, 125, 0.65);
  background: rgba(108, 117, 125, 0.65);
  color: #FFFFFF;
}
.eventListT-item-buttons a.disabled:hover {
  background: rgba(108, 117, 125, 0.65);
  border: 2px solid rgba(108, 117, 125, 0.65);
  color: #FFFFFF;
}
.eventListT-item-microsite {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #525252;
  text-align: right;
}
.eventListT-item-name {
  color: #1A1919;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
}
.eventListT-item-eventType {
  display: inline-block;
  color: #c8102e;
  background: #E3E8FB;
  border-radius: 4px;
  font-size: 14px;
  padding: 2px 6px;
}
.eventListT-item-locality {
  margin-top: 8px;
}
.eventListT-item-statusInfo {
  margin-top: 12px;
}
.eventListT-hiddenItem {
  content: "";
  flex-grow: 1;
  flex-basis: 350px;
  visibility: hidden;
}

.event-detail {
  width: 100%;
}
.event-detail-bg img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.event-detail-content {
  position: relative;
  top: -40px;
  padding: 0 20px;
}
.event-detail-header {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.06), 0px 0px 12px 1px rgba(0, 0, 0, 0.04);
}
@media only screen and (max-width: 960px) {
  .event-detail-header {
    flex-direction: column;
  }
}
.event-detail-header-logo {
  width: 72px;
  height: 72px;
  margin: 0 16px 0 0;
  flex: 0 0 72px;
}
@media only screen and (max-width: 960px) {
  .event-detail-header-logo {
    flex: 0 0 100%;
    margin: 0 0 16px 0;
  }
}
.event-detail-header-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.event-detail-header-title {
  flex-grow: 1;
}
.event-detail-header-title h1 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0;
  padding: 0;
}
.event-detail-header-info {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 960px) {
  .event-detail-header-info {
    flex-wrap: wrap;
  }
}
.event-detail-header-info-icon {
  font-size: 24px;
  margin-right: 12px;
}
.event-detail-header-info-icon img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.event-detail-header-info-date {
  flex-grow: 1;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #262626;
}
.event-detail-header-info-date span {
  color: rgba(38, 38, 38, 0.5);
}
.event-detail-header-info-buttons {
  margin-left: 12px;
}
.event-detail-header-info-buttons-calendar-dropdown a:hover {
  background-color: #D9D9D9;
  border-left: 3px solid #c8102e;
}
.event-detail-header-info-buttons-calendar.btn-secondary.dropdown-toggle:hover {
  background-color: #c8102e;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.5);
  border-color: #c8102e;
}
.event-detail-header-info-buttons-calendar.btn-secondary.dropdown-toggle:focus {
  background-color: #c8102e;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.5);
  border-color: #c8102e;
}
.event-detail-header-info-buttons-calendar.btn-secondary.dropdown-toggle:active {
  background-color: #c8102e;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.5);
  border-color: #c8102e;
}
@media only screen and (max-width: 960px) {
  .event-detail-header-info-buttons {
    flex: 0 0 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}
.event-detail-modules {
  margin: 32px 0 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.event-detail-desc {
  padding: 0 16px;
}
.event-detail-module {
  background: #fff;
  margin: 32px 16px 0 16px;
  border-radius: 8px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04), 0px 0px 6px 1px rgba(0, 0, 0, 0.04);
}
@media only screen and (max-width: 960px) {
  .event-detail-module {
    margin-left: 0;
    margin-right: 0;
  }
}
.event-detail-module-text {
  padding: 16px 16px 20px 16px;
  /*text-align: center;*/
}
.event-detail-module-text ul {
  list-style-position: inside;
}
.event-detail-module-text ul, .event-detail-module-text ol {
  padding-left: 20px;
  margin: 0 0 1rem 0;
}
.event-detail-module-text li {
  padding-left: 0;
}
.event-detail-module-detail {
  background: #fff;
  margin: 32px 16px 0 16px;
  border-radius: 8px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04), 0px 0px 6px 1px rgba(0, 0, 0, 0.04);
}
@media only screen and (max-width: 960px) {
  .event-detail-module-detail {
    margin: 0;
    box-shadow: none;
    border-bottom: 1px solid #c9c9c9;
    border-radius: 0;
  }
}
@media only screen and (max-width: 960px) {
  .event-detail-module-detail:last-child {
    border-bottom: none;
  }
}
.event-detail-module-header {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #F5F5F5;
}
.event-detail-module-header > i {
  margin-right: 12px;
  color: #c8102e;
}
.event-detail-module-header strong {
  flex-grow: 1;
  color: #c8102e;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.event-detail-module-header .buttons {
  margin-left: 12px;
  color: rgba(38, 38, 38, 0.5);
  font-weight: normal;
}
.event-detail-module-header .buttons > * {
  display: inline-block;
  margin-right: 8px;
}
.event-detail-module-header .buttons > *:last-child {
  margin-right: 0;
}
.event-detail-module-header .buttons span {
  color: #707070;
}
.event-detail-module-header .buttons a {
  color: rgba(38, 38, 38, 0.5);
  font-weight: normal;
}
.event-detail-module-header .buttons a:hover, .event-detail-module-header .buttons a:focus {
  color: #c8102e;
}
.event-detail-module-content {
  padding: 16px;
}
.event-detail-module-content.nP {
  padding: 0;
}
.event-detail-module-locality {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 960px) {
  .event-detail-module-locality {
    flex-direction: column;
  }
}
.event-detail-module-locality-map {
  flex-grow: 1;
  margin-right: 24px;
}
@media only screen and (max-width: 960px) {
  .event-detail-module-locality-map {
    margin-right: 0;
    flex-grow: unset;
    width: 100%;
  }
}
.event-detail-module-locality-map iframe, .event-detail-module-locality-map img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}
.event-detail-module-locality-address {
  flex-grow: 1;
}
@media only screen and (max-width: 960px) {
  .event-detail-module-locality-address {
    margin-right: 0;
    flex-grow: unset;
    width: 100%;
    margin-top: 12px;
  }
}
.event-detail-module-locality-address h1, .event-detail-module-locality-address h2, .event-detail-module-locality-address h3, .event-detail-module-locality-address h4 {
  color: #c8102e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.event-detail-module-locality-address p {
  margin-bottom: 12px;
}
.event-detail-module-apps {
  padding: 24px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 960px) {
  .event-detail-module-apps {
    flex-direction: column;
    row-gap: 12px;
  }
}
.event-detail-module-apps .icon-phone {
  margin: 0 16px 0 0;
}
.event-detail-module-apps .icon-ios {
  margin: 0 12px 0 0;
  height: 40px;
}
.event-detail-module-apps p {
  flex-grow: 1;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 0;
  margin: 0;
}
.event-detail-module-apps p strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  color: #c8102e;
}
.event-detail-module-programme {
  font-size: 12px;
  color: #383838;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  position: relative;
}
.event-detail-module-programme-date {
  display: flex;
  flex-direction: column;
  flex: 1 0 48%;
}
.event-detail-module-programme-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style-type: none;
}
.event-detail-module-programme-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  border-left: 4px solid #c8102e;
  padding-left: 1em;
}
.event-detail-module-programme-item p:last-child {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.event-detail-module-programme-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background: rgba(255, 255, 255, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%) repeat scroll 0 0;
}
.event-detail-module-programme:last-child {
  margin-bottom: 0;
}
.event-detail-module-programme h2, .event-detail-module-programme h3, .event-detail-module-programme h4 {
  color: #c8102e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 4px 0;
  padding: 0;
}
.event-detail-module-programme p {
  margin: 0 4px 4px 0;
  padding: 0;
}
.event-detail-module-programme p:first-child {
  font-weight: bold;
}
.event-detail-module-notification {
  font-size: 12px;
  color: #383838;
}
.event-detail-module-notification-item {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.event-detail-module-notification-item:last-child {
  margin-bottom: 0;
}
.event-detail-module-notification-item-content {
  flex-grow: 1;
  font-weight: bold;
  color: #c8102e;
}
.event-detail-module-notification-item-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}
.event-detail-module-notification-item-footer-name {
  display: flex;
  gap: 8px;
}
.event-detail-module-notification-item-footer-name img {
  border-radius: 8px;
}
.event-detail-module-notification-item h2, .event-detail-module-notification-item h3, .event-detail-module-notification-item h4 {
  color: #c8102e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 4px 0;
  padding: 0;
}
.event-detail-module-notification-item p {
  margin: 0;
  padding: 0;
}
.event-detail-module-notification-item p.time {
  color: #707070;
  margin-bottom: 0;
}
.event-detail-module-questions {
  font-size: 12px;
  color: #383838;
}
.event-detail-module-questions-item {
  margin-bottom: 24px;
}
.event-detail-module-questions-item:last-child {
  margin-bottom: 0;
}
.event-detail-module-questions-item-content {
  flex-grow: 1;
}
.event-detail-module-questions-item-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.event-detail-module-questions-item-footer p {
  margin-left: 5px;
}
.event-detail-module-questions-item h2, .event-detail-module-questions-item h3, .event-detail-module-questions-item h4 {
  color: #c8102e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 4px 0;
  padding: 0;
}
.event-detail-module-questions-item p {
  margin: 0;
  padding: 0;
}
.event-detail-module-questions-item p.time {
  color: #707070;
  margin-bottom: 0;
}
.event-detail-module-qr {
  text-align: center;
}
.event-detail-module-qr img {
  height: auto;
  border-radius: 0 0 4px 4px;
  max-height: 500px;
}
.event-detail-module-image {
  text-align: center;
}
.event-detail-module-image img {
  width: 100%;
  height: auto;
  border-radius: 0 0 4px 4px;
  max-height: 500px;
}
.event-detail-module-image embed {
  width: 100%;
  height: 400px;
  border-radius: 0 0 4px 4px;
}
.event-detail-module-feedback {
  font-size: 14px;
  color: #383838;
  display: flex;
  flex-direction: column;
}
.event-detail-module-feedback-item {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.event-detail-module-feedback-item-lineNVoted {
  flex-grow: 1;
  background: radial-gradient(#fff, rgba(0, 0, 0, 0.2) 1%);
  height: 5px;
  margin: 10px;
  transform: translate(0, -50%);
}
.event-detail-module-feedback-item-lineVoted {
  flex-grow: 1;
  background: radial-gradient(#c8102e, rgba(0, 0, 0, 0.2) 100%);
  height: 5px;
  margin: 10px;
  transform: translate(0, -50%);
}
.event-detail-module-feedback-item-checkVoted {
  color: #c8102e;
}
.event-detail-module-feedback-item p {
  margin: 0;
  padding: 0;
}
.event-detail-module-userlist {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 16px;
}
.event-detail-module-userlist .user-badge-medium {
  width: 28%;
}
@media only screen and (max-width: 960px) {
  .event-detail-module-userlist .user-badge-medium {
    width: 45%;
  }
}
.event-detail-module-userlist-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: 2;
  background: rgba(255, 255, 255, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%) repeat scroll 0 0;
}
.event-detail-module-voting {
  display: flex;
  flex-direction: column;
}
.event-detail-module-voting-item {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.event-detail-module-voting-item-lineNVoted {
  flex-grow: 1;
  background: radial-gradient(#fff, rgba(0, 0, 0, 0.2) 1%);
  height: 5px;
  margin: 10px;
  transform: translate(0, -50%);
}
.event-detail-module-voting-item-lineVoted {
  flex-grow: 1;
  background: radial-gradient(#c8102e, rgba(0, 0, 0, 0.2) 100%);
  height: 5px;
  margin: 10px;
  transform: translate(0, -50%);
}
.event-detail-module-voting-item-checkVoted {
  color: #c8102e;
}
.event-detail-module-meetings {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.event-detail-module-meetings-meeting {
  flex: 1 0 49%;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  padding: 4px 4px 8px 4px;
  display: flex;
  align-items: center;
}
.event-detail-module-meetings-meeting.checked {
  border-left: 4px solid #5cb85c;
}
.event-detail-module-meetings-meeting.question_mark {
  border-left: 4px solid #EB8C00;
}
.event-detail-module-meetings-meeting.cross {
  border-left: 4px solid #ff5252;
}
.event-detail-module-meetings-meeting-image img {
  border-radius: 8px;
}
.event-detail-module-meetings-meeting-details {
  padding: 0 8px 0 8px;
}
.event-detail-module-meetings-meeting-details p {
  margin: 0;
}
.event-detail-module-meetings-meeting-details p.checked {
  color: #5cb85c;
}
.event-detail-module-meetings-meeting-details p.question_mark {
  color: #EB8C00;
}
.event-detail-module-meetings-meeting-details p.cross {
  color: #ff5252;
}
.event-detail-module-meetings-meeting-details p:first-child {
  color: #c8102e;
  font-weight: bold;
}
.event-detail-module-meetings span {
  margin: auto;
  font-style: italic;
}
@media only screen and (max-width: 960px) {
  .event-detail-module-image-cover-wide {
    display: none;
  }
}
@media only screen and (min-width: 960px) {
  .event-detail-module-image-cover {
    display: none;
  }
}
.event-detail-module-image img {
  max-width: 600px;
}
.event-detail-module-text img {
  max-width: 600px !important;
}

.icon-live {
  background: #DA291C;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  margin-right: 8px;
}

.user-badge {
  display: flex;
  align-items: center;
}
.user-badge img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 8px;
}
.user-badge strong {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #383838;
}

.user-badge-big {
  display: flex;
  align-items: center;
}
.user-badge-big > img {
  border-radius: 8px;
  margin-right: 12px;
}
.user-badge-big-info {
  flex-grow: 1;
}
.user-badge-big-info h2, .user-badge-big-info h3, .user-badge-big-info h4 {
  color: #c8102e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 8px 0;
  padding: 0;
}
.user-badge-big-info-info {
  display: flex;
  flex-direction: column;
  column-gap: 12px;
  color: #c8102e;
  font-size: 14px;
}
.user-badge-big-info-info a {
  color: #c8102e;
}
.user-badge-big-info-info a:hover, .user-badge-big-info-info a:focus {
  color: green;
}

.user-badge-medium {
  display: flex;
  align-items: start;
  max-height: 60px;
}
.user-badge-medium > img {
  border-radius: 8px;
  margin-right: 12px;
  max-width: 45px;
  max-height: 45px;
}
.user-badge-medium-info {
  flex-grow: 1;
}
.user-badge-medium-info h2, .user-badge-medium-info h3, .user-badge-medium-info h4 {
  color: #c8102e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0;
  padding: 0;
}
.user-badge-medium-info p {
  margin: 0;
  padding: 0;
  color: #3F3F46;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* Number of lines to show */
  overflow: hidden;
}

.happening {
  border-left: 4px solid #c8102e;
}

.happened {
  border-left: 4px solid #D9D9D9;
}

.question-module-ask-form-addQuestion {
  padding: 16px 16px 20px 16px;
}
.question-module-ask-form-addQuestion-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.question-module-ask-form-addQuestion-textarea {
  margin-bottom: 8px;
}
.question-module-ask-form-addQuestion-textarea textarea {
  border: 1px solid #E4E4E7;
  border-radius: 8px;
  padding: 16px;
  height: 100px;
}
.question-module-ask-form-addQuestion-anonym {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 8px;
}
.question-module-ask-form-addQuestion-anonym input[type=checkbox] {
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  border: 0.15em solid #E4E4E7;
  border-radius: 8px;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.question-module-ask-form-addQuestion-button button {
  width: 100%;
}
.question-module-question {
  display: flex;
  flex-direction: column;
}
.question-module-question-ask {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.question-module-question-ask-text {
  flex: 90%;
  padding: 16px 32px 16px 16px;
}
.question-module-question-ask-likes-container {
  padding-right: 16px;
  padding-top: 16px;
  align-self: flex-start;
}
.question-module-question-ask-likes-container.liked .question-module-question-ask-likes {
  background-color: #c8102e;
  color: #fff;
}
.question-module-question-ask-likes {
  align-self: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #E4E4E7;
  border-radius: 8px;
  padding: 4px 16px;
  min-width: 90px;
}
.question-module-question-ask-likes i {
  padding-top: 4px;
}
.question-module-question-ask-likes p {
  margin-bottom: 0;
}
.question-module-question-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  color: #71717A;
}
.question-module-question-footer-author {
  padding-left: 16px;
  padding-top: 8px;
}
.question-module-question-footer-date {
  padding-right: 16px;
  padding-top: 8px;
}
.question-module-noQuestion {
  text-align: center;
  padding: 24px;
  color: #A1A1AA;
}
.question-module-noQuestion i {
  font-size: 33.33px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 960px) {
  .attendees-module {
    padding: 0;
  }
}
.attendees-module-search {
  border: 1px solid rgba(38, 38, 38, 0.25);
  width: 97%;
  padding: 12px 15px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #495057;
  background-color: #fff;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.attendees-module-search:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.25);
}
@media only screen and (max-width: 960px) {
  .attendees-module-search {
    width: 100%;
    border-radius: 0;
  }
}
.attendees-module-block {
  padding: 16px 16px 20px 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 960px) {
  .attendees-module-block {
    padding: 0;
    gap: 0;
  }
}
.attendees-module-block-attendee {
  flex-basis: 32%;
  border-radius: 8px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04), 0px 0px 6px 1px rgba(0, 0, 0, 0.04);
  padding: 16px 16px 20px 16px;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 960px) {
  .attendees-module-block-attendee {
    flex-basis: 100%;
    box-shadow: none;
    border-bottom: 1px solid #D9D9D9;
  }
}
.attendees-module-block-attendee-photo {
  margin-right: 8px;
}
.attendees-module-block-attendee-photo img {
  border-radius: 8px;
}
.attendees-module-block-attendee-details {
  display: flex;
  flex-direction: column;
}
.attendees-module-block-attendee-details p {
  margin: 0;
}
.attendees-module-block-attendee-details p:first-child {
  font-weight: bold;
  color: #c8102e;
}
.attendees-module-block-empty {
  padding: 16px 16px 20px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  gap: 16px;
}
.attendees-module-block-empty i {
  font-size: 68px;
}
.attendees-module-block-empty p {
  font-weight: 600;
}
.attendees-module .tabs-navigation {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.attendees-module .tab-button {
  padding: 10px 20px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  text-transform: uppercase;
}
.attendees-module .tab-button:hover {
  color: #c8102e;
}
.attendees-module .tab-button:active, .attendees-module .tab-button:focus {
  border: none;
  outline: none;
}
.attendees-module .tab-button.active {
  color: #c8102e;
  border-bottom: 2px solid #c8102e;
}
.attendees-module .tab-pane {
  display: none;
}
.attendees-module .tab-pane.active {
  display: block;
}

.attendee-module {
  text-align: center;
  max-width: 512px;
  width: 100%;
}
.attendee-module-image {
  border-radius: 8px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #D9D9D9, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
}
.attendee-module-socials {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: -50px 0 0 calc(512px - 20px);
}
@media only screen and (max-width: 960px) {
  .attendee-module-socials {
    margin: -100px 0 0 calc(100% - 50px);
  }
}
.attendee-module-socials-social {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #c8102e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5em;
  cursor: pointer;
}
.attendee-module-socials-social:hover .tooltipText {
  visibility: visible;
}
.attendee-module-box-info {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04), 0px 0px 6px 1px rgba(0, 0, 0, 0.04);
  margin-bottom: 32px;
  text-align: center;
  padding: 0 16px 20px 16px;
}
.attendee-module-box-info:first-of-type {
  padding-top: 80px;
  margin-top: -60px;
}
.attendee-module-box-info h2 {
  text-align: center;
}
.attendee-module-box-info p {
  margin: 0;
}
.attendee-module-box-info-contacts {
  display: flex;
  flex-direction: column;
  padding-left: 36px;
  padding-right: 36px;
  margin-top: 16px;
}
.attendee-module-box-info-contacts-contact {
  display: flex;
  justify-content: space-between;
  border-bottom: #D9D9D9 solid 1px;
  padding-top: 4px;
}
.attendee-module-box-info-text {
  padding: 36px 0;
}
.attendee-module-buttonSet {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 36px;
}

.tooltipText {
  visibility: hidden;
  width: 120px;
  background-color: #c8102e;
  text-align: center;
  border-radius: 4px;
  padding: 5px 0;
  color: #fff;
  position: absolute;
  z-index: 1;
  margin-left: -170px;
}

.contact-module {
  text-align: center;
  max-width: 512px;
  width: 100%;
}
.contact-module-image {
  width: 128px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #D9D9D9, 0 2px 5px 4px rgba(0, 0, 0, 0.2);
}
.contact-module:nth-child(2) {
  margin-top: 0;
}
.contact-module-box-info {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04), 0px 0px 6px 1px rgba(0, 0, 0, 0.04);
  margin-bottom: 32px;
  text-align: center;
  padding: 0 16px 20px 16px;
  padding-top: 80px;
  margin-top: -64px;
}
.contact-module-box-info h2 {
  text-align: center;
}
.contact-module-box-info p {
  margin: 0;
}
.contact-module-box-info-contacts {
  display: flex;
  flex-direction: column;
  padding-left: 36px;
  padding-right: 36px;
}
.contact-module-box-info-contacts-contact {
  display: flex;
  justify-content: space-between;
  border-bottom: #D9D9D9 solid 1px;
  padding-top: 4px;
}
.contact-module-box-info-text {
  padding-top: 36px;
  padding-bottom: 36px;
}
.contact-module-box .mg0 {
  margin-top: 0;
  padding-top: 16px;
}
.contact-module-box .address {
  padding-left: 36px;
  padding-right: 36px;
}

.custom-module-text {
  padding: 16px 16px 20px 16px;
}
.custom-module-text ul {
  padding-left: 20px;
}
.custom-module-image {
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .custom-module-image img {
    max-width: 100%;
  }
}

.feedback-module-fb {
  padding: 16px 16px 20px 16px;
  display: flex;
  flex-direction: column;
}
.feedback-module-fb-title {
  margin-bottom: 8px;
}
.feedback-module-fb-desc {
  margin-bottom: 8px;
}
.feedback-module-fb-choices {
  margin-top: 16px;
}
.feedback-module-fb-textForm {
  display: flex;
  flex-direction: column;
}
.feedback-module-fb-button {
  margin-top: 16px;
  width: 100%;
}
.feedback-module-fb-button button {
  width: 100%;
}

.locality-module-map {
  height: 19rem;
}
.locality-module-map iframe {
  width: 100%;
  height: 100%;
}
.locality-module-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.locality-module-content-title {
  flex: 1 0 100%;
  padding: 16px 16px 20px 16px;
}
@media only screen and (max-width: 960px) {
  .locality-module-content-title h1 {
    text-align: center;
  }
}
.locality-module-content-info {
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 16px 20px 16px;
}
.locality-module-content-info a {
  text-decoration: none;
  color: #000;
}
.locality-module-content-info a:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 960px) {
  .locality-module-content-info {
    flex: 1 0 100%;
    text-align: center;
  }
  .locality-module-content-info h1 {
    text-align: center;
  }
}
.locality-module-content-image {
  flex: 1 0 50%;
}
@media only screen and (max-width: 960px) {
  .locality-module-content-image {
    flex: 1 0 100%;
  }
}
.locality-module-content-image img {
  max-width: 100%;
  max-height: 100%;
}
.locality-module-content-description {
  flex: 1 0 100%;
  padding: 16px 16px 20px 16px;
}

.meetings-module {
  max-width: 768px;
  width: 100%;
}
.meetings-module-meetings {
  box-shadow: none;
}
.meetings-module-meetings-buttonset {
  display: flex;
}
.meetings-module-meetings-buttonset-button {
  flex-grow: 1;
  line-height: 20px;
  text-transform: uppercase;
  color: #c8102e;
  background: #fff;
  padding: 8px 12px 8px 12px;
  margin: 0;
  display: block;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #c8102e;
  text-align: center;
}
.meetings-module-meetings-buttonset-button.leftBtn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media only screen and (max-width: 960px) {
  .meetings-module-meetings-buttonset-button.leftBtn {
    border-radius: 0;
  }
}
.meetings-module-meetings-buttonset-button.buttonSettings {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media only screen and (max-width: 960px) {
  .meetings-module-meetings-buttonset-button.buttonSettings {
    border-radius: 0;
  }
}
.meetings-module-meetings-buttonset-button:hover {
  text-decoration: none;
  color: #fff;
  background: #c8102e;
}
.meetings-module-meetings-buttonset-button:disabled {
  text-decoration: none;
  color: #fff;
  background: #707070;
  border: #707070;
}
.meetings-module-meetings-buttonset-button.active {
  text-decoration: none;
  color: #fff;
  background: #c8102e;
}
.meetings-module-meetings-details {
  display: flex;
  flex-direction: column;
}
.meetings-module-meetings-details > :last-child {
  margin-bottom: 3rem;
}
.meetings-module-meetings-details-detail {
  padding: 16px 16px 20px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.meetings-module-meetings-details-detail-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.meetings-module-meetings-details-detail-info-image {
  position: relative;
  flex: 0 1 15%;
}
.meetings-module-meetings-details-detail-info-image-icon {
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  left: 60px;
  top: 60px;
}
.meetings-module-meetings-details-detail-info-image-icon.checked {
  color: #5cb85c;
}
.meetings-module-meetings-details-detail-info-image-icon.question_mark {
  color: #EB8C00;
}
.meetings-module-meetings-details-detail-info-image-icon.cross {
  color: #ff5252;
}
.meetings-module-meetings-details-detail-info-image img {
  border-radius: 8px;
}
.meetings-module-meetings-details-detail-info-text {
  flex-grow: 1;
  padding: 0 8px 0 16px;
}
.meetings-module-meetings-details-detail-info-text p {
  margin-bottom: 0;
}
.meetings-module-meetings-details-detail-info-text p:first-child {
  color: #c8102e;
}
.meetings-module-meetings-details-detail-info-text p.checked {
  color: #5cb85c;
}
.meetings-module-meetings-details-detail-info-text p.question_mark {
  color: #EB8C00;
}
.meetings-module-meetings-details-detail-info-text p.cross {
  color: #ff5252;
}
.meetings-module-meetings-details-detail-info-icons {
  flex: 0 1 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
@media only screen and (max-width: 960px) {
  .meetings-module-meetings-details-detail-info-icons {
    display: none;
  }
}
.meetings-module-newMettingBtn {
  text-align: center;
  margin: 20px 0;
}

.meetingsSettings-module {
  max-width: 768px;
  width: 100%;
}
.meetingsSettings-module-settings {
  padding: 1rem;
}
.slots-container {
  padding: 20px;
}
.slots-container h3 {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
.slots-container .date-group {
  margin-bottom: 20px;
  cursor: pointer;
}
.slots-container .date-group .date-header {
  background-color: #cccccc;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  border-radius: 4px;
}
.slots-container .date-group .slot-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  cursor: default;
}
.slots-container .date-group .slot-group:last-child {
  border-bottom: none;
}
.slots-container .date-group .slot-group .slot-time {
  flex-grow: 1;
  font-size: 16px;
  color: #333;
}
.slots-container .date-group .slot-group .switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}
.slots-container .date-group .slot-group .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slots-container .date-group .slot-group .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.slots-container .date-group .slot-group .switch .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.slots-container .date-group .slot-group .switch input:checked + .slider {
  background-color: #4CAF50;
}
.slots-container .date-group .slot-group .switch input:checked + .slider:before {
  transform: translateX(14px);
}
.slots-container .no-slots {
  font-size: 14px;
  color: #888;
  text-align: center;
  padding: 20px;
}

.meetingDetail-module {
  max-width: 768px;
  width: 100%;
  padding: 16px 16px 20px 16px;
}
@media only screen and (max-width: 960px) {
  .meetingDetail-module {
    padding: 0;
    border-bottom: none;
  }
}
.meetingDetail-module-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .meetingDetail-module-header {
    padding: 0 8px;
  }
}
.meetingDetail-module-header h2 {
  color: #c8102e;
}
.meetingDetail-module-header p {
  margin-bottom: 0;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
}
.meetingDetail-module-header .checked {
  color: #5cb85c;
  background-color: rgba(92, 184, 92, 0.2);
}
.meetingDetail-module-header .question_mark {
  color: #EB8C00;
  background-color: rgba(235, 140, 0, 0.2);
}
.meetingDetail-module-header .cross {
  color: #ff5252;
  background-color: rgba(255, 82, 82, 0.2);
}
.meetingDetail-module-participants {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 16px;
  gap: 16px;
}
.meetingDetail-module-participants-participant {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-bottom: 16px;
  border-bottom: 1px solid #D9D9D9;
}
.meetingDetail-module-participants-participant p:first-child {
  color: #c8102e;
  font-weight: bold;
}
.meetingDetail-module-participants-participant:last-child {
  border-bottom: none;
}
.meetingDetail-module-participants-participant-image {
  position: relative;
}
.meetingDetail-module-participants-participant-image-icon {
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: #fff;
  left: 60px;
  top: 60px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.meetingDetail-module-participants-participant-image-icon.checked {
  color: #5cb85c;
}
.meetingDetail-module-participants-participant-image-icon.question_mark {
  color: #EB8C00;
}
.meetingDetail-module-participants-participant-image-icon.cross {
  color: #ff5252;
}
.meetingDetail-module-participants-participant-image img {
  border-radius: 8px;
}
.meetingDetail-module-participants-participant-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}
.meetingDetail-module-participants-participant-info p {
  margin-bottom: 0;
}
.meetingDetail-module-participants-participant.persons {
  display: flex;
  flex-direction: column;
  border-bottom: none;
}
.meetingDetail-module-participants-participant.persons p {
  margin-bottom: 0;
}
.meetingDetail-module-details {
  margin-top: 16px;
}
@media only screen and (max-width: 960px) {
  .meetingDetail-module-details {
    padding: 0 8px;
  }
}
.meetingDetail-module-details-table {
  width: 100%;
}
.meetingDetail-module-details-table tr:nth-child(odd) {
  background-color: #F5F5F5;
}
.meetingDetail-module-details p {
  margin-bottom: 0;
}
.meetingDetail-module-details-buttons {
  margin-top: 16px;
  display: flex;
  gap: 18px;
}
@media only screen and (max-width: 960px) {
  .meetingDetail-module-details-buttons {
    padding: 0 8px;
  }
}
.meetingDetail-module-details-buttons-button {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  border: solid 1px #c8102e;
  padding: 8px 12px 8px 12px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
}
.meetingDetail-module-details-buttons-button.btnSuccess {
  border: solid 1px #5cb85c;
  background-color: #5cb85c;
}
.meetingDetail-module-details-buttons-button.btnSuccess:hover {
  text-decoration: none;
  color: #5cb85c;
  background: rgba(92, 184, 92, 0.2);
}
.meetingDetail-module-details-buttons-button.btnSuccess:focus {
  text-decoration: none;
  color: #5cb85c;
  background: rgba(92, 184, 92, 0.2);
}
.meetingDetail-module-details-buttons-button.btnDanger {
  border: solid 1px #ff5252;
  background-color: #ff5252;
}
.meetingDetail-module-details-buttons-button.btnDanger:hover {
  text-decoration: none;
  color: #ff5252;
  background: rgba(255, 82, 82, 0.2);
}
.meetingDetail-module-details-buttons-button.btnDanger:focus {
  text-decoration: none;
  color: #ff5252;
  background: rgba(255, 82, 82, 0.2);
}

.meetingNew-module {
  max-width: 768px;
  width: 100%;
  padding: 16px 16px 20px 16px;
}
.meetingNew-module-participants {
  padding: 16px 16px 20px 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 960px) {
  .meetingNew-module-participants {
    padding: 0;
  }
}
.meetingNew-module-participants-attendee {
  flex-basis: 48%;
  border-radius: 4px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04), 0px 0px 6px 1px rgba(0, 0, 0, 0.04);
  padding: 16px 16px 20px 16px;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 960px) {
  .meetingNew-module-participants-attendee {
    flex-basis: 100%;
  }
}
.meetingNew-module-participants-attendee-photo {
  margin-right: 8px;
}
.meetingNew-module-participants-attendee-photo img {
  border-radius: 4px;
}
.meetingNew-module-participants-attendee-details {
  display: flex;
  flex-direction: column;
}
.meetingNew-module-participants-attendee-details p {
  margin: 0;
}
.meetingNew-module-participants-attendee-addNew {
  border: none;
  background-color: #fff;
  color: #000;
}
.meetingNew-module-participants-attendee-addNew:hover {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
}
.meetingNew-module-setup {
  padding: 16px 16px 20px 16px;
}
.meetingNew-module-setup-error {
  text-align: center;
  margin-bottom: 16px;
}
.meetingNew-module-setup-row {
  display: none;
}
.meetingNew-module-setup-row-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  border-bottom: 1px solid #F2F2F2;
  padding: 16px;
}
.meetingNew-module-setup-row-input span {
  margin-bottom: 8px;
}
.meetingNew-module-setup-row-input-options {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.meetingNew-module-setup-row-input-options .inputs {
  cursor: pointer;
  border: 1px solid #D9D9D9;
  background-color: #D9D9D9;
  border-radius: 4px;
  padding: 12px;
  text-wrap: nowrap;
}
.meetingNew-module-setup-row-input-options .active {
  background-color: #c8102e;
  border: #c8102e;
  color: #fff;
}
.meetingNew-module-setup-row-input textarea {
  flex: 1;
  padding: 8px;
}
.meetingNew-module-setup-row-input button {
  margin-top: 16px;
  flex: 1;
}
.messages-module-message {
  padding: 16px 16px 20px 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.messages-module-message-content {
  flex-grow: 1;
  font-weight: bold;
  color: #c8102e;
}
.messages-module-message-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}
.messages-module-message-footer-name {
  display: flex;
  gap: 8px;
}
.messages-module-message-footer-name img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.messages-module-message-footer-name p {
  white-space: nowrap;
}

.unread {
  border-left: 8px solid #c8102e;
}

.read {
  border-left: none;
}

.voting-module-vote {
  padding: 16px 16px 20px 16px;
  display: flex;
  flex-direction: column;
}
.voting-module-vote-title {
  margin-bottom: 8px;
}
.voting-module-vote-desc {
  margin-bottom: 8px;
}
.voting-module-vote-choices {
  margin-top: 16px;
  margin-bottom: 16px;
}
.voting-module-vote-button {
  width: 100%;
}
.voting-module-vote-button button {
  width: 100%;
}

.qr-module {
  text-align: center;
  padding: 32px;
}
.login-image {
  background: url("../../admin_assets/edwards/LoginPage.jpg") no-repeat center center;
  background-size: cover;
}

.styled-title {
  background: url("../../admin_assets/edwards/pageCoverEdwards.jpg") no-repeat center top;
  color: #c8102e;
}

/*# sourceMappingURL=live_edwards.css.map */