* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, section,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

html[data-useragent*="MSIE 10.0"] a, img {
  border: none;
  outline: none;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul, ol {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 16px;
}
ul li, ol li {
  padding: 0;
  margin: 0 0 4px 0;
}

p, .p {
  font-weight: normal;
  margin: 0 0 16px;
}

img {
  width: 100%;
  margin: auto;
}

.neutralcolor {
  color: #80ced6;
}

.positivecolor {
  color: rgb(34, 139, 34);
}

.negativecolor {
  color: rgb(220, 20, 60);
}

.inactivecolor {
  color: rgb(179, 179, 179);
}

.delete {
  color: rgb(220, 20, 60);
}

.unimportant {
  color: #b3b3b3;
}

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

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

.hide {
  display: none;
}

.gray_square {
  background: lightgray;
  padding: 16px;
}

.border {
  border: 1px solid lightgray;
}

.border-radius {
  border: 1px solid lightgray;
  border-radius: 8px;
}

.flex--center {
  align-items: center;
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.spacer--8 {
  height: 8px;
}

.spacer--16 {
  height: 16px;
}

.spacer-24, .spacer--24 {
  height: 24px;
}

.spacer--32 {
  height: 32px;
}

.spacer-36, .spacer--36 {
  height: 36px;
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.max-width-300, .max-w-300 {
  max-width: 300px;
}

.max-width-350, .max-w-340 {
  max-width: 330px;
}

.max-width-450, .max-w-450 {
  max-width: 450px;
}

.max-width-600, .max-w-600 {
  max-width: 600px;
}

.auto-margin {
  margin: 0 auto;
}

.margin-center {
  margin: 0 auto;
}

.m-8 {
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}

.mt-4, .margin-top-4 {
  margin-top: 4px;
}

.mt-8, .margin-top-8 {
  margin-top: 8px;
}

.mt-16, .margin-top-16 {
  margin-top: 16px;
}

.mt-32, .margin-top-32 {
  margin-top: 32px;
}

.mb-4, .margin-bottom-4 {
  margin-bottom: 4px;
}

.mb-8, .margin-bottom-8 {
  margin-bottom: 8px;
}

.mb-16, .margin-bottom-16 {
  margin-bottom: 16px;
}

.mb-32, .margin-bottom-32 {
  margin-bottom: 32px;
}

.ml-4, .margin-left-4 {
  margin-left: 4px;
}

.ml-8, .margin-left-8 {
  margin-left: 8px;
}

.ml-16, .margin-left-16 {
  margin-left: 16px;
}

.ml-32, .margin-left-32 {
  margin-left: 32px;
}

.mr-4, .margin-right-4 {
  margin-right: 4px;
}

.mr-8, .margin-right-8 {
  margin-right: 8px;
}

.mr-16, .margin-right-16 {
  margin-right: 16px;
}

.mr-32, .margin-right-32 {
  margin-right: 32px;
}

.ms-8, .my-8 {
  margin-right: 8px;
  margin-left: 8px;
}

.ms-16, .my-16 {
  margin-right: 16px;
  margin-left: 16px;
}

.p-8, .padding-8 {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}

.p-16, .padding-16 {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}

.pt-8 {
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.py-4 {
  padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 0px;
}

.py-8 {
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
}

.px-8 {
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
}

.px-16 {
  padding-top: 0px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 16px;
}

.pb-4, .padding-bottom-4 {
  padding-bottom: 4px;
}

.pb-8, .padding-bottom-8 {
  padding-bottom: 8px;
}

.pl-4, .padding-left-4 {
  padding-left: 4px;
}

.pl-8, .padding-left-8 {
  padding-left: 8px;
}

.pr-4, .padding-right-4 {
  padding-right: 4px;
}

.pr-8, .padding-right-8 {
  padding-right: 8px;
}

.no-padding {
  padding: 0;
}

.no-padding-important {
  padding: 0 !important;
}

.no-margin {
  margin: 0;
}

.no-margin-important {
  margin: 0 !important;
}

.bg-white {
  background: white;
}

.rounded {
  border-radius: 10px;
}

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.testMode {
  background: darkred;
  color: white;
  padding: 8px 0;
  text-align: center;
}

.importantNotice {
  color: white;
  padding: 8px 0;
  text-align: center;
}

.positiveNotice {
  background: forestgreen;
}

.negativeNotice {
  background: darkred;
}

.portal_page {
  display: flex;
  padding: 82px 0 0 0;
  height: 100%;
  background: rgba(77, 101, 135, 0.05);
}
.portal_page .content {
  margin: 0 auto;
  padding: 32px;
  flex: 1 1 0;
  overflow: auto;
}
.portal_page .content .return_btn {
  margin: 0 0 16px;
}
.portal_page .page_notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: darkred;
  color: white;
  padding: 8px 0;
  font-size: 12px;
}

.bShadow, .offsetSection, .subject_cards_view .subjects .card .card__content .subject_stats .subject_stat .alt_text, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat .alt_text, .subject_cards_view .subjects .card .card__content .subject_stats, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats, .subject_list--compact, .subject_list--cards .subject--card, .response_card .respond, .subject_overview .images .image, .subject_overview .banner_overlay .subject_stats .subject_stat .alt_text, .modal_overlay .user_suggestion, .modal_overlay .subj_suggestion, .modal_overlay .orga_suggestion, .modal_overlay .speaker_suggestion, .modal_overlay .community_switch .community_option, .modal_overlay .modal, input, textarea, .btn, .btn--action, .btn--small, .btn--secondary, button, .button, a.btn, a.btn--action, a.btn--small, a.btn--secondary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.no-bShadow {
  box-shadow: none;
}

.fa-times, .fa-trash {
  color: crimson;
}

.fa-check {
  color: forestgreen;
}

.clickable {
  cursor: pointer;
}

.appstore_image {
  width: 150px;
}

.link {
  color: #ec7523;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.hover-underline:hover {
  text-decoration: underline;
}

.delete_on_hover, .delete_on_hover .fa-trash {
  color: lightgray;
  cursor: pointer;
  transition: color 0.35s ease;
}
.delete_on_hover:hover, .delete_on_hover .fa-trash:hover {
  color: crimson;
}

.delete_on_hover {
  display: inline-block;
  padding: 0 4px;
}

.required_field {
  position: absolute;
  top: -3px;
  padding: 0 3px;
  font-size: 14px;
}

.social_on, .social_off {
  display: inline-block;
}
.social_on img, .social_off img {
  width: 32px;
}

.fade {
  color: lightgray;
}

.split, .flex, .flex--center, .flex-col {
  display: flex;
}
.split .block, .flex .block, .flex--center .block, .flex-col .block {
  flex: 1 1 0;
}
.split .block--nopadding, .flex .block--nopadding, .flex--center .block--nopadding, .flex-col .block--nopadding {
  flex: 1 1 0;
  padding: 0;
}
.split .block--padding, .flex .block--padding, .flex--center .block--padding, .flex-col .block--padding {
  padding: 0 8px;
}
.split .block--limit, .flex .block--limit, .flex--center .block--limit, .flex-col .block--limit {
  max-width: 450px;
}
.split .block--2, .flex .block--2, .flex--center .block--2, .flex-col .block--2 {
  flex: 2 1 0;
}
.split .block--3, .flex .block--3, .flex--center .block--3, .flex-col .block--3 {
  flex: 3 1 0;
}
.split .block--4, .flex .block--4, .flex--center .block--4, .flex-col .block--4 {
  flex: 4 1 0;
}
.split .block--5, .flex .block--5, .flex--center .block--5, .flex-col .block--5 {
  flex: 5 1 0;
}
.split .block + .block, .flex .block + .block, .flex--center .block + .block, .flex-col .block + .block {
  padding: 0 0 0 32px;
}
.split .block--sm, .flex .block--sm, .flex--center .block--sm, .flex-col .block--sm {
  flex: 0 0 32px;
}
.split .block--md, .flex .block--md, .flex--center .block--md, .flex-col .block--md {
  flex: 0 0 100px;
}
.split .block--lg, .flex .block--lg, .flex--center .block--lg, .flex-col .block--lg {
  flex: 0 0 150px;
}
.split .block--300, .flex .block--300, .flex--center .block--300, .flex-col .block--300 {
  flex: 0 0 300px;
}
.split .block--350, .flex .block--350, .flex--center .block--350, .flex-col .block--350 {
  flex: 0 0 350px;
}
.split .block--400, .flex .block--400, .flex--center .block--400, .flex-col .block--400 {
  flex: 0 0 400px;
}
.split .block--450, .flex .block--450, .flex--center .block--450, .flex-col .block--450 {
  flex: 0 0 450px;
}
.split .block--500, .flex .block--500, .flex--center .block--500, .flex-col .block--500 {
  flex: 0 0 500px;
}
.split .block--650, .flex .block--650, .flex--center .block--650, .flex-col .block--650 {
  flex: 0 0 650px;
}

.flex-col {
  flex-direction: column;
}

.gap {
  gap: 8px;
}

.gap-2 {
  gap: 16px;
}

.gap-4 {
  gap: 32px;
}

.flex--wrap {
  flex-wrap: wrap;
}

.split-h-center {
  align-items: center;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-BoldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-LightItalic.ttf);
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-MediumItalic.ttf);
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-Black.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto/Roboto-BlackItalic.ttf);
  font-style: italic;
  font-weight: 700;
}
body, html {
  font-size: 14px;
  font-family: Roboto, Verdana, sans-serif;
  color: rgb(71, 71, 71);
}

