@font-face {
  font-family: "Galindo";
  src: url("/static/fonts/Galindo/galindo-v8-latin-regular.woff2?0a1ed995cacb") format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/static/fonts/IBMPlexSans/ibm-plex-sans-v8-latin-regular.woff2?0a1ed995cacb") format("woff2");
  font-weight: 400;
  font-style: normal; }

.site-header .header-upper {
  width: 100%;
  background-color: #CC3E6B;
  text-align: right;
  padding: 0px 30px;
  height: 30px; }
  .site-header .header-upper .header-link, .site-header .header-upper .language-link {
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    margin-left: 31px; }
  .site-header .header-upper .language-link {
    margin-left: 5px; }
  .site-header .header-upper .language-link.active {
    display: none; }
  .site-header .header-upper a {
    text-decoration: none;
    color: #FFFFFF; }
    .site-header .header-upper a:hover {
      color: #FFFFFF;
      text-decoration: underline; }
  @media screen and (min-width: 768px) {
    .site-header .header-upper {
      padding: 0px 72px; } }
.site-header .header-lower {
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
  height: 70px;
  width: 100%;
  padding: 0px 30px; }
  @media screen and (min-width: 768px) {
    .site-header .header-lower {
      padding: 0px 60px; } }
  .site-header .header-lower .lower-left, .site-header .header-lower .lower-right {
    display: flex;
    align-items: center; }
  .site-header .header-lower .lower-right {
    display: none; }
    @media screen and (min-width: 992px) {
      .site-header .header-lower .lower-right {
        display: block; } }
    .site-header .header-lower .lower-right ul {
      list-style: none;
      display: flex;
      align-items: center;
      margin-bottom: 0px; }
      .site-header .header-lower .lower-right ul li {
        margin-left: 103px;
        height: 70px;
        display: flex;
        align-items: center; }
      .site-header .header-lower .lower-right ul li.selected a {
        margin-top: 5px; }
  .site-header .header-lower .main-link {
    font-size: 20px;
    color: #0ABA8C;
    font-family: "Galindo", sans-serif; }
  .site-header .header-lower .secondary-link {
    font-size: 15px;
    color: #244C71;
    font-weight: 600; }
  .site-header .header-lower .navbar-toggle {
    display: block;
    background-color: initial;
    border: none; }
    .site-header .header-lower .navbar-toggle i {
      font-size: 23px;
      color: #0ABA8C; }
    @media screen and (min-width: 992px) {
      .site-header .header-lower .navbar-toggle {
        display: none; } }
#mobile-nav-collapse {
  padding: 5px 0px; }
  #mobile-nav-collapse ul {
    list-style: none; }
    #mobile-nav-collapse ul li {
      font-size: 16px;
      margin-left: -10px;
      font-weight: 600; }

.nav-menu {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap; }
  .nav-menu a {
    padding-left: 60px;
    padding-right: 60px; }
  .nav-menu a:first-child {
    padding: 0; }
  .nav-menu a:nth-child(2) {
    padding-left: 120px; }

.header-bar {
  width: 100%; }

.collapse .show {
  display: flex;
  flex-direction: column; }

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 14px;
  background-color: #F5F5F9; }

.site-content.default {
  background-color: #FFFFFF;
  padding: 30px 0px; }

.site-background {
  background-repeat: no-repeat;
  background-size: 100%; }

.login-main-form {
  margin-top: 20px;
  background-color: #f5f5f9;
  margin-bottom: 20px; }

.headings {
  margin-top: 50px;
  margin-bottom: 20px; }

a {
  color: #0065DB; }

h1 {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 29px; }

h2 {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  color: #0ABA8C;
  font-size: 20px; }

h3 {
  font-size: 18px;
  color: #244C71;
  font-weight: 600; }

.submit-button {
  border: none;
  background: #CC3E6B;
  height: 34px;
  border-radius: 10px;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0px 10px; }

.sign-up {
  background-color: #244c71;
  border: none;
  height: 34px;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0px 10px;
  width: 100%;
  height: 41px; }

.cancel-button {
  border: none;
  background: initial;
  height: 34px;
  border-radius: 10px;
  color: #000000;
  font-weight: 600;
  padding: 0px 10px; }

.messages {
  position: absolute;
  left: 50%; }
  .messages .success {
    position: relative;
    left: -50%;
    font-weight: 600;
    background-color: #96E694;
    padding: 10px 55px;
    border-radius: 4px;
    top: -55px;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5); }
  .messages .error {
    position: relative;
    left: -50%;
    font-weight: 600;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px 55px;
    border-radius: 4px;
    top: -55px;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5); }

.hidden {
  display: none !important; }

.reset-email {
  padding: 40px 0px; }

