#community-facelift { display: flex; flex-flow: column nowrap; font-size: 16px; height: auto; min-height: 100vh; overflow-x: hidden; } @media (min-width: 768px) { #community-facelift { font-size: 14px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #community-facelift { height: 100vh; } } #community-facelift > #container-spacer { display: flex; flex: 1 0 auto; flex-flow: column nowrap; } #community-facelift > #container-spacer > main { display: flex; flex: 1 0 auto; flex-flow: column nowrap; } #community-facelift > #container-spacer > main > section:last-of-type { flex: 1 0 auto; } #community-facelift > #container-spacer .ssoAlternativeLogin { text-align: center; display: block; } #community-facelift h1, #community-facelift .h1, #community-facelift h2, #community-facelift .h2 { border-bottom: 4px solid var(--simo-custom-primary-color, #3b718b); display: inline-block; margin-bottom: 20px; margin-top: 0; padding: 0 0 8px 0; width: auto; } #community-facelift h1, #community-facelift .h1 { font-size: 24px; } #community-facelift h4, #community-facelift .h4 { color: #333; font-size: 16px; } #community-facelift .primary { color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .bg-success { background-color: #4bb84b; } #community-facelift .bg-success-alternate { background-color: #82ba00; } #community-facelift .bg-error { background-color: #ff4d4d; } #community-facelift .bg-error-alternate { background-color: #ac1a3d; } #community-facelift .bg-danger { background-color: #ecb941; } #community-facelift .bg-danger-2 { background-color: #77d3d6; } #community-facelift .bg-danger-alternate { background-color: #f9cc01; } #community-facelift .bg-neutral { background-color: #8080b1; } #community-facelift .bg-neutral-alternate { background-color: #48d5fb; } #community-facelift .bg-neutral-alternate-2 { background-color: #3072c6; } #community-facelift .bg-blank { background-color: #fff; } #community-facelift .bg-gray { background-color: #a0a0a0; } #community-facelift .bg-black { background-color: #000; color: #fff; } #community-facelift .fa-folder-tree::before { content: "\f802"; } #community-facelift a { color: var(--simo-custom-primary-button-color, #3b718b); } #community-facelift .error-text { color: #ff4d4d; } #community-facelift html, #community-facelift body { overflow-x: hidden; width: 100%; } #community-facelift section { position: relative; } #community-facelift section:nth-of-type(even) { background-color: #f9f9f9; } #community-facelift section:last-of-type:nth-of-type(odd)::after { border-color: #fff transparent transparent transparent; } #community-facelift section:last-of-type:nth-of-type(even)::after { border-color: #f9f9f9 transparent transparent transparent; } #community-facelift section:last-of-type::after { border-style: solid; border-width: 20px 50vw 0 50vw; bottom: -30px; content: " "; display: block; height: 30px; left: 50%; position: absolute; transform: translate(-50%, 0); width: 0; z-index: 1; } @media (min-width: 768px) { #community-facelift section:last-of-type::after { border-width: 20px 360px 0 360px; } } @media (min-width: 992px) { #community-facelift section:last-of-type::after { border-width: 20px 470px 0 470px; } } @media (min-width: 1200px) { #community-facelift section:last-of-type::after { border-width: 20px 570px 0 570px; } } #community-facelift section.motivation + section > div[class^=container] { padding-top: 80px; } #community-facelift section > div:not(.container-wrapper) > div[class^=container] { padding-bottom: 40px; padding-top: 30px; } #community-facelift section > div:not(.container-wrapper) > div[class^=container].container--multi { padding-bottom: 0; } #community-facelift section > div:not(.container-wrapper) > div[class^=container] + div[class^=container] { padding-top: 30px; } #community-facelift section > div:not(.container-wrapper) > div[class^=container]:nth-child(even) { background-color: #f9f9f9; } #community-facelift section > div:not(.container-wrapper) > div[class^=container]:only-child { background-color: transparent; } #community-facelift section > div[class^=container] { padding-bottom: 40px; padding-top: 30px; } #community-facelift section > div[class^=container].container--multi { padding-bottom: 0; } #community-facelift section > div[class^=container] + div[class^=container] { padding-top: 30px; } #community-facelift section > div[class^=container]:nth-child(even) { background-color: #f9f9f9; } #community-facelift section > div[class^=container]:only-child { background-color: transparent; } #community-facelift section.inverted-bg:nth-of-type(odd) { background-color: #f9f9f9; } #community-facelift section.inverted-bg:nth-of-type(even) { background-color: #fff; } #community-facelift section.inverted-bg:last-of-type:nth-of-type(even)::after { border-color: #fff transparent transparent transparent; } #community-facelift section.inverted-bg:last-of-type:nth-of-type(odd)::after { border-color: #f9f9f9 transparent transparent transparent; } #community-facelift section.inverted-bg > div:not(.container-wrapper) > div[class^=container]:nth-child(odd) { background-color: #f9f9f9; } #community-facelift section.inverted-bg > div:not(.container-wrapper) > div[class^=container]:nth-child(even) { background-color: #fff; } #community-facelift section.inverted-bg > div[class^=container]:nth-child(odd) { background-color: #f9f9f9; } #community-facelift section.inverted-bg > div[class^=container]:nth-child(even) { background-color: #fff; } #community-facelift .narrow-wrapper .container-wrapper { padding-bottom: 0; padding-top: 0; } #community-facelift .narrow-wrapper .container { padding-bottom: 40px; padding-top: 30px; } #community-facelift .tab-content .tab-pane > div[class^=container] { padding-bottom: 40px; padding-top: 30px; } #community-facelift .tab-content .tab-pane > div[class^=container]:nth-child(even) { background-color: #fff; } #community-facelift .tab-content .tab-pane > div[class^=container]:only-child { background-color: transparent; } #community-facelift .container-alternate { background-color: #f9f9f9; } #community-facelift .content { background-color: #fff; border: 1px solid #eee; } #community-facelift .row + .row { margin-top: 30px; } #community-facelift .simo-pagination { margin-top: 20px; } @media (max-width: 767px) { #community-facelift .container { width: 100%; } } #community-facelift .alert { padding: 12px 20px 12px 75px; position: relative; } #community-facelift .alert.alert-dismissible { padding-right: 60px; } #community-facelift .alert.sticky { left: 50%; max-width: calc(100% - 30px); position: fixed; transform: translateX(-50%); width: 100%; z-index: 99; } @media (min-width: 768px) { #community-facelift .alert.sticky { max-width: 720px; } } @media (min-width: 992px) { #community-facelift .alert.sticky { max-width: 940px; } } @media (min-width: 1200px) { #community-facelift .alert.sticky { max-width: 1140px; } } #community-facelift .alert.alert-success { background-color: #ecf6e2; border-color: #4bb84b; color: #4bb84b; } #community-facelift .alert.alert-success .alert__icon { background-color: #4bb84b; } #community-facelift .alert.alert-success .alert__icon::before { content: "\f00c"; } #community-facelift .alert.alert-success .btn { border-color: #4bb84b; } #community-facelift .alert.alert-warning { background-color: #fcf5e6; border-color: #ecb941; color: #ecb941; } #community-facelift .alert.alert-warning .alert__icon { background-color: #ecb941; } #community-facelift .alert.alert-warning .alert__icon::before { content: "!"; font-family: Tahoma, sans-serif; } #community-facelift .alert.alert-warning .btn { border-color: #ecb941; } #community-facelift .alert.alert-danger { background-color: #ffecec; border-color: #ff4d4d; color: #ff4d4d; } #community-facelift .alert.alert-danger .alert__icon { background-color: #ff4d4d; } #community-facelift .alert.alert-danger .alert__icon::before { content: "\f071"; font-weight: 300; } #community-facelift .alert.alert-danger .btn { border-color: #ff4d4d; } #community-facelift .alert.alert-info { background-color: var(--simo-custom-tertiary-color, #d8e3e8); border-color: var(--simo-custom-primary-color, #3b718b); color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .alert.alert-info .alert__icon { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .alert.alert-info .alert__icon::before { content: "\f05a"; font-weight: 300; } #community-facelift .alert.alert-info .btn { border-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .alert .alert__icon { align-items: center; display: flex; flex-flow: row nowrap; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 60px; } #community-facelift .alert .alert__icon::before { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #fff; font-size: 26px; } #community-facelift .alert strong { font-size: 16px; } #community-facelift .alert .btn.btn-circle { background-color: #fff; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); } #community-facelift .list-actions { background-color: var(--simo-custom-tertiary-color, #d8e3e8); transition: background-color 0.25s ease; } @media (min-width: 500px) { #community-facelift .list-actions { display: table; } } #community-facelift .list-actions.success { background-color: #ecf6e2; } #community-facelift .list-actions.success > div p { color: #4bb84b; } #community-facelift .list-actions.error { background-color: #ffecec; } #community-facelift .list-actions.error > div p { color: #ff4d4d; } @media (min-width: 500px) { #community-facelift .list-actions > div { display: table-cell; padding: 15px; } } #community-facelift .list-actions > div:last-child { text-align: right; } #community-facelift .list-actions > div p { display: block; font-weight: bold; margin-bottom: 0; transition: color 0.25s ease; } @media (max-width: 499px) { #community-facelift .list-actions > div p { margin-bottom: 10px; } } #community-facelift .banner { background-color: var(--simo-custom-tertiary-color, #d8e3e8); border: 1px solid var(--simo-custom-primary-color, #3b718b); overflow: inherit; } #community-facelift .banner .media { overflow: inherit; } @media (max-width: 767px) { #community-facelift .banner .media-left { display: none; } } #community-facelift .banner .media-right { position: relative; } @media (max-width: 767px) { #community-facelift .banner .media-right { display: block; margin-top: 15px; } } #community-facelift .banner > .media-body { padding: 15px; } @media (max-width: 767px) { #community-facelift .banner > .media-body { text-align: center; } } #community-facelift .banner > .media-body .media-heading { margin: 0; } #community-facelift .banner .media-body { color: var(--simo-custom-primary-color, #3b718b); overflow: inherit; } #community-facelift .banderole { background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; font-size: 24px; text-align: center; } @media (min-width: 500px) { #community-facelift .banderole { font-size: 28px; } } @media (min-width: 768px) { #community-facelift .banderole { font-size: 36px; } } #community-facelift .banderole .container { padding: 30px 60px; } @media (min-width: 500px) { #community-facelift .banderole .container { padding: 45px 100px; } } @media (min-width: 768px) { #community-facelift .banderole .container { padding: 60px 120px; } } #community-facelift .btn { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #eee; border: 1px solid transparent; font-size: 16px; font-weight: normal; outline: 0; padding: 10px 20px; transition: background-color 0.15s ease, color 0.15s ease; } @media (min-width: 768px) { #community-facelift .btn { font-size: 14px; } } #community-facelift .btn:hover { background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; } #community-facelift .btn.btn-primary { background-color: var(--simo-custom-primary-button-color, #3b718b); color: #fff; } #community-facelift .btn.btn-primary:hover { background-color: #fff; border: 1px solid var(--simo-custom-primary-button-color, #3b718b); color: var(--simo-custom-primary-button-color, #3b718b); } #community-facelift .btn.btn-success { background-color: #4bb84b; color: #fff; } #community-facelift .btn.btn-success:hover { background-color: #fff; border: 1px solid #4bb84b; color: #4bb84b; } #community-facelift .btn.btn-warning { background-color: #ecb941; color: #fff; } #community-facelift .btn.btn-warning:hover { background-color: #fff; border: 1px solid #ecb941; color: #ecb941; } #community-facelift .btn.btn-error, #community-facelift .btn.btn-danger { background-color: #ff4d4d; color: #fff; } #community-facelift .btn.btn-error:hover, #community-facelift .btn.btn-danger:hover { background-color: #fff; border: 1px solid #ff4d4d; color: #ff4d4d; } #community-facelift .btn.btn-reverse-primary { background-color: #fff; } #community-facelift .btn.btn-reverse-primary:hover { background-color: var(--simo-custom-primary-color, #3b718b); border: 1px solid #fff; color: #fff; } #community-facelift .btn.btn-default { background-color: #fff; border: 1px solid #eee; color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .btn.btn-default:hover { background-color: #eee; color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .btn.btn-circle { background-color: transparent; border-radius: 50%; border: 2px solid var(--simo-custom-primary-color, #3b718b); height: 30px; padding: 0; width: 30px; } #community-facelift .btn.btn-circle:hover { background-color: #eee; } #community-facelift .btn.btn-circle > i { margin: 0; height: 20px; line-height: 20px; width: 20px; } #community-facelift .btn.btn-icon { align-items: center; background-color: #fff; border: 1px solid #eee; display: flex; justify-content: center; padding: 0 10px; width: 42px; } #community-facelift .btn.btn-icon:hover { background-color: #eee; } #community-facelift .btn.btn-icon > i { font-size: 18px; line-height: 40px; margin-left: 0; } #community-facelift .btn.btn-icon > i + span { display: block; margin-left: 10px; } #community-facelift .btn.btn-link { background-color: transparent; padding: 10px 0; } #community-facelift .btn.btn-link:hover { color: var(--simo-custom-primary-button-color, #3b718b); } #community-facelift .btn > i { font-size: 12px; margin-left: 10px; } #community-facelift .btn-group .btn { border: 0; } #community-facelift * + .btn-switch { margin-left: 15px; } @media (max-width: 499px) { #community-facelift * + .btn-switch { margin-bottom: 15px; margin-left: 0; } } #community-facelift .btn-switch { display: flex; flex-flow: row nowrap; } @media (max-width: 499px) { #community-facelift .btn-switch { width: 100%; } } @media (max-width: 499px) { #community-facelift .btn-switch { order: 1; } } #community-facelift .btn-switch > a, #community-facelift .btn-switch > button, #community-facelift .btn-switch .btn { border-radius: 0; margin-left: -1px; } @media (max-width: 499px) { #community-facelift .btn-switch > a, #community-facelift .btn-switch > button, #community-facelift .btn-switch .btn { align-items: center; display: flex; justify-content: center; width: 50%; } } #community-facelift .btn-switch > a:first-child, #community-facelift .btn-switch > button:first-child, #community-facelift .btn-switch .btn:first-child { border-radius: 5px 0 0 5px; margin-left: 0; } #community-facelift .btn-switch > a:last-child, #community-facelift .btn-switch > button:last-child, #community-facelift .btn-switch .btn:last-child { border-radius: 0 5px 5px 0; } #community-facelift .btn-switch > a.active, #community-facelift .btn-switch > button.active, #community-facelift .btn-switch .btn.active { background-color: var(--simo-custom-primary-button-color, #3b718b); color: #fff; } #community-facelift .btn-switch > a *:not(i), #community-facelift .btn-switch > button *:not(i), #community-facelift .btn-switch .btn *:not(i) { display: none; } #community-facelift .btn-switch > a.btn.btn-icon, #community-facelift .btn-switch > button.btn.btn-icon, #community-facelift .btn-switch .btn.btn.btn-icon { padding: 0; } @media (pointer: coarse) { #community-facelift .btn-switch > a.btn.btn-icon:hover, #community-facelift .btn-switch > button.btn.btn-icon:hover, #community-facelift .btn-switch .btn.btn.btn-icon:hover { background-color: var(--simo-custom-primary-button-color, #3b718b); color: #fff; } } #community-facelift .btn-switch > a span, #community-facelift .btn-switch > button span, #community-facelift .btn-switch .btn span { display: none !important; } @media (max-width: 499px) { #community-facelift .btn-switch > a span, #community-facelift .btn-switch > button span, #community-facelift .btn-switch .btn span { display: block !important; } } #community-facelift canvas.chart { max-height: 400px; padding: 30px 20px 20px; } #community-facelift .carousel-caption { bottom: 0; color: #333; left: 0; position: relative; padding: 0 30px; right: 0; text-shadow: none; } #community-facelift .carousel-caption p { color: #a0a0a0; margin-bottom: 0; } #community-facelift .carousel-caption h3, #community-facelift .carousel-caption .h3 { margin-top: 0; } #community-facelift .carousel-control { background: none; bottom: auto; color: #333; font-size: 24px; margin-top: 0; text-shadow: none; top: 5px; width: 40px; } #community-facelift .carousel-indicators { bottom: auto; left: auto; margin: 20px auto 0; position: relative; width: auto; } #community-facelift .carousel-indicators > li { border-color: var(--simo-custom-primary-color, #3b718b); height: 14px; margin: 0 3px; width: 14px; } #community-facelift .carousel-indicators > li:hover { background-color: rgba(59, 113, 139, 0.1); } #community-facelift .carousel-indicators > li.active { background-color: var(--simo-custom-primary-color, #3b718b); height: 14px; margin: 0 3px; width: 14px; } #community-facelift .content-cols { display: flex; flex-flow: row nowrap; } @media (max-width: 767px) { #community-facelift .content-cols { flex-flow: column nowrap; } } #community-facelift .content-cols .content__main { flex: 0 0 66.66667%; max-width: 66.66667%; padding-right: 15px; } @media (max-width: 767px) { #community-facelift .content-cols .content__main { flex: 0 0 100%; max-width: 100%; padding: 0; } } #community-facelift .content-cols .content__aside { flex: 0 0 33.33333%; max-width: 33.33333%; padding-left: 15px; } @media (max-width: 767px) { #community-facelift .content-cols .content__aside { flex: 0 0 100%; max-width: 100%; padding: 0; } } #community-facelift .content-cols .content__block { margin-bottom: 70px; } @media (max-width: 767px) { #community-facelift section.abgaben .content__aside { order: -1; } } #community-facelift .dropdown-menu.update { background-color: #fff; border-radius: 0; border: 0; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.4); left: auto; margin: 10px 0 0; min-width: 200px; padding: 5px; } @media (max-width: 499px) { #community-facelift .dropdown-menu.update { width: 100%; } } #community-facelift .dropdown-menu.update.dropdown-menu--right { right: 0; } #community-facelift .dropdown-menu.update > .inner { border-bottom: 0; box-shadow: none; margin: 0; padding: 0; } #community-facelift .dropdown-menu.update > li { padding: 0; position: relative; z-index: 1; } #community-facelift .dropdown-menu.update > li:last-child > a, #community-facelift .dropdown-menu.update > li:last-child > button { border-bottom: 0; } #community-facelift .dropdown-menu.update > li.dropdown-header { padding-left: 15px; padding-top: 10px; } #community-facelift .dropdown-menu.update > li.divider { background-color: transparent; } #community-facelift .dropdown-menu.update > li.no-results { margin: 0; padding: 12px 20px 10px; } #community-facelift .dropdown-menu.update > li.selected > a, #community-facelift .dropdown-menu.update > li.selected > button { background-color: var(--simo-custom-tertiary-color, #d8e3e8); font-style: normal; } #community-facelift .dropdown-menu.update > li.selected > a span.check-mark, #community-facelift .dropdown-menu.update > li.selected > button span.check-mark { margin-top: 12px; } #community-facelift .dropdown-menu.update > li > a, #community-facelift .dropdown-menu.update > li > button { background-color: transparent; border: 0; border-bottom: 1px solid #ddd; color: #333; display: block; line-height: inherit; padding: 12px 20px 10px; text-align: left; white-space: normal; width: 100%; } #community-facelift .dropdown-menu.update > li > a:hover, #community-facelift .dropdown-menu.update > li > button:hover { background-color: var(--simo-custom-tertiary-color, #d8e3e8); font-style: normal; } @media (min-width: 768px) { #community-facelift .dropdown-menu.update > li > a, #community-facelift .dropdown-menu.update > li > button { padding-left: 15px; } } #community-facelift .dropdown-menu.update > li > a span, #community-facelift .dropdown-menu.update > li > a i, #community-facelift .dropdown-menu.update > li > button span, #community-facelift .dropdown-menu.update > li > button i { margin-left: -10px; text-align: center; width: 30px; } #community-facelift .dropdown-menu.update .bs-searchbox { margin-bottom: 10px; padding: 0; } #community-facelift .dropdown-menu.update .bs-searchbox input { padding-left: 15px; } #community-facelift .dropdown-wrapper { position: relative; } #community-facelift form.update .form-group { margin-bottom: 20px; } #community-facelift form.update .form-group:only-child { margin-bottom: 0; } #community-facelift form.update .form-group.form-group--submit { margin-top: 30px; } #community-facelift form.update .form-group.form-group--checked { margin-bottom: 10px; } #community-facelift form.update .form-group.is-invalid input, #community-facelift form.update .form-group.is-invalid select, #community-facelift form.update .form-group.is-invalid textarea { border-color: #ff4d4d; } #community-facelift form.update .form-group.is-valid input, #community-facelift form.update .form-group.is-valid select, #community-facelift form.update .form-group.is-valid textarea { border-color: #4bb84b; } #community-facelift form.update .form-group + .form__wrapper { margin-top: 10px; } #community-facelift form.update .form-group label, #community-facelift form.update .form-group span.label { color: #a0a0a0; background: #fff; display: inline-block; font-size: 12px; font-weight: normal; margin: -19px 0 0 10px; padding: 3px 5px 0; position: relative; top: 10px; z-index: 3; } #community-facelift form.update .form-group label > span, #community-facelift form.update .form-group span.label > span { background-color: #fff; padding: 2px 5px; } #community-facelift form.update .form-group > * + .btn { margin-top: 20px; } #community-facelift form.update input, #community-facelift form.update .form-control, #community-facelift form.update select, #community-facelift form.update textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-radius: 0; border: 1px solid #ddd; box-shadow: none; height: auto; line-height: 20px; padding: 10px 20px; width: 100%; } #community-facelift form.update input.btn-group, #community-facelift form.update .form-control.btn-group, #community-facelift form.update select.btn-group, #community-facelift form.update textarea.btn-group { padding: 0; } #community-facelift form.update input:hover, #community-facelift form.update input:focus, #community-facelift form.update .form-control:hover, #community-facelift form.update .form-control:focus, #community-facelift form.update select:hover, #community-facelift form.update select:focus, #community-facelift form.update textarea:hover, #community-facelift form.update textarea:focus { border-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update textarea[disabled], #community-facelift form.update textarea[readonly], #community-facelift form.update input[disabled], #community-facelift form.update input[read-only], #community-facelift form.update input[disabled] + label { cursor: not-allowed; color: #a0a0a0; } #community-facelift form.update textarea[disabled]:hover, #community-facelift form.update textarea[disabled]:focus, #community-facelift form.update textarea[readonly]:hover, #community-facelift form.update textarea[readonly]:focus, #community-facelift form.update input[disabled]:hover, #community-facelift form.update input[disabled]:focus, #community-facelift form.update input[read-only]:hover, #community-facelift form.update input[read-only]:focus, #community-facelift form.update input[disabled] + label:hover, #community-facelift form.update input[disabled] + label:focus { border-color: #ddd; } #community-facelift form.update input[type=date] { padding: 9px 10px 9px 20px; } #community-facelift form.update textarea { display: block; min-height: 150px; resize: vertical; } #community-facelift form.update .form__select { position: relative; } #community-facelift form.update .form__select::after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f078"; display: block; right: 20px; position: absolute; top: 29px; z-index: 1; } #community-facelift form.update .form__select .form__select-bg { background-color: #fff; } #community-facelift form.update .form__select select { background-color: transparent; position: relative; z-index: 2; } #community-facelift form.update .form__select label { z-index: 3; } #community-facelift form.update .form__icon { align-items: center; background-color: #eee; display: flex; height: 100%; position: absolute; right: 0; justify-content: center; top: 0; width: 55px; } #community-facelift form.update .form__icon i { font-size: 18px; } #community-facelift form.update .form__input-icon { position: relative; } #community-facelift form.update .form__input-icon > input { padding-right: 40px; } #community-facelift form.update .form__input-icon > i { color: #a0a0a0; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); } #community-facelift form.update .form__textarea { position: relative; } #community-facelift form.update .form__textarea .form__textarea-count { bottom: 10px; color: #a0a0a0; font-size: 12px; right: 20px; position: absolute; } #community-facelift form.update .form__upload { text-align: center; } #community-facelift form.update .form__upload.form__upload--file label { border: 1px solid #ddd; height: 150px; width: 100%; } #community-facelift form.update .form__upload.form__upload--file label::after { display: none; } #community-facelift form.update .form__upload.form__upload--file label .fa-upload { color: #ddd; font-size: 36px; margin-bottom: 15px; } #community-facelift form.update .form__upload.form__upload--file.paperclip { align-items: center; background-color: #fff; border: 1px solid #ddd; cursor: pointer; display: flex; height: 150px; margin: 0 auto 15px; overflow: hidden; padding: 0 30px; position: relative; width: 100%; } #community-facelift form.update .form__upload.form__upload--file.paperclip:hover { border-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update .form__upload.form__upload--file.paperclip label, #community-facelift form.update .form__upload.form__upload--file.paperclip span { display: none; } #community-facelift form.update .form__upload label { border: 1px solid #a0a0a0; cursor: pointer; height: 260px; margin: 0 auto 15px; overflow: hidden; position: relative; width: 260px; } #community-facelift form.update .form__upload label:hover, #community-facelift form.update .form__upload label.drag { border-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update .form__upload label::after { background-color: transparent; border-radius: 50%; border: 1px solid #eee; content: " "; cursor: pointer; display: block; height: 180px; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 180px; z-index: 1; } #community-facelift form.update .form__upload label > img { backface-visibility: hidden; display: none; left: 50%; max-height: 260px; max-width: 260px; position: absolute; top: 50%; transform: translate(-50%, -50%); mask-image: radial-gradient(circle at 50% 50%, #fff 90px, rgba(255, 255, 255, 0.3) 90px); } #community-facelift form.update .form__upload label > input { border: 0; border-radius: 50%; cursor: pointer; height: 100%; left: 0; opacity: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 100%; z-index: 2; } #community-facelift form.update .form__upload label > span { color: #333; display: block; font-size: 14px; opacity: 1; position: absolute; top: 50%; left: 50%; transition: opacity 0.15s ease; transform: translate(-50%, -50%); text-align: center; width: 100%; } @media (min-width: 768px) { #community-facelift form.update .form__upload label > span { font-size: 16px; } } #community-facelift form.update .form__upload label > span.out { opacity: 0; } #community-facelift form.update .form__upload > button { display: none; } #community-facelift form.update .form__submit { margin-top: 10px; } #community-facelift form.update .form-row { align-items: flex-end; display: flex; flex-flow: row wrap; padding: 0 10px; } #community-facelift form.update .form-row:not(div[class*=col-]) { padding: 0 15px; } #community-facelift form.update .form-row.form-row--submit { margin-top: 0; } #community-facelift form.update .form-row.form-row--submit .btn { margin-right: 10px; } #community-facelift form.update .form-row > div[class*=col-] { padding-left: 5px; padding-right: 5px; } #community-facelift form.update .form__wrapper { margin-bottom: 20px; } #community-facelift form.update .form__wrapper > label { width: 100%; } #community-facelift form.update .form__wrapper > label span { color: #a0a0a0; display: inline-block; float: right; font-size: 12px; font-weight: normal; position: relative; top: 3px; } @media (max-width: 499px) { #community-facelift form.update .form__wrapper > label span { display: block; float: none; top: 0; } } #community-facelift form.update .form__desc { font-size: 12px; margin-top: 8px; } #community-facelift form.update .form__custom-field { display: flex; } #community-facelift form.update .form__custom-field.form__custom-field--native input { background-color: transparent; left: 0; opacity: 1; padding-right: 16px; width: 100%; z-index: 1; } #community-facelift form.update .form__custom-field > div { align-items: center; background-color: #fff; border-radius: 0; border: 1px solid #ddd; box-shadow: none; display: flex; min-height: 40px; line-height: 20px; overflow: hidden; padding: 0 0 0 20px; position: relative; width: 100%; } #community-facelift form.update .form__custom-field > div:hover, #community-facelift form.update .form__custom-field > div:focus { border-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update .form__custom-field > div span.form__upload-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #community-facelift form.update .form__custom-field > div span.form__upload-text span { display: inline; } #community-facelift form.update .form__custom-field > div button { border: 0; border-radius: 0; margin-left: auto; padding-left: 12px; padding-right: 12px; } #community-facelift form.update .form__custom-field > div input { border: 0; cursor: pointer; left: -100%; opacity: 0; position: absolute; width: 200%; } #community-facelift form.update .form__custom-field > div input:hover + * + button, #community-facelift form.update .form__custom-field > div input:hover + button { background-color: #eee; color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update .form__custom-field button.form__upload-remove { cursor: not-allowed; flex: 0 0 45px; margin-left: 10px; pointer-events: all; } #community-facelift form.update .form__custom-field button.form__upload-remove.in { cursor: pointer; } #community-facelift form.update .form-group--checked input { display: none; } #community-facelift form.update .form-group--checked input:checked + label { background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; } #community-facelift form.update .form-group--checked input:checked + label::before { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f00c"; color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update .form-group--checked label { border: 1px solid #ddd; color: #333; cursor: pointer; margin: 0; padding: 10px 20px 10px 40px; top: 0; transition: background-color 0.15s ease, color 0.15s ease; width: 100%; font-size: 14px; z-index: 1; } #community-facelift form.update .form-group--checked label:hover::before { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f00c"; color: rgba(var(--simo-custom-primary-color, #3b718b), 0.4); } #community-facelift form.update .form-group--checked label::before { background-color: #fff; border: 1px solid #ddd; content: " "; display: inline-block; font-size: 17px; height: 20px; line-height: 20px; padding-left: 1px; position: absolute; left: 10px; top: 50%; transform: translate(0, -50%); width: 20px; } #community-facelift form.update .form-group--checked label.disabled { cursor: not-allowed; color: #a0a0a0; } #community-facelift form.update .form-group--checked label.disabled:hover::before { content: ""; } #community-facelift form.update .form-group--checked.form-group--checked-radio input:checked + label::before { content: " "; } #community-facelift form.update .form-group--checked.form-group--checked-radio input:checked + label::after { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift form.update .form-group--checked.form-group--checked-radio label:hover::after { background-color: rgba(var(--simo-custom-primary-color, #3b718b), 0.4); } #community-facelift form.update .form-group--checked.form-group--checked-radio label::before { border-radius: 50%; content: " "; } #community-facelift form.update .form-group--checked.form-group--checked-radio label::after { border-radius: 50%; content: " "; display: block; height: 12px; left: 14px; position: absolute; top: 50%; transform: translate(0, -50%); width: 12px; } #community-facelift form.update .form__error p { background-color: #ff4d4d; color: #fff; padding: 11px 20px; } #community-facelift form.update .form__success p { background-color: #4bb84b; color: #fff; padding: 11px 20px; } #community-facelift form.update .messages__attachments { border-radius: 4px; border: 1px solid #ddd; margin: 15px 0; } #community-facelift form.update .messages__attachments > div { border-bottom: 1px solid #ddd; flex: 0 0 100%; max-width: 100%; } #community-facelift form.update .messages__attachments > div:last-child { border-bottom: 0; } #community-facelift form.update .messages__attachments > div.success { border-bottom: 2px solid #4bb84b; } #community-facelift form.update .messages__attachments > div.error { border-bottom: 2px solid #ff4d4d; } #community-facelift form.update .messages__attachments > div > a, #community-facelift form.update .messages__attachments > div > button { position: absolute; right: 15px; top: 8px; } #community-facelift form.update ul.as-selections { background-color: #fff; border: 0; border-radius: 0; padding: 18px 8px 0; } #community-facelift form.update ul.as-selections li.as-selection-item { background-color: #eee; background-image: none; border: 1px solid #ddd; border-radius: 4px; box-shadow: none; color: inherit; display: inline-block; font-family: inherit; margin: 0 3px 7px 2px; padding: 5px 24px 4px 10px; position: relative; width: auto !important; } #community-facelift form.update ul.as-selections li.as-selection-item:hover { color: #a0a0a0; } #community-facelift form.update ul.as-selections li.as-selection-item + li.as-original { margin-top: 0; } #community-facelift form.update ul.as-selections li.as-selection-item a.as-close { color: #ccc; float: none; font-weight: normal; height: 100%; margin: 0; padding: 2px 7px 0; position: absolute; right: 0; text-align: right; top: 50%; transform: translate(0, -50%); width: 100%; } #community-facelift form.update ul.as-selections li.as-selection-item a.as-close:hover { border-color: #a0a0a0; } #community-facelift form.update ul.as-selections li.as-original { margin: -18px 0 0 -8px; width: calc(100% + 16px) !important; } #community-facelift form.update ul.as-selections li.as-original > input { font-size: 16px; } @media (min-width: 768px) { #community-facelift form.update ul.as-selections li.as-original > input { font-size: 14px; } } #community-facelift form.update ul.as-list { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } #community-facelift form.update li.as-result-item, #community-facelift form.update li.as-message { border: 0; border-bottom: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif; min-height: 41px; line-height: 41px; padding-bottom: 0; padding-top: 0; } #community-facelift form.update li.as-result-item .AutosuggestName, #community-facelift form.update li.as-message .AutosuggestName { align-items: center; display: flex; flex-flow: row nowrap; } #community-facelift form.update li.as-result-item .AutosuggestName img, #community-facelift form.update li.as-message .AutosuggestName img { margin-right: 5px; } #community-facelift form.update h2 + * label { margin-top: 0 !important; } #community-facelift form.update .bootstrap-select { border: 0; border-radius: 0; padding: 0; } #community-facelift form.update .bootstrap-select > .btn { border-radius: 0; } #community-facelift form.update .bootstrap-select > .btn:focus { outline: 0 !important; } #community-facelift form.update .bootstrap-select > .dropdown-menu { background-color: #fff; border-radius: 0; border: 0; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.4); left: auto; margin: 10px 0 0; min-width: 200px; padding: 10px 5px; width: 100%; } @media (max-width: 499px) { #community-facelift form.update .bootstrap-select > .dropdown-menu { width: 100%; } } #community-facelift form.update .bootstrap-select > .dropdown-menu > .inner { border-bottom: 0; box-shadow: none; margin: 0 -5px; padding: 0 0 20px; } #community-facelift form.update .bootstrap-select > .dropdown-menu .bs-searchbox { margin-bottom: 5px; } #community-facelift form.update .bootstrap-select > .dropdown-menu li.dropdown-header { padding-left: 12px; padding-right: 12px; } #community-facelift form.update .bootstrap-select > .dropdown-menu li a { outline: 0; padding: 6px 12px 5px; } #community-facelift form.update .bootstrap-select > .dropdown-menu li a:hover, #community-facelift form.update .bootstrap-select > .dropdown-menu li a:focus, #community-facelift form.update .bootstrap-select > .dropdown-menu li a.selected, #community-facelift form.update .bootstrap-select > .dropdown-menu li a.active { background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; } #community-facelift .grid-tile-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1.5rem; } #community-facelift .grid-tile-container::before, #community-facelift .grid-tile-container::after { display: none; } #community-facelift .grid-tile-container .grid-tile { background-color: #fff; border-top: 5px solid var(--simo-custom-secondary-color, #628da2); color: #333; padding: 15px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } #community-facelift .headline { align-items: center; display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 20px; margin-top: -20px; } #community-facelift .headline > * { margin-bottom: 0; margin-top: 20px; } #community-facelift .media .media-heading { color: var(--simo-custom-primary-color, #3b718b); font-weight: bold; margin-bottom: 0; margin-top: 10px; } #community-facelift .media .media-left { padding-right: 20px; } #community-facelift .media .media-body { font-size: 16px; } @media (min-width: 768px) { #community-facelift .media .media-body { font-size: 14px; } } #community-facelift .media .media-body h3:last-child, #community-facelift .media .media-body .h3:last-child { margin-bottom: 0; } #community-facelift .media .media-body a { z-index: initial; } #community-facelift .media p { color: #333; } #community-facelift .modal.update .modal-dialog { margin: 0; } @media (min-width: 768px) { #community-facelift .modal.update .modal-dialog { margin: 50px auto; max-width: 748px; width: 100%; } } @media (max-width: 767px) { #community-facelift .modal.update .modal-dialog { height: 100%; } } #community-facelift .modal.update .modal-content { border: 0; border-radius: 0; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35); } @media (min-width: 768px) { #community-facelift .modal.update .modal-content { border-radius: 6px; } } @media (max-width: 767px) { #community-facelift .modal.update .modal-content { min-height: 100%; padding-bottom: 83px; } } #community-facelift .modal.update .modal-header { border-bottom: 0; padding: 30px 20px 10px; } #community-facelift .modal.update .modal-header h2 { margin-bottom: 0; } #community-facelift .modal.update .modal-header button { position: absolute; right: 20px; top: 30px; } #community-facelift .modal.update .modal-body { padding: 20px; width: 100%; } #community-facelift .modal.update .modal-body.preloader::before { align-items: center; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Ccircle fill='%23628da2' cx='6' cy='50' r='6' transform='translate(0 -8.08)'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 15 ; 0 -15; 0 15' repeatCount='indefinite' begin='.1'/%3E%3C/circle%3E%3Ccircle fill='%23628da2' cx='30' cy='50' r='6' transform='translate(0 -9.387)'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 10 ; 0 -10; 0 10' repeatCount='indefinite' begin='.2'/%3E%3C/circle%3E%3Ccircle fill='%23628da2' cx='54' cy='50' r='6' transform='translate(0 -3.307)'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 5 ; 0 -5; 0 5' repeatCount='indefinite' begin='.3'/%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 70px 70px; color: var(--simo-custom-secondary-color, #628da2); content: " "; display: flex; height: calc(100% + 1px); justify-content: center; left: 0; position: absolute; top: 0; width: calc(100% + 1px); z-index: 1; } #community-facelift .modal.update .modal-footer { background-color: #f9f9f9; border-radius: 0 0 6px 6px; padding: 20px; } @media (max-width: 767px) { #community-facelift .modal.update .modal-footer { bottom: 0; left: 0; position: absolute; width: 100%; } } #community-facelift .modal-body .simo-info-course-information-modal-event-date-label, #community-facelift .modal-body .event-date-element { hyphens: auto; } #community-facelift .modal-body .simo-info-course-information-modal-event-date-label { hyphens: auto; } #community-facelift .modal-body .event-date-content { display: flex; flex-wrap: wrap; margin: 0 0 8px; hyphens: auto; word-break: break-word; padding-left: 0; padding-right: 0; justify-content: space-between; } #community-facelift .modal-body .event-date-content__date { min-width: 80px; width: 85px; } #community-facelift .modal-body .event-date-content__time { min-width: 95px; width: 95px; } #community-facelift .modal-body .event-date-content__rooms { min-width: 60px; width: 70px; } #community-facelift .modal-body .event-date-content:last-child { margin-right: 0; } @media (max-width: 600px) { #community-facelift .modal-body .event-date-content .event-date-element { width: 100%; } } #community-facelift .page-sections { display: none; left: 20px; position: fixed; top: 50%; transform: translate(0, -50%); z-index: 1; } @media screen and (min-width: 1400px) { #community-facelift .page-sections { display: block; } } #community-facelift .page-sections a { display: block; height: 30px; position: relative; text-decoration: none; width: 30px; } #community-facelift .page-sections a.active:before, #community-facelift .page-sections a:hover:before { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .page-sections a.active > span, #community-facelift .page-sections a:hover > span { background-color: #fff; opacity: 1; transition-delay: 0s, 0s, 0s; visibility: visible; } #community-facelift .page-sections a::before { background-color: #fff; border-radius: 50%; border: 2px solid var(--simo-custom-primary-color, #3b718b); content: " "; display: block; height: 14px; left: 0; position: absolute; top: 50%; transform: translate(0, -50%); transition: background-color 0.25s ease; width: 14px; z-index: 1; } #community-facelift .page-sections a > span { border-radius: 3px; left: 25px; opacity: 0; padding: 5px 8px; position: absolute; top: 0; transition: opacity 0.25s ease 0s, background-color 0.25s ease 0s, visibility 0s linear 0.25s; visibility: hidden; white-space: nowrap; } #community-facelift .simo-pagination { align-items: center; display: flex; flex-flow: row wrap; margin-top: 30px; } @media (max-width: 991px) { #community-facelift .simo-pagination { justify-content: space-between; } } #community-facelift .simo-pagination > * { flex: 0 0 33.33333%; position: relative; max-width: 33.33333%; } @media (max-width: 991px) { #community-facelift .simo-pagination > * { flex: 0 1 auto; max-width: 100%; } } #community-facelift .simo-pagination .simo-pagination__pages { align-items: center; justify-content: center; display: flex; list-style: none; margin: 0 auto; padding: 0; } @media (max-width: 991px) { #community-facelift .simo-pagination .simo-pagination__pages { flex: 0 0 100%; justify-content: center; margin-top: 10px; max-width: 100%; order: 1; } } #community-facelift .simo-pagination .simo-pagination__pages li { text-align: center; margin: 0 5px; width: 40px; } #community-facelift .simo-pagination .simo-pagination__pages a { height: 40px; line-height: 40px; width: 40px; } #community-facelift .simo-pagination .simo-pagination__pages a i { font-size: 12px; } #community-facelift .simo-pagination .simo-pagination__pages a.active { background-color: var(--simo-custom-primary-button-color, #3b718b); color: #fff; } #community-facelift .simo-pagination .simo-pagination__results { text-align: right; } #community-facelift .simo-pagination .simo-pagination__results button.btn-default { color: black; } #community-facelift .panel { background-color: transparent; border: 0; box-shadow: none; margin-bottom: 0; } #community-facelift .panel.panel--news-visual { display: flex; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; } #community-facelift .panel.panel--news-visual .panel__img { flex: 0 0 33.33333%; max-width: 33.33333%; padding: 0 10px 20px; } @media (max-width: 991px) { #community-facelift .panel.panel--news-visual .panel__img { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 768px) { #community-facelift .panel.panel--news-visual .panel__img { display: flex; flex: 0 0 100%; justify-content: center; margin-bottom: 10px; max-width: 100%; order: 1; } } #community-facelift .panel.panel--news-visual .panel__img img { max-height: 100%; height: auto; width: 100%; } @media (max-width: 768px) { #community-facelift .panel.panel--news-visual .panel__img img { align-self: center; max-width: 100%; width: auto; } } #community-facelift .panel.panel--news-visual .panel__text { flex: 0 0 66.66667%; max-width: 66.66667%; padding: 20px 10px; } @media (max-width: 991px) { #community-facelift .panel.panel--news-visual .panel__text { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 768px) { #community-facelift .panel.panel--news-visual .panel__text { order: 2; flex: 0 0 100%; max-width: 100%; } } #community-facelift .panel-heading { background-color: transparent; border: 0; display: block; margin-bottom: 0; margin-top: 0; padding: 0 0 0 0; position: relative; } #community-facelift .panel-heading > a.btn-default { position: relative; top: -10px; } @media (max-width: 499px) { #community-facelift .panel-heading > a.btn-default { padding: 10px; top: -20px; width: 42px; } #community-facelift .panel-heading > a.btn-default > span { display: none; } #community-facelift .panel-heading > a.btn-default > i { margin-left: 0; } } #community-facelift .panel-heading.collapsed > button { transform: rotate(0deg); } #community-facelift .panel-heading.collapsed > button span { display: none; } #community-facelift .panel-heading.collapsed > button span.collapsed { display: block; } #community-facelift .panel-heading.collapsed > button div.in { display: none; } #community-facelift .panel-heading.collapsed > button div.out { display: block; right: 37px; transform: translate(0, -50%) rotate(0deg); } #community-facelift .panel-heading > h2 { display: block; margin-bottom: 0; } @media (min-width: 500px) { #community-facelift .panel-heading > h2 { display: inline-block; } } #community-facelift .panel-heading > button { border-radius: 50%; border: 2px solid var(--simo-custom-primary-color, #3b718b); height: 30px; padding: 0; position: absolute; right: 0; transform: rotate(180deg); top: -6px; width: 30px; } #community-facelift .panel-heading > button.btn-default { color: #333; } #community-facelift .panel-heading > button.btn-default:hover { background-color: #eee; color: #333; } #community-facelift .panel-heading > button span { position: absolute; right: 3px; top: 50%; transform: translate(0, -50%); } #community-facelift .panel-heading > button span.collapsed { display: none; } #community-facelift .panel-heading > button div.in, #community-facelift .panel-heading > button div.out { display: none; position: absolute; right: -10px; top: 50%; transform: translate(0, -50%) rotate(180deg); transform-origin: right center; } #community-facelift .panel-heading > button div.in { display: block; } #community-facelift .panel-heading > button i { margin: 0; height: 20px; line-height: 20px; width: 20px; } #community-facelift .panel-heading + * > *:first-child { margin-top: 20px; } #community-facelift a.panel-heading { transition: opacity 0.15s ease; } #community-facelift a.panel-heading:hover { opacity: 0.6; text-decoration: none; } #community-facelift .panel-body { padding: 0; } #community-facelift .popover { border-color: #ddd; border-radius: 0; } #community-facelift .popover.bottom > .arrow { border-bottom-color: #ddd; } #community-facelift .popover .popover-content { padding: 15px; } #community-facelift .popover p, #community-facelift .popover h3 { margin: 0; padding: 0; } #community-facelift .popover h3 { font-size: 16px; } #community-facelift .list-group-item { border: 0; border-radius: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); margin: 10px 0; } #community-facelift .list-group-item:hover { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } #community-facelift .list-group-item .row + .row { margin-top: 5px; } #community-facelift a.list-group-item { background-color: #fff; } #community-facelift a.list-group-item:hover { background-color: #f9f9f9; } #community-facelift #agenda .list-group-item { border-radius: 0; padding-bottom: 20px; padding-top: 20px; } @media (max-width: 750px) { #community-facelift #agenda .list-group-item { padding-bottom: 10px; padding-top: 10px; } } #community-facelift #agenda .media { display: flex; flex-flow: row nowrap; } #community-facelift #agenda .media .simo-agenda-event-color { border-radius: 0; color: #fff; font-size: 16px; line-height: 16px; padding: 10px 0; text-align: center; width: 40px; } #community-facelift #agenda .media .simo-agenda-event-color > i { bottom: 10px; left: 0; position: absolute; width: 100%; } #community-facelift #agenda .media .simo-agenda-event-container { padding-left: 45px; } @media (max-width: 750px) { #community-facelift #agenda .media .simo-agenda-event-container { padding-left: 35px; } } #community-facelift #agenda .media .simo-agenda-event-status { position: absolute; right: 10px; top: 10px; width: 17px; } #community-facelift #agenda .media .simo-agenda-event-status .fa-calendar { color: #a0a0a0; } #community-facelift #agenda .media .simo-agenda-event-status .fa-calendar-exclamation { color: #ff4d4d; } #community-facelift #agenda .media .media-body { color: #333; } @media (max-width: 750px) { #community-facelift #agenda .media .media-body { font-size: 14px; } } #community-facelift #agenda .media .media-body span { color: #a0a0a0; display: block; font-size: 12px; } @media (max-width: 750px) { #community-facelift #agenda .media .media-body span { display: none; } } #community-facelift #agenda .media .media-body i { color: #a0a0a0; display: none; } @media (max-width: 750px) { #community-facelift #agenda .media .media-body i { display: inline-block; margin-right: 8px; width: 15px; } } @media (max-width: 750px) { #community-facelift #agenda .media .scheduler-agenda__title { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-right: 30px; } } #community-facelift .mobile-agenda .navi-button { position: relative !important; top: 0 !important; } #community-facelift .mobile-agenda .simo-agenda-minical { white-space: nowrap; } #community-facelift .mobile-agenda .simo-agenda-navbar { height: 40px; margin-top: 20px; position: relative; width: auto; } @media (max-width: 499px) { #community-facelift .mobile-agenda .simo-agenda-navbar .dhx_cal_today_button { right: 27px; } #community-facelift .mobile-agenda .simo-agenda-navbar .dhx_cal_prev_button { right: 102px; } #community-facelift .mobile-agenda .simo-agenda-navbar .dhx_cal_next_button { right: 0; } } #community-facelift .mobile-agenda .simo-agenda-navbar div { top: 0; } #community-facelift .status-tag { align-items: center; border: 1px solid; color: #fff; display: inline-flex; font-size: 11px; font-weight: bold; padding: 0 10px; white-space: initial; } #community-facelift .status-tag.status-tag--alternate { border: 0; color: #000; font-size: 12px; height: 22px; padding: 0 5px; } #community-facelift .status-tag.success { background-color: #ecf6e2; border-color: #4bb84b; color: #4bb84b; } #community-facelift .status-tag.danger { border-color: #ecb941; color: #ecb941; } #community-facelift .status-tag.error { border-color: #ff4d4d; color: #ff4d4d; } #community-facelift [data-switch-target] { display: none; } #community-facelift [data-switch-target].active { display: block; } #community-facelift table { margin-bottom: 0; } #community-facelift table + table { margin-top: 20px; } #community-facelift table.table-update { border: 0; table-layout: fixed; position: relative; width: 100%; } #community-facelift table.table-update::before { align-items: center; background-color: var(--simo-custom-tertiary-color, #d8e3e8); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Ccircle fill='%23628da2' cx='6' cy='50' r='6' transform='translate(0 -8.08)'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 15 ; 0 -15; 0 15' repeatCount='indefinite' begin='.1'/%3E%3C/circle%3E%3Ccircle fill='%23628da2' cx='30' cy='50' r='6' transform='translate(0 -9.387)'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 10 ; 0 -10; 0 10' repeatCount='indefinite' begin='.2'/%3E%3C/circle%3E%3Ccircle fill='%23628da2' cx='54' cy='50' r='6' transform='translate(0 -3.307)'%3E%3CanimateTransform attributeName='transform' dur='1s' type='translate' values='0 5 ; 0 -5; 0 5' repeatCount='indefinite' begin='.3'/%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 70px 70px; color: var(--simo-custom-secondary-color, #628da2); content: " "; display: flex; height: calc(100% + 1px); justify-content: center; left: 0; position: absolute; top: 0; width: calc(100% + 1px); z-index: 1; } #community-facelift table.table-update.loaded::before, #community-facelift table.table-update.loaded::after { display: none; } #community-facelift table.table-update.loaded > tbody > tr:first-child td { border-top: 4px solid var(--simo-custom-secondary-color, #628da2); } #community-facelift table.table-update.loaded > tbody > tr > td { white-space: nowrap; } #community-facelift table.table-update.pruefungsergebnisse__legend > tbody > tr > td { white-space: normal; } #community-facelift table.table-update.table-update--toggle > thead td.toggle::after { display: none; } #community-facelift table.table-update.table-update--toggle > tbody > tr { cursor: pointer; transition: background-color 0.15s ease; } #community-facelift table.table-update.table-update--toggle > tbody > tr:hover { background-color: #f9f9f9; } #community-facelift table.table-update.table-update--toggle > tbody > tr:hover:nth-child(4n+3) { background-color: #f9f9f9; } #community-facelift table.table-update.table-update--toggle > tbody > tr.toggle { background-color: #fff; } #community-facelift table.table-update.table-update--toggle > tbody > tr:nth-child(4n+3) { background-color: #fff; } #community-facelift table.table-update.table-update--toggle > tbody > tr:nth-child(4n+4) { background-color: #fff; } #community-facelift table.table-update.table-update--toggle > tbody > tr.toggle { cursor: default; } #community-facelift table.table-update.table-update--toggle tr.in td.toggle::after { transform: rotate(-90deg); } #community-facelift table.table-update.table-update--toggle tr.toggle { display: none; } #community-facelift table.table-update.table-update--toggle tr.toggle > td { border: 0; height: auto; padding: 0; white-space: normal; } #community-facelift table.table-update.table-update--toggle tr.toggle > td table { width: 100%; } #community-facelift table.table-update.table-update--toggle tr.toggle div { display: none; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr { background-color: inherit; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td { display: block; height: auto; padding: 6px 12px; white-space: normal; width: 100%; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td:first-child { padding-top: 12px; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td:last-child { padding-bottom: 12px; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td[data-context] { text-align: left; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td[data-context]::before { content: attr(data-context) ":"; display: inline; font-weight: bold; margin-right: 5px; } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td > span { left: 10px; margin-bottom: -3px; margin-top: -3px; position: relative; top: 0; transform: translate(0, 0); } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td > a.btn { display: block; } @media (min-width: 500px) { #community-facelift table.table-update.table-update--toggle tr.toggle table tr td > a.btn { float: right; } } #community-facelift table.table-update.table-update--toggle tr.toggle table tr td .btn { margin-top: 10px; } #community-facelift table.table-update.table-update--toggle td.toggle { min-width: 45px; width: 45px; } #community-facelift table.table-update.table-update--toggle td.toggle::after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f054"; display: block; transition: transform 0.25s ease; text-align: center; } #community-facelift table.table-update thead tr { background-color: #fff; } #community-facelift table.table-update thead td { border-bottom-width: 1px; font-weight: bold; position: relative; vertical-align: middle; white-space: nowrap; } @media (max-width: 991px) { #community-facelift table.table-update thead td > button { display: none; } } #community-facelift table.table-update thead td > div { align-items: center; display: flex; flex-flow: row nowrap; justify-content: space-between; } #community-facelift table.table-update thead td > div > button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; outline: 0; padding: 0; height: 30px; margin: -8px -8px -8px 0; transition: opacity 0.15s; width: 30px; } #community-facelift table.table-update thead td > div > button:hover { opacity: 0.6; } #community-facelift table.table-update tfoot td { border: 0; height: auto; padding: 12px; } #community-facelift table.table-update tr { background-color: #eee; } #community-facelift table.table-update tr:nth-child(even) { background-color: #fff; } #community-facelift table.table-update td { border-left: 0; border-right: 0; height: 45px; overflow: hidden; padding: 0 12px; position: relative; vertical-align: middle; white-space: nowrap; width: 100%; } #community-facelift table.table-update td[data-toggle=popover] { cursor: help; } #community-facelift table.table-update td.col__mini { width: 40px; } #community-facelift table.table-update td.col__medium-mini { width: 60px; } @media (min-width: 768px) { #community-facelift table.table-update td.col__medium { width: 150px; } } @media (min-width: 768px) { #community-facelift table.table-update td.col__cta { width: 200px; } } @media (min-width: 992px) { #community-facelift table.table-update td.col__large { width: 300px; } } @media (min-width: 1200px) { #community-facelift table.table-update td.col__large { width: 400px; } } #community-facelift table.table-update td.col__center { text-align: center; } #community-facelift table.table-update td.col__right { text-align: right; } #community-facelift table.table-update td > span:not(.label) { display: inline-block; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; min-width: 30px; padding-left: 5px; padding-right: 5px; text-align: center; } #community-facelift table.table-update td .btn { padding-bottom: 5px; padding-top: 5px; width: 100%; } #community-facelift .table.table-centered > tbody > th > td, #community-facelift .table.table-centered > tbody > tr > td, #community-facelift .table.table-centered > tfoot > tr > td, #community-facelift .table.table-centered > tfoot > tr > th, #community-facelift .table.table-centered > thead > tr > td, #community-facelift .table.table-centered > thead > tr > th { vertical-align: middle; } #community-facelift .table.table-striped > tbody > th > td, #community-facelift .table.table-striped > tbody > tr > td, #community-facelift .table.table-striped > tfoot > tr > td, #community-facelift .table.table-striped > tfoot > tr > th, #community-facelift .table.table-striped > thead > tr > td, #community-facelift .table.table-striped > thead > tr > th { border-top: 0; } #community-facelift .table.table-striped > tbody > tr:nth-child(odd) { background-color: transparent; } #community-facelift .table.table-striped > tbody > tr:nth-child(even) { background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .table th img, #community-facelift .table td img { margin-right: 5px; } #community-facelift table.table-update.table-info { border: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.15s ease; } #community-facelift table.table-update.table-info.table-info--simple:hover { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); } #community-facelift table.table-update.table-info.table-info--simple > tbody > tr:not(.toggle) > td { vertical-align: top; white-space: normal; } #community-facelift table.table-update.table-info.table-info--simple > tbody > tr:not(.toggle) > td:first-child { padding-left: 20px; } #community-facelift table.table-update.table-info.table-info--simple > tbody > tr:not(.toggle) > td:first-child::before { display: none; } #community-facelift table.table-update.table-info.table-info--simple > tbody tr td { padding: 10px; } @media (max-width: 767px) { #community-facelift table.table-update.table-info.table-info--simple > tbody tr td { display: block; height: auto; padding: 20px 20px 10px; } #community-facelift table.table-update.table-info.table-info--simple > tbody tr td:last-child { padding-bottom: 20px; } } #community-facelift table.table-update.table-info.table-info--simple > tbody tr td p { color: #a0a0a0; font-size: 12px; } #community-facelift table.table-update.table-info.table-info--simple > tbody tr td h3 { font-size: 14px; } #community-facelift table.table-update.table-info.table-info--simple > tbody tr td .btn { float: right; } @media (max-width: 767px) { #community-facelift table.table-update.table-info.table-info--simple > thead tr td { display: block; } } #community-facelift table.table-update.table-info.table-info--success > tbody > tr:not(.toggle) > td:first-child::before { background-color: #4bb84b; } #community-facelift table.table-update.table-info.table-info--error > tbody > tr:not(.toggle) > td:first-child::before { background-color: #ff4d4d; } #community-facelift table.table-update.table-info.table-info--warning > tbody > tr:not(.toggle) > td:first-child::before { background-color: #ecb941; } #community-facelift table.table-update.table-info thead { visibility: hidden; } #community-facelift table.table-update.table-info thead td { border: 0; height: 0; line-height: 0; } #community-facelift table.table-update.table-info .btn { margin-top: 0; padding-bottom: 10px; padding-top: 10px; } @media (min-width: 500px) { #community-facelift table.table-update.table-info .btn { width: auto; } } #community-facelift table.table-update.table-info > tbody > tr { background-color: #fff; } #community-facelift table.table-update.table-info > tbody > tr:not(.toggle).info-success > td:first-child::before { background-color: #4bb84b; } #community-facelift table.table-update.table-info > tbody > tr:not(.toggle) > td:first-child { padding-left: 32px; } #community-facelift table.table-update.table-info > tbody > tr:not(.toggle) > td:first-child::before { background-color: #ddd; border-radius: 50%; content: " "; display: block; height: 10px; left: 10px; position: absolute; top: 50%; transform: translate(0, -50%); width: 10px; } #community-facelift table.table-update.table-info tbody tr:first-child td { border-top: 0; } #community-facelift table.table-update.table-info tbody tr td { border: 0; border-left: 1px solid #fcfcfc; padding: 20px; } #community-facelift table.table-update.table-info tbody tr td p, #community-facelift table.table-update.table-info tbody tr td h3 { margin: 0; padding: 0; } #community-facelift table.table-update.table-info tbody tr td h3 { font-size: 16px; } #community-facelift table.table-update.table-info tbody tr.toggle { border-top: 1px solid #ddd; } #community-facelift table.table-update.table-info tbody tr.toggle table tr td { padding: 6px 20px; } #community-facelift table.table-update.table-info tbody tr.toggle table tr td p { display: none; } #community-facelift table.table-update.table-info tfoot { border-top: 2px solid #ddd; } #community-facelift table.table-update.table-info tfoot.success tr { background-color: #ecf6e2; } #community-facelift table.table-update.table-info tfoot.success tr td { color: #4bb84b; } #community-facelift table.table-update.table-info tfoot.error tr { background-color: #ffecec; } #community-facelift table.table-update.table-info tfoot.error tr td { color: #ff4d4d; } #community-facelift table.table-update.table-info tfoot tr { background-color: #eee; } #community-facelift table.table-update.table-info tfoot tr td { font-weight: bold; padding: 12px 20px; white-space: normal; } #community-facelift table.table-update.table-info tfoot tr td .table-footer__info { display: flex; flex-flow: column nowrap; } #community-facelift table.table-update.table-info tfoot tr td .table-footer__info p { margin-bottom: 12px; } @media (min-width: 500px) { #community-facelift table.table-update.table-info tfoot tr td .table-footer__info { align-items: center; flex-flow: row nowrap; justify-content: space-between; } #community-facelift table.table-update.table-info tfoot tr td .table-footer__info > a, #community-facelift table.table-update.table-info tfoot tr td .table-footer__info > button { margin-left: auto; } #community-facelift table.table-update.table-info tfoot tr td .table-footer__info p { margin-bottom: 0; margin-right: 20px; } } #community-facelift .tabs::before { background-color: #eee; bottom: 0; content: " "; display: block; height: 1px; left: 0px; position: absolute; width: 100%; } #community-facelift .nav-tabs { border-bottom: 1px solid #eee; display: flex; flex-flow: row wrap; } #community-facelift .nav-tabs.nav-tabs--badge > li > a { padding-right: 40px; } #community-facelift .nav-tabs.nav-tabs--alternate > li:hover + li.active > a { border-left: 1px solid #f9f9f9; } #community-facelift .nav-tabs.nav-tabs--alternate > li.active > a { background-color: #f9f9f9; border-bottom-color: #f9f9f9; } #community-facelift .nav-tabs.nav-tabs--alternate > li.active + li:hover > a { border-left: 1px solid #f9f9f9; } #community-facelift .nav-tabs.nav-tabs--alternate > li > a:hover { background-color: #f9f9f9; border-bottom-color: #f9f9f9; } #community-facelift .nav-tabs h3, #community-facelift .nav-tabs .h3 { font-size: 20px; margin: 0; padding: 3px 0; } #community-facelift .nav-tabs > *[class^=col] { flex: 1 1 0; padding: 0; } #community-facelift .nav-tabs > li:hover + li.active > a { border-left: 1px solid #fff; } #community-facelift .nav-tabs > li.active > a { border-color: #eee #eee #fff #eee; color: #333; } #community-facelift .nav-tabs > li.active + li:hover > a { border-left: 1px solid #fff; } #community-facelift .nav-tabs > li > a { border-radius: 0; margin: 0; padding-top: 9px; white-space: nowrap; } #community-facelift .nav-tabs > li > a:hover, #community-facelift .nav-tabs > li > a:focus { background: transparent; border-color: #eee #eee #fff #eee; color: #333; } #community-facelift .nav-tabs > li .badge { background-color: var(--simo-custom-primary-color, #3b718b); border-radius: 50%; height: 24px; line-height: 24px; padding: 0; position: absolute; right: 15px; top: 10px; width: 24px; } #community-facelift .tile-row { display: flex; flex-flow: row wrap; width: auto; } #community-facelift .tile-row::before, #community-facelift .tile-row::after { display: none; } @media (max-width: 991px) { #community-facelift .tile-row { margin-bottom: -20px; } } @media (max-width: 767px) { #community-facelift .tile-row { display: block; } } #community-facelift .tile-row.tile-row--edit > div[class^=col-], #community-facelift .tile-row.tile-row--no-edit > div[class^=col-] { flex-flow: column nowrap; } @media (max-width: 991px) { #community-facelift .tile-row.tile-row--edit > div[class^=col-], #community-facelift .tile-row.tile-row--no-edit > div[class^=col-] { margin-bottom: 0; } } #community-facelift .tile-row > div[class^=col-] { display: flex; flex-flow: column wrap; } @media (max-width: 991px) { #community-facelift .tile-row > div[class^=col-] { margin-bottom: 20px; } } #community-facelift .tile-row > div[class^=col-] > * { flex: 1 0 auto; } #community-facelift .tile { backface-visibility: hidden; background-color: #fff; border-top: 5px solid var(--simo-custom-secondary-color, #628da2); color: #333; display: flex; flex-flow: column nowrap; padding: 15px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } #community-facelift .tile.tile--detail { border-bottom: 1px solid #ddd; padding: 20px 0 10px; } #community-facelift .tile.tile--detail .tile__visual { margin: 0 0 30px; } #community-facelift .tile.tile--default { margin-bottom: 30px; transform: initial; } @media (min-width: 768px) { #community-facelift .tile.tile--default { margin-bottom: 20px; } } #community-facelift .tile.tile--default:hover { transform: initial; } #community-facelift .tile.tile--default .tile__content { margin-bottom: 15px; } #community-facelift .tile.tile--default .tile__content h3 { color: var(--simo-custom-secondary-color, #628da2); font-size: 18px; margin-bottom: 10px; } #community-facelift .tile.tile--default .tile__content p { margin-bottom: 15px; } #community-facelift .tile.tile--default .tile__content p:last-child { margin-bottom: 0; } #community-facelift .tile.tile--kurse .tile__visual { align-items: center; background-color: #9fcbd2; display: flex; flex-flow: row nowrap; height: 180px; justify-content: center; padding: 15px; } #community-facelift .tile.tile--kurse .tile__visual.tile__visual--inverted { background-color: #1e285f; } #community-facelift .tile.tile--kurse .tile__visual img { max-height: 100%; max-width: 100%; width: auto; } #community-facelift .tile.tile--kurse .tile__content h3 { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; height: 59px; margin-bottom: 0; overflow: hidden; padding: 0; } #community-facelift .tile .tile__author { align-items: center; display: flex; flex-flow: row nowrap; margin-bottom: 15px; } #community-facelift .tile .tile__author + .tile__content { border-top: 1px solid #ddd; margin: 0 -15px 15px; padding: 15px 15px 0; } #community-facelift .tile .tile__author .tile__author-img { border: 2px solid #ddd; border-radius: 50%; overflow: hidden; flex: 0 0 42px; margin-right: 10px; max-width: 42px; } #community-facelift .tile .tile__author .tile__author-img img { width: 100%; } #community-facelift .tile .tile__author .tile__author-desc { word-break: break-word; } #community-facelift .tile .tile__visual { margin: 0 -15px 15px; } #community-facelift .tile .tile__visual > img { width: 100%; } #community-facelift .tile > img { margin: 0 auto 20px; } #community-facelift .tile p { margin-bottom: 0; } #community-facelift .tile h3, #community-facelift .tile .h3 { margin: 0; } #community-facelift .tile .tile__list { list-style: none; margin: 0; padding: 0; } #community-facelift .tile .tile__list li { align-items: center; display: flex; flex-flow: row nowrap; justify-content: space-between; line-height: 16px; margin-bottom: 1px; } #community-facelift .tile .tile__list + .tile__content { margin-top: 5px; } #community-facelift a.tile { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); transform: scale3d(1, 1, 1); transition: box-shadow 0.15s ease, transform 0.15s ease; } #community-facelift a.tile:hover { background-color: #fcfcfc; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); text-decoration: none; transform: scale3d(1.04, 1.04, 1); } #community-facelift .tile-edit:hover { background-color: #fff; border-top: 4px solid var(--simo-custom-secondary-color, #628da2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); margin-top: -1px; padding-top: 17px; } #community-facelift .tile-edit:hover .tile-edit__actions button { opacity: 1; transition-delay: 0s, 0s; visibility: visible; } #community-facelift .tile-edit, #community-facelift .tile-no-edit { align-items: center; border-bottom: 1px solid #eee; display: flex; flex-flow: row nowrap; padding: 20px 0; } @media (max-width: 767px) { #community-facelift .tile-edit.tile-edit--date, #community-facelift .tile-no-edit.tile-edit--date { padding-top: 70px; } #community-facelift .tile-edit.tile-edit--date:hover, #community-facelift .tile-no-edit.tile-edit--date:hover { padding-top: 67px; } } @media (min-width: 768px) { #community-facelift .tile-edit.tile-edit--date.tile-edit--date-alternate .tile-edit__description, #community-facelift .tile-no-edit.tile-edit--date.tile-edit--date-alternate .tile-edit__description { padding-right: 200px; } } #community-facelift .tile-edit.tile-edit--date.tile-edit--date-alternate .tile-edit__description strong, #community-facelift .tile-no-edit.tile-edit--date.tile-edit--date-alternate .tile-edit__description strong { margin-bottom: 5px; } #community-facelift .tile-edit.tile-edit--date.tile-edit--date-alternate .tile-edit__description strong + span, #community-facelift .tile-no-edit.tile-edit--date.tile-edit--date-alternate .tile-edit__description strong + span { margin-bottom: 5px; margin-top: -5px; } #community-facelift .tile-edit.tile-edit--date .tile-edit__description strong, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__description strong { margin-bottom: 15px; } #community-facelift .tile-edit.tile-edit--date .tile-edit__description strong + span, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__description strong + span { margin-bottom: 15px; margin-top: -15px; } #community-facelift .tile-edit.tile-edit--date .tile-edit__actions, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__actions { align-items: center; display: flex; right: 0; padding: 0 30px; position: absolute; top: 20px; } #community-facelift .tile-edit.tile-edit--date .tile-edit__actions button, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__actions button { margin-left: 10px; } @media (max-width: 767px) { #community-facelift .tile-edit.tile-edit--date .tile-edit__actions, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__actions { width: 100%; } #community-facelift .tile-edit.tile-edit--date .tile-edit__actions button, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__actions button { margin-left: auto; } } #community-facelift .tile-edit.tile-edit--date .tile-edit__description, #community-facelift .tile-no-edit.tile-edit--date .tile-edit__description { padding-left: 15px; } #community-facelift .tile-edit .tile-edit__icon, #community-facelift .tile-no-edit .tile-edit__icon { flex: 0 1 80px; text-align: center; } #community-facelift .tile-edit .tile-edit__icon > i, #community-facelift .tile-no-edit .tile-edit__icon > i { font-size: 24px; } #community-facelift .tile-edit .tile-edit__description, #community-facelift .tile-no-edit .tile-edit__description { flex: 1 0 0; padding-right: 20px; } #community-facelift .tile-edit .tile-edit__description strong, #community-facelift .tile-no-edit .tile-edit__description strong { display: inline-block; margin-bottom: 5px; } #community-facelift .tile-edit .tile-edit__description strong + span, #community-facelift .tile-no-edit .tile-edit__description strong + span { display: block; margin-bottom: 5px; margin-top: -5px; } #community-facelift .tile-edit .tile-edit__description p, #community-facelift .tile-no-edit .tile-edit__description p { margin-bottom: 0; } #community-facelift .tile-edit .tile-edit__actions, #community-facelift .tile-no-edit .tile-edit__actions { flex: 0 1 60px; } #community-facelift .tile-edit .tile-edit__actions button, #community-facelift .tile-no-edit .tile-edit__actions button { margin-bottom: 5px; opacity: 0; position: relative; transition: opacity 0.15s ease 0s, visibility 0s linear 0.15s; visibility: hidden; } #community-facelift .tile-edit .tile-edit__actions button:last-child, #community-facelift .tile-no-edit .tile-edit__actions button:last-child { margin-bottom: 0; } #community-facelift .tile-edit .tile-edit__actions button > i, #community-facelift .tile-no-edit .tile-edit__actions button > i { position: relative; } @media (pointer: coarse) { #community-facelift .tile-edit .tile-edit__actions button, #community-facelift .tile-no-edit .tile-edit__actions button { opacity: 1; transition-delay: 0s, 0s; visibility: visible; } } #community-facelift .toolbar { background-color: #f9f9f9; border: 1px solid #ddd; margin-bottom: 35px; padding: 20px 20px 0; } #community-facelift .toolbar > .form__toolbar { padding-bottom: 0; } #community-facelift .toolbar > .form__toolbar > .row { align-items: flex-end; display: flex; flex-flow: row nowrap; } @media (max-width: 767px) { #community-facelift .toolbar > .form__toolbar > .row { flex-flow: column nowrap; } } @media (max-width: 499px) { #community-facelift .toolbar > .form__toolbar .btn { margin-top: 5px; width: 100%; } } #community-facelift .tooltip .tooltip-arrow { border-top-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .tooltip .tooltip-inner { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift #fade-in-message-container { margin: 50px 10px auto auto; width: 50%; bottom: auto; display: block; } @media (min-width: 500px) { #community-facelift #fade-in-message-container { width: 25%; } } #community-facelift #courseIndexFilter li { position: static; width: 100%; } #community-facelift #courseIndexFilter li:has(a:hover), #community-facelift #courseIndexFilter li:has(a:focus), #community-facelift #courseIndexFilter li:has(a.active), #community-facelift #courseIndexFilter li:has(a.selected) { background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; } #community-facelift #courseIndexFilter li a { position: relative; } #community-facelift .community-facelift.btn-breadcrumb { border-bottom: 1px solid #ddd; display: none; margin: 0; padding-bottom: 6px; width: 100%; } @media (min-width: 768px) { #community-facelift .community-facelift.btn-breadcrumb { display: inline-block; margin: 15px 0 0; } } #community-facelift .community-facelift.btn-breadcrumb.show-on-mobile { display: inline-block; } #community-facelift .community-facelift.btn-breadcrumb > a { align-items: flex-end; background-color: transparent; border: 0; box-shadow: none; color: #333; display: flex; flex-flow: row nowrap; font-size: 13px; margin: 0; padding: 0; transition: color 0.15s ease; } #community-facelift .community-facelift.btn-breadcrumb > a:hover { color: #a0a0a0; } #community-facelift .community-facelift.btn-breadcrumb > a:hover::after { color: #333; } #community-facelift .community-facelift.btn-breadcrumb > a:first-child { margin-left: 0; } #community-facelift .community-facelift.btn-breadcrumb > a:last-child { margin-right: 0; } #community-facelift .community-facelift.btn-breadcrumb > a:last-child::after { display: none; } #community-facelift .community-facelift.btn-breadcrumb > a::before { display: none; } #community-facelift .community-facelift.btn-breadcrumb > a::after { border: 0; color: #333; content: "/"; height: auto; left: 0; margin: 0 12px; pointer-events: none; position: relative; top: 0; width: auto; z-index: 0; } #community-facelift .community-facelift.header-logo-box { background-color: var(--simo-custom-primary-color, #3b718b); height: 70px; padding: 10px 0; position: relative; z-index: 1001; } @media (min-width: 375px) { #community-facelift .community-facelift.header-logo-box { height: 80px; } } @media (min-width: 768px) { #community-facelift .community-facelift.header-logo-box { height: auto; padding: 18px 0; } #community-facelift .community-facelift.header-logo-box.sticky { margin-bottom: 50px; } } #community-facelift .community-facelift.header-logo-box.inverted { background-color: #fff; } #community-facelift .community-facelift.header-logo-box.inverted .btn-group .dropdown-toggle { color: #000; } #community-facelift .community-facelift.header-logo-box.inverted .btn-group .dropdown-toggle:hover { color: #fff; } #community-facelift .community-facelift.header-logo-box .container { position: relative; z-index: 1; } #community-facelift .community-facelift.header-logo-box .container > a { display: inline-block; } #community-facelift .community-facelift.header-logo-box .img-responsive { max-height: 60px; max-width: 250px; } @media (min-width: 375px) { #community-facelift .community-facelift.header-logo-box .img-responsive { max-width: 300px; } } #community-facelift .community-facelift.header-logo-box .btn-group { position: absolute; top: 5px; right: 15px; } #community-facelift .community-facelift.header-logo-box .btn-group.open .dropdown-toggle { box-shadow: none; } #community-facelift .community-facelift.header-logo-box .btn-group .dropdown-menu { right: 0; } #community-facelift .community-facelift.header-logo-box .btn-group > a { background-color: #fff; border-radius: 50%; color: #000; display: inline-block; height: 24px; margin-right: 10px; padding: 2px; position: relative; text-align: center; transition: background-color 0.15s ease; width: 24px; } #community-facelift .community-facelift.header-logo-box .btn-group > a:hover { background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .community-facelift.header-logo-box .btn-group > a > .badge { background-color: var(--simo-custom-secondary-color, #628da2); border: 1px solid var(--simo-custom-tertiary-color, #d8e3e8); font-size: 10px; height: 14px; padding: 1px; position: absolute; right: -5px; top: -5px; width: 14px; } #community-facelift .community-facelift.header-logo-box .btn-group .dropdown-toggle { appearance: none; background-color: transparent; border-radius: 12px 3px 3px 12px; border: 0; color: var(--simo-custom-menu-text-color, #dddfff); float: none; padding: 0 8px 0 0; transition: background-color 0.15s ease; } #community-facelift .community-facelift.header-logo-box .btn-group .dropdown-toggle:hover { background-color: var(--simo-custom-secondary-color, #628da2); color: var(--simo-custom-menu-text-color, #dddfff); } #community-facelift .community-facelift.header-logo-box .btn-group .dropdown-toggle:hover > span.far { background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .community-facelift.header-logo-box .btn-group .dropdown-toggle:active { box-shadow: none; } #community-facelift .community-facelift.header-logo-box .btn-group .dropdown-toggle > span.far { background-color: #fff; border-radius: 50%; color: #000; height: 24px; padding: 5px; margin-right: 3px; transition: background-color 0.15s ease; width: 24px; } #community-facelift #top-navigation.community-facelift.navbar { margin-bottom: 0; } #community-facelift #top-navigation.community-facelift.navbar-default { background-color: var(--simo-custom-secondary-color, #628da2); border: 0; border-radius: 0; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); min-height: 0; position: static; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default { position: relative; z-index: 1000; } } #community-facelift #top-navigation.community-facelift.navbar-default.sticky { position: fixed; top: 0; width: 100%; z-index: 1000; } #community-facelift #top-navigation.community-facelift.navbar-default.sticky .navbar-header .navbar-toggle { box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.8); bottom: 20px; position: fixed; right: 20px; top: auto; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .container { padding: 0; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-header .navbar-toggle { appearance: none; background-color: var(--simo-custom-primary-color, #3b718b); border: 0; border-radius: 50%; color: #fff; font-size: 20px; height: 40px; margin: 0; padding: 0; position: absolute; right: 10px; transition: background-color 0.15s ease; top: 15px; width: 40px; z-index: 1003; } @media (min-width: 375px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-header .navbar-toggle { top: 20px; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-header .navbar-toggle:active { background-color: var(--simo-custom-secondary-color, #628da2); } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-header .navbar-toggle.collapsed::after { color: var(--simo-custom-menu-text-color, #dddfff); content: "\f142"; font-size: 18px; right: 18px; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-header .navbar-toggle::after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; color: var(--simo-custom-menu-text-color, #dddfff); content: "\f00d"; font-size: 19px; position: absolute; right: 13px; top: 7px; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-header .navbar-toggle > i { display: none; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-collapse { background-color: #fff; border-top: 0; height: auto !important; padding: 0; position: fixed; top: 0; transform: translate(100%, 0); transition: transform 0.25s ease; width: 100%; z-index: 1000; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-collapse { background-color: transparent; position: relative; transform: translate(0, 0); } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-collapse[aria-expanded=true] { transform: translate(0, 0); transition: transform 0.25s ease; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-collapse .navbar-nav { height: 100vh; overflow: scroll; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-collapse .navbar-nav { height: auto; overflow: visible; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav { margin: 0; width: 100%; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li { border-bottom: 1px solid #ddd; margin: 0; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li { border-bottom: 0; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li:first-child { border-top: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li:first-child { border-top: 0; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > button { color: #000; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > button { background-color: #fff; border-bottom: 6px solid #fff; border-top: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); margin-bottom: -6px; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > a:hover, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > a:focus, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > button:hover, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.active > button:focus { background-color: #fff; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown { overflow: hidden; position: static; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown.open > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown.open > button { background-color: var(--simo-custom-tertiary-color, #d8e3e8); border-top: 0; color: #000; z-index: 10001; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown.open > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown.open > button { background-color: #fff; border-bottom: 6px solid #fff; border-top: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); margin-bottom: -6px; } } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown { overflow: visible; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:hover > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:hover > button, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:focus > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:focus > button { background-color: var(--simo-custom-tertiary-color, #d8e3e8); color: #000; z-index: 10001; } } @media (min-width: 768px) and (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:hover > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:hover > button, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:focus > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li.dropdown:focus > button { background-color: #fff; border-bottom: 6px solid #fff; border-top: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); margin-bottom: -6px; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button { background-color: transparent; border: 0; color: #000; padding: 12px 18px; position: relative; transition: background-color 0.15s ease, color 0.15s ease, border-top 0.15s ease; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button { border-top: 6px solid var(--simo-custom-secondary-color, #628da2); color: var(--simo-custom-menu-text-color, #dddfff); padding-top: 6px; z-index: 10001; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a > i, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button > i { font-size: 17px; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a:hover, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a:focus, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button:hover, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button:focus { background-color: var(--simo-custom-tertiary-color, #d8e3e8); color: #000; } } @media (min-width: 768px) and (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a:hover, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > a:focus, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button:hover, #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav > li > button:focus { background-color: #fff; border-bottom: 6px solid #fff; border-top: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); margin-bottom: -6px; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown { position: relative; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown { position: static; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown.active > a { color: #333; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown.active > a::after { color: #333; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown.open > a::after { transform: rotate(180deg); z-index: 10001; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown:hover > a::after { color: #333; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown a::after { color: #333; content: "\f054"; display: block; top: 12px; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown li a::after { color: #333; content: "\f054"; display: block; right: 12px; top: 12px; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown > a { padding-right: 38px; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown > a::after { color: var(--simo-custom-menu-text-color, #dddfff); content: "\f078"; right: 18px; top: 7px; transition: transform 0.15s ease; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown > a:hover::after { color: #333; } @media (max-width: 767px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li.dropdown > a::after { color: #333; display: block; top: 12px; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li a { position: relative; overflow: hidden; text-overflow: ellipsis; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li a::after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #333; content: "\f054"; display: none; font-size: 12px; font-weight: 400; position: absolute; right: 20px; top: 12px; } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li a.nav-badge { padding-right: 45px; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li a.nav-badge .badge { top: 4px; } } #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li a .badge { background-color: var(--simo-custom-primary-color, #3b718b); border-radius: 50%; color: #fff; height: 24px; line-height: 24px; padding: 0; position: absolute; right: 11px; top: 10px; width: 24px; z-index: 1; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift.navbar-default .navbar-nav li a .badge { top: 8px; } } #community-facelift #top-navigation.community-facelift.navbar-collapse { padding-left: 0; padding-right: 0; position: relative; } #community-facelift #top-navigation.community-facelift .navbar-brand { display: none; } #community-facelift #top-navigation.community-facelift *.dropdown:hover .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle:hover .dropdown-menu { display: none; } #community-facelift #top-navigation.community-facelift *.dropdown.open .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.open .dropdown-menu { display: block; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift *.dropdown:hover .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle:hover .dropdown-menu { display: none; } #community-facelift #top-navigation.community-facelift *.dropdown:hover > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle:hover > .dropdown-menu { display: block; position: absolute; } } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim { position: relative !important; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim.dropdown-tmp, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim.dropdown-tmp { float: right; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim.dropdown-slim--left > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim.dropdown-slim--left + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim.dropdown-slim--left + * + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim.dropdown-slim--left > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim.dropdown-slim--left + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim.dropdown-slim--left + * + .dropdown-menu { left: 0; right: auto; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu { border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim > .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu { box-shadow: 0 8px 18px -5px rgba(0, 0, 0, 0.4); } } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim > .dropdown-menu > li:last-child a, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim > .dropdown-menu > li:last-child button, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu > li:last-child a, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu > li:last-child button, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu > li:last-child a, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu > li:last-child button, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim > .dropdown-menu > li:last-child a, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim > .dropdown-menu > li:last-child button, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu > li:last-child a, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu > li:last-child button, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu > li:last-child a, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu > li:last-child button { border-bottom: 0; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu { border-radius: 0; left: auto; padding-bottom: 5px; padding-top: 6px; right: 0; width: 100%; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu { width: 300px; } } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu li, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu li, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu li, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu li, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu li, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu li { clear: both; float: none; width: 100%; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu li .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu li .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu li .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu li .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu li .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu li .dropdown-menu { display: block; padding: 0; position: relative; right: 5px; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu li .dropdown-menu li a, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu li .dropdown-menu li button, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu li .dropdown-menu li a, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu li .dropdown-menu li button, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu li .dropdown-menu li a, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu li .dropdown-menu li button, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu li .dropdown-menu li a, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu li .dropdown-menu li button, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu li .dropdown-menu li a, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu li .dropdown-menu li button, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu li .dropdown-menu li a, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu li .dropdown-menu li button { padding-left: 25px; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim .dropdown-menu:before, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + .dropdown-menu:before, #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu:before, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim .dropdown-menu:before, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + .dropdown-menu:before, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu:before { display: none; } #community-facelift #top-navigation.community-facelift *.dropdown.dropdown-slim + * + .dropdown-menu, #community-facelift #top-navigation.community-facelift *.dropdown-toggle.dropdown-slim + * + .dropdown-menu { margin-top: 5px; } #community-facelift #top-navigation.community-facelift *.dropdown-toggle + .dropdown-menu { margin-top: 10px; } #community-facelift #top-navigation.community-facelift * > .dropdown-menu { border-radius: 0; border: 0; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); box-shadow: none; left: 0; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift * > .dropdown-menu { border-bottom: 0; overflow: visible; padding-bottom: 25px; padding-top: 10px; position: absolute; } } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift * > .dropdown-menu:before { background-color: #fff; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); content: " "; display: block; height: 100%; left: 50%; position: absolute; top: 0; transform: translate(-50%, 0); width: 100vw; } } #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li { float: left; padding: 0; position: relative; width: 100%; z-index: 1; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li { padding: 0 5px; } } #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li:last-child > a, #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li:last-child > button { border-bottom: 0; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li:last-child > a, #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li:last-child > button { border-bottom: 1px solid #ddd; } } #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li > a, #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li > button { border-bottom: 1px solid #ddd; color: #333; display: block; line-height: inherit; padding: 12px 20px 10px; white-space: normal; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li > a, #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li > button { padding-left: 15px; } } #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li > a[href^="#"], #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li > button[href^="#"] { display: none; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift * > .dropdown-menu > li { width: 25%; } } #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu { border-radius: 0; border: 0; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); box-shadow: none; left: 0; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu { border-bottom: 0; overflow: visible; padding-bottom: 25px; padding-top: 10px; position: absolute; } } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu:before { background-color: #fff; border-bottom: 6px solid var(--simo-custom-tertiary-color, #d8e3e8); content: " "; display: block; height: 100%; left: 50%; position: absolute; top: 0; transform: translate(-50%, 0); width: 100vw; } } #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li { float: left; padding: 0; position: relative; width: 100%; z-index: 1; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li { padding: 0 5px; } } #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li:last-child > a, #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li:last-child > button { border-bottom: 0; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li:last-child > a, #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li:last-child > button { border-bottom: 1px solid #ddd; } } #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li > a, #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li > button { border-bottom: 1px solid #ddd; color: #333; display: block; line-height: inherit; padding: 12px 20px 10px; white-space: normal; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li > a, #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li > button { padding-left: 15px; } } #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li > a[href^="#"], #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li > button[href^="#"] { display: none; } @media (min-width: 768px) { #community-facelift #top-navigation.community-facelift .navbar-nav .dropdown.open > .dropdown-menu > li { width: 25%; } } #community-facelift .community-facelift.footer-info { color: #fff; background-color: var(--simo-custom-secondary-color, #628da2); font-size: 14px; overflow: hidden; padding: 60px 0 60px; position: relative; } @media (min-width: 992px) { #community-facelift .community-facelift.footer-info { padding-bottom: 40px; } } #community-facelift .community-facelift.footer-info .footer-info__services { margin-top: 60px; } @media (min-width: 768px) { #community-facelift .community-facelift.footer-info .footer-info__services { margin-top: 0; } } #community-facelift .community-facelift.footer-info h3, #community-facelift .community-facelift.footer-info .h3 { color: #fff; } #community-facelift .community-facelift.footer-info ul { margin-bottom: 60px; list-style: none; padding-left: 0; } @media (min-width: 768px) { #community-facelift .community-facelift.footer-info ul { margin-bottom: 30px; } } @media (min-width: 992px) { #community-facelift .community-facelift.footer-info ul { margin-bottom: 0; } } #community-facelift .community-facelift.footer-info ul:last-child { margin-bottom: 0; } #community-facelift .community-facelift.footer-info ul li { margin: 0 0 15px 0; padding: 0 15px 0 60px; position: relative; } #community-facelift .community-facelift.footer-info ul li::before { background-color: #fff; content: " "; display: block; height: 30px; left: 15px; position: absolute; top: 0; width: 30px; } #community-facelift .community-facelift.footer-info a { color: inherit; text-decoration: underline; } #community-facelift .community-facelift.footer-info a:hover { text-decoration: none; } #community-facelift .community-facelift.footer-meta { background-color: var(--simo-custom-footer-color, #bcdefg); border-top: 2px solid var(--simo-custom-tertiary-color, #d8e3e8); color: var(--simo-custom-footer-text-color, #cdefgh); font-size: inherit; padding: 20px 0 20px; text-align: center; } #community-facelift .community-facelift.footer-meta a { border-right: 1px solid var(--simo-custom-tertiary-color, #d8e3e8); color: var(--simo-custom-footer-text-color, #cdefgh); line-height: 40px; padding: 5px 10px; } @media (min-width: 500px) { #community-facelift .community-facelift.footer-meta a { padding: 10px 20px; } } #community-facelift .community-facelift.footer-meta a:last-of-type { border-right: 0; padding-right: 0; } @media (max-width: 767px) { #community-facelift .community-facelift.footer-meta a.footer-meta__ext { border-right: 0; display: block; padding: 0; } } #community-facelift .community-facelift.footer-meta button.scroll-up { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: 0; outline: 0; padding: 0; border-radius: 50%; height: 30px; padding: 0; position: absolute; right: 15px; top: 5px; transition: background-color 0.15s ease; width: 30px; } #community-facelift .community-facelift.footer-meta button.scroll-up:hover { background-color: var(--simo-custom-secondary-color, #628da2); } #community-facelift .locking-cause-banner .banner { background-color: #ffecec; border-color: #ff4d4d; color: #ff4d4d; } #community-facelift .locking-cause-banner .banner .media-body { text-align: left; color: #333; } #community-facelift .locking-cause-banner .banner .media-body ul { padding-left: 15px; } #community-facelift .locking-cause-banner .media .media-left { padding-left: 10px; } #community-facelift .locking-cause-banner .media .media-heading { color: #333; margin-bottom: 20px; } #community-facelift .locking-cause-banner .icon-locking-cause::before { font-size: 40px; } #community-facelift .locking-cause-banner .locking-type-container { margin-bottom: 40px; } #community-facelift .locking-cause-banner .locking-type-container:last-of-type { margin-bottom: 0; } #community-facelift .booking-requirements-cause-banner .banner { position: relative; background-color: #d9edf7; border: 1px solid #bce8f1; } #community-facelift .booking-requirements-cause-banner .banner .fa { margin-right: 0.5rem; font-size: 24px; font-weight: bold; position: relative; top: 2px; } #community-facelift .booking-requirements-cause-banner .banner .booking-requirement-trigger { position: absolute; top: 15px; right: 15px; } #community-facelift .booking-requirements-cause-banner .banner .media-body { text-align: left; } #community-facelift .booking-requirements-cause-banner h3.media-heading { padding-top: 5px; } #community-facelift .booking-requirements-type-container { padding-top: 20px; } #community-facelift .booking-requirements-type-container ul li { padding-bottom: 20px; } @media (max-width: 499px) { #community-facelift .booking-requirements-type-container ul { padding-left: 0; } } #community-facelift .infopool .infopool__toolbar { align-items: center; display: flex; flex-flow: row nowrap; margin-top: 20px; overflow-wrap: break-word; } @media (max-width: 991px) { #community-facelift .infopool .infopool__toolbar { flex-flow: row wrap; } } #community-facelift .infopool .infopool__toolbar .btn-breadcrumb { border-bottom: 0; margin-top: 0; opacity: 0; padding-bottom: 0; } @media (max-width: 991px) { #community-facelift .infopool .infopool__toolbar .btn-breadcrumb { margin-bottom: 10px; width: 100%; } } #community-facelift .infopool .infopool__toolbar .btn-breadcrumb.in { opacity: 1; } #community-facelift .infopool .infopool__toolbar .btn-breadcrumb a { font-size: 16px; text-align: left; white-space: normal; } #community-facelift .infopool .infopool__toolbar .btn-breadcrumb a.current { font-weight: bold; } #community-facelift .infopool .infopool__toolbar form { text-align: center; width: 100%; } @media (max-width: 991px) { #community-facelift .infopool .infopool__toolbar form { flex: 1 1 auto; margin-left: 0; max-width: 100%; width: auto; } } #community-facelift .infopool .infopool__toolbar .infopool__content-action { margin-left: 15px; position: relative; } @media (max-width: 499px) { #community-facelift .infopool .infopool__toolbar .infopool__content-action { margin-left: 0; margin-top: 10px; width: 100%; } #community-facelift .infopool .infopool__toolbar .infopool__content-action > button, #community-facelift .infopool .infopool__toolbar .infopool__content-action .dropdown-menu { width: 100%; } } #community-facelift .infopool .infopool__list { border-top: 1px solid #ddd; margin: 0; padding: 0; list-style: none; } #community-facelift .infopool .infopool__list + .infopool__list { border-top: 0; } #community-facelift .infopool .infopool__list.infopool__list--folder { border-top: 0; } #community-facelift .infopool .infopool__list.infopool__list--folder > li { background-color: var(--simo-custom-tertiary-color, #d8e3e8); border-color: #fff; font-size: 16px; } #community-facelift .infopool .infopool__list.infopool__list--folder > li > a { height: 70px; padding-right: 15px; } #community-facelift .infopool .infopool__list.infopool__list--folder .infopool__content::before { content: "\f07b"; margin-top: -2px; } #community-facelift .infopool .infopool__list > li { border-bottom: 1px solid #ddd; transition: background-color 0.15s ease; position: relative; } #community-facelift .infopool .infopool__list > li:hover { background-color: #f9f9f9; } #community-facelift .infopool .infopool__list > li:hover .infopool__actions { opacity: 1; } #community-facelift .infopool .infopool__list > li > a { align-items: center; color: #333; display: flex; flex-flow: row nowrap; min-height: 70px; padding: 15px 0; position: relative; } #community-facelift .infopool .infopool__list > li > a:hover { text-decoration: none; } #community-facelift .infopool .infopool__list .infopool__content { flex: 1 1 auto; padding: 16px 0 16px 50px; } #community-facelift .infopool .infopool__list .infopool__content::before { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f15b"; font-size: 24px; left: 0; position: absolute; text-align: center; top: 50%; transform: translate(0, -50%); width: 50px; } #community-facelift .infopool .infopool__list .infopool__content strong { word-break: break-all; } #community-facelift .infopool .infopool__list .infopool__content > * { display: block; } #community-facelift .infopool .infopool__list .infopool__content-size { align-self: flex-end; opacity: 1; padding-right: 15px; transition: opacity 0.15s ease; white-space: nowrap; word-break: normal; } #community-facelift .infopool .infopool__list .infopool__actions { opacity: 0; padding-right: 15px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); transition: opacity 0.15s ease; } #community-facelift .infopool .infopool__list .infopool__actions.infopool__actions--default { display: block; } #community-facelift .infopool .infopool__list .infopool__actions.infopool__actions--touch { display: none; z-index: 1; } #community-facelift.is-touch .infopool .infopool__list li:hover .infopool__content-size { opacity: 1; } #community-facelift.is-touch .infopool .infopool__list li > a { flex-flow: column nowrap; align-items: flex-start; } #community-facelift.is-touch .infopool .infopool__list .infopool__content { display: flex; flex-flow: column nowrap; justify-content: center; padding-right: 70px; } #community-facelift.is-touch .infopool .infopool__list .infopool__content-size { align-self: flex-start; color: #a0a0a0; padding-left: 50px; } #community-facelift.is-touch .infopool .infopool__list .infopool__actions { opacity: 1; } #community-facelift.is-touch .infopool .infopool__list .infopool__actions.infopool__actions--default { display: none; } #community-facelift.is-touch .infopool .infopool__list .infopool__actions.infopool__actions--touch { display: block; } #community-facelift .login form { align-items: flex-end; display: flex; justify-content: space-between; flex-flow: row wrap; margin: 0 -5px; } #community-facelift .login form > .form-group { flex: 0 0 33.33333%; max-width: 33.33333%; padding: 0 5px; } @media (max-width: 991px) { #community-facelift .login form > .form-group { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 499px) { #community-facelift .login form > .form-group { flex: 0 0 100%; max-width: 100%; } } #community-facelift .login form > .form-group.form-group--submit { padding: 0 5px 0 15px; margin-top: 15px; } @media (max-width: 991px) { #community-facelift .login form > .form-group.form-group--submit { flex: 0 0 100%; max-width: 100%; } } #community-facelift .login form > .form-group.form-group--submit .btn { margin-top: 0; } #community-facelift .login .form__error { flex: 0 0 100%; max-width: 100%; padding: 0 5px; } #community-facelift .kurse.kurse--detail > .container-wrapper:first-of-type { padding-bottom: 0; padding-top: 0; } #community-facelift .kurse.kurse--detail .popover { padding: 0; } #community-facelift .kurse.kurse--detail .popover .popover-content { padding: 0; } #community-facelift .kurse.kurse--detail .popover .popover-content a { color: #333; display: block; font-size: 13px; padding: 10px; } #community-facelift .kurse.kurse--detail .popover .popover-content a:focus, #community-facelift .kurse.kurse--detail .popover .popover-content a:hover { text-decoration: none; } #community-facelift .kurse.kurse--detail .popover .popover-content a:hover { background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .kurse .tab-content .row { margin: 0 -10px; } #community-facelift .kurse .tab-content .row > * { padding-left: 10px; padding-right: 10px; } #community-facelift .kurse .kurse__search { background-color: #f9f9f9; border: 1px solid #ddd; padding: 0 20px 5px; } @media (min-width: 768px) { #community-facelift .kurse .kurse__search > .row { align-items: center; display: flex; } } #community-facelift .kurse .kurse__search .form-group { margin-bottom: 17px; margin-top: 22px; } #community-facelift .kurse .kurse__search .form-group--cta { margin-top: 22px; text-align: right; } @media (max-width: 767px) { #community-facelift .kurse .kurse__search .form-group--cta button { width: 100%; } } #community-facelift .kurse .kurse__search .form__select select { background-color: #fff; } #community-facelift .kurse .kurse__stage { background-color: #9fcbd2; height: 380px; overflow: hidden; position: relative; } @media (max-width: 767px) { #community-facelift .kurse .kurse__stage { height: 240px; } } #community-facelift .kurse .kurse__stage.inverted { background-color: #1e285f; } #community-facelift .kurse .kurse__stage.inverted .btn-breadcrumb { border-color: #fff; } #community-facelift .kurse .kurse__stage.inverted .btn-breadcrumb a { color: #fff; } #community-facelift .kurse .kurse__stage.inverted .btn-breadcrumb a::after { color: #fff; } #community-facelift .kurse .kurse__stage.inverted .kurse__stage-text { color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .kurse .kurse__stage.inverted .kurse__stage-text h1 { background-color: #fff; border-color: #fff; color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .kurse .kurse__stage.inverted .kurse__stage-text ul li span { border-color: var(--simo-custom-primary-color, #3b718b); background-color: #fff; } #community-facelift .kurse .kurse__stage img { bottom: 5px; height: calc(100% - 10px); object-fit: contain; position: absolute; left: 50%; margin-left: 170px; transform: translate(-50%, 0); } @media (max-width: 767px) { #community-facelift .kurse .kurse__stage img { margin-left: 0; } } #community-facelift .kurse .kurse__stage .kurse__stage-content { display: flex; flex-flow: column nowrap; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: 1; } #community-facelift .kurse .kurse__stage .kurse__stage-content > div { position: relative; z-index: 1; } #community-facelift .kurse .kurse__stage .btn-breadcrumb { border-color: var(--simo-custom-primary-color, #3b718b); width: 100%; } #community-facelift .kurse .kurse__stage .btn-breadcrumb a { color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .kurse .kurse__stage .btn-breadcrumb a::after { color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .kurse .kurse__stage .kurse__stage-text { color: #fff; display: flex; flex-flow: column nowrap; flex: 1 0 auto; justify-content: flex-end; } #community-facelift .kurse .kurse__stage .kurse__stage-text h1 { align-self: flex-start; background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; font-size: 20px; font-weight: bold; padding: 12px 20px 8px; margin: 0 0 120px; } @media (max-width: 767px) { #community-facelift .kurse .kurse__stage .kurse__stage-text h1 { margin-bottom: 15px; } } @media (max-width: 767px) { #community-facelift .kurse .kurse__stage .kurse__stage-text h1 { width: 100%; } } #community-facelift .kurse .kurse__status { align-items: center; background-color: var(--simo-custom-secondary-color, #628da2); display: flex; flex-flow: row nowrap; justify-content: space-between; height: 51px; margin-top: -51px; padding: 0 20px; position: relative; z-index: 1; } @media (max-width: 767px) { #community-facelift .kurse .kurse__status { background-color: #fff; margin: 0 -15px; padding: 0 15px; } } @media (max-width: 991px) { #community-facelift .kurse .kurse__status .status-tag { order: 2; } } #community-facelift .kurse .kurse__status ul { align-items: center; display: flex; flex-flow: row nowrap; flex: 0 0 33.33333%; justify-content: space-between; list-style: none; margin: 0; max-width: 33.33333%; padding-left: 20px; } @media (max-width: 991px) { #community-facelift .kurse .kurse__status ul { flex: 1 0 auto; font-size: 14px; max-width: 100%; justify-content: flex-start; order: 1; padding: 0; } } #community-facelift .kurse .kurse__status ul li { align-items: center; color: #fff; display: flex; margin: 0; } @media (max-width: 991px) { #community-facelift .kurse .kurse__status ul li { margin-right: 10px; } #community-facelift .kurse .kurse__status ul li:last-child { margin-right: 0; } } @media (max-width: 767px) { #community-facelift .kurse .kurse__status ul li { color: var(--simo-custom-secondary-color, #628da2); } } #community-facelift .kurse .kurse__status ul li span { border: 1px solid #fff; background-color: var(--simo-custom-secondary-color, #628da2); border-radius: 50%; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin-right: 5px; text-align: center; width: 20px; } @media (max-width: 767px) { #community-facelift .kurse .kurse__status ul li span { background-color: #fff; border-color: var(--simo-custom-secondary-color, #628da2); } } #community-facelift .kurse .kurse__details h2 { margin-top: 20px; } #community-facelift .kurse .kurse__details > .kurse__content-wrapper { display: flex; } #community-facelift .kurse .kurse__details > .kurse__content-wrapper > .kurse__content { flex: 0 0 66.66667%; padding-right: 20px; max-width: 66.666667%; } @media (max-width: 991px) { #community-facelift .kurse .kurse__details > .kurse__content-wrapper > .kurse__content { flex: 0 0 100%; padding-right: 0; max-width: 100%; } } #community-facelift .kurse .kurse__details > .kurse__content-wrapper > .kurse__aside { flex: 0 0 33.33333%; max-width: 33.33333%; } @media (max-width: 991px) { #community-facelift .kurse .kurse__details > .kurse__content-wrapper > .kurse__aside { flex: 0 0 0; max-width: 0; padding: 0; } #community-facelift .kurse .kurse__details > .kurse__content-wrapper > .kurse__aside > div { display: none; } #community-facelift .kurse .kurse__details > .kurse__content-wrapper > .kurse__aside > div.kurse__fast-access { display: flex; } } #community-facelift .kurse .kurse__details h3 { align-items: center; display: flex; justify-content: space-between; padding-bottom: 0; } #community-facelift .kurse .kurse__details .table.table-striped > tbody > tr:nth-child(even) { background-color: #eee; } #community-facelift .kurse .kurse__content, #community-facelift .kurse .kurse__aside { flex: 1 0 auto; padding-bottom: 50px; padding-top: 30px; } #community-facelift .kurse .kurse__content > div, #community-facelift .kurse .kurse__aside > div { margin-top: 60px; } #community-facelift .kurse .kurse__content > div:first-child, #community-facelift .kurse .kurse__aside > div:first-child { margin-top: 0; } #community-facelift .kurse .kurse__content .study-trend__studium, #community-facelift .kurse .kurse__aside .study-trend__studium { text-align: left; } #community-facelift .kurse .kurse__content .study-trend__studium p, #community-facelift .kurse .kurse__aside .study-trend__studium p { flex: 1 0 0; } #community-facelift .kurse .kurse__content .study-trend__studium button, #community-facelift .kurse .kurse__aside .study-trend__studium button { height: 42px; padding: 0; position: relative; z-index: 1; } #community-facelift .kurse .kurse__content .study-trend__studium button > i, #community-facelift .kurse .kurse__aside .study-trend__studium button > i { font-size: 14px; } #community-facelift .kurse .kurse__content .study-trend__studium .dropdown-menu, #community-facelift .kurse .kurse__aside .study-trend__studium .dropdown-menu { top: 42px; width: 100%; } #community-facelift .kurse .kurse__aside { background-color: var(--simo-custom-tertiary-color, #d8e3e8); padding-left: 20px; padding-right: 20px; } #community-facelift .kurse .kurse__aside .kurse__aside-inner { background-color: #fff; } @media (max-width: 991px) { #community-facelift .kurse .kurse__aside .kurse__fast-access { bottom: 0; display: flex; flex-flow: column nowrap; left: 0; position: fixed; width: 100%; z-index: 2; } } #community-facelift .kurse .kurse__aside .kurse__fast-access > button { display: none; } @media (max-width: 991px) { #community-facelift .kurse .kurse__aside .kurse__fast-access > button { align-self: center; background-color: var(--simo-custom-primary-color, #3b718b); border-radius: 10px; display: block; padding: 5px 40px; opacity: 1; position: fixed; bottom: 23px; z-index: 1; } #community-facelift .kurse .kurse__aside .kurse__fast-access > button:hover, #community-facelift .kurse .kurse__aside .kurse__fast-access > button:focus, #community-facelift .kurse .kurse__aside .kurse__fast-access > button:disabled { background-color: #fff; border: 1px solid var(--simo-custom-primary-color, #3b718b); color: var(--simo-custom-primary-color, #3b718b); } } @media (max-width: 991px) { #community-facelift .kurse .kurse__aside .kurse__fast-access .kurse__fast-access__content { background-color: var(--simo-custom-tertiary-color, #d8e3e8); border-top: 5px solid var(--simo-custom-secondary-color, #628da2); display: none; padding-bottom: 100px; padding-top: 20px; width: 100%; } } @media (max-width: 991px) { #community-facelift .kurse .kurse__aside .kurse__fast-access .kurse__fast-access__inner { display: flex; flex-flow: column nowrap; margin: 0 auto; max-width: 720px; padding: 0 15px; width: 100%; } } #community-facelift .kurse .kurse__aside .kurse__fast-access .kurse__fast-access__inner .quick-link_symbol { max-width: 14px; margin-right: 3px; } #community-facelift .kurse .kurse__aside .kurse__fast-access .kurse__fast-access__inner .status-change-tooltip { cursor: help; } #community-facelift .kurse .kurse__aside .kurse__fast-access ul { list-style: none; margin: 0; padding: 0; } #community-facelift .kurse .kurse__aside .kurse__fast-access li { margin-bottom: 10px; } #community-facelift .kurse .kurse__aside .kurse__fast-access li:last-child { margin-bottom: 0; } #community-facelift .kurse .kurse__aside .kurse__fast-access a { align-items: center; background-color: #fff; border-radius: 5px; display: flex; justify-content: space-between; padding: 10px; transition: background-color 0.15s ease, color 0.15s ease; width: 100%; } #community-facelift .kurse .kurse__aside .kurse__fast-access a:hover { background-color: var(--simo-custom-primary-color, #3b718b); color: #fff; text-decoration: none; } #community-facelift .kurse .kurse__aside .teaser-row { flex-flow: column nowrap; margin: 0; } #community-facelift .kurse .kurse__aside .teaser-row > div { margin-top: 20px; } #community-facelift .kurse .kurse__aside .teaser-row > div:first-child { margin-top: 0; } #community-facelift .kurse .kurse__details-info { display: none; margin-top: 60px; } @media (max-width: 991px) { #community-facelift .kurse .kurse__details-info { display: block; } } #community-facelift .kurse .kurse__events .kurse__events-table { margin-bottom: 16px; } @media (max-width: 991px) { #community-facelift .kurse .kurse__events .kurse__events-table { font-size: 14px; } } #community-facelift .kurse .kurse__events .kurse__events-table .kurse__event-date--in-past { position: relative; display: none; } #community-facelift .kurse .kurse__events .kurse__events-table .kurse__event-date--in-past::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #ddd; opacity: 0.7; } #community-facelift .kurse .kurse__events .kurse__events-table .event-date__count { padding-inline: 0; text-align: center; font-weight: bold; } #community-facelift .kurse .kurse__events #loadAll, #community-facelift .kurse .kurse__events #loadPrev { float: right; } #community-facelift .kurse .kurse__events .kurse__events-table .fa-calendar-days { padding: 6px; } #community-facelift .kurse .kurse__events .kurse__events-calendar { display: none; } @media (max-width: 991px) { #community-facelift .kurse .kurse__events .kurse__events-calendar { display: block; } } #community-facelift .kurse .kurse__link { display: flex; justify-content: flex-end; margin-top: 20px; } #community-facelift .kurse .panel-group header { align-items: center; display: flex; justify-content: space-between; margin: 10px 0; } @media (max-width: 499px) { #community-facelift .kurse .panel-group header { align-items: flex-start; flex-flow: column nowrap; } } #community-facelift .kurse .panel-group header > button { padding-bottom: 0; padding-top: 0; } #community-facelift .kurse .panel-group a.panel-heading { align-items: center; color: #333; display: flex; justify-content: space-between; } #community-facelift .kurse .panel-group a.panel-heading:hover, #community-facelift .kurse .panel-group a.panel-heading:focus { text-decoration: none; } #community-facelift .kurse .panel-group a.panel-heading h4 { font-weight: bold; font-size: 14px; line-height: 1.2; margin: 0; padding: 0; } @media (max-width: 767px) { #community-facelift .kurse .panel-group a.panel-heading h4 { font-size: 16px; } } #community-facelift .kurse .panel-group a.panel-heading p { font-size: 14px; line-height: 1.2; margin: 0; } @media (max-width: 767px) { #community-facelift .kurse .panel-group a.panel-heading p { font-size: 16px; } } #community-facelift .kurse .panel-group a.panel-heading button { position: relative; top: 0; } #community-facelift .kurse .panel-group .panel { border: 1px solid #eee; border-radius: 0; margin: 0 0 -1px 0; padding: 10px; } #community-facelift .kurse .panel-group .panel-body img { float: right; margin: 10px 0 10px 20px; } #community-facelift .kurse .lecturer-card { overflow: initial; margin: 0; } #community-facelift .kurse .lecturer-card .lecturer-card__title { margin: 30px 0 15px; font-size: 18px; border-bottom: 0; } #community-facelift .kurse .lecturer-card .lecturer-card__inner { padding: 0 10px; display: flex; background-color: #fff; min-height: 50px; } #community-facelift .kurse .lecturer-card .lecturer-card__inner:last-child .lecturer-card__profile { border-bottom: none; } #community-facelift .kurse .lecturer-card__profile { width: 100%; padding: 5px; display: flex; align-items: center; color: #333; border-bottom: 1px solid #eee; } #community-facelift .kurse .lecturer-card__profile .lecturer-card__image { border-radius: 50%; border: 1px solid #eee; height: 70px; margin-right: 10px; overflow: hidden; width: 70px; } #community-facelift .kurse .lecturer-card__profile .custom-image img { margin-top: -15px; } #community-facelift .kurse .lecturer-card__profile .lecturer-card__body { display: flex; flex-direction: column; justify-content: center; height: 80px; } #community-facelift .kurse .lecturer-card__profile .lecturer-card__name { font-weight: bold; display: block; } #community-facelift .kurse .lecturer-card__profile .lecturer-card__photo { border-bottom: 0; border-radius: 50%; border-top: 0; height: 70px; margin-right: 10px; max-width: 70px; overflow: hidden; } #community-facelift .kurse .workload-card__inner, #community-facelift .kurse .records-card__inner, #community-facelift .kurse .details-card__inner, #community-facelift .kurse .course-books__inner { background-color: #fff; } #community-facelift .kurse .workload-card__title, #community-facelift .kurse .records-card__title, #community-facelift .kurse .details-card__title, #community-facelift .kurse .course-books__title { margin: 30px 0 15px; border-bottom: 0; font-size: 18px; } #community-facelift .kurse .workload-card__table, #community-facelift .kurse .records-card__table, #community-facelift .kurse .details-card__table, #community-facelift .kurse .course-books__table { width: 100%; } #community-facelift .kurse .workload-card th, #community-facelift .kurse .records-card th, #community-facelift .kurse .details-card th, #community-facelift .kurse .course-books th { padding: 8px; } #community-facelift .kurse .workload-card td, #community-facelift .kurse .records-card td, #community-facelift .kurse .details-card td, #community-facelift .kurse .course-books td { padding: 8px; height: 45px; text-align: start; } #community-facelift .kurse .workload-card td:nth-child(even), #community-facelift .kurse .records-card td:nth-child(even), #community-facelift .kurse .details-card td:nth-child(even), #community-facelift .kurse .course-books td:nth-child(even) { text-align: end; } #community-facelift .kurse .workload-card tr:nth-child(even), #community-facelift .kurse .records-card tr:nth-child(even), #community-facelift .kurse .details-card tr:nth-child(even), #community-facelift .kurse .course-books tr:nth-child(even) { background-color: #eee; } #community-facelift .kurse .details-card td:nth-child(even) { text-align: start; } #community-facelift .kurse .records-card td, #community-facelift .kurse .records-card th { text-align: center; } #community-facelift .kurse .records-card th:first-child, #community-facelift .kurse .records-card td:first-child { text-align: start; } #community-facelift .kurse .records-card th:last-child, #community-facelift .kurse .records-card td:last-child { text-align: end; } #community-facelift .kurse .records-card tr:nth-child(even) { background-color: #eee; } #community-facelift .kurse .course-books__table a { color: #333; } #community-facelift .kurse .course-books__table td:nth-child(even) { text-align: start; } #community-facelift .kurse .course-files__title-wrapper { margin: 16px 0; height: 70px; display: flex; justify-content: left; align-items: center; background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .kurse .course-files__folder-symbol .fal, #community-facelift .kurse .course-files .file-symbol .fal { font-size: 24px; font-weight: 500; margin: 0 16px 0 8px; } #community-facelift .kurse .course-files h2.course-title { margin-top: 0; margin-bottom: 0; border-bottom: 0; padding: 0; } #community-facelift .kurse .course-files__link { color: #333; font-weight: bold; } #community-facelift .kurse .course-files__row { width: 100%; padding: 8px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: solid #ddd 1px; } #community-facelift .kurse .course-files__first-part { display: flex; align-items: center; justify-content: left; } #community-facelift .kurse .course-files .file-name { font-weight: bold; } #community-facelift .kurse .kurse__stuff { align-items: center; display: flex; flex-flow: row wrap; justify-content: space-between; } @media (max-width: 499px) { #community-facelift .kurse .kurse__stuff h3 { width: 100%; } } #community-facelift .kurse .kurse__stuff .form-group { flex: 0 0 50%; max-width: 50%; } @media (max-width: 499px) { #community-facelift .kurse .kurse__stuff .form-group { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 767px) { #community-facelift .kurse .kurse__abgabe td:first-child { display: none; } } #community-facelift .kurse .kurse__abgabe td:nth-child(2) > strong { display: none; } @media (max-width: 767px) { #community-facelift .kurse .kurse__abgabe td:nth-child(2) > strong { display: block; } } #community-facelift .kurse .kurse__abgabe td:last-child { text-align: right; } #community-facelift .kurse .kurse__videos .kurse__video { border: 1px solid #eee; padding-top: 56.25%; position: relative; } #community-facelift .kurse .kurse__videos .kurse__video iframe { position: absolute; height: 100%; left: 0; top: 0; width: 100%; } #community-facelift .kurse .kurse__videos .kurse__video-caption { border: 1px solid #eee; border-top: 0; padding: 10px; } #community-facelift .kurse .kurse__videos ul { display: flex; flex-flow: row nowrap; list-style: none; justify-content: space-between; margin: 20px 0 0; padding: 0; } @media (max-width: 767px) { #community-facelift .kurse .kurse__videos ul { display: none; } } #community-facelift .kurse .kurse__videos ul li { align-self: center; } #community-facelift .kurse .kurse__videos ul .btn { border: 1px solid #eee; border-radius: 0; padding: 0; transition: border-color 0.15s ease; } #community-facelift .kurse .kurse__videos ul .btn:hover, #community-facelift .kurse .kurse__videos ul .btn.active { border-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .ac-blur { -webkit-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } #community-facelift .messages #start-conversation-loader-info { display: flex; align-items: center; justify-content: center; color: #000; opacity: 1; z-index: 900; top: 35%; left: 0; width: 100%; position: absolute; } #community-facelift .messages .modal .modal-header { display: flex; padding-top: 15px; } #community-facelift .messages .modal .modal-header .header-wrapper { display: flex; width: 100%; } #community-facelift .messages .modal .modal-header .header-wrapper h2 { padding-top: 4px; margin-top: 10px; margin-bottom: 5px; padding-bottom: 0; border-bottom: 0; } #community-facelift .messages .modal .modal-header .header-wrapper button { margin-right: -3px; position: unset; margin-left: auto; } #community-facelift .messages .modal .modal-header .btn-circle { background-color: #fff; } #community-facelift .messages .modal .modal-header .btn-circle i { color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .modal #defaultModalContent .modal-header { flex-direction: row-reverse; } #community-facelift .messages .modal #defaultModalContent .modal-header h4 { margin-right: auto; } #community-facelift .messages .modal #defaultModalContent .modal-header h4 i { margin-right: 0.5rem; } #community-facelift .messages .modal .modal-body .list-unstyled > li { font-size: 13px; } #community-facelift .messages .modal .btn-link { padding: 10px 20px; } #community-facelift .messages .modal .btn-primary:hover { color: #fff; background: var(--simo-custom-primary-color, #3b718b); filter: brightness(90%); } #community-facelift .messages .modal.new-message .modal-header { background-color: #f9f9f9; } #community-facelift .messages .modal.new-message .modal-header .header-wrapper { border-bottom: 3px solid var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .modal.new-message .modal-header .header-wrapper h2 { color: #333; } #community-facelift .messages .modal.new-message .modal-content { padding-bottom: 0; background-color: #f9f9f9; } #community-facelift .messages .modal.new-message .modal-body { padding: 0; } #community-facelift .messages .modal.new-message .modal-body .alert { margin: 20px; } #community-facelift .messages .modal.new-message .modal-body .messages__main { border: 0; border-radius: 0; flex-flow: column nowrap; height: unset; } #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__switch, #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__more { display: none; } #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__list { border-top: 0; overflow: inherit; } #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__list .list-group-item { display: none; } #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__list .list-group-item.selected-message { display: block; } #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__list .list-group-item.selected-message::after { border-color: var(--simo-custom-primary-color, #3b718b) transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; bottom: -10px; content: " "; display: block; height: 0; left: 50%; position: absolute; transform: translate(-50%, 0); width: 0; } @media (max-width: 767px) { #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__thread .messages__conversation { padding-bottom: 80px; } } @media (max-width: 499px) { #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__thread .messages__conversation { padding-bottom: 120px; } } #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__thread .messages__conversation .list-group-item { padding-bottom: 10px; padding-top: 10px; } @media (max-width: 991px) { #community-facelift .messages .modal.new-message .modal-body .messages__main .messages__thread .messages__reply { position: fixed; bottom: 0; z-index: 1; } } #community-facelift .messages .list-group-item { box-shadow: none; margin: 0; } @media (max-width: 499px) { #community-facelift .messages .list-group-item { padding-left: 10px; padding-right: 10px; } } #community-facelift .messages .list-group-item:hover { box-shadow: none; } #community-facelift .messages .messages__avatar { background-color: #fff; border: 2px solid #ddd; border-radius: 50%; height: 44px; overflow: hidden; position: relative; width: 44px; } #community-facelift .messages .messages__avatar .media-object { left: 50%; max-height: 150%; max-width: 150%; position: absolute; top: 50%; transform: translate(-50%, -50%); } #community-facelift .messages .messages__toolbar { align-items: center; display: flex; flex-flow: row nowrap; margin-bottom: 30px; margin-top: 20px; overflow-wrap: break-word; position: relative; border-bottom: 0; } @media (max-width: 767px) { #community-facelift .messages .messages__toolbar { border-bottom: 4px solid var(--simo-custom-primary-color, #3b718b); padding-bottom: 10px; } } @media (max-width: 991px) { #community-facelift .messages .messages__toolbar { flex-flow: row wrap; } } #community-facelift .messages .messages__toolbar h2, #community-facelift .messages .messages__toolbar .h2 { margin-bottom: 0; padding-top: 10px; } @media (max-width: 767px) { #community-facelift .messages .messages__toolbar h2, #community-facelift .messages .messages__toolbar .h2 { border-bottom: 0; } } @media (max-width: 499px) { #community-facelift .messages .messages__toolbar h2, #community-facelift .messages .messages__toolbar .h2 { margin-right: 20px; } } #community-facelift .messages .messages__toolbar .messages__actions { display: flex; flex-flow: row nowrap; margin-left: auto; } #community-facelift .messages .messages__toolbar .messages__actions > form { width: 300px; } @media (max-width: 991px) { #community-facelift .messages .messages__toolbar .messages__actions > form { flex: 1 1 auto; max-width: 100%; width: auto; } } #community-facelift .messages .messages__toolbar .btn.mobile { display: inline-block; padding: 6px 10px; } @media (min-width: 768px) { #community-facelift .messages .messages__toolbar .btn.mobile { display: none; } } #community-facelift .messages .messages__toolbar .btn.mobile > i { margin-left: 0; } #community-facelift .messages .messages__toolbar .btn { display: none; } @media (min-width: 768px) { #community-facelift .messages .messages__toolbar .btn { display: inline-block; } } #community-facelift .messages .messages__toolbar .btn > i { font-size: unset; } #community-facelift .messages .messages__attachments { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: flex; flex-flow: row wrap; margin: 15px -15px -10px; } #community-facelift .messages .messages__attachments > div > a { position: absolute; border: 0; } #community-facelift .messages .messages__attachments > div > a:hover { color: var(--simo-custom-primary-button-color, #3b718b); } #community-facelift .messages .messages__attachments > a, #community-facelift .messages .messages__attachments > div { color: #333; flex: 0 0 100%; font-size: 14px; max-width: 100%; padding: 10px 65px 10px 45px; position: relative; transition: background-color 0.15s ease; } @media (max-width: 499px) { #community-facelift .messages .messages__attachments > a, #community-facelift .messages .messages__attachments > div { border-top: 1px solid #ddd; flex: 0 0 100%; max-width: 100%; } #community-facelift .messages .messages__attachments > a:first-child, #community-facelift .messages .messages__attachments > div:first-child { border-top: 0; } } #community-facelift .messages .messages__attachments > a:hover, #community-facelift .messages .messages__attachments > div:hover { background-color: #f9f9f9; text-decoration: none; } #community-facelift .messages .messages__attachments > a::before, #community-facelift .messages .messages__attachments > div::before { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f15b"; font-size: 24px; left: 15px; position: absolute; text-align: center; top: 50%; transform: translate(0, -50%); width: 20px; } #community-facelift .messages .messages__attachments > a strong, #community-facelift .messages .messages__attachments > a span, #community-facelift .messages .messages__attachments > div strong, #community-facelift .messages .messages__attachments > div span { display: block; width: 100%; word-break: break-all; } #community-facelift .messages .messages__attachments > a span, #community-facelift .messages .messages__attachments > div span { font-weight: normal; } #community-facelift .messages .messages__attachments > a span > strong, #community-facelift .messages .messages__attachments > div span > strong { display: inline-block; font-weight: normal; width: auto; } #community-facelift .messages .messages__main { border: 1px solid #ddd; display: flex; flex-flow: row nowrap; overflow: hidden; position: relative; height: 100%; } @media (max-width: 991px) { #community-facelift .messages .messages__main { max-height: initial; } } @media (max-width: 767px) { #community-facelift .messages .messages__main.messages__main--empty { flex-flow: column nowrap; } } #community-facelift .messages .messages__main.messages__main--empty .messages__thread { display: flex; } #community-facelift .messages .messages__main.messages__main--empty .messages__thread .messages__conversation { align-items: center; display: flex; flex-flow: column; font-size: 16px; justify-content: center; text-align: center; } #community-facelift .messages .messages__main .messages__history { display: flex; flex-flow: column nowrap; flex: 0 0 380px; height: 100%; max-width: 380px; } @media (max-width: 991px) { #community-facelift .messages .messages__main .messages__history { flex: 0 0 300px; max-width: 300px; } } @media (max-width: 767px) { #community-facelift .messages .messages__main .messages__history { flex: 0 0 100%; max-width: 100%; } } #community-facelift .messages .messages__main .messages__history .messages__switch { display: flex; flex-flow: row nowrap; min-height: 50px; width: 380px; z-index: 1; border-bottom: 1px solid #ddd; } @media (max-width: 991px) { #community-facelift .messages .messages__main .messages__history .messages__switch { width: 300px; } } @media (max-width: 767px) { #community-facelift .messages .messages__main .messages__history .messages__switch { width: 100%; } } #community-facelift .messages .messages__main .messages__history .messages__switch > button { border: 0; border-radius: 0; position: relative; width: 100%; } #community-facelift .messages .messages__main .messages__history .messages__switch > button:hover, #community-facelift .messages .messages__main .messages__history .messages__switch > button:active, #community-facelift .messages .messages__main .messages__history .messages__switch > button:focus { background-color: #fff; box-shadow: none; } #community-facelift .messages .messages__main .messages__history .messages__switch > button:hover::after { width: calc(100% - 20px); } #community-facelift .messages .messages__main .messages__history .messages__switch > button.selected::after { width: calc(100% - 20px); } #community-facelift .messages .messages__main .messages__history .messages__switch > button::after { background-color: var(--simo-custom-primary-color, #3b718b); bottom: 0; content: " "; display: block; height: 4px; left: 50%; position: absolute; transition: width 0.15s ease; transform: translate(-50%, 0); width: 0; } #community-facelift .messages .messages__main .messages__history .messages__action__info { display: none; align-items: center; min-height: 50px; width: 380px; padding: 4px 10px; border-bottom: 1px solid #ddd; } #community-facelift .messages .messages__main .messages__history .messages__action__info.flex { display: flex; } #community-facelift .messages .messages__main .messages__history .messages__action__info .form-check { margin-right: 7px; } #community-facelift .messages .messages__main .messages__history .messages__action__info h5 { font-weight: 600; color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .messages__main .messages__history .messages__action__info i { color: var(--simo-custom-primary-color, #3b718b); margin-left: auto; } #community-facelift .messages .messages__main .messages__history .messages__more { border: 0; border-radius: 0; border-top: 1px solid #ddd; margin-top: auto; min-height: 52px; width: 380px; z-index: 1; } @media (max-width: 991px) { #community-facelift .messages .messages__main .messages__history .messages__more { width: 300px; } } @media (max-width: 767px) { #community-facelift .messages .messages__main .messages__history .messages__more { width: 100%; } } #community-facelift .messages .messages__main .messages__history .messages__more:hover, #community-facelift .messages .messages__main .messages__history .messages__more:focus, #community-facelift .messages .messages__main .messages__history .messages__more:active { background-color: #f9f9f9; } #community-facelift .messages .messages__main .messages__history .messages__list { overflow: auto; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item { border-bottom: 1px solid #ddd; padding-bottom: 15px; padding-top: 15px; padding-left: 10px; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.cursor-pointer { cursor: pointer; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item:only-of-type { border-bottom: 1px solid #ddd; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item:hover { background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item:hover .media-right p { visibility: hidden; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item:hover .media-right .messages__right { display: flex; color: var(--simo-custom-communicator-color, #000); } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.unread-message { background-color: #eee; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.unread-message .media-left .messages__left .dot { visibility: visible; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message .media-body .h4, #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message .media-body h4, #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message .media-body span { color: #fff; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message .media-right p { color: #fff; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message .media-right .messages__right { color: #fff; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item.selected-message:hover { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-left { vertical-align: middle; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-left { padding-right: 10px; } } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-left .messages__left { display: flex; align-items: center; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-left .messages__left .dot { display: inline-block; border-radius: 50%; background-color: var(--simo-custom-primary-color, #3b718b); height: 7px; width: 7px; margin: 0 12px 0 2px; visibility: hidden; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-left .messages__left .form-check { margin-right: 7px; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body { position: relative; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body h4, #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body .h4 { display: flex; flex-flow: row nowrap; line-height: 22px; padding-bottom: 0; margin-bottom: 2px; margin-top: 2px; font-weight: 600; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body h4 > span, #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body .h4 > span { align-self: flex-start; font-size: 14px; margin-left: auto; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body span { font-style: italic; color: #333; position: absolute; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-right p { color: #333; margin: 2px 0 0 0; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-right .messages__right { display: none; flex-direction: row; justify-content: end; } #community-facelift .messages .messages__main .messages__history .messages__list .list-group-item .media-right .messages__right i:last-of-type { margin-left: 10px; } #community-facelift .messages .messages__main .messages__thread { background-color: #f9f9f9; display: flex; flex-flow: column nowrap; height: 100%; width: 100%; max-height: 100%; position: relative; } @media (min-width: 768px) { #community-facelift .messages .messages__main .messages__thread { border-left: 1px solid #ddd; } } #community-facelift .messages .messages__main .messages__thread .conversation__more { margin: -40px -40px 40px; } #community-facelift .messages .messages__main .messages__thread .conversation__more > button { border-radius: 0; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .conversation__more { margin: -40px -15px 40px; } } #community-facelift .messages .messages__main .messages__thread.messages__new { align-items: center; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections { display: flex; flex-wrap: wrap; padding: 3px 3px 0; border: 1px solid #ddd; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections:hover { border: 1px solid var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-original { margin: -3px 0 0 -5px; width: unset !important; box-shadow: unset; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-original > input { border: 0; height: 100%; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-original > input.hide-placeholder::placeholder { color: transparent; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-selection-item { margin: 3px 3px 6px 2px; white-space: nowrap; color: #333; padding: 5px 28px 4px 10px; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-selection-item .as-close { font-size: 20px; font-weight: bold; transform: translate(0, -40%); } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-selection-item .as-close:hover { text-decoration: none; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections li.as-selection-item:hover .as-close { color: #333; } #community-facelift .messages .messages__main .messages__thread.messages__new ul.as-selections:focus-within { border: 1px solid var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__conversation { padding: 20px; max-width: 768px; width: 100%; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__conversation textarea { outline: none; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply { background-color: #f9f9f9; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply a, #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply button.btn-icon { background-color: #f9f9f9; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply a:hover, #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply button.btn-icon:hover { background-color: #fff; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply .messages__actions { margin-left: 15px; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply .messages__actions > button { height: 34px; } #community-facelift .messages .messages__main .messages__thread.messages__new .messages__reply > a { height: 34px; margin-right: auto; display: flex; flex-direction: column; justify-content: center; text-align: center; } #community-facelift .messages .messages__main .messages__thread .messages__header { align-items: center; background-color: #fff; border-bottom: 1px solid #ddd; display: flex; flex: 0 1 auto; flex-flow: row nowrap; min-height: 50px; padding: 8px 8px 8px 20px; width: 100%; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__header { padding-left: 10px; } } #community-facelift .messages .messages__main .messages__thread .messages__header > h4 { font-weight: bold; margin: 0 auto 0 0; padding-bottom: 0; } #community-facelift .messages .messages__main .messages__thread .messages__header .btn-icon { align-self: flex-start; flex: 0 1 auto; height: 34px; margin-left: 8px; width: 34px; } #community-facelift .messages .messages__main .messages__thread .messages__header .btn-icon > i { font-size: 16px; line-height: 34px; } #community-facelift .messages .messages__main .messages__thread .messages__recipients { background-color: #fff; flex: 0 1 auto; padding: 10px 20px 10px; } #community-facelift .messages .messages__main .messages__thread .messages__conversation { flex: 1; overflow: auto; padding: 40px; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__conversation { padding: 40px 15px; } } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 40px; max-width: 80%; width: fit-content; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; padding-top: 20px; max-width: 95%; } } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item:last-of-type { margin-bottom: 0; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item:last-of-type { margin-bottom: 30px; } } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item.my-message { background-color: #eee; margin-left: auto; } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item.my-message .media-left { left: auto; right: -22px; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item.my-message .media-left { right: 14px; } } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media, #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media-body { overflow: inherit; width: fit-content; } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media p, #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media-body p { word-break: break-word; color: #333; } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media-left { left: -22px; padding: 0; position: absolute; top: -22px; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media-left { left: unset; } } #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media-body h5 { color: var(--simo-custom-primary-color, #3b718b); font-size: 12px; font-weight: bold; margin-bottom: 3px; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__conversation .list-group-item .media-body h5 { left: 14px; } } #community-facelift .messages .messages__main .messages__thread .messages__reply { align-items: flex-end; background-color: #fff; border-top: 1px solid #ddd; display: flex; flex-flow: row wrap; padding: 9px 20px 8px 20px; width: 100%; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__reply { flex-flow: row wrap; padding: 10px; } #community-facelift .messages .messages__main .messages__thread .messages__reply input, #community-facelift .messages .messages__main .messages__thread .messages__reply textarea { margin-right: 0; } } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add { display: flex; flex-direction: row; width: 100%; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add > * { height: 34px; min-height: 34px; margin-right: 8px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add > *:last-child { margin-right: 0; } @media (max-width: 991px) { #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add { flex-direction: column; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add textarea { margin-bottom: 10px; } } @media (max-width: 767px) { #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add { flex-direction: row; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add textarea { margin-bottom: 0; } } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add { flex-direction: column; flex-flow: row wrap; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__add textarea { margin-bottom: 10px; } } #community-facelift .messages .messages__main .messages__thread .messages__reply > br { display: none; } #community-facelift .messages .messages__main .messages__thread .messages__reply input, #community-facelift .messages .messages__main .messages__thread .messages__reply textarea { overflow: hidden; } #community-facelift .messages .messages__main .messages__thread .messages__reply input:focus, #community-facelift .messages .messages__main .messages__thread .messages__reply textarea:focus { height: auto; min-height: 100px; overflow: auto; border: 1px solid var(--simo-custom-primary-color, #3b718b); outline: none; } #community-facelift .messages .messages__main .messages__thread .messages__reply textarea { flex: 1; border: 0; border-radius: 4px; resize: none; padding: 10px; width: 100%; } @media (max-width: 499px) { #community-facelift .messages .messages__main .messages__thread .messages__reply textarea { flex: inherit; padding: 5px 10px; } } #community-facelift .messages .messages__main .messages__thread .messages__reply textarea::placeholder { line-height: 15px; color: var(--simo-custom-primary-color, #3b718b); opacity: 1; } #community-facelift .messages .messages__main .messages__thread .messages__reply .button__wrapper { display: flex; justify-content: end; align-self: end; } #community-facelift .messages .messages__main .messages__thread .messages__reply .btn-icon { width: 34px; border: 0; margin-right: 10px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .btn-icon > i { font-size: 16px; line-height: 34px; color: var(--simo-custom-primary-button-color, #3b718b); } #community-facelift .messages .messages__main .messages__thread .messages__reply .btn-default { border: 0; } #community-facelift .messages .messages__main .messages__thread .messages__reply .btn-primary { padding-bottom: 0; padding-top: 0; font-size: 14px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .btn-primary > i { font-size: 2rem; padding-left: 0.35rem; vertical-align: -0.17em; line-height: 1; } #community-facelift .messages .messages__main .messages__thread .messages__reply .uploaded-file-preview { display: flex; flex-flow: row wrap; flex: 0 0 100%; height: auto; margin: 0; max-width: 100%; max-height: 150px; overflow: auto; padding: 0 32px 0 0; position: relative; width: auto; } @media (min-width: 768px) { #community-facelift .messages .messages__main .messages__thread .messages__reply .uploaded-file-preview { min-height: 0; } #community-facelift .messages .messages__main .messages__thread .messages__reply .uploaded-file-preview > button { display: none !important; } } #community-facelift .messages .messages__main .messages__thread .messages__reply .uploaded-file-preview.in { display: flex; } #community-facelift .messages .messages__main .messages__thread .messages__reply .uploaded-file-preview > button { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; align-items: center; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; content: "\f054"; display: flex; font-size: 12px; height: 30px; justify-content: center; padding: 0; position: absolute; right: 0; top: 0; width: 30px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .uploaded-file-preview > button > i { margin-left: 0; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments { margin: 0 8px 8px 0; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments > div { padding-left: 10px; padding-right: 50px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments > div::before { display: none; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments > div > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments > div > span { display: none; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments > div .btn-icon { height: 32px; right: 4px; padding-left: 1px; padding-right: 0; top: 4px; width: 32px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__attachments > div .btn-icon > i { line-height: 32px; top: -1px; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__error { display: none; width: 100%; } #community-facelift .messages .messages__main .messages__thread .messages__reply .messages__error > p { color: #ff0000; margin-bottom: 0; } #community-facelift .messages .messages__main .messages__thread .messages__menu { display: none; flex-direction: column; position: absolute; top: 0; left: 0; z-index: 100; padding: 10px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); } #community-facelift .messages .messages__main .messages__thread .messages__menu a { display: flex; align-items: center; padding: 5px 0 5px 0; cursor: pointer; } #community-facelift .messages .messages__main .messages__thread .messages__menu a:hover { text-decoration: none; } #community-facelift .messages .messages__main .messages__thread .messages__menu i { color: var(--simo-custom-primary-color, #3b718b); margin-right: 5px; } #community-facelift .messages .messages__main .messages__thread .messages__menu span { color: #333; } #community-facelift .messages .messages__main .messages__thread .messages__menu.flex { display: flex; } #community-facelift .messages .modal-holder-mobile .modal-content { padding-bottom: unset; min-height: unset; height: calc(100vh - 72px); } #community-facelift .messages .modal-holder-mobile .modal-header { background-color: var(--simo-custom-primary-color, #3b718b); } #community-facelift .messages .modal-holder-mobile .modal-header .header-wrapper { border-bottom: 3px solid #fff; } #community-facelift .messages .modal-holder-mobile .modal-header .header-wrapper h2 { color: #fff; } #community-facelift .messages .modal-holder-mobile .modal-body { padding: 0; height: 100%; } #community-facelift .messages .modal-holder-mobile .messages__main { border: 0; } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread { border-left: 0; } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply { background-color: #f9f9f9; } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add textarea { border: 1px solid #ddd; } @media (max-width: 499px) { #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add textarea { margin-right: 0; } } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add textarea:focus { border: 1px solid var(--simo-custom-primary-color, #3b718b); outline: none; } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add textarea::placeholder { color: #a0a0a0; font-size: 14px; } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add .button__wrapper { width: 100%; flex: 0; } @media (max-width: 499px) { #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add .button__wrapper { flex: 1; } } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add .button__wrapper .btn-icon { background-color: #f9f9f9; } #community-facelift .messages .modal-holder-mobile .messages__main .messages__thread .messages__reply .messages__add .button__wrapper .btn-icon:hover { background-color: #fff; } #community-facelift .news > div:first-of-type { background-color: #fff; border: 0; display: none; margin-top: 0; padding-bottom: 0; } @media (min-width: 768px) { #community-facelift .news > div:first-of-type { display: block; } } #community-facelift .news > .container-alternate, #community-facelift .news > .container-wrapper { border-top: 1px solid #eee; margin-top: -1px; } @media (min-width: 768px) { #community-facelift .news .tab-content > h3, #community-facelift .news .tab-content > .h3, #community-facelift .news .tab-content > h2, #community-facelift .news .tab-content > .h2 { display: none; } } #community-facelift .news .tab-content > h3:first-child, #community-facelift .news .tab-content > .h3:first-child, #community-facelift .news .tab-content > h2:first-child, #community-facelift .news .tab-content > .h2:first-child { margin-top: 0; } #community-facelift .news .tab-content > h3 .badge, #community-facelift .news .tab-content > .h3 .badge, #community-facelift .news .tab-content > h2 .badge, #community-facelift .news .tab-content > .h2 .badge { background-color: var(--simo-custom-primary-color, #3b718b); border-radius: 50%; height: 24px; line-height: 24px; margin-left: 15px; padding: 0; position: relative; top: -2px; width: 24px; } #community-facelift .news .tab-content > h3, #community-facelift .news .tab-content > .h3 { margin-bottom: 0; margin-top: 30px; padding-bottom: 0; } @media (max-width: 767px) { #community-facelift .news .tab-content > h3, #community-facelift .news .tab-content > .h3 { border-bottom: 4px solid var(--simo-custom-primary-color, #3b718b); display: inline-block; margin-bottom: 20px; padding: 0 0 8px 0; width: auto; } } @media (max-width: 767px) { #community-facelift .news .tab-content .tab-pane { display: block; overflow: hidden; } } #community-facelift .news a.list-group-item::after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f054"; display: block; font-size: 18px; height: 30px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 30px; } @media (max-width: 767px) { #community-facelift .news a.list-group-item .media { padding-right: 40px; } } @media (min-width: 768px) { #community-facelift .news a.list-group-item .media > div:last-child { padding-right: 40px; } } #community-facelift .news .list-group-item { padding: 0; } #community-facelift .news .list-group-item h3, #community-facelift .news .list-group-item .h3 { font-size: 16px; } #community-facelift .news .list-group-item h3.primary, #community-facelift .news .list-group-item .h3.primary { white-space: nowrap; } #community-facelift .news .list-group-item h3 > div, #community-facelift .news .list-group-item .h3 > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 190px; } @media (max-width: 1199px) { #community-facelift .news .list-group-item h3 > div, #community-facelift .news .list-group-item .h3 > div { width: 150px; } } @media (max-width: 767px) { #community-facelift .news .list-group-item h3 > div, #community-facelift .news .list-group-item .h3 > div { width: auto; } } #community-facelift .news .media { padding: 15px; } #community-facelift .news .media + .list-actions { margin-top: 0; } @media (min-width: 500px) { #community-facelift .news .media + .list-actions { padding: 0; } } #community-facelift .news .media + .list-actions > div { border: 0; } #community-facelift .news .media:not(.list-actions) { min-height: 90px; } @media (min-width: 768px) { #community-facelift .news .media:not(.list-actions) { display: table; padding: 0; } } #community-facelift .news .media:not(.list-actions) > div { display: block; padding: 0 0 10px; } @media (max-width: 767px) { #community-facelift .news .media:not(.list-actions) > div { padding-right: 10px; width: auto; } } @media (min-width: 768px) { #community-facelift .news .media:not(.list-actions) > div { border-left: 1px solid #fcfcfc; display: table-cell; padding: 15px; } } #community-facelift .news .media:not(.list-actions) > div:first-child { border-left: 0; } #community-facelift .news .news__meetings .media:not(.list-actions) p { margin: 0; } @media (max-width: 499px) { #community-facelift .news .news__meetings .media:not(.list-actions) p { display: none; } } #community-facelift .news .news__meetings .media .media-left { float: left; width: 80px; } @media (min-width: 768px) { #community-facelift .news .news__meetings .media .media-left { float: none; } } #community-facelift .news .news__meetings .media .media-right { float: left; width: 100%; } @media (min-width: 500px) { #community-facelift .news .news__meetings .media .media-right { width: 33.33333%; } } @media (min-width: 768px) { #community-facelift .news .news__meetings .media .media-right { float: none; width: 20%; } } #community-facelift .news .news__meetings .media h3, #community-facelift .news .news__meetings .media .h3 { margin: 0; } #community-facelift .news .news__messages .media h4, #community-facelift .news .news__messages .media .h4 { color: #333; } #community-facelift .news .news__applications .media > div:first-child { float: left; width: 80px; } @media (min-width: 768px) { #community-facelift .news .news__applications .media > div:first-child { float: none; } } #community-facelift .news .news__applications .media > div:last-child { float: none; width: auto; } @media (min-width: 768px) { #community-facelift .news .news__applications .media > div:last-child { float: none; width: 20%; } } #community-facelift .news .news__applications .media .media-body { min-height: 80px; } #community-facelift .news .news__applications .media p, #community-facelift .news .news__applications .media h3, #community-facelift .news .news__applications .media .h3 { margin: 0; } #community-facelift .profile__person .profile__image { border: 1px solid #eee; border-radius: 50%; height: 180px; margin: 0 auto; overflow: hidden; width: 180px; } #community-facelift .profile__person .profile__image img { display: block; height: 180px; margin: 0 auto; object-fit: cover; width: 180px; } #community-facelift .profile__person .profile__image button { bottom: 21px; left: calc(50% + 42px); position: absolute; } #community-facelift ul.profile__hobbies { list-style: none; padding: 0; position: relative; } #community-facelift ul.profile__hobbies li { float: left; margin-right: 10px; } #community-facelift ul.profile__hobbies li:hover { margin-bottom: 0; } #community-facelift ul.profile__hobbies li:hover > label { border-bottom: 0; border-radius: 4px 4px 0 0; margin-bottom: 1px; padding-bottom: 15px; z-index: 2; } #community-facelift ul.profile__hobbies li:hover > div { opacity: 1; transition-delay: 0s, 0s; visibility: visible; z-index: 1; } #community-facelift ul.profile__hobbies li:first-child { margin-left: 0; } #community-facelift ul.profile__hobbies li > label { background-color: #fff; border: 1px solid #eee; border-radius: 4px; margin-bottom: 10px; padding: 5px 10px; position: relative; } #community-facelift ul.profile__hobbies li > div { background-color: #fff; border-radius: 4px; border: 1px solid #eee; left: 0; margin-top: -2px; min-height: 74px; opacity: 0; padding: 10px 74px 10px 10px; position: absolute; transition: opacity 0.15s ease 0s, visibility 0s linear 0.15s; visibility: hidden; width: 100%; } #community-facelift ul.profile__hobbies li > div > button { position: absolute; right: 15px; top: 15px; } #community-facelift.is-touch .teaser-edit:hover { background-color: transparent; border-color: transparent; box-shadow: none; } #community-facelift.is-touch .teaser-edit.teaser-edit--date .teaser-edit__description { padding: 0; } #community-facelift.is-touch .teaser-edit.teaser-edit--date .teaser-edit__actions { padding: 0 15px; } #community-facelift.is-touch .teaser-edit .teaser-edit__actions { text-align: right; } #community-facelift.is-touch .teaser-edit .teaser-edit__description { padding: 0; } #community-facelift table.pruefungsergebnisse__legend { table-layout: initial; } #community-facelift table.pruefungsergebnisse__legend tr { background-color: transparent; } #community-facelift table.pruefungsergebnisse__legend td { border: 0; } #community-facelift table.pruefungsergebnisse__legend td:first-child { text-align: center; width: 50px; } #community-facelift #filterbar.navbar { background-color: #f9f9f9; border-color: #eee; border-radius: 0; padding: 20px 20px 15px !important; } #community-facelift #filterbar.navbar .dropdown-menu { margin-top: 1px; } #community-facelift #filterbar.navbar .scheduler-filter__actions { display: flex; flex-flow: row wrap; justify-content: flex-end; } #community-facelift #filterbar.navbar .scheduler-filter__actions .form-group { margin-top: 0; } @media (max-width: 767px) { #community-facelift #filterbar.navbar .form-group { margin-top: 30px; } #community-facelift #filterbar.navbar .form-group:first-child { margin-top: 0; } } #community-facelift .scheduler__panel-heading { margin-bottom: 20px; } @media (min-width: 500px) { #community-facelift .scheduler__panel-heading { align-items: center; display: flex; flex-flow: row nowrap; justify-content: space-between; } } #community-facelift .scheduler__panel-heading a { flex: 1; } @media (min-width: 500px) { #community-facelift .scheduler__panel-heading button { top: 0; } } #community-facelift .scheduler__panel-heading .study-trend { margin-left: 20px; margin-top: 20px; } @media (max-width: 499px) { #community-facelift .scheduler__panel-heading .study-trend { margin-left: 0; } } @media (min-width: 500px) { #community-facelift .scheduler__panel-heading .study-trend { margin-top: 0; } } #community-facelift .scheduler__panel-heading .study-trend > * { margin-top: 0; } @media (max-width: 499px) { #community-facelift .scheduler__panel-heading .study-trend .btn-switch { width: 100%; } } @media (max-width: 499px) { #community-facelift .scheduler__panel-heading .study-trend .btn-switch .btn { align-items: center; display: flex; justify-content: center; width: 50%; } } #community-facelift .scheduler__panel-heading .study-trend .btn-switch .btn span { display: none; } @media (max-width: 499px) { #community-facelift .scheduler__panel-heading .study-trend .btn-switch .btn span { display: block; } } #community-facelift .scheduler__header button { position: relative; top: -11px; } #community-facelift .calendar { margin-bottom: 30px; } #community-facelift .scheduler .dhx_cal_container { background-color: transparent; height: 100vh; } @media (max-width: 767px) { #community-facelift .scheduler .dhx_cal_container { margin-top: 20px; width: 100% !important; } } #community-facelift .scheduler .navi-button { position: relative !important; top: 0 !important; } #community-facelift .scheduler .navi-button:first-child { height: 32px; } #community-facelift .scheduler .dhx_scheduler_month .dhx_cal_data { top: 165px !important; } @media (min-width: 768px) { #community-facelift .scheduler .dhx_scheduler_month .dhx_cal_data { top: 120px !important; } } #community-facelift .scheduler .dhx_scheduler_year .dhx_cal_scale_placeholder { display: none !important; } #community-facelift .scheduler .dhx_scheduler_year .dhx_cal_data { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 0 -5px; top: 80px !important; width: auto !important; } @media (max-width: 767px) { #community-facelift .scheduler .dhx_scheduler_year .dhx_cal_data { top: 100px !important; } } #community-facelift .scheduler .dhx_scheduler_year .dhx_cal_data::before { display: none; } #community-facelift .scheduler .dhx_scheduler_year .dhx_cal_data .dhx_year_box { margin: 0 5px; } #community-facelift .scheduler .dhx_multi_day { background-color: white; height: 25px !important; top: 165px !important; visibility: visible !important; } @media (min-width: 768px) { #community-facelift .scheduler .dhx_multi_day { top: 120px !important; } } #community-facelift .scheduler .dhx_cal_date { display: block; font-size: 14px !important; padding: 5px 0 !important; } @media (min-width: 768px) { #community-facelift .scheduler .dhx_cal_date { left: 0 !important; padding-left: 86px !important; top: 16px; } } @media (min-width: 992px) { #community-facelift .scheduler .dhx_cal_date { font-size: 18px !important; } } #community-facelift .scheduler .dhx_now { background-color: #ccc; } #community-facelift .scheduler .dhx_cal_data { top: 190px !important; } @media (min-width: 768px) { #community-facelift .scheduler .dhx_cal_data { top: 145px !important; } } #community-facelift .scheduler .dhx_cal_data > * { background-color: #fff; } #community-facelift .scheduler .dhx_cal_data > .bg-warning, #community-facelift .scheduler .dhx_cal_data > .dhx_scale_holder_now { background-color: #fcf8e3; } #community-facelift .scheduler .dhx_scale_bar { align-items: center; background-color: var(--simo-custom-tertiary-color, #d8e3e8); display: flex; height: 35px !important; justify-content: center; line-height: 16px !important; padding-top: 5px; } #community-facelift .scheduler .dhx_cal_scale_placeholder { background-color: #fff; } #community-facelift .scheduler .dhx_cal_header { border: 0; } #community-facelift .scheduler .dhx_cal_scale_placeholder, #community-facelift .scheduler .dhx_cal_header { height: 40px !important; top: 125px !important; } @media (min-width: 768px) { #community-facelift .scheduler .dhx_cal_scale_placeholder, #community-facelift .scheduler .dhx_cal_header { top: 80px !important; } } #community-facelift .scheduler .dhx_minical_icon { left: 309px !important; top: 15px !important; } @media (max-width: 767px) { #community-facelift .scheduler .dhx_minical_icon { display: none; } } #community-facelift .scheduler .dhx_year_week { display: flex; margin: 0; } #community-facelift .scheduler .dhx_year_week .dhx_scale_bar { height: 30px !important; padding-top: 0; } #community-facelift .scheduler .dhx_year_month { line-height: 30px; } #community-facelift .scheduler .dhx_cal_navline { background-color: transparent; padding-top: 0; } @media (max-width: 767px) { #community-facelift .scheduler .dhx_cal_navline { height: 125px !important; padding-top: 0; } #community-facelift .scheduler .dhx_cal_navline div { position: static; } #community-facelift .scheduler .dhx_cal_navline .dhx_cal_prev_button, #community-facelift .scheduler .dhx_cal_navline .dhx_cal_next_button, #community-facelift .scheduler .dhx_cal_navline .dhx_cal_today_button { bottom: 0; position: absolute; top: auto !important; } #community-facelift .scheduler .dhx_cal_navline .dhx_cal_prev_button { left: 0; } #community-facelift .scheduler .dhx_cal_navline .dhx_cal_next_button { right: 0; } #community-facelift .scheduler .dhx_cal_navline .dhx_cal_today_button { left: 50%; transform: translate(-50%, 0); } } #community-facelift .scheduler .dhx_cal_navline .dhx_cal_prev_button, #community-facelift .scheduler .dhx_cal_navline .dhx_cal_next_button, #community-facelift .scheduler .dhx_cal_navline .dhx_cal_today_button { top: 20px; } #community-facelift .scheduler .dhx_cal_tab { border: 1px solid #eee; float: left; height: auto; line-height: 20px; margin-left: -1px; padding: 10px 20px; top: 15px; width: auto; } @media (max-width: 767px) { #community-facelift .scheduler .dhx_cal_tab { width: calc(25% - 42px); } } @media (max-width: 499px) { #community-facelift .scheduler .dhx_cal_tab { width: calc(33.33333% - 42px); } } #community-facelift .scheduler .dhx_cal_tab.active { background-color: var(--simo-custom-tertiary-color, #d8e3e8); } #community-facelift .scheduler .dhx_cal_tab.dhx_cal_tab_first { border-radius: 4px 0 0 4px; margin-left: 0; } #community-facelift .scheduler .dhx_cal_tab.dhx_cal_tab_last { border-radius: 0 4px 4px 0; } #community-facelift .scheduler .dhx_cal_tab[name=day_tab] { left: 0 !important; } #community-facelift .scheduler .dhx_cal_tab[name=week_tab] { left: 65px !important; } #community-facelift .scheduler .dhx_cal_tab[name=month_tab] { left: 148px !important; } #community-facelift .scheduler .dhx_cal_tab[name=year_tab] { left: 229px !important; } @media (max-width: 499px) { #community-facelift .scheduler .dhx_cal_tab[name=year_tab] { display: none; } } #community-facelift .scheduler__actions { align-items: center; display: flex; flex-flow: row wrap; margin-top: 30px; } #community-facelift .scheduler__actions > button, #community-facelift .scheduler__actions > .btn { flex: 0 0 25%; margin-right: 20px; max-width: 25%; } #community-facelift .scheduler__actions > button:last-child, #community-facelift .scheduler__actions > .btn:last-child { margin-right: 0; margin-left: auto; } @media (max-width: 767px) { #community-facelift .scheduler__actions > button, #community-facelift .scheduler__actions > .btn { flex: 0 0 calc(50% - 10px); margin-right: 20px; max-width: calc(50% - 10px); } #community-facelift .scheduler__actions > button#downloadEventPlanerDocument, #community-facelift .scheduler__actions > .btn#downloadEventPlanerDocument { margin-right: 0; } #community-facelift .scheduler__actions > button:last-child, #community-facelift .scheduler__actions > .btn:last-child { margin-left: auto; margin-right: auto; margin-top: 20px; } } @media (max-width: 499px) { #community-facelift .scheduler__actions > button, #community-facelift .scheduler__actions > .btn { flex: 0 0 100%; margin-right: 20px; margin-bottom: 20px; max-width: 100%; } #community-facelift .scheduler__actions > button:last-child, #community-facelift .scheduler__actions > .btn:last-child { margin-top: 0; } } #community-facelift .dhx_mini_calendar div.dhx_month_head.dhx_year_event { color: white; } #community-facelift .switcher-to-calendar, #community-facelift .switcher-to-agenda { display: block; } #community-facelift .simo-agenda-minical { text-align: left; } #community-facelift .simo-agenda-minical:hover { background-color: transparent; } #community-facelift .dhtmlXTooltip.tooltip { padding: 20px; width: 300px; } #community-facelift .dhtmlXTooltip.tooltip > p:first-child { font-weight: bold; } #community-facelift .study-trend .tile-row { margin-bottom: 0; } #community-facelift .study-trend .study-trend__studium { display: flex; flex-flow: row wrap; justify-content: flex-end; position: relative; text-align: right; } #community-facelift .study-trend .study-trend__studium > p, #community-facelift .study-trend .study-trend__studium > button { display: inline-block; margin: 0; } #community-facelift .study-trend .study-trend__studium > p { flex: 1 1 0; margin-right: 10px; } #community-facelift .study-trend .study-trend__studium > button { align-self: flex-start; border: 1px solid #eee; flex: 0 1 42px; padding-left: 15px; padding-right: 15px; } #community-facelift .study-trend .study-trend__studium > button i { margin: 0; } #community-facelift .study-trend .carousel .tab-pane { max-height: 400px; } #community-facelift .study-trend .teaser-row { margin-bottom: 30px; margin-top: 30px; } #community-facelift .study-trend .teaser { border: 1px solid #eee; box-shadow: none; padding: 15px; } #community-facelift .study-trend .teaser p { margin-bottom: 0; } #community-facelift .study-trend .teaser span { font-weight: bold; display: block; font-size: 21px; margin-bottom: 15px; } #community-facelift .study-trend .progress { height: 5px; margin-bottom: 0; box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1); } #community-facelift .study-trend .progress-bar { background-color: var(--simo-custom-primary-color, #3b718b); line-height: 5px; } #community-facelift .study-trend .nav-tabs { margin: -1px -1px 0; text-align: center; } @media (min-width: 992px) { #community-facelift .study-trend .tile-row { margin-bottom: 15px; } } #community-facelift .usp-info .row + .row { margin-top: 0; } #community-facelift .usp-info .media { margin-top: 30px; } #community-facelift .usp-info .media .media-top { padding-top: 8px; } #community-facelift .exam__actions { align-items: center; display: flex; flex-flow: row wrap; margin-top: 30px; } #community-facelift .exam__actions > button, #community-facelift .exam__actions > .btn { flex: 0 0 25%; margin-right: 20px; max-width: 25%; } #community-facelift .exam__actions > button:last-child, #community-facelift .exam__actions > .btn:last-child { margin-right: 0; margin-left: auto; } @media (max-width: 767px) { #community-facelift .exam__actions > button, #community-facelift .exam__actions > .btn { flex: 0 0 calc(50% - 10px); margin-right: 20px; max-width: calc(50% - 10px); } #community-facelift .exam__actions > button:last-child, #community-facelift .exam__actions > .btn:last-child { margin-left: auto; margin-right: auto; margin-top: 20px; } } @media (max-width: 499px) { #community-facelift .exam__actions > button, #community-facelift .exam__actions > .btn { flex: 0 0 100%; margin-right: 20px; margin-bottom: 20px; max-width: 100%; } #community-facelift .exam__actions > button:last-child, #community-facelift .exam__actions > .btn:last-child { margin-top: 0; } } #community-facelift exam-lecturer-bundle-exam { display: block; position: relative; border: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.15s ease; margin-bottom: 10px; background-color: #fff; font-size: 12px; } #community-facelift exam-lecturer-bundle-exam:hover { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); } #community-facelift exam-lecturer-bundle-exam .item { display: flex; position: relative; padding: 20px 22px 20px 22px; } #community-facelift exam-lecturer-bundle-exam .item h3 { font-size: 14px; } #community-facelift exam-lecturer-bundle-exam .item.exam-part { border-top: 1px solid #ddd; } @media (max-width: 991px) { #community-facelift exam-lecturer-bundle-exam .item { display: block; height: auto; padding: 10px; border-left: 10px solid #ddd; } #community-facelift exam-lecturer-bundle-exam .item[type=success] { border-left-color: #4bb84b; } #community-facelift exam-lecturer-bundle-exam .item[type=danger] { border-left-color: #ecb941; } #community-facelift exam-lecturer-bundle-exam .item[type=error] { border-left-color: #ff4d4d; } #community-facelift exam-lecturer-bundle-exam .item .btn { margin-top: 20px; width: 100%; } #community-facelift exam-lecturer-bundle-exam .item .tags { margin-top: 10px; } } @media (min-width: 992px) { #community-facelift exam-lecturer-bundle-exam .item::before { background-color: #ddd; border-radius: 50%; content: " "; display: block; height: 10px; left: 5px; position: absolute; top: 50%; transform: translate(0, -50%); width: 10px; } #community-facelift exam-lecturer-bundle-exam .item[type=success]::before { background-color: #4bb84b; } #community-facelift exam-lecturer-bundle-exam .item[type=danger]::before { background-color: #ecb941; } #community-facelift exam-lecturer-bundle-exam .item[type=error]::before { background-color: #ff4d4d; } #community-facelift exam-lecturer-bundle-exam .item.exam-part { padding: 20px 32px 20px 32px; } #community-facelift exam-lecturer-bundle-exam .item.exam-part::before { left: 15px; } #community-facelift exam-lecturer-bundle-exam .item p, #community-facelift exam-lecturer-bundle-exam .item h3 { margin: 0; padding: 5px 0 0; } #community-facelift exam-lecturer-bundle-exam .item .tags { display: inline-block; } } #community-facelift exam-lecturer-bundle-exam .item[exam-part-visible] { cursor: pointer; } #community-facelift exam-lecturer-bundle-exam .item[exam-part-visible]::after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-size: 16px; display: block; height: 16px; right: 10px; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: transform 0.3s ease; transform-origin: center left; width: 10px; } #community-facelift exam-lecturer-bundle-exam .item[exam-part-visible="1"]::after { transform: rotate(-90deg); } #community-facelift exam-lecturer-bundle-exam .exam-part-container { transition: height 0.3s ease; overflow: hidden; } #community-facelift exam-lecturer-bundle-exam b { white-space: nowrap; } #community-facelift .profiles-list-container { display: flex; flex-direction: row; position: relative; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } #community-facelift .profiles-list-container .item { float: none; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } #community-facelift .profiles-list-container h3 { color: var(--simo-custom-secondary-color, #628da2); margin-bottom: 0; margin-top: 0; } #community-facelift .profiles-list-container .rounded-image { border-radius: 50%; } #community-facelift .profiles-list-container .inner-container { border-top: 5px solid var(--simo-custom-secondary-color, #628da2); margin: 0; height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); } #community-facelift .profiles-list-container .image-container { width: 25%; } #community-facelift .profiles-list-container .image-container img { width: 100%; height: auto; display: block; } #community-facelift .profiles-list-container .content-container { width: calc(75% - 50px); padding: 10px; display: flex; flex-direction: row; flex-wrap: wrap; } #community-facelift .profiles-list-container .content-container > * { width: 100%; } #community-facelift .profiles-list-container .icons-container { display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: flex-end; width: 50px; } #community-facelift .profiles-list-container .icons-container:first-child { margin-bottom: 10px; } #community-facelift .profiles-list-container #link-profile, #community-facelift .profiles-list-container #link-communicator { padding: 8px 12px; align-self: flex-end; background: #fff; border: 1px solid #ddd; } #community-facelift .profiles-list-container #link-profile i, #community-facelift .profiles-list-container #link-communicator i { margin: 0; font-size: 14px; color: #333; } #community-facelift .profiles-list-container #link-profile:hover, #community-facelift .profiles-list-container #link-communicator:hover { background: var(--simo-custom-secondary-color, #628da2); } #community-facelift .profiles-list-container #link-profile:hover i, #community-facelift .profiles-list-container #link-communicator:hover i { color: #fff; } #community-facelift #profile-search-list-filter-form .bootstrap-select { width: 100% !important; } #community-facelift #profile-search-list-filter-form .row { align-items: center; flex-wrap: wrap; } #community-facelift #profile-search-list-filter-form .actions-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: end; } #community-facelift #profile-search-list-filter-form .actions-container button { margin-top: 0; margin-left: 15px; } @media (max-width: 499px) { #community-facelift #profile-search-list-filter-form .actions-container button { margin-left: 0; margin-top: 10px; } } #community-facelift session-management-bundle-session { display: block; position: relative; border: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); transition: box-shadow 0.15s ease; margin-bottom: 10px; background-color: #fff; font-size: 12px; } #community-facelift session-management-bundle-session:hover { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); } #community-facelift session-management-bundle-session .item { display: flex; position: relative; padding: 20px 22px 20px 22px; } #community-facelift session-management-bundle-session .item h3 { font-size: 14px; } @media (max-width: 991px) { #community-facelift session-management-bundle-session .item { display: block; height: auto; padding: 10px; } #community-facelift session-management-bundle-session .item .btn { margin-top: 20px; width: 100%; } } @media (min-width: 992px) { #community-facelift session-management-bundle-session .item p, #community-facelift session-management-bundle-session .item h3 { margin: 0; padding: 5px 0 0; } } #community-facelift .toolbar > .form__toolbar#requestSearchForm { margin-bottom: 20px; } #community-facelift .request_form__status { margin-top: 12px; } #community-facelift .request_form__status .wrapper { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); } /*# sourceMappingURL=main.css.map */