h1, h2, h3, h4, h5 {
  font-family: inherit;
  margin-bottom: 16px;
  color: rgb(77, 101, 135);
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: 8px;
}

.top-2 {
  top: 16px;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 8px;
}

.right-2 {
  right: 16px;
}

.inset {
  inset: 0;
}

.flex-1 {
  flex: 1 1 0%;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.btn, .btn--action, .btn--small, .btn--secondary, button, .button, a.btn, a.btn--action, a.btn--small, a.btn--secondary {
  display: inline-block;
  padding: 16px 32px;
  border: none;
  cursor: pointer;
  text-align: center;
  transition: background 0.35s ease;
  background: #2b71ab;
  color: white;
  border-radius: 10px;
}
.btn:hover, .btn--action:hover, .btn--small:hover, .btn--secondary:hover, button:hover, .button:hover, a.btn:hover {
  background: #3b8bce;
}

.btn--secondary {
  box-shadow: none;
  background: none;
  color: gray;
  border: 1px solid gray;
}
.btn--secondary:hover {
  background: gray;
  color: white;
}

.btn--small {
  border-radius: 2px;
  padding: 4px 8px;
}

.btn_underline {
  cursor: pointer;
  display: inline-block;
  color: #2b71ab;
}

.btn--action {
  color: white;
  background: #ec7523;
}
.btn--action:hover {
  background: #f09252;
}

.btn_row {
  margin: 0 0 8px;
}
.btn_row .btn, .btn_row .btn--secondary, .btn_row .btn--small, .btn_row .btn--action {
  margin: 0 5px 0 0;
  padding: 4px 8px;
  border-radius: 4px;
}

.manage_new_item {
  position: absolute;
  right: 32px;
  top: 16px;
}
.manage_new_item .btn, .manage_new_item .btn--secondary, .manage_new_item .btn--small, .manage_new_item .btn--action {
  padding: 8px 16px;
}

.form .form__section, form .form__section {
  padding: 20px 0;
  border-top: 1px solid lightgray;
  display: flex;
  max-width: 650px;
}
.form .form__section .form__section__label, form .form__section .form__section__label {
  flex: 0 0 250px;
  font-size: 16px;
}
.form .form__section .section__label, form .form__section .section__label {
  flex: 0 1 250px;
  color: rgb(77, 101, 135);
  font-weight: 500;
}
.form .form__section .form__section__content, form .form__section .form__section__content {
  flex: 1 1 0;
}
.form .form__section .section__content, form .form__section .section__content {
  flex: 1 1 0;
}
.form .form__section .fas, form .form__section .fas {
  cursor: pointer;
}
.form .form__section .fa-plus, form .form__section .fa-plus {
  color: rgb(34, 139, 34);
}
.form .input_flex, form .input_flex {
  max-width: 450px;
  display: flex;
  margin: 0 0 16px;
  align-items: center;
}
.form .input_flex .block, form .input_flex .block {
  flex: 1 1 0;
  margin: 0 8px 0 0;
}
.form .input_flex .block:last-child, form .input_flex .block:last-child {
  margin: 0;
}
.form .input_flex .block--2, form .input_flex .block--2 {
  flex: 2 1 0;
  margin: 0 8px 0 0;
  padding: 0;
}
.form .input_flex .block--2:last-child, form .input_flex .block--2:last-child {
  margin: 0;
}
.form .privacy, form .privacy {
  display: none;
}
.form .select--50, form .select--50 {
  display: inline-block;
  width: 50px;
}
.form .select--100, form .select--100 {
  display: inline-block;
  width: 100px;
}
.form .file_upload .file_list .file, form .file_upload .file_list .file {
  display: flex;
  align-items: center;
}
.form .file_upload .file_list .file input, form .file_upload .file_list .file input {
  flex: 1 1 0;
}
.form .file_upload .file_list .file .del, form .file_upload .file_list .file .del {
  flex: 0 0 35px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  padding: 8px 0;
}
.form .file_upload .file_list .file .del .fa-times, form .file_upload .file_list .file .del .fa-times {
  color: gray;
  transition: color 0.35s ease;
}
.form .file_upload .file_list .file .del:hover .fa-times, form .file_upload .file_list .file .del:hover .fa-times {
  color: crimson;
}
.form .file_upload .file_list .add_file, form .file_upload .file_list .add_file {
  cursor: pointer;
  color: #ec7523;
}
.form .upload_progress, form .upload_progress {
  display: none;
  width: 350px;
  margin: 0 auto 20px;
  text-align: center;
}
.form .upload_progress .bar, form .upload_progress .bar {
  height: 20px;
  width: 100%;
  border: 1px solid lightgray;
}
.form .upload_progress .bar .bar__fill, form .upload_progress .bar .bar__fill {
  height: 100%;
  width: 0%;
  background: rgba(34, 139, 34, 0.3);
  transition: width 0.35s ease;
}
.form .upload_progress .bar .bar__percent, form .upload_progress .bar .bar__percent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 12px;
}
.form .footnote, form .footnote {
  font-size: 12px;
  font-style: italic;
}
.form .saving, form .saving {
  position: absolute;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
.form .saving .saving__message, form .saving .saving__message {
  font-style: italic;
  width: 80%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 32px;
  color: lightgreen;
  border-radius: 10px;
}

.input_btn {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
}
.input_btn input {
  flex: 1 1 0;
}
.input_btn .btn_con {
  flex: 0 0 116px;
  padding: 0 0 0 16px;
}

.formError {
  display: none;
  background: rgba(220, 20, 60, 0.1);
  color: crimson;
  padding: 8px 16px;
  margin: 0 0 16px;
}

.formSuccess {
  display: none;
  background: rgba(34, 139, 34, 0.1);
  color: forestgreen;
  padding: 8px 16px;
  margin: 0 0 8px;
  margin: 0 0 16px;
}

p .label, p label, .p .label, .p label {
  display: block;
  font-weight: 700;
  margin: 0 0 4px;
}

input, textarea {
  font-family: inherit;
  padding: 12px;
  width: 100%;
  border: none;
  color: inherit;
  font-weight: inherit;
  font-size: 12px;
}

input::placeholder, textarea::placeholder {
  font-family: inherit;
  font-size: 12px;
  color: rgb(192, 193, 194);
  font-weight: inherit;
}

input[type=checkbox], input[type=radio] {
  width: 13px !important;
  height: 13px !important;
  box-shadow: none;
  margin: 4px;
}

.input--300 {
  width: 300px;
}

.multiline_input input {
  margin: 0 0 8px;
}
.multiline_input span {
  display: block;
}

select {
  width: 100%;
  padding: 8px;
}

.new_status {
  width: 120px;
}

option:checked, option:selected {
  background: rgba(236, 117, 35, 0.3);
}

.input--error {
  border: 1px solid crimson !important;
}

textarea::placeholder {
  font-family: inherit;
  font-size: 14px;
}

.form--300 input, .form--300 textarea {
  max-width: 300px;
}

.form--350 {
  max-width: 350px;
}

.schakel-carousel {
  overflow: hidden;
  width: 100%;
}
.schakel-carousel .grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transistion: 0.25s linear;
  transition: 0.25s linear;
}
.schakel-carousel .schakel-carousel__window {
  display: flex;
  transition: all 0.45s ease 0s;
  align-items: center;
}
.schakel-carousel .schakel-carousel__window .item {
  padding: 0 16px;
  text-align: center;
}
.schakel-carousel .schakel-carousel__window .item img {
  max-height: 200px;
  max-width: 60%;
  width: auto;
}