.unanswered-coach-questionnaires {
  position: fixed;
  bottom: 0px;
  background-color: #CC3E6B;
  width: 100%;
  text-align: center;
  z-index: 999; }
  .unanswered-coach-questionnaires a {
    color: #FFFFFF; }
    .unanswered-coach-questionnaires a i {
      font-size: 11px;
      margin-left: 4px; }

.print-header, .print-element {
  display: none; }

.material-bank .file-row td:last-child {
  padding-right: 15px;
  text-align: initial !important; }

.material-bank .file-name a {
  font-weight: 600;
  color: #244C71 !important; }

.material-bank .program-materials {
  margin-bottom: 30px; }
  .material-bank .program-materials p {
    margin-top: 0px;
    margin-bottom: 0px; }

.material-bank .description {
  overflow-wrap: break-word;
  max-width: 300px; }

.material-bank ul {
  list-style: none;
  margin-bottom: 0px; }

.read-more i {
  font-size: 11px;
  padding-left: 5px; }

.internet-explorer-warning {
  display: none;
  position: fixed;
  bottom: 0;
  background-color: #ff5473;
  color: white;
  width: 100%;
  height: 50px;
  z-index: 9999;
  padding: 14px 30px;
  text-align: center; }

footer {
  background-color: #244C71;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  width: 100%; }
  footer .footer-text {
    text-align: center; }
  footer .footer-content {
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300; }
    footer .footer-content h2 {
      font-family: "Galindo", sans-serif;
      max-width: 226px;
      text-align: center; }
    footer .footer-content .ellipsis-underline {
      background-color: #96E694;
      max-width: 226px;
      height: 5px;
      width: 100%;
      border-radius: 535px/10px;
      margin-bottom: 53px; }
    footer .footer-content img {
      margin-bottom: 30px; }
    footer .footer-content .privacy-policy-url a {
      color: #FFFFFF; }

.personal-information {
  width: 100%;
  box-shadow: 0 10px 10px -10px rgba(71, 84, 139, 0.5);
  margin-bottom: 30px;
  background-color: #FFFFFF; }

.personal-links {
  display: flex;
  justify-content: space-between;
  padding: 30px 0px; }
  .personal-links button {
    border: none;
    background-color: initial;
    color: #0065DB; }
    .personal-links button:hover {
      text-decoration: underline; }
  .personal-links a {
    color: #0065DB;
    display: flex;
    align-items: center; }
    .personal-links a i {
      font-size: 11px;
      padding-right: 5px; }

.coach-profile-header {
  background-color: #96E694;
  width: 100%;
  min-height: 105px;
  display: flex;
  align-items: center; }
  .coach-profile-header .profile-icon {
    display: flex;
    align-items: center; }
  .coach-profile-header h1 {
    color: #244C71;
    margin-left: 20px; }

.personal-information-container, .children {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  .personal-information-container .personal-info, .children .personal-info {
    flex: 0 50%;
    margin-bottom: 26px; }
    .personal-information-container .personal-info p, .children .personal-info p {
      margin-bottom: 0; }
    .personal-information-container .personal-info p:first-child, .children .personal-info p:first-child {
      color: #244C71;
      font-weight: 600;
      margin-bottom: 6px; }
    .personal-information-container .personal-info p:last-child, .children .personal-info p:last-child {
      color: #000000;
      font-weight: 400; }

.profile-feedback-link {
  background: #0ABA8C;
  height: 28px;
  border-radius: 10px;
  color: #FFFFFF !important;
  font-weight: 600;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 16px; }

.profile-edit-form label, .add-skilfullness label, .group-edit-form label, .competence-edit-form label {
  color: #244C71;
  font-weight: 600;
  margin-bottom: 6px; }

.profile-edit-form .form-field, .add-skilfullness .form-field, .group-edit-form .form-field, .competence-edit-form .form-field {
  margin-bottom: 15px; }

.profile-edit-form #add-child-btn, .add-skilfullness #add-child-btn, .group-edit-form #add-child-btn, .competence-edit-form #add-child-btn {
  background-color: #0ABA8C;
  border: initial;
  height: 34px;
  border-radius: 10px;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0px 10px; }

.profile-edit-form .buttons, .add-skilfullness .buttons, .group-edit-form .buttons, .competence-edit-form .buttons {
  display: flex;
  justify-content: space-between; }

.skilfullness, .certificates {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 25px 15px;
  margin-bottom: 30px; }
  .skilfullness .skilfullness-title, .certificates .skilfullness-title {
    display: flex;
    justify-content: space-between; }
  .skilfullness .skilfullness-collection table, .skilfullness .certificate-collection table, .certificates .skilfullness-collection table, .certificates .certificate-collection table {
    width: 100%; }
    .skilfullness .skilfullness-collection table .table-heading, .skilfullness .certificate-collection table .table-heading, .certificates .skilfullness-collection table .table-heading, .certificates .certificate-collection table .table-heading {
      font-size: 14px;
      color: #2B2D42;
      border-bottom: 1px solid #D8D9E2; }
      .skilfullness .skilfullness-collection table .table-heading th, .skilfullness .certificate-collection table .table-heading th, .certificates .skilfullness-collection table .table-heading th, .certificates .certificate-collection table .table-heading th {
        padding-top: 34px;
        padding-bottom: 13px; }
    .skilfullness .skilfullness-collection table .skilfullness-row td, .skilfullness .skilfullness-collection table .certificate-row td, .skilfullness .certificate-collection table .skilfullness-row td, .skilfullness .certificate-collection table .certificate-row td, .certificates .skilfullness-collection table .skilfullness-row td, .certificates .skilfullness-collection table .certificate-row td, .certificates .certificate-collection table .skilfullness-row td, .certificates .certificate-collection table .certificate-row td {
      font-size: 14px;
      padding-top: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid #E5EEF7; }
      .skilfullness .skilfullness-collection table .skilfullness-row td a, .skilfullness .skilfullness-collection table .certificate-row td a, .skilfullness .certificate-collection table .skilfullness-row td a, .skilfullness .certificate-collection table .certificate-row td a, .certificates .skilfullness-collection table .skilfullness-row td a, .certificates .skilfullness-collection table .certificate-row td a, .certificates .certificate-collection table .skilfullness-row td a, .certificates .certificate-collection table .certificate-row td a {
        color: #0065DB; }
    .skilfullness .skilfullness-collection table .skilfullness-row td:first-child, .skilfullness .skilfullness-collection table .certificate-row td:first-child, .skilfullness .certificate-collection table .skilfullness-row td:first-child, .skilfullness .certificate-collection table .certificate-row td:first-child, .certificates .skilfullness-collection table .skilfullness-row td:first-child, .certificates .skilfullness-collection table .certificate-row td:first-child, .certificates .certificate-collection table .skilfullness-row td:first-child, .certificates .certificate-collection table .certificate-row td:first-child {
      padding-left: 15px; }
    .skilfullness .skilfullness-collection table .skilfullness-row td:last-child, .skilfullness .skilfullness-collection table .certificate-row td:last-child, .skilfullness .certificate-collection table .skilfullness-row td:last-child, .skilfullness .certificate-collection table .certificate-row td:last-child, .certificates .skilfullness-collection table .skilfullness-row td:last-child, .certificates .skilfullness-collection table .certificate-row td:last-child, .certificates .certificate-collection table .skilfullness-row td:last-child, .certificates .certificate-collection table .certificate-row td:last-child {
      padding-right: 15px; }
    .skilfullness .skilfullness-collection table .skilfullness-row--empty td, .skilfullness .skilfullness-collection table .certificate-row--empty td, .skilfullness .certificate-collection table .skilfullness-row--empty td, .skilfullness .certificate-collection table .certificate-row--empty td, .certificates .skilfullness-collection table .skilfullness-row--empty td, .certificates .skilfullness-collection table .certificate-row--empty td, .certificates .certificate-collection table .skilfullness-row--empty td, .certificates .certificate-collection table .certificate-row--empty td {
      padding-left: 15px;
      font-size: 14px;
      padding-top: 16px;
      border-bottom: initial; }
    .skilfullness .skilfullness-collection table .skilfullness-row td.info, .skilfullness .skilfullness-collection table .certificate-row td.info, .skilfullness .certificate-collection table .skilfullness-row td.info, .skilfullness .certificate-collection table .certificate-row td.info, .certificates .skilfullness-collection table .skilfullness-row td.info, .certificates .skilfullness-collection table .certificate-row td.info, .certificates .certificate-collection table .skilfullness-row td.info, .certificates .certificate-collection table .certificate-row td.info {
      max-width: 265px; }
  .skilfullness .add-skilfullness .submit-button, .certificates .add-skilfullness .submit-button {
    margin-left: 15px;
    margin-top: 25px;
    max-width: 175px; }
  .skilfullness .delete-skill, .certificates .delete-skill {
    margin-bottom: 0px;
    border: initial;
    background-color: initial;
    color: #0065DB; }
    .skilfullness .delete-skill:hover, .certificates .delete-skill:hover {
      text-decoration: underline; }
  .skilfullness .edit-competence, .certificates .edit-competence {
    border: none;
    background: #0ABA8C;
    height: 28px;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 0px 10px; }

.has-error ul {
  padding-left: 25px; }

.has-error li {
  padding-top: 5px;
  color: red; }

.has-error input {
  box-shadow: 0 0 5px #ba2121, inset 0 0 5px #ba2121;
  border: 1px solid #ba2121; }

.return-to-frontpage {
  text-decoration: none;
  border: none;
  background: #CC3E6B;
  height: 34px;
  border-radius: 10px;
  color: #FFF;
  font-weight: 600;
  padding: 7px; }

.login-container, .participant-password-container {
  padding: 25px 0px;
  text-align: center; }
  .login-container h2, .participant-password-container h2 {
    font-size: 25px;
    color: #244C71; }
  .login-container .login-form, .login-container .participant-password-form, .participant-password-container .login-form, .participant-password-container .participant-password-form {
    margin: auto;
    padding: 30px 30px; }
  .login-container .login-form p, .participant-password-container .login-form p {
    text-align: left;
    font: 14px; }
  .login-container .login-form h3, .participant-password-container .login-form h3 {
    color: #244c71;
    text-align: left;
    padding-bottom: 20px;
    font-weight: bold; }
  .login-container .form-group input::placeholder, .participant-password-container .form-group input::placeholder {
    font-style: italic; }
  .login-container .form-group label, .participant-password-container .form-group label {
    font-size: 14px;
    font-weight: bold; }
  .login-container .loginfield, .participant-password-container .loginfield {
    margin-top: 20px; }
  .login-container .loginfield p, .participant-password-container .loginfield p {
    margin-top: 20px;
    text-align: center; }
  .login-container .loginfield a, .login-container .benefits-link a, .participant-password-container .loginfield a, .participant-password-container .benefits-link a {
    color: #244c71;
    font-weight: bold; }
  .login-container .form-control, .participant-password-container .form-control {
    border-radius: initial;
    border: none;
    padding: 10px 10px;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5); }
  .login-container .login-top-field span, .participant-password-container .login-top-field span {
    font-weight: bold; }
  .login-container .register-link, .participant-password-container .register-link {
    padding: 0px 30px; }
  .login-container .register-link span, .participant-password-container .register-link span {
    color: #244c71;
    font-weight: bold;
    font-size: 18px; }
  .login-container .register-link p, .participant-password-container .register-link p {
    font-weight: bold;
    font-size: 14px;
    text-align: left; }
  .login-container label, .participant-password-container label {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    float: left;
    margin-bottom: 2px; }
  .login-container .submit-button, .participant-password-container .submit-button {
    border-radius: initial;
    height: 41px;
    padding: 0px 40px;
    width: 100%; }
  .login-container a, .participant-password-container a {
    font-size: 15px;
    font-weight: 500;
    color: #244C71; }
  .login-container .participant-login, .participant-password-container .participant-login {
    margin-top: 20px;
    margin-bottom: 30px;
    border: none;
    background: #0ABA8C;
    height: 41px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .login-container .participant-login-form .form-control, .login-container .participant-password-container .form-control, .participant-password-container .participant-login-form .form-control, .participant-password-container .participant-password-container .form-control {
    border: 1px solid #ced4da; }

.coach-register {
  padding-top: 30px;
  padding-bottom: 20px; }
  .coach-register form label {
    color: #244C71;
    font-weight: 600;
    margin-bottom: 6px; }
  .coach-register form .submit-button {
    max-width: 200px; }

.partner-images-plugin {
  color: #244C71;
  text-align: left;
  padding: 0 30px;
  margin-bottom: 30px; }
  .partner-images-plugin p {
    max-width: 621px;
    margin: auto; }
  .partner-images-plugin > .row {
    justify-content: center;
    flex-direction: column; }
  .partner-images-plugin .partner-images {
    padding-top: 15px; }
    .partner-images-plugin .partner-images img {
      vertical-align: initial;
      margin-left: 15px; }

.hero-plugin {
  background-color: #FFFFFF;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 25px; }
  .hero-plugin p {
    padding-top: 33px;
    font-size: 15px;
    color: #244C71;
    max-width: 621px;
    margin: auto; }
  .hero-plugin .hero-partner-images {
    margin-top: 88px; }
    .hero-plugin .hero-partner-images img {
      margin-left: 15px; }

.main-info-plugin {
  background-color: #FFFFFF;
  text-align: center;
  margin-top: 40px;
  padding: 32px;
  background-color: #244c71c4;
  border-radius: 10px; }
  .main-info-plugin p {
    padding-top: 32px;
    max-width: 621px;
    margin: auto;
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 28px; }
  .main-info-plugin h1, .main-info-plugin h2, .main-info-plugin h3, .main-info-plugin h4, .main-info-plugin h5, .main-info-plugin h6 {
    color: white;
    font-size: 45px;
    text-align: left; }

.accept-policy-plugin {
  padding: 20px 0; }
  .accept-policy-plugin form {
    text-align: center; }

.redirect-button-plugin a {
  display: flex;
  align-items: center; }
  .redirect-button-plugin a:hover {
    background-color: #CC3E6B;
    text-decoration: none;
    color: #FFFFFF; }

.logo-image img {
  max-width: 100%; }

.create-participant-group {
  background-color: #FFFFFF;
  padding: 30px 25px 10px;
  border-radius: 40px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .create-participant-group .delete-meeting {
    margin-bottom: 0px;
    border: initial;
    background-color: initial;
    color: #2B2D42; }
  .create-participant-group .meetings-container {
    border-left: 1px solid #979797; }
  .create-participant-group .meetings {
    padding-top: 27px; }
    .create-participant-group .meetings input {
      width: 120px;
      margin-right: 20px;
      margin-bottom: 10px; }
    .create-participant-group .meetings p {
      font-weight: 600;
      margin-right: 50px; }
  .create-participant-group #meeting-date {
    width: 160px;
    margin-right: 20px; }
  .create-participant-group label {
    font-weight: 600;
    margin-right: 50px; }
  .create-participant-group .add-meeting {
    flex-direction: column; }
  .create-participant-group .form-buttons {
    width: 100%;
    text-align: right;
    padding: 0px 15px;
    margin-top: 25px; }
    .create-participant-group .form-buttons .cancel-button {
      color: #CC3E6B;
      font-size: 16px;
      font-weight: 600; }
    .create-participant-group .form-buttons .submit-button {
      background-color: #0ABA8C;
      color: #FFFFFF; }

.participant-group-form .edit-meeting {
  display: flex;
  justify-content: space-between; }
  .participant-group-form .edit-meeting .form-check {
    display: none; }

.coach-groups {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 25px 15px;
  margin-bottom: 30px;
  margin-top: 30px; }
  .coach-groups .own-group-title {
    display: flex;
    justify-content: space-between; }
    .coach-groups .own-group-title #add-new-group {
      display: flex;
      align-items: center; }
      .coach-groups .own-group-title #add-new-group:hover {
        color: #FFFFFF;
        text-decoration: none; }
  .coach-groups .group-collection table {
    width: 100%; }
    .coach-groups .group-collection table .table-heading {
      font-size: 14px;
      color: #2B2D42;
      border-bottom: 1px solid #D8D9E2; }
      .coach-groups .group-collection table .table-heading th {
        padding-top: 34px;
        padding-bottom: 13px; }
    .coach-groups .group-collection table .group-row td {
      font-size: 14px;
      padding-top: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid #E5EEF7; }
      .coach-groups .group-collection table .group-row td a {
        color: #0065DB; }
    .coach-groups .group-collection table .group-row td:first-child {
      padding-left: 15px; }
    .coach-groups .group-collection table .group-row td:last-child {
      padding-right: 15px;
      text-align: right; }
  .coach-groups .delete-group {
    border: none;
    background-color: initial;
    color: #0065DB; }
    .coach-groups .delete-group:hover {
      text-decoration: underline; }
  .coach-groups .open-group {
    background: #0ABA8C;
    height: 28px;
    border-radius: 10px;
    color: #FFFFFF !important;
    font-weight: 600;
    padding: 5px 10px; }
    .coach-groups .open-group:hover {
      text-decoration: none;
      color: #FFFFFF !important; }

.group-header {
  background-color: #96E694;
  width: 100%;
  min-height: 105px;
  display: flex;
  align-items: center; }
  .group-header .group-icon {
    display: flex;
    flex-direction: column;
    padding: 20px 0px; }
    @media screen and (min-width: 480px) {
      .group-header .group-icon {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row; } }
    .group-header .group-icon img {
      display: none; }
      @media screen and (min-width: 480px) {
        .group-header .group-icon img {
          display: block; } }
    .group-header .group-icon .group-code, .group-header .group-icon .number-of-participants, .group-header .group-icon .attendance-of-participants {
      color: #244C71; }
      .group-header .group-icon .group-code p:first-child, .group-header .group-icon .number-of-participants p:first-child, .group-header .group-icon .attendance-of-participants p:first-child {
        font-size: 16px;
        margin-bottom: 0px; }
      .group-header .group-icon .group-code p:last-child, .group-header .group-icon .number-of-participants p:last-child, .group-header .group-icon .attendance-of-participants p:last-child {
        font-size: 29px;
        font-weight: 600;
        margin-bottom: 0px; }
    .group-header .group-icon .group-status {
      display: flex;
      flex-direction: column;
      background-color: #244C71;
      width: 219px;
      height: 69px;
      color: #FFFFFF;
      align-items: center;
      justify-content: center;
      border-radius: 34.5px;
      font-size: 16px; }
      .group-header .group-icon .group-status span:last-child {
        font-weight: 600; }

.group-edit-form {
  display: flex;
  flex-wrap: wrap; }
  .group-edit-form h2 {
    flex-basis: 100%;
    margin-left: 15px; }
  .group-edit-form .submit-button {
    margin-left: 15px; }

.meetings-edit-form .edit-meeting {
  display: flex; }
  .meetings-edit-form .edit-meeting .form-group {
    margin-right: 15px; }
    .meetings-edit-form .edit-meeting .form-group label {
      font-weight: 600;
      margin-bottom: 6px;
      color: #244C71; }
  .meetings-edit-form .edit-meeting .form-check {
    margin-top: 35px; }

.meetings-edit-form #add-meeting-btn {
  background-color: #0ABA8C;
  color: #FFFFFF; }

.group-information, .material-bank-container {
  width: 100%;
  box-shadow: 0 10px 10px -10px rgba(71, 84, 139, 0.5);
  padding-bottom: 30px;
  background-color: #FFFFFF;
  position: relative; }
  .group-information .group-links, .group-information .home-link, .material-bank-container .group-links, .material-bank-container .home-link {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px; }
    .group-information .group-links button, .group-information .home-link button, .material-bank-container .group-links button, .material-bank-container .home-link button {
      border: none;
      background-color: initial;
      color: #0065DB; }
      .group-information .group-links button:hover, .group-information .home-link button:hover, .material-bank-container .group-links button:hover, .material-bank-container .home-link button:hover {
        text-decoration: underline; }
    .group-information .group-links a, .group-information .home-link a, .material-bank-container .group-links a, .material-bank-container .home-link a {
      color: #0065DB;
      display: flex;
      align-items: center; }
      .group-information .group-links a i, .group-information .home-link a i, .material-bank-container .group-links a i, .material-bank-container .home-link a i {
        font-size: 11px;
        padding-right: 5px; }
  .group-information .group-information-container, .material-bank-container .group-information-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px; }
    .group-information .group-information-container .group-info, .material-bank-container .group-information-container .group-info {
      flex: 0 25%;
      margin-bottom: 26px; }
      .group-information .group-information-container .group-info p, .material-bank-container .group-information-container .group-info p {
        margin-bottom: 0; }
      .group-information .group-information-container .group-info p:first-child, .material-bank-container .group-information-container .group-info p:first-child {
        color: #244C71;
        font-weight: 600;
        margin-bottom: 6px; }
      .group-information .group-information-container .group-info p:last-child, .material-bank-container .group-information-container .group-info p:last-child {
        color: #000000;
        font-weight: 400; }

.participant-list, .group-meetings, .attendance-list, .material-bank {
  background-color: #FFFFFF; }
  .participant-list .participant-list-container, .participant-list .group-meetings-container, .participant-list .attendance-list-container, .participant-list .material-bank-container, .group-meetings .participant-list-container, .group-meetings .group-meetings-container, .group-meetings .attendance-list-container, .group-meetings .material-bank-container, .attendance-list .participant-list-container, .attendance-list .group-meetings-container, .attendance-list .attendance-list-container, .attendance-list .material-bank-container, .material-bank .participant-list-container, .material-bank .group-meetings-container, .material-bank .attendance-list-container, .material-bank .material-bank-container {
    box-shadow: 0 10px 10px -10px rgba(71, 84, 139, 0.5);
    padding-top: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: scroll; }
    .participant-list .participant-list-container h2, .participant-list .group-meetings-container h2, .participant-list .attendance-list-container h2, .participant-list .material-bank-container h2, .group-meetings .participant-list-container h2, .group-meetings .group-meetings-container h2, .group-meetings .attendance-list-container h2, .group-meetings .material-bank-container h2, .attendance-list .participant-list-container h2, .attendance-list .group-meetings-container h2, .attendance-list .attendance-list-container h2, .attendance-list .material-bank-container h2, .material-bank .participant-list-container h2, .material-bank .group-meetings-container h2, .material-bank .attendance-list-container h2, .material-bank .material-bank-container h2 {
      margin-left: 15px; }
    .participant-list .participant-list-container .meetings-title, .participant-list .group-meetings-container .meetings-title, .participant-list .attendance-list-container .meetings-title, .participant-list .material-bank-container .meetings-title, .group-meetings .participant-list-container .meetings-title, .group-meetings .group-meetings-container .meetings-title, .group-meetings .attendance-list-container .meetings-title, .group-meetings .material-bank-container .meetings-title, .attendance-list .participant-list-container .meetings-title, .attendance-list .group-meetings-container .meetings-title, .attendance-list .attendance-list-container .meetings-title, .attendance-list .material-bank-container .meetings-title, .material-bank .participant-list-container .meetings-title, .material-bank .group-meetings-container .meetings-title, .material-bank .attendance-list-container .meetings-title, .material-bank .material-bank-container .meetings-title {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .participant-list .participant-list-container .meetings-title label, .participant-list .group-meetings-container .meetings-title label, .participant-list .attendance-list-container .meetings-title label, .participant-list .material-bank-container .meetings-title label, .group-meetings .participant-list-container .meetings-title label, .group-meetings .group-meetings-container .meetings-title label, .group-meetings .attendance-list-container .meetings-title label, .group-meetings .material-bank-container .meetings-title label, .attendance-list .participant-list-container .meetings-title label, .attendance-list .group-meetings-container .meetings-title label, .attendance-list .attendance-list-container .meetings-title label, .attendance-list .material-bank-container .meetings-title label, .material-bank .participant-list-container .meetings-title label, .material-bank .group-meetings-container .meetings-title label, .material-bank .attendance-list-container .meetings-title label, .material-bank .material-bank-container .meetings-title label {
        font-weight: 600; }
    .participant-list .participant-list-container #add-new-participant-code-form .submit-button, .participant-list .group-meetings-container #add-new-participant-code-form .submit-button, .participant-list .attendance-list-container #add-new-participant-code-form .submit-button, .participant-list .material-bank-container #add-new-participant-code-form .submit-button, .group-meetings .participant-list-container #add-new-participant-code-form .submit-button, .group-meetings .group-meetings-container #add-new-participant-code-form .submit-button, .group-meetings .attendance-list-container #add-new-participant-code-form .submit-button, .group-meetings .material-bank-container #add-new-participant-code-form .submit-button, .attendance-list .participant-list-container #add-new-participant-code-form .submit-button, .attendance-list .group-meetings-container #add-new-participant-code-form .submit-button, .attendance-list .attendance-list-container #add-new-participant-code-form .submit-button, .attendance-list .material-bank-container #add-new-participant-code-form .submit-button, .material-bank .participant-list-container #add-new-participant-code-form .submit-button, .material-bank .group-meetings-container #add-new-participant-code-form .submit-button, .material-bank .attendance-list-container #add-new-participant-code-form .submit-button, .material-bank .material-bank-container #add-new-participant-code-form .submit-button {
      margin-right: 15px; }
    .participant-list .participant-list-container table, .participant-list .group-meetings-container table, .participant-list .attendance-list-container table, .participant-list .material-bank-container table, .group-meetings .participant-list-container table, .group-meetings .group-meetings-container table, .group-meetings .attendance-list-container table, .group-meetings .material-bank-container table, .attendance-list .participant-list-container table, .attendance-list .group-meetings-container table, .attendance-list .attendance-list-container table, .attendance-list .material-bank-container table, .material-bank .participant-list-container table, .material-bank .group-meetings-container table, .material-bank .attendance-list-container table, .material-bank .material-bank-container table {
      width: 100%; }
      .participant-list .participant-list-container table .table-heading, .participant-list .group-meetings-container table .table-heading, .participant-list .attendance-list-container table .table-heading, .participant-list .material-bank-container table .table-heading, .group-meetings .participant-list-container table .table-heading, .group-meetings .group-meetings-container table .table-heading, .group-meetings .attendance-list-container table .table-heading, .group-meetings .material-bank-container table .table-heading, .attendance-list .participant-list-container table .table-heading, .attendance-list .group-meetings-container table .table-heading, .attendance-list .attendance-list-container table .table-heading, .attendance-list .material-bank-container table .table-heading, .material-bank .participant-list-container table .table-heading, .material-bank .group-meetings-container table .table-heading, .material-bank .attendance-list-container table .table-heading, .material-bank .material-bank-container table .table-heading {
        font-size: 14px;
        color: #2B2D42;
        border-bottom: 1px solid #D8D9E2; }
        .participant-list .participant-list-container table .table-heading th, .participant-list .group-meetings-container table .table-heading th, .participant-list .attendance-list-container table .table-heading th, .participant-list .material-bank-container table .table-heading th, .group-meetings .participant-list-container table .table-heading th, .group-meetings .group-meetings-container table .table-heading th, .group-meetings .attendance-list-container table .table-heading th, .group-meetings .material-bank-container table .table-heading th, .attendance-list .participant-list-container table .table-heading th, .attendance-list .group-meetings-container table .table-heading th, .attendance-list .attendance-list-container table .table-heading th, .attendance-list .material-bank-container table .table-heading th, .material-bank .participant-list-container table .table-heading th, .material-bank .group-meetings-container table .table-heading th, .material-bank .attendance-list-container table .table-heading th, .material-bank .material-bank-container table .table-heading th {
          padding-top: 20px;
          padding-bottom: 13px; }
        .participant-list .participant-list-container table .table-heading th:first-child, .participant-list .group-meetings-container table .table-heading th:first-child, .participant-list .attendance-list-container table .table-heading th:first-child, .participant-list .material-bank-container table .table-heading th:first-child, .group-meetings .participant-list-container table .table-heading th:first-child, .group-meetings .group-meetings-container table .table-heading th:first-child, .group-meetings .attendance-list-container table .table-heading th:first-child, .group-meetings .material-bank-container table .table-heading th:first-child, .attendance-list .participant-list-container table .table-heading th:first-child, .attendance-list .group-meetings-container table .table-heading th:first-child, .attendance-list .attendance-list-container table .table-heading th:first-child, .attendance-list .material-bank-container table .table-heading th:first-child, .material-bank .participant-list-container table .table-heading th:first-child, .material-bank .group-meetings-container table .table-heading th:first-child, .material-bank .attendance-list-container table .table-heading th:first-child, .material-bank .material-bank-container table .table-heading th:first-child {
          padding-left: 15px; }
        .participant-list .participant-list-container table .table-heading .attendance, .participant-list .group-meetings-container table .table-heading .attendance, .participant-list .attendance-list-container table .table-heading .attendance, .participant-list .material-bank-container table .table-heading .attendance, .group-meetings .participant-list-container table .table-heading .attendance, .group-meetings .group-meetings-container table .table-heading .attendance, .group-meetings .attendance-list-container table .table-heading .attendance, .group-meetings .material-bank-container table .table-heading .attendance, .attendance-list .participant-list-container table .table-heading .attendance, .attendance-list .group-meetings-container table .table-heading .attendance, .attendance-list .attendance-list-container table .table-heading .attendance, .attendance-list .material-bank-container table .table-heading .attendance, .material-bank .participant-list-container table .table-heading .attendance, .material-bank .group-meetings-container table .table-heading .attendance, .material-bank .attendance-list-container table .table-heading .attendance, .material-bank .material-bank-container table .table-heading .attendance {
          text-align: left;
          padding-right: 80px; }
      .participant-list .participant-list-container table .participant-row td, .participant-list .participant-list-container table .file-row td, .participant-list .group-meetings-container table .participant-row td, .participant-list .group-meetings-container table .file-row td, .participant-list .attendance-list-container table .participant-row td, .participant-list .attendance-list-container table .file-row td, .participant-list .material-bank-container table .participant-row td, .participant-list .material-bank-container table .file-row td, .group-meetings .participant-list-container table .participant-row td, .group-meetings .participant-list-container table .file-row td, .group-meetings .group-meetings-container table .participant-row td, .group-meetings .group-meetings-container table .file-row td, .group-meetings .attendance-list-container table .participant-row td, .group-meetings .attendance-list-container table .file-row td, .group-meetings .material-bank-container table .participant-row td, .group-meetings .material-bank-container table .file-row td, .attendance-list .participant-list-container table .participant-row td, .attendance-list .participant-list-container table .file-row td, .attendance-list .group-meetings-container table .participant-row td, .attendance-list .group-meetings-container table .file-row td, .attendance-list .attendance-list-container table .participant-row td, .attendance-list .attendance-list-container table .file-row td, .attendance-list .material-bank-container table .participant-row td, .attendance-list .material-bank-container table .file-row td, .material-bank .participant-list-container table .participant-row td, .material-bank .participant-list-container table .file-row td, .material-bank .group-meetings-container table .participant-row td, .material-bank .group-meetings-container table .file-row td, .material-bank .attendance-list-container table .participant-row td, .material-bank .attendance-list-container table .file-row td, .material-bank .material-bank-container table .participant-row td, .material-bank .material-bank-container table .file-row td {
        font-size: 14px;
        padding-top: 16px;
        padding-bottom: 12px;
        border-bottom: 1px solid #E5EEF7; }
        .participant-list .participant-list-container table .participant-row td a, .participant-list .participant-list-container table .file-row td a, .participant-list .group-meetings-container table .participant-row td a, .participant-list .group-meetings-container table .file-row td a, .participant-list .attendance-list-container table .participant-row td a, .participant-list .attendance-list-container table .file-row td a, .participant-list .material-bank-container table .participant-row td a, .participant-list .material-bank-container table .file-row td a, .group-meetings .participant-list-container table .participant-row td a, .group-meetings .participant-list-container table .file-row td a, .group-meetings .group-meetings-container table .participant-row td a, .group-meetings .group-meetings-container table .file-row td a, .group-meetings .attendance-list-container table .participant-row td a, .group-meetings .attendance-list-container table .file-row td a, .group-meetings .material-bank-container table .participant-row td a, .group-meetings .material-bank-container table .file-row td a, .attendance-list .participant-list-container table .participant-row td a, .attendance-list .participant-list-container table .file-row td a, .attendance-list .group-meetings-container table .participant-row td a, .attendance-list .group-meetings-container table .file-row td a, .attendance-list .attendance-list-container table .participant-row td a, .attendance-list .attendance-list-container table .file-row td a, .attendance-list .material-bank-container table .participant-row td a, .attendance-list .material-bank-container table .file-row td a, .material-bank .participant-list-container table .participant-row td a, .material-bank .participant-list-container table .file-row td a, .material-bank .group-meetings-container table .participant-row td a, .material-bank .group-meetings-container table .file-row td a, .material-bank .attendance-list-container table .participant-row td a, .material-bank .attendance-list-container table .file-row td a, .material-bank .material-bank-container table .participant-row td a, .material-bank .material-bank-container table .file-row td a {
          color: #0065DB; }
      .participant-list .participant-list-container table .participant-row td:first-child, .participant-list .participant-list-container table .file-row td:first-child, .participant-list .group-meetings-container table .participant-row td:first-child, .participant-list .group-meetings-container table .file-row td:first-child, .participant-list .attendance-list-container table .participant-row td:first-child, .participant-list .attendance-list-container table .file-row td:first-child, .participant-list .material-bank-container table .participant-row td:first-child, .participant-list .material-bank-container table .file-row td:first-child, .group-meetings .participant-list-container table .participant-row td:first-child, .group-meetings .participant-list-container table .file-row td:first-child, .group-meetings .group-meetings-container table .participant-row td:first-child, .group-meetings .group-meetings-container table .file-row td:first-child, .group-meetings .attendance-list-container table .participant-row td:first-child, .group-meetings .attendance-list-container table .file-row td:first-child, .group-meetings .material-bank-container table .participant-row td:first-child, .group-meetings .material-bank-container table .file-row td:first-child, .attendance-list .participant-list-container table .participant-row td:first-child, .attendance-list .participant-list-container table .file-row td:first-child, .attendance-list .group-meetings-container table .participant-row td:first-child, .attendance-list .group-meetings-container table .file-row td:first-child, .attendance-list .attendance-list-container table .participant-row td:first-child, .attendance-list .attendance-list-container table .file-row td:first-child, .attendance-list .material-bank-container table .participant-row td:first-child, .attendance-list .material-bank-container table .file-row td:first-child, .material-bank .participant-list-container table .participant-row td:first-child, .material-bank .participant-list-container table .file-row td:first-child, .material-bank .group-meetings-container table .participant-row td:first-child, .material-bank .group-meetings-container table .file-row td:first-child, .material-bank .attendance-list-container table .participant-row td:first-child, .material-bank .attendance-list-container table .file-row td:first-child, .material-bank .material-bank-container table .participant-row td:first-child, .material-bank .material-bank-container table .file-row td:first-child {
        padding-left: 15px; }
      .participant-list .participant-list-container table .participant-row td:last-child, .participant-list .participant-list-container table .file-row td:last-child, .participant-list .group-meetings-container table .participant-row td:last-child, .participant-list .group-meetings-container table .file-row td:last-child, .participant-list .attendance-list-container table .participant-row td:last-child, .participant-list .attendance-list-container table .file-row td:last-child, .participant-list .material-bank-container table .participant-row td:last-child, .participant-list .material-bank-container table .file-row td:last-child, .group-meetings .participant-list-container table .participant-row td:last-child, .group-meetings .participant-list-container table .file-row td:last-child, .group-meetings .group-meetings-container table .participant-row td:last-child, .group-meetings .group-meetings-container table .file-row td:last-child, .group-meetings .attendance-list-container table .participant-row td:last-child, .group-meetings .attendance-list-container table .file-row td:last-child, .group-meetings .material-bank-container table .participant-row td:last-child, .group-meetings .material-bank-container table .file-row td:last-child, .attendance-list .participant-list-container table .participant-row td:last-child, .attendance-list .participant-list-container table .file-row td:last-child, .attendance-list .group-meetings-container table .participant-row td:last-child, .attendance-list .group-meetings-container table .file-row td:last-child, .attendance-list .attendance-list-container table .participant-row td:last-child, .attendance-list .attendance-list-container table .file-row td:last-child, .attendance-list .material-bank-container table .participant-row td:last-child, .attendance-list .material-bank-container table .file-row td:last-child, .material-bank .participant-list-container table .participant-row td:last-child, .material-bank .participant-list-container table .file-row td:last-child, .material-bank .group-meetings-container table .participant-row td:last-child, .material-bank .group-meetings-container table .file-row td:last-child, .material-bank .attendance-list-container table .participant-row td:last-child, .material-bank .attendance-list-container table .file-row td:last-child, .material-bank .material-bank-container table .participant-row td:last-child, .material-bank .material-bank-container table .file-row td:last-child {
        padding-right: 15px;
        text-align: right; }
      .participant-list .participant-list-container table .participant-row .participant-number, .participant-list .participant-list-container table .file-row .participant-number, .participant-list .group-meetings-container table .participant-row .participant-number, .participant-list .group-meetings-container table .file-row .participant-number, .participant-list .attendance-list-container table .participant-row .participant-number, .participant-list .attendance-list-container table .file-row .participant-number, .participant-list .material-bank-container table .participant-row .participant-number, .participant-list .material-bank-container table .file-row .participant-number, .group-meetings .participant-list-container table .participant-row .participant-number, .group-meetings .participant-list-container table .file-row .participant-number, .group-meetings .group-meetings-container table .participant-row .participant-number, .group-meetings .group-meetings-container table .file-row .participant-number, .group-meetings .attendance-list-container table .participant-row .participant-number, .group-meetings .attendance-list-container table .file-row .participant-number, .group-meetings .material-bank-container table .participant-row .participant-number, .group-meetings .material-bank-container table .file-row .participant-number, .attendance-list .participant-list-container table .participant-row .participant-number, .attendance-list .participant-list-container table .file-row .participant-number, .attendance-list .group-meetings-container table .participant-row .participant-number, .attendance-list .group-meetings-container table .file-row .participant-number, .attendance-list .attendance-list-container table .participant-row .participant-number, .attendance-list .attendance-list-container table .file-row .participant-number, .attendance-list .material-bank-container table .participant-row .participant-number, .attendance-list .material-bank-container table .file-row .participant-number, .material-bank .participant-list-container table .participant-row .participant-number, .material-bank .participant-list-container table .file-row .participant-number, .material-bank .group-meetings-container table .participant-row .participant-number, .material-bank .group-meetings-container table .file-row .participant-number, .material-bank .attendance-list-container table .participant-row .participant-number, .material-bank .attendance-list-container table .file-row .participant-number, .material-bank .material-bank-container table .participant-row .participant-number, .material-bank .material-bank-container table .file-row .participant-number {
        color: #0ABA8C;
        font-weight: 600; }
      .participant-list .participant-list-container table .participant-row .participant-code, .participant-list .participant-list-container table .file-row .participant-code, .participant-list .group-meetings-container table .participant-row .participant-code, .participant-list .group-meetings-container table .file-row .participant-code, .participant-list .attendance-list-container table .participant-row .participant-code, .participant-list .attendance-list-container table .file-row .participant-code, .participant-list .material-bank-container table .participant-row .participant-code, .participant-list .material-bank-container table .file-row .participant-code, .group-meetings .participant-list-container table .participant-row .participant-code, .group-meetings .participant-list-container table .file-row .participant-code, .group-meetings .group-meetings-container table .participant-row .participant-code, .group-meetings .group-meetings-container table .file-row .participant-code, .group-meetings .attendance-list-container table .participant-row .participant-code, .group-meetings .attendance-list-container table .file-row .participant-code, .group-meetings .material-bank-container table .participant-row .participant-code, .group-meetings .material-bank-container table .file-row .participant-code, .attendance-list .participant-list-container table .participant-row .participant-code, .attendance-list .participant-list-container table .file-row .participant-code, .attendance-list .group-meetings-container table .participant-row .participant-code, .attendance-list .group-meetings-container table .file-row .participant-code, .attendance-list .attendance-list-container table .participant-row .participant-code, .attendance-list .attendance-list-container table .file-row .participant-code, .attendance-list .material-bank-container table .participant-row .participant-code, .attendance-list .material-bank-container table .file-row .participant-code, .material-bank .participant-list-container table .participant-row .participant-code, .material-bank .participant-list-container table .file-row .participant-code, .material-bank .group-meetings-container table .participant-row .participant-code, .material-bank .group-meetings-container table .file-row .participant-code, .material-bank .attendance-list-container table .participant-row .participant-code, .material-bank .attendance-list-container table .file-row .participant-code, .material-bank .material-bank-container table .participant-row .participant-code, .material-bank .material-bank-container table .file-row .participant-code {
        color: #0065DB;
        font-weight: 600; }
      .participant-list .participant-list-container table .participant-row .fa-check, .participant-list .participant-list-container table .file-row .fa-check, .participant-list .group-meetings-container table .participant-row .fa-check, .participant-list .group-meetings-container table .file-row .fa-check, .participant-list .attendance-list-container table .participant-row .fa-check, .participant-list .attendance-list-container table .file-row .fa-check, .participant-list .material-bank-container table .participant-row .fa-check, .participant-list .material-bank-container table .file-row .fa-check, .group-meetings .participant-list-container table .participant-row .fa-check, .group-meetings .participant-list-container table .file-row .fa-check, .group-meetings .group-meetings-container table .participant-row .fa-check, .group-meetings .group-meetings-container table .file-row .fa-check, .group-meetings .attendance-list-container table .participant-row .fa-check, .group-meetings .attendance-list-container table .file-row .fa-check, .group-meetings .material-bank-container table .participant-row .fa-check, .group-meetings .material-bank-container table .file-row .fa-check, .attendance-list .participant-list-container table .participant-row .fa-check, .attendance-list .participant-list-container table .file-row .fa-check, .attendance-list .group-meetings-container table .participant-row .fa-check, .attendance-list .group-meetings-container table .file-row .fa-check, .attendance-list .attendance-list-container table .participant-row .fa-check, .attendance-list .attendance-list-container table .file-row .fa-check, .attendance-list .material-bank-container table .participant-row .fa-check, .attendance-list .material-bank-container table .file-row .fa-check, .material-bank .participant-list-container table .participant-row .fa-check, .material-bank .participant-list-container table .file-row .fa-check, .material-bank .group-meetings-container table .participant-row .fa-check, .material-bank .group-meetings-container table .file-row .fa-check, .material-bank .attendance-list-container table .participant-row .fa-check, .material-bank .attendance-list-container table .file-row .fa-check, .material-bank .material-bank-container table .participant-row .fa-check, .material-bank .material-bank-container table .file-row .fa-check {
        font-size: 12px;
        color: #0ABA8C;
        margin-right: 10px; }
      .participant-list .participant-list-container table .participant-row .fa-times, .participant-list .participant-list-container table .file-row .fa-times, .participant-list .group-meetings-container table .participant-row .fa-times, .participant-list .group-meetings-container table .file-row .fa-times, .participant-list .attendance-list-container table .participant-row .fa-times, .participant-list .attendance-list-container table .file-row .fa-times, .participant-list .material-bank-container table .participant-row .fa-times, .participant-list .material-bank-container table .file-row .fa-times, .group-meetings .participant-list-container table .participant-row .fa-times, .group-meetings .participant-list-container table .file-row .fa-times, .group-meetings .group-meetings-container table .participant-row .fa-times, .group-meetings .group-meetings-container table .file-row .fa-times, .group-meetings .attendance-list-container table .participant-row .fa-times, .group-meetings .attendance-list-container table .file-row .fa-times, .group-meetings .material-bank-container table .participant-row .fa-times, .group-meetings .material-bank-container table .file-row .fa-times, .attendance-list .participant-list-container table .participant-row .fa-times, .attendance-list .participant-list-container table .file-row .fa-times, .attendance-list .group-meetings-container table .participant-row .fa-times, .attendance-list .group-meetings-container table .file-row .fa-times, .attendance-list .attendance-list-container table .participant-row .fa-times, .attendance-list .attendance-list-container table .file-row .fa-times, .attendance-list .material-bank-container table .participant-row .fa-times, .attendance-list .material-bank-container table .file-row .fa-times, .material-bank .participant-list-container table .participant-row .fa-times, .material-bank .participant-list-container table .file-row .fa-times, .material-bank .group-meetings-container table .participant-row .fa-times, .material-bank .group-meetings-container table .file-row .fa-times, .material-bank .attendance-list-container table .participant-row .fa-times, .material-bank .attendance-list-container table .file-row .fa-times, .material-bank .material-bank-container table .participant-row .fa-times, .material-bank .material-bank-container table .file-row .fa-times {
        font-size: 12px;
        color: #CC3E6B;
        margin-right: 10px; }
      .participant-list .participant-list-container table .participant-row .fa-clock, .participant-list .participant-list-container table .file-row .fa-clock, .participant-list .group-meetings-container table .participant-row .fa-clock, .participant-list .group-meetings-container table .file-row .fa-clock, .participant-list .attendance-list-container table .participant-row .fa-clock, .participant-list .attendance-list-container table .file-row .fa-clock, .participant-list .material-bank-container table .participant-row .fa-clock, .participant-list .material-bank-container table .file-row .fa-clock, .group-meetings .participant-list-container table .participant-row .fa-clock, .group-meetings .participant-list-container table .file-row .fa-clock, .group-meetings .group-meetings-container table .participant-row .fa-clock, .group-meetings .group-meetings-container table .file-row .fa-clock, .group-meetings .attendance-list-container table .participant-row .fa-clock, .group-meetings .attendance-list-container table .file-row .fa-clock, .group-meetings .material-bank-container table .participant-row .fa-clock, .group-meetings .material-bank-container table .file-row .fa-clock, .attendance-list .participant-list-container table .participant-row .fa-clock, .attendance-list .participant-list-container table .file-row .fa-clock, .attendance-list .group-meetings-container table .participant-row .fa-clock, .attendance-list .group-meetings-container table .file-row .fa-clock, .attendance-list .attendance-list-container table .participant-row .fa-clock, .attendance-list .attendance-list-container table .file-row .fa-clock, .attendance-list .material-bank-container table .participant-row .fa-clock, .attendance-list .material-bank-container table .file-row .fa-clock, .material-bank .participant-list-container table .participant-row .fa-clock, .material-bank .participant-list-container table .file-row .fa-clock, .material-bank .group-meetings-container table .participant-row .fa-clock, .material-bank .group-meetings-container table .file-row .fa-clock, .material-bank .attendance-list-container table .participant-row .fa-clock, .material-bank .attendance-list-container table .file-row .fa-clock, .material-bank .material-bank-container table .participant-row .fa-clock, .material-bank .material-bank-container table .file-row .fa-clock {
        color: #727483;
        margin-right: 10px; }
      .participant-list .participant-list-container table .participant-row .fa-user-minus, .participant-list .participant-list-container table .file-row .fa-user-minus, .participant-list .group-meetings-container table .participant-row .fa-user-minus, .participant-list .group-meetings-container table .file-row .fa-user-minus, .participant-list .attendance-list-container table .participant-row .fa-user-minus, .participant-list .attendance-list-container table .file-row .fa-user-minus, .participant-list .material-bank-container table .participant-row .fa-user-minus, .participant-list .material-bank-container table .file-row .fa-user-minus, .group-meetings .participant-list-container table .participant-row .fa-user-minus, .group-meetings .participant-list-container table .file-row .fa-user-minus, .group-meetings .group-meetings-container table .participant-row .fa-user-minus, .group-meetings .group-meetings-container table .file-row .fa-user-minus, .group-meetings .attendance-list-container table .participant-row .fa-user-minus, .group-meetings .attendance-list-container table .file-row .fa-user-minus, .group-meetings .material-bank-container table .participant-row .fa-user-minus, .group-meetings .material-bank-container table .file-row .fa-user-minus, .attendance-list .participant-list-container table .participant-row .fa-user-minus, .attendance-list .participant-list-container table .file-row .fa-user-minus, .attendance-list .group-meetings-container table .participant-row .fa-user-minus, .attendance-list .group-meetings-container table .file-row .fa-user-minus, .attendance-list .attendance-list-container table .participant-row .fa-user-minus, .attendance-list .attendance-list-container table .file-row .fa-user-minus, .attendance-list .material-bank-container table .participant-row .fa-user-minus, .attendance-list .material-bank-container table .file-row .fa-user-minus, .material-bank .participant-list-container table .participant-row .fa-user-minus, .material-bank .participant-list-container table .file-row .fa-user-minus, .material-bank .group-meetings-container table .participant-row .fa-user-minus, .material-bank .group-meetings-container table .file-row .fa-user-minus, .material-bank .attendance-list-container table .participant-row .fa-user-minus, .material-bank .attendance-list-container table .file-row .fa-user-minus, .material-bank .material-bank-container table .participant-row .fa-user-minus, .material-bank .material-bank-container table .file-row .fa-user-minus {
        color: #CC3E6B;
        margin-right: 10px; }
      .participant-list .participant-list-container table .participant-row input, .participant-list .participant-list-container table .file-row input, .participant-list .group-meetings-container table .participant-row input, .participant-list .group-meetings-container table .file-row input, .participant-list .attendance-list-container table .participant-row input, .participant-list .attendance-list-container table .file-row input, .participant-list .material-bank-container table .participant-row input, .participant-list .material-bank-container table .file-row input, .group-meetings .participant-list-container table .participant-row input, .group-meetings .participant-list-container table .file-row input, .group-meetings .group-meetings-container table .participant-row input, .group-meetings .group-meetings-container table .file-row input, .group-meetings .attendance-list-container table .participant-row input, .group-meetings .attendance-list-container table .file-row input, .group-meetings .material-bank-container table .participant-row input, .group-meetings .material-bank-container table .file-row input, .attendance-list .participant-list-container table .participant-row input, .attendance-list .participant-list-container table .file-row input, .attendance-list .group-meetings-container table .participant-row input, .attendance-list .group-meetings-container table .file-row input, .attendance-list .attendance-list-container table .participant-row input, .attendance-list .attendance-list-container table .file-row input, .attendance-list .material-bank-container table .participant-row input, .attendance-list .material-bank-container table .file-row input, .material-bank .participant-list-container table .participant-row input, .material-bank .participant-list-container table .file-row input, .material-bank .group-meetings-container table .participant-row input, .material-bank .group-meetings-container table .file-row input, .material-bank .attendance-list-container table .participant-row input, .material-bank .attendance-list-container table .file-row input, .material-bank .material-bank-container table .participant-row input, .material-bank .material-bank-container table .file-row input {
        display: none; }
      .participant-list .participant-list-container table .participant-row button, .participant-list .participant-list-container table .file-row button, .participant-list .group-meetings-container table .participant-row button, .participant-list .group-meetings-container table .file-row button, .participant-list .attendance-list-container table .participant-row button, .participant-list .attendance-list-container table .file-row button, .participant-list .material-bank-container table .participant-row button, .participant-list .material-bank-container table .file-row button, .group-meetings .participant-list-container table .participant-row button, .group-meetings .participant-list-container table .file-row button, .group-meetings .group-meetings-container table .participant-row button, .group-meetings .group-meetings-container table .file-row button, .group-meetings .attendance-list-container table .participant-row button, .group-meetings .attendance-list-container table .file-row button, .group-meetings .material-bank-container table .participant-row button, .group-meetings .material-bank-container table .file-row button, .attendance-list .participant-list-container table .participant-row button, .attendance-list .participant-list-container table .file-row button, .attendance-list .group-meetings-container table .participant-row button, .attendance-list .group-meetings-container table .file-row button, .attendance-list .attendance-list-container table .participant-row button, .attendance-list .attendance-list-container table .file-row button, .attendance-list .material-bank-container table .participant-row button, .attendance-list .material-bank-container table .file-row button, .material-bank .participant-list-container table .participant-row button, .material-bank .participant-list-container table .file-row button, .material-bank .group-meetings-container table .participant-row button, .material-bank .group-meetings-container table .file-row button, .material-bank .attendance-list-container table .participant-row button, .material-bank .attendance-list-container table .file-row button, .material-bank .material-bank-container table .participant-row button, .material-bank .material-bank-container table .file-row button {
        border: initial;
        background-color: initial;
        color: #727483; }
        .participant-list .participant-list-container table .participant-row button .fa-check, .participant-list .participant-list-container table .participant-row button .fa-user-minus, .participant-list .participant-list-container table .file-row button .fa-check, .participant-list .participant-list-container table .file-row button .fa-user-minus, .participant-list .group-meetings-container table .participant-row button .fa-check, .participant-list .group-meetings-container table .participant-row button .fa-user-minus, .participant-list .group-meetings-container table .file-row button .fa-check, .participant-list .group-meetings-container table .file-row button .fa-user-minus, .participant-list .attendance-list-container table .participant-row button .fa-check, .participant-list .attendance-list-container table .participant-row button .fa-user-minus, .participant-list .attendance-list-container table .file-row button .fa-check, .participant-list .attendance-list-container table .file-row button .fa-user-minus, .participant-list .material-bank-container table .participant-row button .fa-check, .participant-list .material-bank-container table .participant-row button .fa-user-minus, .participant-list .material-bank-container table .file-row button .fa-check, .participant-list .material-bank-container table .file-row button .fa-user-minus, .group-meetings .participant-list-container table .participant-row button .fa-check, .group-meetings .participant-list-container table .participant-row button .fa-user-minus, .group-meetings .participant-list-container table .file-row button .fa-check, .group-meetings .participant-list-container table .file-row button .fa-user-minus, .group-meetings .group-meetings-container table .participant-row button .fa-check, .group-meetings .group-meetings-container table .participant-row button .fa-user-minus, .group-meetings .group-meetings-container table .file-row button .fa-check, .group-meetings .group-meetings-container table .file-row button .fa-user-minus, .group-meetings .attendance-list-container table .participant-row button .fa-check, .group-meetings .attendance-list-container table .participant-row button .fa-user-minus, .group-meetings .attendance-list-container table .file-row button .fa-check, .group-meetings .attendance-list-container table .file-row button .fa-user-minus, .group-meetings .material-bank-container table .participant-row button .fa-check, .group-meetings .material-bank-container table .participant-row button .fa-user-minus, .group-meetings .material-bank-container table .file-row button .fa-check, .group-meetings .material-bank-container table .file-row button .fa-user-minus, .attendance-list .participant-list-container table .participant-row button .fa-check, .attendance-list .participant-list-container table .participant-row button .fa-user-minus, .attendance-list .participant-list-container table .file-row button .fa-check, .attendance-list .participant-list-container table .file-row button .fa-user-minus, .attendance-list .group-meetings-container table .participant-row button .fa-check, .attendance-list .group-meetings-container table .participant-row button .fa-user-minus, .attendance-list .group-meetings-container table .file-row button .fa-check, .attendance-list .group-meetings-container table .file-row button .fa-user-minus, .attendance-list .attendance-list-container table .participant-row button .fa-check, .attendance-list .attendance-list-container table .participant-row button .fa-user-minus, .attendance-list .attendance-list-container table .file-row button .fa-check, .attendance-list .attendance-list-container table .file-row button .fa-user-minus, .attendance-list .material-bank-container table .participant-row button .fa-check, .attendance-list .material-bank-container table .participant-row button .fa-user-minus, .attendance-list .material-bank-container table .file-row button .fa-check, .attendance-list .material-bank-container table .file-row button .fa-user-minus, .material-bank .participant-list-container table .participant-row button .fa-check, .material-bank .participant-list-container table .participant-row button .fa-user-minus, .material-bank .participant-list-container table .file-row button .fa-check, .material-bank .participant-list-container table .file-row button .fa-user-minus, .material-bank .group-meetings-container table .participant-row button .fa-check, .material-bank .group-meetings-container table .participant-row button .fa-user-minus, .material-bank .group-meetings-container table .file-row button .fa-check, .material-bank .group-meetings-container table .file-row button .fa-user-minus, .material-bank .attendance-list-container table .participant-row button .fa-check, .material-bank .attendance-list-container table .participant-row button .fa-user-minus, .material-bank .attendance-list-container table .file-row button .fa-check, .material-bank .attendance-list-container table .file-row button .fa-user-minus, .material-bank .material-bank-container table .participant-row button .fa-check, .material-bank .material-bank-container table .participant-row button .fa-user-minus, .material-bank .material-bank-container table .file-row button .fa-check, .material-bank .material-bank-container table .file-row button .fa-user-minus {
          color: #727483;
          margin-left: 10px; }
    .participant-list .participant-list-container .submit-button, .participant-list .group-meetings-container .submit-button, .participant-list .attendance-list-container .submit-button, .participant-list .material-bank-container .submit-button, .group-meetings .participant-list-container .submit-button, .group-meetings .group-meetings-container .submit-button, .group-meetings .attendance-list-container .submit-button, .group-meetings .material-bank-container .submit-button, .attendance-list .participant-list-container .submit-button, .attendance-list .group-meetings-container .submit-button, .attendance-list .attendance-list-container .submit-button, .attendance-list .material-bank-container .submit-button, .material-bank .participant-list-container .submit-button, .material-bank .group-meetings-container .submit-button, .material-bank .attendance-list-container .submit-button, .material-bank .material-bank-container .submit-button {
      float: right;
      margin: 20px 0px;
      background-color: #0ABA8C; }
    .participant-list .participant-list-container a.submit-button, .participant-list .group-meetings-container a.submit-button, .participant-list .attendance-list-container a.submit-button, .participant-list .material-bank-container a.submit-button, .group-meetings .participant-list-container a.submit-button, .group-meetings .group-meetings-container a.submit-button, .group-meetings .attendance-list-container a.submit-button, .group-meetings .material-bank-container a.submit-button, .attendance-list .participant-list-container a.submit-button, .attendance-list .group-meetings-container a.submit-button, .attendance-list .attendance-list-container a.submit-button, .attendance-list .material-bank-container a.submit-button, .material-bank .participant-list-container a.submit-button, .material-bank .group-meetings-container a.submit-button, .material-bank .attendance-list-container a.submit-button, .material-bank .material-bank-container a.submit-button {
      margin-right: 15px;
      background-color: #CC3E6B;
      display: flex;
      justify-content: center;
      align-items: center; }
      .participant-list .participant-list-container a.submit-button:hover, .participant-list .group-meetings-container a.submit-button:hover, .participant-list .attendance-list-container a.submit-button:hover, .participant-list .material-bank-container a.submit-button:hover, .group-meetings .participant-list-container a.submit-button:hover, .group-meetings .group-meetings-container a.submit-button:hover, .group-meetings .attendance-list-container a.submit-button:hover, .group-meetings .material-bank-container a.submit-button:hover, .attendance-list .participant-list-container a.submit-button:hover, .attendance-list .group-meetings-container a.submit-button:hover, .attendance-list .attendance-list-container a.submit-button:hover, .attendance-list .material-bank-container a.submit-button:hover, .material-bank .participant-list-container a.submit-button:hover, .material-bank .group-meetings-container a.submit-button:hover, .material-bank .attendance-list-container a.submit-button:hover, .material-bank .material-bank-container a.submit-button:hover {
        color: #FFFFFF;
        text-decoration: none; }

.attendance-list {
  padding: 40px 0px; }
  .attendance-list table {
    width: 100%;
    table-layout: fixed; }
    .attendance-list table .participant-row td:last-child {
      text-align: center !important;
      padding-right: 0px !important;
      border-right: 0px !important; }
    .attendance-list table .table-heading.rotate .attendance-date {
      transform: rotate(270deg);
      border-left: 1px solid #D8D9E2;
      border-right: 1px solid #D8D9E2;
      padding-left: 25px;
      border-bottom: 1px solid #D8D9E2; }
    .attendance-list table .table-heading.rotate th:first-child {
      width: 35px; }
    .attendance-list table .table-heading.rotate th:nth-child(2) {
      width: 105px; }
    .attendance-list table .table-heading.rotate .attendance-date:last-child {
      border-right: 0px !important; }
    .attendance-list table .attendance-date {
      text-align: center;
      border-bottom: 1px solid #FFFFFF; }
    .attendance-list table .attendance-status {
      text-align: center;
      border-left: 1px solid #D8D9E2;
      border-right: 1px solid #D8D9E2; }

.background-information {
  padding: 30px 0px; }
  .background-information .background-info-form #add-child-btn {
    background-color: #0ABA8C;
    border: initial;
    height: 34px;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 0px 10px; }
  .background-information .background-info-form .buttons {
    display: flex;
    justify-content: space-between; }

.participant-group, .unanswered-questionnaires, .answered-questionnaires {
  height: 105px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 302px;
  margin-top: 50px;
  margin-bottom: 30px; }
  .participant-group .details, .unanswered-questionnaires .details, .answered-questionnaires .details {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 29px;
    font-weight: 600; }
    .participant-group .details span, .unanswered-questionnaires .details span, .answered-questionnaires .details span {
      font-size: 16px;
      font-weight: 400; }
  .participant-group a, .unanswered-questionnaires a, .answered-questionnaires a {
    position: absolute;
    bottom: -25px; }
    .participant-group a i, .unanswered-questionnaires a i, .answered-questionnaires a i {
      margin-left: 2px; }

.participant-group {
  background-color: #CC3E6B;
  color: #FFFFFF; }

.unanswered-questionnaires {
  background-color: #96E694;
  color: #244C71; }

.answered-questionnaires {
  background-color: #244C71;
  color: #FFFFFF; }

table.survey {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0; }
  table.survey .has-errors {
    background: #FDE8E8; }
  table.survey th {
    font-size: 14px;
    padding: 10px; }
  table.survey tbody td {
    text-align: center; }
  table.survey tr td:first-child {
    text-align: left; }
  @media (min-width: 768px) {
    table.survey span {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      overflow: hidden; }
    table.survey td {
      vertical-align: middle !important; }
    table.survey tr td:first-child {
      width: 25%; }
    table.survey tr.choices-5 td:nth-child(2+n) {
      width: 15%; }
    table.survey tr.choices-6 td:nth-child(2+n) {
      width: 12.5%; }
    table.survey tr.choices-7 td:nth-child(n+2) {
      width: 10.71%; }
    table.survey tr.choices-8 td:nth-child(2+n) {
      width: 9.375%; }
    table.survey tr.choices-9 td:nth-child(2+n) {
      width: 8.33%; }
    table.survey tr.choices-10 td:nth-child(2+n) {
      width: 7.5%; } }
  @media (max-width: 768px) {
    table.survey thead {
      display: none; }
    table.survey,
    table.survey tbody,
    table.survey tr,
    table.survey th,
    table.survey td {
      display: block;
      border: none !important; }
    table.survey tr {
      margin: 10px 0; }
    table.survey th {
      margin: 1em 0; }
    table.survey span {
      font-weight: 400; }
    table.survey tr td:first-child {
      font-weight: bold;
      margin-bottom: 6px; }
    table.survey tbody td {
      padding: 1px 0;
      text-align: left; }
    table.survey label span {
      margin-left: 8px; } }
.instruction-grouper {
  margin: 40px 0; }
  .instruction-grouper textarea {
    max-width: 420px; }

.survey-submit-button {
  float: right; }

.coach-survey-header {
  justify-content: space-between;
  display: flex;
  flex-direction: column-reverse;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .coach-survey-header {
      flex-direction: row; } }
.iv-profile {
  background: url(/static/images/IV-profiili.png?c9edf2764436) no-repeat;
  height: 200px;
  width: 200px;
  background-size: contain;
  background-position: 0px 35px; }

.iv-sun {
  background: url(/static/images/ihmeelliset-aurinko.png?c9edf2764436) no-repeat;
  height: 150px;
  max-width: 305px;
  width: 100%;
  background-size: contain; }
  @media screen and (min-width: 768px) {
    .iv-sun {
      width: 100%;
      height: 205px;
      max-width: 460px;
      background-size: cover; } }
.iv-incredible {
  background: url(/static/images/incredible-image.png?c9edf2764436) no-repeat;
  height: 200px;
  width: 200px;
  background-size: contain;
  background-position: center; }

.iv-header {
  background: url(/static/images/sun_and_text_sm.png?c9edf2764436) no-repeat;
  width: 100%;
  background-size: 100%;
  background-position: bottom;
  height: 145px; }
  @media screen and (min-width: 992px) {
    .iv-header {
      background-size: 1065px;
      height: 385px; } }
  @media screen and (min-width: 480px) {
    .iv-header {
      height: 340px; } }
.iv-header-se {
  background: url(/static/images/sun_and_text_se_sm.png?c9edf2764436) no-repeat;
  width: 100%;
  background-size: 100%;
  background-position: bottom;
  height: 145px; }
  @media screen and (min-width: 992px) {
    .iv-header-se {
      background-size: 1065px;
      height: 385px; } }
  @media screen and (min-width: 480px) {
    .iv-header-se {
      height: 340px; } }
.tcm-survey-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px; }

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

.tcm-parent-logo {
  background: url("/static/images/tcm_parent_logo.jpg?82e80e2bb93a") no-repeat;
  background-size: contain;
  height: 75px;
  width: 280px; }

.tcm-stick-figures {
  background: url("/static/images/tcm_stick_figures.jpg?82e80e2bb93a") no-repeat;
  width: 200px;
  background-size: contain;
  height: 75px; }

.survey-tooltip-parent {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px; }
  .survey-tooltip-parent .flex-column {
    gap: 8px; }
  .survey-tooltip-parent .survey-redirect {
    background: #0ABA8C;
    height: 28px;
    border-radius: 10px;
    color: #FFFFFF !important;
    font-weight: 600;
    padding: 5px 10px; }
    .survey-tooltip-parent .survey-redirect:hover {
      text-decoration: none;
      color: #FFFFFF !important; }

.parent-end-survey-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px; }

.parent-end-survey-logo-fi {
  background: url("/static/images/vanhemmuus-aurinko.png?787fc4655477") no-repeat;
  background-size: contain;
  width: 100%;
  height: 110px; }
  @media screen and (min-width: 480px) {
    .parent-end-survey-logo-fi {
      height: 150px; } }
  @media screen and (min-width: 768px) {
    .parent-end-survey-logo-fi {
      height: 200px; } }
  @media screen and (min-width: 992px) {
    .parent-end-survey-logo-fi {
      height: 273px; } }
.parent-end-survey-logo-sv {
  background: url("/static/images/vanhemmuus-header-sv.png?787fc4655477") no-repeat;
  background-size: contain;
  width: 100%;
  height: 110px; }
  @media screen and (min-width: 480px) {
    .parent-end-survey-logo-sv {
      height: 150px; } }
  @media screen and (min-width: 768px) {
    .parent-end-survey-logo-sv {
      height: 200px; } }
  @media screen and (min-width: 992px) {
    .parent-end-survey-logo-sv {
      height: 273px; } }
.survey-listing {
  display: flex;
  flex-direction: column; }

.survey-print-header {
  display: flex;
  justify-content: space-between; }

@media print {
  .print-button {
    display: none; } }

@media print {
  .site-header, .group-information, .group-meetings, .unanswered-coach-questionnaires, .group-header, footer {
    display: none !important; }
  body {
    background-color: initial; }
  .participant-row i, .participant-row td:last-child {
    color: transparent !important; }
  .participant-row td {
    border-bottom: 1px solid #000000 !important;
    padding-top: 20px !important;
    padding-bottom: 16px !important; }
  .table-heading {
    border-bottom: 1px solid #000000 !important; }
  .participant-list-container > h2 {
    display: none; }
  .print-header {
    display: flex;
    justify-content: space-between; }
  .date-underline {
    width: 250px;
    margin-bottom: 20px;
    font-weight: 600; }
    .date-underline .underline {
      border-bottom: 1px solid #000000;
      height: 25px; }
  .attendance-date {
    border-bottom: 1px solid #000000 !important; }
  .table-heading.rotate .attendance-date {
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important; }
  .attendance-status {
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important; }
  .attendance {
    display: none; }
  .attendance-list td:last-child {
    color: initial !important; }
  .print-element {
    display: block !important; }
  .no-print {
    display: none !important; } }

.frontpage-link {
  max-width: 940px;
  margin: 20px auto 0px;
  color: #0065DB;
  display: flex;
  align-items: center; }
  .frontpage-link i {
    font-size: 11px;
    padding-right: 5px; }

.blog-post-content {
  max-width: 940px;
  margin: 20px auto;
  background-color: #FFFFFF;
  border-radius: 30px 30px 30px 30px; }
  .blog-post-content h1 {
    font-size: 38px;
    line-height: 49px;
    color: #0ABA8C; }
  .blog-post-content h2 {
    font-size: 24px;
    line-height: 32px;
    color: #244C71; }
  .blog-post-content h3 {
    color: #244C71;
    font-size: 18px;
    line-height: 30px; }
  .blog-post-content p {
    font-size: 14px;
    line-height: 26px; }
  .blog-post-content .post-main-image img {
    width: 940px;
    height: 385px;
    object-fit: cover;
    border-radius: 30px 30px 0px 0px; }
  .blog-post-content .blog-text-content {
    padding: 20px 80px; }

.blog-post-list .post-list-image img, .blog-post-list .most-recent-image img, .competence-blogs .post-list-image img, .competence-blogs .most-recent-image img {
  border-radius: 20px 20px 0px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover; }
  @media screen and (min-width: 480px) {
    .blog-post-list .post-list-image img, .blog-post-list .most-recent-image img, .competence-blogs .post-list-image img, .competence-blogs .most-recent-image img {
      width: 218px;
      height: 100%;
      object-fit: cover;
      border-radius: 20px 0px 0px 20px; } }
.blog-post-list .blog-post, .competence-blogs .blog-post {
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 20px;
  margin: 30px 0px; }
  .blog-post-list .blog-post h2 a, .competence-blogs .blog-post h2 a {
    color: #244C71;
    font-size: 20px; }
  .blog-post-list .blog-post .post-list-info, .competence-blogs .blog-post .post-list-info {
    padding: 20px 30px; }
    .blog-post-list .blog-post .post-list-info i, .competence-blogs .blog-post .post-list-info i {
      font-size: 11px;
      padding-left: 5px; }
  @media screen and (min-width: 480px) {
    .blog-post-list .blog-post, .competence-blogs .blog-post {
      flex-direction: row; } }
.competence-blogs {
  margin: 30px auto;
  background-color: #FFFFFF;
  border-radius: 20px; }
  .competence-blogs .blogs-listing {
    flex-direction: column; }
    @media screen and (min-width: 480px) {
      .competence-blogs .blogs-listing {
        flex-direction: row; } }
  .competence-blogs .current-news-title {
    padding: 15px 20px; }
  .competence-blogs .most-recent {
    margin: 20px;
    border-bottom: 1px solid #D8D9E2;
    padding-bottom: 5px; }
    .competence-blogs .most-recent h2 {
      color: #244C71; }
    @media screen and (min-width: 480px) {
      .competence-blogs .most-recent {
        flex-basis: 60%;
        border-right: 1px solid #D8D9E2;
        margin: 0px 50px 20px 20px;
        padding-right: 50px;
        border-bottom: 0px;
        padding-bottom: 0px; } }
  .competence-blogs .recent-blogs {
    padding: 20px; }
    @media screen and (min-width: 480px) {
      .competence-blogs .recent-blogs {
        flex-basis: 40%;
        padding: 40px 20px 0px 0px; } }
    .competence-blogs .recent-blogs h3 {
      font-size: 14px;
      line-height: 18px; }
    .competence-blogs .recent-blogs .date {
      font-size: 12px;
      color: #727483; }

body.pdf-body {
  background-color: white !important;
  font-size: 16px; }
  body.pdf-body div {
    padding-left: 0;
    padding-right: 0; }
  body.pdf-body .container-fluid {
    margin-left: 75px !important;
    margin-right: 75px !important;
    margin-top: 75px; }
  body.pdf-body .letter-container {
    margin-top: 46px; }
  body.pdf-body header {
    height: 100px;
    width: 100%; }
    body.pdf-body header .letter-header-container {
      padding-left: 25px;
      padding-right: 75px;
      padding-top: 16px; }
      body.pdf-body header .letter-header-container .voimaperheet-icon {
        position: absolute;
        right: 75px;
        width: 138px;
        height: 108px;
        margin-top: 12px; }
      body.pdf-body header .letter-header-container .yliopisto-icon {
        position: absolute;
        width: 300px;
        height: 120px;
        left: 30px;
        margin-top: 8px;
        margin-left: 22px; }
    body.pdf-body header .pdf-header-container {
      height: 100%;
      width: 100%;
      position: relative;
      padding: 0;
      margin: 0; }
      body.pdf-body header .pdf-header-container .pdf-ty-logo {
        position: absolute;
        left: -30%;
        height: 45%;
        top: 75px; }
      body.pdf-body header .pdf-header-container .pdf-vp-logo {
        position: absolute;
        right: -35%;
        padding-left: 50px;
        height: 60%;
        top: 50px; }
  body.pdf-body p.pdf-date {
    float: right;
    font-weight: bold; }
  body.pdf-body footer {
    border-top: 2px solid #D0CDC8;
    margin-top: 175px;
    padding-top: 40px;
    font-size: 16px; }
    body.pdf-body footer div:nth-child(2) {
      text-align: right; }
  body.pdf-body .info-container {
    border: solid #D0CDC8 2px;
    border-radius: 6px;
    padding-bottom: 16px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px; }
  body.pdf-body h1 {
    padding-top: 16px;
    padding-bottom: 8px;
    color: #636363;
    font-size: 26px;
    font-weight: bold; }
  body.pdf-body p {
    color: #636363; }

h2.pdf-info-title {
  color: #636363;
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 10px;
  margin-top: 22px; }

ul.pdf-ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.pdf-grey-container {
  background-color: rgba(200, 200, 200, 0.4);
  border-radius: 6px;
  width: 100px;
  height: 60px;
  margin: auto; }
  .pdf-grey-container p {
    font-weight: bold;
    color: black !important;
    line-height: 60px;
    margin: auto;
    text-align: center; }

p.pdf-label {
  font-weight: bold !important;
  text-align: center; }

.pdf-time-week {
  padding-bottom: 20px; }
  .pdf-time-week div:first-child {
    padding-top: 35px; }

.pdf-contact-info-container {
  padding-top: 8px;
  padding-bottom: 6px;
  margin-top: 200px; }
  .pdf-contact-info-container h2 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 8px; }
  .pdf-contact-info-container strong {
    font-size: 24px; }
  .pdf-contact-info-container div:nth-child(2) {
    border-right: solid 2px #727483; }
  .pdf-contact-info-container div:nth-child(3) {
    padding-left: 50px; }
  .pdf-contact-info-container .mail-icon {
    position: absolute;
    display: inline;
    left: 0px;
    height: 38px;
    width: 38px; }
  .pdf-contact-info-container .phone-icon {
    position: absolute;
    display: inline;
    left: 0px;
    height: 38px;
    width: 38px; }
  .pdf-contact-info-container .pdf-icon-text {
    padding-left: 50px;
    position: relative;
    display: inline-block;
    line-height: 38px; }
  .pdf-contact-info-container .letter-email-icon {
    width: 38px; }
  .pdf-contact-info-container .letter-phone-icon {
    padding-right: 10px;
    margin-left: 6px; }
  .pdf-contact-info-container .pdf-png-icon-text {
    position: relative;
    display: inline-block;
    line-height: 38px; }
  .pdf-contact-info-container .contact-info-position {
    padding-bottom: 6px; }

.utu-rainbow {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 28px;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }
  .utu-rainbow svg {
    height: 28px;
    width: 100%; }

body.treatment-pdf-body {
  background-color: white !important;
  font-size: 16px;
  margin: 0;
  padding: 0; }
  body.treatment-pdf-body div {
    padding-left: 0;
    padding-right: 0; }
  body.treatment-pdf-body .container-fluid {
    margin-left: 75px !important;
    margin-right: 75px !important; }
  body.treatment-pdf-body h1.pdf-info-title {
    color: #00AAAA;
    padding-top: 25px;
    padding-bottom: 10px;
    font-size: 26px;
    font-weight: bold; }
  body.treatment-pdf-body .info-container {
    border: solid #D0CDC8 2px;
    border-radius: 6px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px; }
    body.treatment-pdf-body .info-container ul.info-ul {
      list-style: none;
      padding-bottom: 10px;
      padding-left: 0;
      margin: 0; }
      body.treatment-pdf-body .info-container ul.info-ul li {
        font-size: 16px; }
    body.treatment-pdf-body .info-container h1.pdf-info-title {
      color: #00AAAA;
      padding-top: 25px;
      padding-bottom: 10px;
      font-size: 32px;
      font-weight: bold; }
  body.treatment-pdf-body .program-info {
    font-size: 14px;
    padding-bottom: 25px; }
  body.treatment-pdf-body .pagebreak {
    clear: both;
    page-break-after: always; }
  body.treatment-pdf-body h3.pdf-summary-title,
  body.treatment-pdf-body h3.pdf-goals-title,
  body.treatment-pdf-body h3.title-block {
    padding: 10px 0 10px 0; }
  body.treatment-pdf-body .graphs-container {
    justify-content: space-between; }
    body.treatment-pdf-body .graphs-container .graph:nth-child(1) {
      padding-right: 10px; }
    body.treatment-pdf-body .graphs-container .graph:nth-child(2) {
      padding-left: 10px; }
    body.treatment-pdf-body .graphs-container .graph .inner {
      padding: 10px;
      border: solid #D0CDC8 2px; }
    body.treatment-pdf-body .graphs-container .graph img {
      display: inline-block;
      margin: 0 auto;
      padding: 10px; }
    body.treatment-pdf-body .graphs-container .graph p {
      font-size: 12px;
      text-align: center;
      padding-top: 10px; }
  body.treatment-pdf-body .questions-container {
    padding-bottom: 50px; }
    body.treatment-pdf-body .questions-container .questions-ul {
      padding-top: 20px;
      padding-bottom: 20px;
      column-count: 2;
      list-style-type: none; }
      body.treatment-pdf-body .questions-container .questions-ul .question {
        font-size: 12px; }
  body.treatment-pdf-body .goals-container {
    padding-bottom: 50px; }
    body.treatment-pdf-body .goals-container .goals ul {
      list-style-type: disc;
      padding-left: 25px; }
    body.treatment-pdf-body .goals-container .goals .fulfilment {
      border-left: solid #636363 2px;
      padding-left: 15px; }
  body.treatment-pdf-body .summary-container {
    font-size: 14px;
    padding-bottom: 50px; }
  body.treatment-pdf-body .summary-text {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px; }
  body.treatment-pdf-body .pdf-regards {
    list-style-type: none;
    padding: 0; }
    body.treatment-pdf-body .pdf-regards li {
      font-size: 16px;
      padding-bottom: 5px; }

body.pdf-header-body {
  font-size: 16px;
  height: 175px;
  margin: 0 !important;
  padding: 0 !important; }
  body.pdf-header-body .pdf-header-container {
    margin-top: 40px !important;
    margin-left: 75px !important;
    margin-right: 75px !important;
    padding: 20px 0 0 0; }
  body.pdf-header-body .pdf-sdq-header-container {
    margin-left: 75px !important;
    margin-right: 75px !important;
    padding: 40px 0 0 0; }
  body.pdf-header-body .pdf-ty-logo {
    padding: 10px; }
    body.pdf-header-body .pdf-ty-logo img {
      height: 100px; }
  body.pdf-header-body .sdq-vp-logo {
    height: 100%;
    padding-top: 30px; }
  body.pdf-header-body .pdf-vp-logo {
    padding: 10px; }
  body.pdf-header-body p.pdf-date {
    color: white;
    text-align: right;
    font-size: 14px;
    padding: 5px 30px 5px 0;
    margin: 0; }
  body.pdf-header-body .sdq-header-left {
    padding: 0; }
    body.pdf-header-body .sdq-header-left .pdf-contact-header {
      color: white;
      margin: 0;
      padding-left: 25px; }
    body.pdf-header-body .sdq-header-left img {
      height: 75px; }

body.pdf-footer-body {
  background-color: white !important;
  font-size: 16px; }
  body.pdf-footer-body .container-fluid {
    margin-left: 75px !important;
    margin-right: 75px !important; }
  body.pdf-footer-body p.p-footer {
    padding: 0;
    line-height: 10px; }
  body.pdf-footer-body p.align-right {
    text-align: right; }
  body.pdf-footer-body a.align-right {
    display: inline-block;
    text-align: right;
    width: 100%; }

body.sdq-pdf-body {
  background-color: white !important;
  font-size: 16px;
  margin: 0;
  padding: 0; }
  body.sdq-pdf-body div {
    padding-left: 0;
    padding-right: 0; }
  body.sdq-pdf-body .container-fluid {
    margin-left: 75px !important;
    margin-right: 75px !important; }
  body.sdq-pdf-body .sdq-info-container {
    padding-top: 50px; }
    body.sdq-pdf-body .sdq-info-container h1.sdq-title {
      color: #00AAAA;
      text-transform: uppercase;
      font-size: 32px;
      text-align: center;
      padding-top: 25px; }
    body.sdq-pdf-body .sdq-info-container .sdq-info-list {
      padding-left: 0;
      list-style-type: none;
      margin-bottom: 0 !important; }
      body.sdq-pdf-body .sdq-info-container .sdq-info-list > li {
        color: black;
        font-size: 14px;
        padding-bottom: 5px; }
    body.sdq-pdf-body .sdq-info-container .sdq-info-data > li {
      color: black;
      font-weight: normal;
      padding-bottom: 5px; }
  body.sdq-pdf-body .sdq-scores-container {
    height: 75px;
    border: 2px solid #000000; }
    body.sdq-pdf-body .sdq-scores-container .first-column {
      height: 100%; }
      body.sdq-pdf-body .sdq-scores-container .first-column p:nth-child(1) {
        font-weight: bold;
        font-size: 12px;
        padding-left: 25px;
        margin-top: 10px; }
      body.sdq-pdf-body .sdq-scores-container .first-column p:nth-child(2) {
        font-size: 10px;
        padding-left: 25px; }
    body.sdq-pdf-body .sdq-scores-container .second-column {
      list-style-type: none; }
      body.sdq-pdf-body .sdq-scores-container .second-column .scores {
        padding-top: 10px; }
        body.sdq-pdf-body .sdq-scores-container .second-column .scores ul {
          list-style-type: none;
          padding: 0; }
          body.sdq-pdf-body .sdq-scores-container .second-column .scores ul li {
            font-weight: bold;
            text-align: center;
            font-size: 10px; }
          body.sdq-pdf-body .sdq-scores-container .second-column .scores ul li:nth-child(2) {
            padding-top: 10px; }
  body.sdq-pdf-body .parents-estimate {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    height: 40px;
    margin-bottom: 25px; }
    body.sdq-pdf-body .parents-estimate .first-column {
      line-height: 40px;
      font-weight: bold;
      font-size: 12px; }
      body.sdq-pdf-body .parents-estimate .first-column p {
        padding-left: 25px; }
    body.sdq-pdf-body .parents-estimate .estimates p {
      font-weight: bold;
      font-size: 10px;
      text-align: center;
      line-height: 40px; }
  body.sdq-pdf-body .sdq-graph .sdq-chart {
    display: block;
    width: 100%;
    object-fit: scale-down; }
  body.sdq-pdf-body .sections-description {
    padding: 20px; }
    body.sdq-pdf-body .sections-description div ul.sections {
      list-style-type: none; }
      body.sdq-pdf-body .sections-description div ul.sections li {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 3px; }
  body.sdq-pdf-body .program-description {
    font-size: 14px; }
    body.sdq-pdf-body .program-description .sdq-info {
      padding-bottom: 10px; }
    body.sdq-pdf-body .program-description p {
      margin-bottom: 0; }

body.pdf-sdq-header-body {
  background-color: white !important;
  font-size: 16px;
  height: 150px;
  margin: 0;
  padding: 0; }
  body.pdf-sdq-header-body div {
    padding-left: 0;
    padding-right: 0; }
  body.pdf-sdq-header-body .container-fluid {
    margin-left: 75px !important;
    margin-right: 75px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  body.pdf-sdq-header-body .sdq-header-left .pdf-contact-header {
    color: white;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 25px; }
  body.pdf-sdq-header-body .sdq-header-left img {
    height: 75px; }
  body.pdf-sdq-header-body p.pdf-date {
    color: white;
    text-align: right;
    font-size: 14px;
    padding: 5px 30px 5px 0;
    margin: 0; }

.fake-bs-row {
  margin-left: -12px;
  margin-right: -12px; }

.fake-bs-col-xs-6 {
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left; }

.fake-bs-col-xs-12 {
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left; }

.fake-bs-col-xs-3 {
  width: 25%;
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
  float: left; }