.nav_bar {
  background: #3f3f3f;
  color: white;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}
.nav_bar .logo {
  flex: 1 0 0;
}
.nav_bar .nav {
  flex: 0 0 120px;
  display: flex;
}
.nav_bar .nav a {
  flex: 1 1 0;
}

.header {
  background: white;
  color: #343434;
  padding: 24px 16px;
  display: flex;
  align-items: center;
}
.header .logo {
  flex: 1 1 0;
  font-size: 24px;
  font-weight: 400;
}
.header .logo img {
  max-width: 150px;
}
.header .nav {
  flex: 1 1 0;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  text-align: center;
}
.header .nav a {
  flex: 1 1 0;
}

.hero {
  display: flex;
  align-items: center;
  padding: 0 64px;
  height: 350px;
  flex: 0 0 350px;
}
.hero h1, .hero h2, .hero h3 {
  color: rgb(206, 236, 255);
}
.hero .btn--action {
  background: rgb(43, 113, 171);
}
.hero .btn--action:hover {
  background: #3b8bce;
}

.hero {
  background: url(/assets/images/daniel-leone-unsplash2.jpg);
  background-size: cover;
  background-position: center;
}

.content {
  padding: 72px 0;
}
.content .section__content {
  max-width: 1024px;
  margin: 0 auto;
}
.content .block {
  padding: 0 16px;
}
.content p {
  max-width: 450px;
}
.content:nth-child(odd) {
  background: #0d85c4;
  color: #e9f6fd;
}
.content:nth-child(odd) h3 {
  color: #e9f6fd;
}

.content--gray {
  background: #E6E6E6;
}

.content--white {
  background: white !important;
  color: #3f3f3f !important;
}
.content--white h1, .content--white h2, .content--white h3 {
  color: #3C3C3E !important;
}

.section__first {
  padding: 64px 0 32px;
}

.login .forgot {
  text-align: center;
  margin: 20px 0 0;
  font-size: 12px;
  font-style: italic;
  color: #2b71ab;
}

.central_info {
  text-align: center;
  justify-content: space-evenly;
}
.central_info .block {
  max-width: 350px;
}
.central_info .icon {
  width: 100px;
  margin: 0 auto 16px;
  opacity: 0.4;
}
.central_info .icon img {
  width: 100%;
}

.footer {
  background: #3f3f3f;
  color: white;
  padding: 32px 16px;
  text-align: center;
}
.footer h4, .footer a {
  color: rgb(206, 236, 255);
}
.footer p {
  font-size: 12px;
}
.footer .footer_wrapper {
  text-align: left;
  padding: 0 80px;
  margin: 0 0 32px;
}
.footer .social-icons {
  display: flex;
}
.footer .social-icons img {
  max-width: 60px;
  margin: 0 8px;
}
.footer .copyright {
  font-size: 12px;
}

.card, .card--no-bg {
  display: block;
  background: white;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
.card .card__title, .card--no-bg .card__title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2rem;
  color: rgb(77, 101, 135);
  padding: 16px;
}
.card .card__header, .card--no-bg .card__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.card .card__subhead, .card--no-bg .card__subhead {
  line-height: 1.25rem;
}
.card .card__content, .card--no-bg .card__content {
  padding: 16px;
}
.card .createItem, .card--no-bg .createItem {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
}

.card--no-bg {
  background: none;
  box-shadow: none;
}

.card--form {
  max-width: 450px;
}

.tabbed_card .tab_navigation {
  display: flex;
  border-bottom: 1px solid lightgray;
}
.tabbed_card .tab_navigation .tab {
  flex: 1 1 0;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
}
.tabbed_card .tab_navigation .tab:hover {
  background: rgba(43, 113, 171, 0.2);
}
.tabbed_card .tab_navigation .tab--active {
  background: #2b71ab;
  color: white;
}
.tabbed_card .tab_navigation .tab--active:hover {
  background: #2b71ab;
}
.tabbed_card .tabs {
  padding: 8px 0 0;
}
.tabbed_card .tabs .tab + .tab {
  display: none;
}

.tabbed-card {
  margin: 0 0 32px;
}
.tabbed-card .tabs {
  display: flex;
}
.tabbed-card .tabs .tab {
  flex: 1 1 0;
  padding: 16px 0;
  text-align: center;
  cursor: pointer;
  border-bottom: 4px solid rgba(0, 0, 0, 0.3);
  transition: border 0.35 ease;
}
.tabbed-card .tabs .tab:hover {
  border-bottom: 4px solid rgba(236, 117, 35, 0.6);
}
.tabbed-card .tabs .tab--active {
  border-bottom: 4px solid #ec7523;
  font-weight: 700;
}
.tabbed-card .tabs .tab--active:hover {
  border-bottom: 4px solid #ec7523;
}
.tabbed-card .cards .card, .tabbed-card .cards .card--no-bg, .tabbed-card .cards .tab {
  width: 100%;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tabbed-card .cards .card--hidden {
  display: none;
}
.tabbed-card .cards .table {
  border: none;
  box-shadow: none;
  padding: 0;
}

.modal_overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .modal {
  background: white;
  width: 650px;
}
.modal_overlay .modal .modal__title {
  padding: 16px;
  background: lightgray;
}
.modal_overlay .modal .modal__close, .modal_overlay .modal .close_modal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: crimson;
  cursor: pointer;
  padding: 8px;
}
.modal_overlay .modal .modal__content {
  padding: 20px;
  max-height: 600px;
  min-height: 350px;
  overflow-y: auto;
}
.modal_overlay .modal .divider_title {
  background: #4D6587;
  color: white;
  padding: 8px 12px;
  margin: 0 0 8px;
}
.modal_overlay .modal .modal_popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .modal .modal_popup .close_modal_popup {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  font-size: 16px;
  cursor: pointer;
}
.modal_overlay .modal .modal_popup .modal_popup_content {
  background: white;
  padding: 24px 24px 16px 16px;
  max-width: 80%;
}
.modal_overlay .modal .delete {
  cursor: pointer;
  color: lightgray;
  transition: color 0.35s ease;
}
.modal_overlay .modal .delete:hover {
  color: crimson;
}
.modal_overlay .image_example img {
  width: auto;
}
.modal_overlay .modalSuccess {
  background: rgba(34, 140, 34, 0.3);
  text-align: center;
  padding: 8px;
  display: none;
  margin: 8px;
}
.modal_overlay .modalError {
  background: rgba(220, 20, 60, 0.3);
  text-align: center;
  padding: 8px;
  display: none;
  margin: 8px;
}
.modal_overlay .tab_navigation {
  display: flex;
  border-bottom: 1px solid #c2c2c2;
  margin: 0 0 32px;
}
.modal_overlay .tab_navigation .tab {
  flex: 1 1 0;
  padding: 16px 0;
  text-align: center;
  border-bottom: 2px solid #f5f5f5;
  cursor: pointer;
  color: gray;
  transition: border 0.35s ease;
}
.modal_overlay .tab_navigation .tab:hover {
  color: #333;
  border-bottom: 2px solid #2b71ab;
}
.modal_overlay .tab_navigation .tab--active {
  border-bottom: 2px solid #2b71ab;
  color: #333;
}
.modal_overlay .back {
  margin: 0 0 16px;
  color: #ec7523;
  cursor: pointer;
}
.modal_overlay .back:hover {
  text-decoration: underline;
}
.modal_overlay .community_switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.modal_overlay .community_switch .community_option {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid lightgray;
  overflow: hidden;
  cursor: pointer;
}
.modal_overlay .community_switch .community_option img {
  max-width: 100px;
}
.modal_overlay .community_switch .community_option .name_overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: opacity 0.35s ease;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .community_switch .community_option:hover .name_overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}
.modal_overlay .new_system_item_select {
  display: flex;
  padding: 16px 0;
}
.modal_overlay .new_system_item_select .item__option {
  flex: 1 1 0;
  padding: 16px 0;
  text-align: center;
  cursor: pointer;
  background: white;
  transition: background 0.35s ease;
}
.modal_overlay .new_system_item_select .item__option .icon {
  font-size: 36px;
  padding: 0 0 16px;
  color: #7c7c7c;
  transition: color 0.35s ease;
}
.modal_overlay .new_system_item_select .item__option:hover {
  background: rgba(236, 117, 35, 0.1);
}
.modal_overlay .new_system_item_select .item__option:hover .icon {
  color: #ec7523;
}
.modal_overlay .participant_modal {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}
.modal_overlay .participant_modal .connection_request {
  text-align: right;
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  font-size: 12px;
  border-radius: 10px;
}
.modal_overlay .participant_modal .connection_request.request_pending {
  background: lightblue;
}
.modal_overlay .participant_modal .connection_request.connected {
  background: lightgreen;
  cursor: pointer;
}
.modal_overlay .participant_modal .connection_request.connected:hover {
  text-decoration: underline;
}
.modal_overlay .participant_modal .connection_request.connect {
  background: lightsalmon;
  cursor: pointer;
}
.modal_overlay .participant_modal .connection_request.connect:hover {
  text-decoration: underline;
}
.modal_overlay .participant_modal .image {
  margin: 0 0 16px;
  text-align: center;
  padding: 36px 0 0;
}
.modal_overlay .participant_modal .image .image_window {
  border-radius: 100%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .participant_modal .image img {
  width: 150px;
  flex: 1 1 0;
  margin: 0;
}
.modal_overlay .participant_modal .organisation {
  color: grey;
  font-weight: 700;
  margin: 0 0 8px;
  cursor: pointer;
}
.modal_overlay .participant_modal .organisation:hover {
  text-decoration: underline;
}
.modal_overlay .participant_modal a {
  color: #2b71ab;
}
.modal_overlay .participant_modal a.btn, .modal_overlay .participant_modal a.btn--secondary, .modal_overlay .participant_modal a.btn--small, .modal_overlay .participant_modal a.btn--action {
  color: white;
}
.modal_overlay .participant_modal .user_subjects .subject, .modal_overlay .participant_modal .user_subjects .response, .modal_overlay .participant_modal .user_responses .subject, .modal_overlay .participant_modal .user_responses .response {
  display: block;
  text-align: left;
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid gray;
}
.modal_overlay .participant_modal .user_subjects .subject a, .modal_overlay .participant_modal .user_subjects .response a, .modal_overlay .participant_modal .user_responses .subject a, .modal_overlay .participant_modal .user_responses .response a {
  color: inherit;
}
.modal_overlay .participant_modal .user_subjects .subject h3, .modal_overlay .participant_modal .user_subjects .response h3, .modal_overlay .participant_modal .user_responses .subject h3, .modal_overlay .participant_modal .user_responses .response h3 {
  margin: 0 0 4px;
}
.modal_overlay .participant_modal .user_subjects .subject:last-child, .modal_overlay .participant_modal .user_subjects .response:last-child, .modal_overlay .participant_modal .user_responses .subject:last-child, .modal_overlay .participant_modal .user_responses .response:last-child {
  border-bottom: none;
}
.modal_overlay .connection_requests .request {
  justify-content: center;
  align-items: center;
  margin: 0 0 16px;
  border: 1px solid lightgray;
  border-radius: 20px;
  padding: 12px;
}
.modal_overlay .connection_requests .request .avatar {
  flex: 0 0 80px;
  text-align: center;
}
.modal_overlay .connection_requests .request .avatar .image_window {
  border-radius: 100%;
  overflow: hidden;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_overlay .connection_requests .request .avatar img {
  width: 75px;
  flex: 1 1 0;
  margin: 0;
}
.modal_overlay .connection_requests .request .response {
  flex: 0 0 150px;
  text-align: center;
  margin: 8px 0 0;
  border-left: 1px solid lightgray;
}
.modal_overlay .connection_requests .request .response .deny, .modal_overlay .connection_requests .request .response .accept {
  display: block;
  text-align: center;
  cursor: pointer;
  transition: color 0.35s ease;
  padding: 8px;
}
.modal_overlay .connection_requests .request .response .deny {
  color: lightgray;
}
.modal_overlay .connection_requests .request .response .deny:hover {
  color: crimson;
}
.modal_overlay .connection_requests .request .response .accept {
  color: rgba(34, 139, 34, 0.7);
}
.modal_overlay .connection_requests .request .response .accept:hover {
  color: green;
}
.modal_overlay .taskplanner .task_list .task {
  background: rgba(211, 211, 211, 0.7);
  border: 1px solid lightgray;
  padding: 12px;
  margin: 0 0 12px;
}
.modal_overlay .databank_modal {
  max-width: 450px;
  margin: 0 auto;
}
.modal_overlay .databank_modal .created {
  color: lightgray;
  font-size: 14px;
}
.modal_overlay .databank_modal a {
  color: #2b71ab;
}
.modal_overlay .delete_modal {
  max-width: 450px;
  margin: 0 auto;
}
.modal_overlay .delete_modal .btn_con {
  text-align: center;
  margin: 0 0 16px;
}
.modal_overlay .delete_modal .delete {
  background: crimson;
}
.modal_overlay .confirmAction {
  text-align: center;
}
.modal_overlay .confirmAction .cancel {
  background: gray;
  margin: 0 8px 0 0;
}
.modal_overlay .image_view .prev_image, .modal_overlay .image_view .next_image {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.37);
  padding: 0 16px;
  z-index: 2;
  font-size: 24px;
  cursor: pointer;
  transition: opacity 0.25s ease;
}
.modal_overlay .image_view .prev_image:hover, .modal_overlay .image_view .next_image:hover {
  opacity: 1;
}
.modal_overlay .image_view .prev_image {
  left: 0;
}
.modal_overlay .image_view .next_image {
  right: 0;
}
.modal_overlay .manage_image img, .modal_overlay .manage_file img {
  max-height: 200px;
  max-width: 200px;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.modal_overlay .manage_image .delete, .modal_overlay .manage_file .delete {
  font-size: 14px;
  margin: 16px 0 0;
  font-style: italic;
  cursor: pointer;
}
.modal_overlay .manage_image .delete:hover, .modal_overlay .manage_file .delete:hover {
  text-decoration: underline;
}
.modal_overlay .response_modal .fade--inline {
  display: inline-block;
  width: 55px;
  color: #b3b3b3;
  font-weight: 300;
}
.modal_overlay .response_modal .subj_title {
  color: #4d6587;
  font-weight: 700;
}
.modal_overlay .response_modal .organisation {
  font-weight: 400;
  color: #b3b3b3;
}
.modal_overlay .response_modal .user {
  color: rgb(26, 112, 183);
  font-weight: 700;
}
.modal_overlay .discussion .font-small {
  font-size: 12px;
}
.modal_overlay .discussion .discussion_empty {
  font-style: italic;
  font-size: 12px;
  padding: 16px 0;
}
.modal_overlay .discussion .discussion_messages {
  margin: 0 0 16px;
  border-radius: 8px;
}
.modal_overlay .discussion .message {
  margin: 0 0 16px;
  border: 1px solid lightgray;
  border-radius: 8px;
}
.modal_overlay .discussion .message .message_owner {
  background: rgba(211, 211, 211, 0.3);
  padding: 8px;
  display: flex;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.modal_overlay .discussion .message .message_owner .avatar {
  width: 80px;
}
.modal_overlay .discussion .message .message_owner .avatar .avatar-wrapper {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal_overlay .discussion .message .message_owner .avatar .avatar-wrapper image {
  width: 50px;
  flex: 1 1 0;
}
.modal_overlay .discussion .message .message_owner .message_data {
  flex: 1 1 0;
  line-height: 1.8;
}
.modal_overlay .discussion .message .message_owner.owner {
  background: rgba(173, 216, 230, 0.3);
}
.modal_overlay .discussion .message .message_bubble {
  padding: 12px;
  max-width: 80%;
  word-break: break-all;
}
.modal_overlay .discussion .message.owned {
  text-align: right;
}
.modal_overlay .discussion .message.owned .message_bubble {
  background: rgba(43, 113, 171, 0.25);
}
.modal_overlay .discussion .new_discussion_message {
  background: lightgray;
  border-radius: 8px;
  padding: 16px;
}
.modal_overlay .discussion .new_discussion_message .flex, .modal_overlay .discussion .new_discussion_message .flex--center {
  align-items: center;
}
.modal_overlay .discussion .new_discussion_message .avatar {
  flex: 0 0 100px;
  padding: 0 16px;
}
.modal_overlay .discussion .new_discussion_message .avatar .avatar_wrapper {
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
}
.modal_overlay .discussion .new_discussion_message .avatar .avatar_wrapper img {
  width: 60px;
  margin: 0 auto;
}
.modal_overlay .discussion .new_discussion_message textarea {
  box-shadow: none;
  border-radius: 8px;
}
.modal_overlay .discussion .new_discussion_message .new_message_block {
  display: flex;
  justify-content: flex-end;
}
.modal_overlay .discussion .new_discussion_message .new_message_btn {
  text-align: right;
  cursor: pointer;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 8px;
  display: inline-block;
  padding: 0 8px;
  background: lightgray;
}
.modal_overlay .discussion .new_discussion_message .new_message_btn:hover {
  transition: background 0.35s ease;
  background: lightgreen;
  border: 1px solid lightgreen;
}
.modal_overlay .discussion .new_discussion_message .new_message_btn .fas {
  padding: 8px;
}
.modal_overlay .croppieModal img {
  width: auto;
}
.modal_overlay .create_guest_modal .save_user {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.modal_overlay .user_suggestion, .modal_overlay .subj_suggestion, .modal_overlay .orga_suggestion, .modal_overlay .speaker_suggestion {
  max-height: 150px;
  overflow-y: auto;
  max-width: 350px;
  margin: 0 0 32px;
  display: none;
}
.modal_overlay .user_suggestion .search_result, .modal_overlay .subj_suggestion .search_result, .modal_overlay .orga_suggestion .search_result, .modal_overlay .speaker_suggestion .search_result {
  border: 1px solid lightgray;
  padding: 8px;
  cursor: pointer;
}
.modal_overlay .conference_modal .orga_suggestion, .modal_overlay .conference_modal .speaker_suggestion {
  max-width: 450px;
  width: 450px;
}
.modal_overlay .conference_modal .speakers .search_result {
  padding: 8px;
  background: white;
  transition: background 0.35s ease;
  cursor: pointer;
}
.modal_overlay .conference_modal .speakers .search_result:hover {
  background: rgba(220, 20, 60, 0.3);
}
.modal_overlay .conference_modal .speakers .search_result + .search_result {
  border-top: 1px solid lightgray;
}
.modal_overlay .first_login .community_manager .avatar, .modal_overlay .first_login .subject_overview .question_block .community_manager_triple .avatar, .subject_overview .question_block .modal_overlay .first_login .community_manager_triple .avatar, .modal_overlay .first_login .subject_overview .question_block .community_manager_double .avatar, .subject_overview .question_block .modal_overlay .first_login .community_manager_double .avatar {
  max-width: 90px;
}
.modal_overlay .first_login .positivemessage {
  text-align: center;
  background-color: rgba(34, 139, 34, 0.2);
  padding: 20px 0;
  border: 2px solid rgb(34, 139, 34);
}
.modal_overlay .first_login .questions {
  display: flex;
  border: 2px solid lightgray;
  line-height: 24px;
}
.modal_overlay .first_login .questions .questions_text, .modal_overlay .first_login .questions .questions_chat {
  padding: 8px;
}
.modal_overlay .first_login .questions .questions_text {
  flex: 1 0 0;
  border-right: 2px solid lightgray;
}
.modal_overlay .first_login .questions .questions_chat {
  flex: 0 0 75px;
  text-align: center;
  color: rgb(34, 139, 34);
  cursor: pointer;
}

.subject_overview {
  max-width: 1280px;
  margin: 0 auto;
  gap: 16px;
}
.subject_overview .border_separated_lines .row {
  border-bottom: 1px solid lightgray;
  padding: 0 0 4px;
  margin: 0 0 4px;
}
.subject_overview .border_separated_lines .row:last-child {
  border: none;
}
.subject_overview .spacer {
  height: 16px;
}
.subject_overview .block--2 {
  padding: 0 16px 0 0;
  max-width: 1024px;
  margin: 0 auto;
}
.subject_overview .subject_banner {
  height: 200px;
  width: 100%;
  background: lightgray;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.subject_overview .banner_overlay {
  margin: -36px 16px 16px;
}
.subject_overview .banner_overlay h1 {
  margin: 0;
}
.subject_overview .banner_overlay .subject_stats {
  display: flex;
  font-size: 12px;
  margin-bottom: 10px;
}
.subject_overview .banner_overlay .subject_stats .subject_stat {
  padding: 4px;
}
.subject_overview .banner_overlay .subject_stats .subject_stat .alt_text {
  display: none;
  position: absolute;
  top: 19px;
  left: 9px;
  width: max-content;
  background: white;
  color: darkgray;
  padding: 2px 8px;
  border-radius: 5px;
  z-index: 2;
}
.subject_overview .banner_overlay .subject_stats .subject_stat:hover .alt_text {
  display: block;
}
.subject_overview .central_video {
  text-align: center;
  margin: 0 0 32px;
}
.subject_overview .general_info .row {
  padding: 8px 0;
}
.subject_overview .group {
  display: block;
  margin: 0 0 8px;
}
.subject_overview .group .group_name {
  display: block;
  background: lightgray;
  padding: 4px 8px;
}
.subject_overview .group .group_settings {
  display: block;
  padding: 4px 8px;
}
.subject_overview .subject_properties .property {
  display: inline-block;
  background: #cae0f2;
  padding: 4px 8px;
  color: white;
  border-radius: 2px;
  margin: 0 5px 5px 0;
}
.subject_overview .subject_images .image {
  max-width: 350px;
  margin: 0 0 16px;
  align-items: center;
}
.subject_overview .share {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px;
  cursor: pointer;
}
.subject_overview .share {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px;
  cursor: pointer;
}
.subject_overview .specification {
  display: flex;
  margin: 0 0 8px;
  padding: 0 0 8px;
  border-bottom: 1px solid lightgray;
}
.subject_overview .specification .label {
  flex: 0 0 180px;
  font-weight: 700;
}
.subject_overview .specification .values {
  flex: 1 1 0;
}
.subject_overview .specification:last-child {
  border: none;
  margin: 0;
}
.subject_overview .images {
  display: flex;
  justify-content: space-between;
  margin: 0 0 32px;
}
.subject_overview .images .image {
  flex: 1 1 0;
  max-width: 350px;
  padding: 8px;
  cursor: pointer;
  background: white;
  display: flex;
  align-items: center;
  max-height: 350px;
  overflow: hidden;
}
.subject_overview .images .image + .image {
  margin: 0 0 0 8px;
}
.subject_overview .orga_logo {
  text-align: center;
}
.subject_overview .orga_logo img {
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
}
.subject_overview .discussion .font-small {
  font-size: 12px;
}
.subject_overview .discussion .discussion_empty {
  font-style: italic;
  font-size: 12px;
  padding: 16px 0;
}
.subject_overview .discussion .discussion_messages {
  margin: 0 0 16px;
  border-radius: 8px;
}
.subject_overview .discussion .message {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 16px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
}
.subject_overview .discussion .message .message_owner {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.subject_overview .discussion .message .message_owner .avatar {
  flex-shrink: 0;
}
.subject_overview .discussion .message .message_owner .avatar .avatar-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background-color: lightgray;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  color: white;
}
.subject_overview .discussion .message .message_owner .avatar .avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.subject_overview .discussion .message .message_owner .message_data {
  flex: 1;
  font-weight: 500;
  line-height: 1.4;
}
.subject_overview .discussion .message .message_owner .message_data .font-small {
  display: block;
  font-size: 12px;
  color: gray;
  font-weight: normal;
}
.subject_overview .discussion .message .message_owner .messageRespond {
  margin-left: auto;
  font-size: 13px;
  color: #3478f6;
  cursor: pointer;
  transition: color 0.2s ease;
}
.subject_overview .discussion .message .message_owner .messageRespond:hover {
  color: #245dc1;
}
.subject_overview .discussion .message .message_owner.owner {
  background-color: rgba(52, 120, 246, 0.05);
  border-radius: 6px;
  padding: 6px 8px;
}
.subject_overview .discussion .message .message_bubble {
  padding: 12px 16px;
  background-color: #f5f5f5;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.6;
  max-width: 85%;
}
.subject_overview .discussion .message.owned {
  background-color: rgba(43, 113, 171, 0.05);
}
.subject_overview .discussion .message.owned .message_bubble {
  background-color: rgba(43, 113, 171, 0.25);
  align-self: flex-end;
}
.subject_overview .discussion .new_discussion_message {
  background: lightgray;
  border-radius: 8px;
  padding: 16px;
  margin: 0 0 16px;
}
.subject_overview .discussion .new_discussion_message .flex, .subject_overview .discussion .new_discussion_message .flex--center {
  align-items: center;
}
.subject_overview .discussion .new_discussion_message .avatar {
  flex: 0 0 100px;
  padding: 0 16px;
}
.subject_overview .discussion .new_discussion_message .avatar .avatar_wrapper {
  border-radius: 50%;
  overflow: hidden;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
}
.subject_overview .discussion .new_discussion_message .avatar .avatar_wrapper img {
  width: 60px;
  margin: 0 auto;
}
.subject_overview .discussion .new_discussion_message textarea {
  box-shadow: none;
  border-radius: 8px;
}
.subject_overview .discussion .new_discussion_message .new_message_block {
  display: flex;
  justify-content: flex-end;
}
.subject_overview .discussion .new_discussion_message .new_message_btn {
  text-align: right;
  cursor: pointer;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 8px;
  display: inline-block;
  padding: 0 8px;
  background: lightgray;
}
.subject_overview .discussion .new_discussion_message .new_message_btn:hover {
  transition: background 0.35s ease;
  background: lightgreen;
  border: 1px solid lightgreen;
}
.subject_overview .discussion .new_discussion_message .new_message_btn .fas {
  padding: 8px;
}
.subject_overview .discussion .view_oldest, .subject_overview .discussion .view_latest {
  padding: 8px;
  background: #2b71ab;
  border-radius: 10px;
  display: inline-block;
  color: white;
  cursor: pointer;
  transition: background 0.35s ease;
}
.subject_overview .discussion .view_oldest:hover, .subject_overview .discussion .view_latest:hover {
  background: #3b8bce;
}
.subject_overview .discussion .respondSection {
  margin: 8px;
  padding: 12px;
  background: #f1f1f1;
  border-left: 2px solid lightgray;
  border-radius: 8px;
  display: none;
}
.subject_overview .discussion .respondSection textarea {
  width: 100%;
  min-height: 60px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  resize: vertical;
  margin-bottom: 8px;
}
.subject_overview .discussion .respondSection textarea:focus {
  outline: none;
  border-color: #999;
}
.subject_overview .discussion .respondSection .respondActions {
  display: flex;
  gap: 8px;
}
.subject_overview .discussion .respondSection .respondActions button {
  padding: 6px 12px;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s;
}
.subject_overview .discussion .respondSection .respondActions button.send {
  background-color: #3478f6;
  color: white;
}
.subject_overview .discussion .respondSection .respondActions button.send:hover {
  background-color: #245dc1;
}
.subject_overview .discussion .respondSection .respondActions button.cancel {
  background-color: #ddd;
  color: #333;
}
.subject_overview .discussion .respondSection .respondActions button.cancel:hover {
  background-color: #bbb;
}
.subject_overview .discussion .toggleResponses {
  font-size: 13px;
  color: #3478f6;
  cursor: pointer;
  margin-top: 8px;
  margin-left: 80px;
  user-select: none;
  transition: color 0.2s;
}
.subject_overview .discussion .toggleResponses:hover {
  color: #245dc1;
}
.subject_overview .discussion .discussion_message_wrapper {
  margin-bottom: 24px;
}
.subject_overview .discussion .responses {
  margin-top: 12px;
  padding-left: 24px;
  border-left: 2px solid #eee;
}
.subject_overview .discussion .responses.collapsed {
  display: none;
}
.subject_overview .question_block {
  width: 95%;
  margin: 0 auto;
}
.subject_overview .question_block .image_window {
  border-radius: 100%;
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subject_overview .question_block img {
  width: 120px;
  flex: 1 1 0;
  margin: 0;
}
.subject_overview .question_block .community_manager, .subject_overview .question_block .community_manager_triple, .subject_overview .question_block .community_manager_double {
  flex: 0 0 220px;
  padding: 0 32px;
  text-align: center;
}
.subject_overview .question_block .community_manager .avatar, .subject_overview .question_block .community_manager_triple .avatar, .subject_overview .question_block .community_manager_double .avatar {
  border-radius: 100%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subject_overview .question_block .community_manager .avatar img, .subject_overview .question_block .community_manager_triple .avatar img, .subject_overview .question_block .community_manager_double .avatar img {
  flex: 0 0 80px;
  margin: 0;
}
.subject_overview .question_block .community_manager_double {
  flex: 0 0 120px;
  padding: 0 16px;
}
.subject_overview .question_block .community_manager_triple {
  flex: 0 0 70px;
  padding: 0 8px;
  font-size: 12px;
}
.subject_overview .question_block .community_manager_triple .avatar {
  border-radius: 100%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subject_overview .question_block .community_manager_triple .avatar img {
  width: 70px;
  flex: 0 0 30px;
  margin: 0;
}
.subject_overview .question_block .card, .subject_overview .question_block .card--no-bg {
  padding: 0;
}
.subject_overview .question_block .card .card__content, .subject_overview .question_block .card--no-bg .card__content {
  padding: 16px;
}
.subject_overview .question_block .card .subject_contact .information_button, .subject_overview .question_block .card--no-bg .subject_contact .information_button, .subject_overview .question_block .card .subject_contact .calendly_button, .subject_overview .question_block .card--no-bg .subject_contact .calendly_button {
  flex: 1 1 0;
  text-align: center;
  padding: 16px;
  transition: background 0.35s ease;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subject_overview .question_block .card .subject_contact .information_button, .subject_overview .question_block .card--no-bg .subject_contact .information_button {
  background: rgba(236, 117, 35, 0.7);
  transition: background 0.35s ease;
}
.subject_overview .question_block .card .subject_contact .information_button:hover, .subject_overview .question_block .card--no-bg .subject_contact .information_button:hover {
  text-decoration: underline;
  background: #ec7523;
}
.subject_overview .question_block .card .subject_contact .calendly_button, .subject_overview .question_block .card--no-bg .subject_contact .calendly_button {
  background: rgba(43, 113, 171, 0.7);
}
.subject_overview .question_block .card .subject_contact .calendly_button:hover, .subject_overview .question_block .card--no-bg .subject_contact .calendly_button:hover {
  text-decoration: underline;
  background: #2b71ab;
}

.response_card {
  position: fixed;
  bottom: 0;
  right: 36px;
  z-index: 5;
  width: 300px;
}
.response_card .respond {
  margin: 0 0 16px;
  background: white;
  border-radius: 10px;
  overflow: hidden;
}
.response_card .respond .response_text {
  padding: 12px;
  border-bottom: 4px solid lightgray;
}
.response_card .respond .response_text .collapse {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  cursor: pointer;
  font-size: 20px;
}
.response_card .respond .response_text .avatar {
  border-radius: 100%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.response_card .respond .response_text .avatar img {
  flex: 0 0 80px;
  margin: 0;
}
.response_card .respond .collapsed {
  max-height: 52px;
}
.response_card .respond .collapsed .collapse {
  rotate: 180deg;
}
.response_card .respond .response {
  flex: 1 1 0;
  background: white;
  text-align: center;
  padding: 24px 0;
  cursor: pointer;
  transition: background 0.35s ease;
}
.response_card .respond .response .icon {
  font-size: 32px;
  margin: 0 0 4px;
}
.response_card .respond .response--positive {
  color: rgb(34, 139, 34);
  border-right: 1px solid lightgray;
  border-bottom-left-radius: 10px;
}
.response_card .respond .response--positive:hover {
  background: rgba(34, 139, 34, 0.3);
}
.response_card .respond .response--negative {
  color: rgb(220, 20, 60);
  border-bottom-right-radius: 10px;
}
.response_card .respond .response--negative:hover {
  background: rgba(220, 20, 60, 0.3);
}
.response_card .respond .not_interested {
  background: white;
  text-align: center;
  color: rgb(220, 20, 60);
  padding: 24px 0;
}
.response_card .respond .not_interested .undo {
  display: block;
  margin: 16px 0 0;
  font-style: italic;
  cursor: pointer;
  font-size: 12px;
  color: #333;
}

.disciplines {
  display: flex;
  margin: 0 0 24px;
}
.disciplines .discipline {
  flex: 0 1 150px;
  padding: 0 10px 0 0;
}
.disciplines .discipline .discipline_text {
  display: block;
  padding: 16px 0;
  width: 100%;
  border: 1px solid rgb(77, 101, 135);
  color: rgb(77, 101, 135);
  text-align: center;
  cursor: pointer;
  background: white;
  transition: background 0.35s ease;
  border-radius: 10px;
}
.disciplines .discipline .discipline_text:hover {
  background: #627ea5;
  color: white;
}
.disciplines .discipline .discipline--active {
  background: rgb(77, 101, 135);
  color: white;
}

.subject_nav {
  background: rgb(77, 101, 135);
  color: white;
  display: flex;
}
.subject_nav .item {
  flex: 1 1 0;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid rgb(77, 101, 135);
  transition: background 0.35s ease;
}
.subject_nav .item:hover {
  background: #627ea5;
  border-bottom: 4px solid #ec7523;
}
.subject_nav .item--active {
  background: #627ea5;
  border-bottom: 4px solid #ec7523;
}

.subject_list--cards .subject--card {
  background: white;
  max-width: 500px;
  margin: 0 auto 32px;
}
.subject_list--cards .subject--card .creator {
  display: flex;
  padding: 8px;
  align-items: center;
  border-bottom: 1px solid lightgray;
}
.subject_list--cards .subject--card .creator .creator__logo {
  flex: 0 0 40px;
  margin: 0 16px 0 0;
}
.subject_list--cards .subject--card .creator .creator__name {
  flex: 1 1 0;
  font-weight: bold;
}
.subject_list--cards .subject--card .creator .creator__location {
  font-size: 12px;
}
.subject_list--cards .subject--card .subject__content {
  padding: 8px 16px;
  border-bottom: 1px solid lightgray;
}
.subject_list--cards .subject--card .subject__content h3 {
  margin: 0 0 4px;
}
.subject_list--cards .subject--card .subject__content .subject_type {
  font-size: 12px;
}
.subject_list--cards .subject--card .subject__image {
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid lightgray;
}
.subject_list--cards .subject--card .subject__response {
  display: flex;
}
.subject_list--cards .subject--card .subject__response a, .subject_list--cards .subject--card .subject__response div {
  flex: 1 1 0;
  text-align: center;
  padding: 16px 0;
  cursor: pointer;
}
.subject_list--cards .subject--card .subject__response a:hover, .subject_list--cards .subject--card .subject__response div:hover {
  text-decoration: underline;
}
.subject_list--cards .subject--card .subject__response .positive {
  color: rgb(34, 139, 34);
  border-right: 1px solid lightgray;
}
.subject_list--cards .subject--card .subject__response .negative {
  color: lightgray;
}

.subject_list--compact {
  margin: 0 0 32px;
  background: white;
}
.subject_list--compact .subject__row {
  background: white;
  display: flex;
  align-items: center;
  padding: 8px 0px;
  border-bottom: 1px solid lightgray;
  align-items: center;
  height: 60px;
}
.subject_list--compact .subject__row:last-child {
  border-bottom: none;
}
.subject_list--compact .subject__row:hover {
  text-decoration: none;
  background: #F1F1F1;
}
.subject_list--compact .subject__row .field, .subject_list--compact .subject__row .field--md, .subject_list--compact .subject__row .field--sm, .subject_list--compact .subject__row .avatar {
  flex: 1 1 0;
}
.subject_list--compact .subject__row .avatar {
  flex: 0 0 80px;
  padding: 0 16px;
  text-align: center;
}
.subject_list--compact .subject__row .avatar img {
  max-height: 40px;
  width: auto;
  max-width: 100%;
}
.subject_list--compact .subject__row .field--sm {
  flex: 0 0 80px;
}
.subject_list--compact .subject__row .field--md {
  flex: 0 0 120px;
}
.subject_list--compact .subject__row .image {
  flex: 0 0 60px;
  padding: 0 8px;
}
.subject_list--compact .subject__row .action {
  flex: 0 0 80px;
}
.subject_list--compact .subject__row .title {
  color: #ec7523;
}
.subject_list--compact .subject__row .title, .subject_list--compact .subject__row .discipline {
  font-weight: 700;
}
.subject_list--compact .subject_loading {
  text-align: center;
  padding: 16px 0;
}

.subject_cards_view .subjects {
  flex-wrap: wrap;
}
.subject_cards_view .subjects .card, .subject_cards_view .subjects .card--no-bg {
  flex: 0 0 310px;
  margin: 0 16px 16px 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
}
.subject_cards_view .subjects .card .card__image, .subject_cards_view .subjects .card--no-bg .card__image {
  flex: 0 0 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.subject_cards_view .subjects .card .card__content, .subject_cards_view .subjects .card--no-bg .card__content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.subject_cards_view .subjects .card .card__content .full_height, .subject_cards_view .subjects .card--no-bg .card__content .full_height {
  flex: 0 0 auto;
}
.subject_cards_view .subjects .card .card__content .subject_stats, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats {
  position: absolute;
  top: -46px;
  right: -10px;
  display: flex;
  justify-content: flex-end;
  background: white;
  border-radius: 10px;
  font-size: 12px;
}
.subject_cards_view .subjects .card .card__content .subject_stats .subject_stat, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat {
  padding: 4px;
}
.subject_cards_view .subjects .card .card__content .subject_stats .subject_stat .alt_text, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat .alt_text {
  display: none;
  position: absolute;
  top: 19px;
  right: 9px;
  width: max-content;
  background: white;
  color: darkgray;
  padding: 2px 8px;
  border-radius: 5px;
  z-index: 2;
}
.subject_cards_view .subjects .card .card__content .subject_stats .subject_stat:hover .alt_text, .subject_cards_view .subjects .card--no-bg .card__content .subject_stats .subject_stat:hover .alt_text {
  display: block;
}
.subject_cards_view .subjects .card .card__content .btn_con, .subject_cards_view .subjects .card--no-bg .card__content .btn_con {
  flex: 0 0 34px;
}
.subject_cards_view .subjects .card h2, .subject_cards_view .subjects .card--no-bg h2, .subject_cards_view .subjects .card h3, .subject_cards_view .subjects .card--no-bg h3, .subject_cards_view .subjects .card h4, .subject_cards_view .subjects .card--no-bg h4 {
  margin: 0;
}
.subject_cards_view .subjects .card h3, .subject_cards_view .subjects .card--no-bg h3 {
  font-size: 18px;
}
.subject_cards_view .subjects .card p, .subject_cards_view .subjects .card--no-bg p {
  line-height: normal;
}
.subject_cards_view .subjects .card .btn, .subject_cards_view .subjects .card--no-bg .btn, .subject_cards_view .subjects .card .btn--secondary, .subject_cards_view .subjects .card--no-bg .btn--secondary, .subject_cards_view .subjects .card .btn--small, .subject_cards_view .subjects .card--no-bg .btn--small, .subject_cards_view .subjects .card .btn--action, .subject_cards_view .subjects .card--no-bg .btn--action {
  padding: 8px 12px;
}
.subject_cards_view .subjects .request_subject .card__image {
  background: rgba(236, 117, 35, 0.3);
}
.subject_cards_view .subjects .request_subject .card__image .callToAction {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 20px 0;
}
.subject_cards_view .subjects .request_subject .card__image .callToAction:hover {
  text-decoration: none;
}
.subject_cards_view .subjects .request_subject .card__image .icon-bg {
  background: #ec7523;
  color: white;
  font-size: 18px;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content {
  flex: 1 1 0;
}

.login {
  background: white;
  width: 450px;
  margin: 0 auto;
}
.login .btn_con {
  text-align: center;
}

.contact_card {
  padding: 16px;
  background: rgba(0, 0, 0, 0.08);
  height: 100%;
}
.contact_card .contact_image {
  max-width: 100px;
  margin: 0 0 20px;
}
.contact_card .contact_image .image_window {
  display: flex;
  overflow: hidden;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
}
.contact_card .contact_image .image_window img {
  flex: 0;
  margin: 0;
  width: auto;
  max-height: 150px;
}

.poweredby {
  display: flex;
  text-align: center;
  align-items: center;
  margin: 0 auto;
  width: 260px;
}
.poweredby img {
  max-width: 150px;
}

.offsetSection {
  background: white;
  border: 1px solid lightgray;
  min-height: 200px;
  margin: -100px auto 100px auto;
  width: 650px;
  padding: 24px;
}

.question_flow .contact_image {
  text-align: center;
}
.question_flow .contact_image img {
  max-width: 108px;
  border: 4px solid rgb(77, 101, 135);
  border-radius: 50%;
  margin: 0 auto;
}
.question_flow .contact__info {
  text-align: center;
}
.question_flow .contact__info h3 {
  margin: 0;
}
.question_flow .privacy {
  display: none;
}
.question_flow .btn, .question_flow .btn--secondary, .question_flow .btn--small, .question_flow .btn--action {
  background: rgb(77, 101, 135);
}

.shared_subject {
  padding: 32px;
  height: 100%;
  background: rgba(77, 101, 135, 0.05);
}
.shared_subject .subject_overview {
  max-width: 1024px;
  margin: 0 auto;
}

.orga_map {
  margin: 0 auto 32px;
  height: 450px;
  width: 800px;
}

/*
    90% of our users between 1280px & 1920px
    75% of our users between 1366px & 1920px

    47% Chrome
    28% FireFox
    13% Safari
    10% Edge
    0% IE !!
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px) {
  /* Styles */
  .split, .flex, .flex--center {
    flex-direction: column;
  }
  .header {
    flex-direction: column;
    font-size: 18px;
  }
  .header .logo {
    margin: 0 0 16px;
  }
  .header .logo img {
    max-width: 100px;
  }
  .header .nav {
    font-size: 16px;
  }
  .header .nav a {
    padding: 0 5px;
  }
  .hero {
    padding: 0;
    flex: 0 0 150px;
  }
  .login {
    width: 80%;
  }
  .content {
    padding: 72px 16px;
  }
  .footer .footer_wrapper {
    padding: 0 16px;
  }
  .split .block, .flex .block, .flex--center .block {
    margin: 0 0 16px;
  }
  /* Portal */
  .menu, .topnav .topnav__menu .action, .topnav .topnav__menu .name, .subject_filter {
    display: none;
  }
  .topnav .topnav__menu .logo {
    flex: 0 0 150px;
  }
  .portal_page .content {
    padding: 8px;
  }
  .subject_list .field--sm, .subject_list .field--md {
    display: none;
  }
  .subject_overview .respond {
    flex-direction: row;
  }
}
/* Applies to tablet & mobile */
/* Applies to tablet */
@media only screen and (min-width: 720px) and (max-width: 800px) {
  .menu, .topnav .topnav__menu .action, .topnav .topnav__menu .name {
    display: none;
  }
}
/* Larger laptops and most computer screens  */
/* Large screens */

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