#adminNCCases {
  margin: 0 2rem 2rem; }
  #adminNCCases > div > button[name="addCase"] {
    background-image: url("/static/img/icons/plus.svg");
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50% 50%;
    border-radius: 100%;
    display: block;
    margin: 0.5rem auto;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem; }
    #adminNCCases > div .adminNCCase {
      position: relative;
      background-color: #e9efff;
      border: solid 1px #bfbfbf;
      border-radius: 0.5rem;
      margin: 0;
      padding: 2rem 0 0; }
      #adminNCCases > div .adminNCCase + .adminNCCase {
        margin-top: 1rem; }
      #adminNCCases > div .adminNCCase > .buttons {
        position: absolute;
        display: flex;
        top: 0.5rem;
        right: 0.5rem; }
        #adminNCCases > div .adminNCCase > .buttons button {
          background-repeat: no-repeat;
          background-size: 50% 50%;
          background-position: 50% 50%;
          border-radius: 100%;
          display: block;
          margin-left: 0.5rem;
          padding: 0;
          width: 1.75rem;
          height: 1.75rem; }
          #adminNCCases > div .adminNCCase > .buttons button[name="moveUp"] {
            background-image: url("/static/img/icons/move-up.svg"); }
          #adminNCCases > div .adminNCCase > .buttons button[name="moveDown"] {
            background-image: url("/static/img/icons/move-down.svg"); }
          #adminNCCases > div .adminNCCase > .buttons button[name="delete"] {
            background-image: url("/static/img/icons/delete.svg"); }
      #adminNCCases > div .adminNCCase .adminNCRuleConditions {
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 1rem 1rem; }
        #adminNCCases > div .adminNCCase .adminNCRuleConditions form > .buttons {
          margin-top: 1rem; }
          #adminNCCases > div .adminNCCase .adminNCRuleConditions form > .buttons input[type="submit"] {
            font-size: 0.875rem;
            height: 1.5rem;
            line-height: 1rem; }
      #adminNCCases > div .adminNCCase .adminNCRuleActions h3 {
        margin: 0 auto 1rem 2rem; }
        #adminNCCases > div .adminNCCase .adminNCRuleActions table {
          width: calc(100% - 4rem);
          margin: 1rem 2rem; }
          #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr th, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr th, #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td {
            text-align: left;
            padding: 0.25rem 0.5rem; }
            #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr th, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr th {
              border-bottom: solid 2px #bfbfbf; }
            #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td {
              border-bottom: solid 1px #bfbfbf; }
              #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td.type, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td.type, #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td.recipient, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td.recipient {
                white-space: nowrap; }
              #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td.template, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td.template {
                width: 100%; }
              #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td.buttons > div, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td.buttons > div {
                display: flex; }
                #adminNCCases > div .adminNCCase .adminNCRuleActions table thead tr td.buttons > div button + button, #adminNCCases > div .adminNCCase .adminNCRuleActions table tbody tr td.buttons > div button + button {
                  margin-left: 0.25rem; }
        #adminNCCases > div .adminNCCase .adminNCRuleActions button[name="addAction"] {
          margin-bottom: 1rem; }

.adminNCRuleCondition {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%; }
  .adminNCRuleCondition + .adminNCRuleCondition {
    margin-top: 0.5rem; }
  .adminNCRuleCondition select, .adminNCRuleCondition input[type="date"], .adminNCRuleCondition input[type="text"], .adminNCRuleCondition input[type='number'] {
    background-color: #fff !important;
    margin: 0 0.5rem 0 0 !important; }
  .adminNCRuleCondition .buttons {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .adminNCRuleCondition .buttons button {
      background-repeat: no-repeat;
      background-size: 50% 50%;
      background-position: 50% 50%;
      border-radius: 100%;
      display: block;
      margin-left: 0.5rem;
      padding: 0;
      width: 1.75rem;
      height: 1.75rem; }
      .adminNCRuleCondition .buttons button[name="remove"] {
        background-color: #e91c1c;
        background-image: url("/static/img/icons/minus.svg"); }
      .adminNCRuleCondition .buttons button[name="add"] {
        background-image: url("/static/img/icons/plus.svg"); }

#adminNCRuleConditions, #adminNCCases, #editRuleDescription {
  background-color: #f1f1f1;
  border: solid 1px #bfbfbf;
  border-radius: 0.5rem;
  padding: 1rem 1rem; }
  #adminNCRuleConditions > form .noItems, #adminNCCases > form .noItems, #editRuleDescription > form .noItems, #adminNCRuleConditions > div .noItems, #adminNCCases > div .noItems, #editRuleDescription > div .noItems {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    #adminNCRuleConditions > form > .buttons, #adminNCCases > form > .buttons, #editRuleDescription > form > .buttons, #adminNCRuleConditions > div > .buttons, #adminNCCases > div > .buttons, #editRuleDescription > div > .buttons {
      margin-top: 1rem; }
    #adminNCRuleConditions > form > .error-message, #adminNCCases > form > .error-message, #editRuleDescription > form > .error-message, #adminNCRuleConditions > div > .error-message, #adminNCCases > div > .error-message, #editRuleDescription > div > .error-message {
      margin-top: 1rem;
      color: #e91c1c; }

#adminNCRuleConditions {
  margin: 0 2rem; }

.selectedItems {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; }
  .selectedItems .selectedItem {
    position: relative;
    background-color: #f1f1f1;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: solid 1px #bfbfbf;
    padding: 0.5rem;
    margin-bottom: 1rem; }
    .selectedItems .selectedItem button {
      position: absolute;
      background-image: url("/static/img/icons/close.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 0.75rem;
      display: block;
      margin-right: auto;
      border-radius: 100%;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem;
      top: -0.5rem;
      right: -0.5rem; }

#adminEditNewsItemPublishedDateTime {
  width: 100%; }
  #adminEditNewsItemPublishedDateTime .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }

#adminProductLevels {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  padding: 0 0.5rem; }
  #adminProductLevels label {
    margin-right: 1.5rem;
    margin-bottom: 0.5rem; }
    #administraceMenu {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      background-color: #1a377d;
      padding: 0;
      width: 100%; }
  #administraceMenu a {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin: 0 0.5rem;
    min-height: 3rem;
    color: #fff; }
    #administraceMenu a:hover, #administraceMenu a.selected {
      text-decoration: none;
      color: #fdef18; }

#attendanceListFooter, #attendanceListFooter4fin {
  flex: 1 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 0.75rem; }

#attendanceListHeader, #attendanceListHeader4fin {
  margin-bottom: 12mm;
  display: flex;
  justify-content: space-between; }
  #attendanceListHeader .left, #attendanceListHeader4fin .left, #attendanceListHeader .right, #attendanceListHeader4fin .right {
    flex: 1 0 auto; }
  #attendanceListHeader .right, #attendanceListHeader4fin .right {
    text-align: right; }
    #attendanceListHeader .right img, #attendanceListHeader4fin .right img {
      width: 60mm; }
  #attendanceListHeader .left, #attendanceListHeader4fin .left {
    font-size: 0.75rem; }

#attendanceListHeader4fin {
  width: 100%;
  align-items: center; }
  #attendanceListHeader4fin .left img {
    width: 30mm; }
  #attendanceListHeader4fin .right img {
    width: 30mm; }

#attendanceListTableHeader {
  font-size: 0.625rem !important;
  background-color: #f1f1f1; }

#cartSummaryComponent h2 {
  text-align: center; }
  #cartSummaryComponent .items, #cartSummaryComponent > .surcharge, #cartSummaryComponent > .total-price, #cartSummaryComponent h3 {
    width: calc(100% - 2rem);
    max-width: 60rem;
    margin: auto; }
  #cartSummaryComponent > .surcharge, #cartSummaryComponent > .total-price {
    display: flex; }
  #cartSummaryComponent .items .item {
    position: relative;
    background-color: #fff;
    border-bottom: solid 1px #1a377d;
    box-sizing: border-box;
    overflow: hidden; }
    #cartSummaryComponent .items .item:last-child {
      margin-bottom: 1rem; }
    #cartSummaryComponent .items .item .top {
      padding: 1rem 0 0; }
      #cartSummaryComponent .items .item .top .icon-and-name {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #cartSummaryComponent .items .item .top .icon-and-name .icon {
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100%;
          flex-shrink: 0;
          margin: 0 0 1rem;
          padding: 0.5rem;
          width: 1.5rem;
          height: 1.5rem; }
        #cartSummaryComponent .items .item .top .icon-and-name .icon img {
          width: 100%;
          height: 100%; }
        #cartSummaryComponent .items .item .top .icon-and-name .product-name {
          font-size: 1rem;
          margin-bottom: 0.25rem; }
        @media (min-width: 30em) {
    #cartSummaryComponent .items .item .top .icon-and-name {
      flex-direction: row;
      justify-content: flex-start; }
      #cartSummaryComponent .items .item .top .icon-and-name .icon {
        margin: 0 1rem 0 0; } }
      #cartSummaryComponent .items .item .top hr {
        background-color: #fff;
        border: none;
        margin: 0.5rem 0;
        height: 1px; }
      #cartSummaryComponent .items .item .top .related-product {
        margin: 0.5rem 0 0.25rem; }
      #cartSummaryComponent .items .item .top .term {
        font-size: 0.9rem; }
    #cartSummaryComponent .items .item.exam-zkouska-efa .top .icon {
      background-color: #487bbc; }
    #cartSummaryComponent .items .item.exam-zkouska-efp .top .icon {
      background-color: #e2b400; }
    #cartSummaryComponent .items .item.exam-zkouska-pfp .top .icon {
      background-color: #6fb4da; }
    #cartSummaryComponent .items .item.exam-zkousky-zpkt .top .icon, #cartSummaryComponent .items .item.exam-zkouska-uvery .top .icon, #cartSummaryComponent .items .item.exam-zkouska-podle-zakona-zpkt .top .icon, #cartSummaryComponent .items .item.exam-zkouska-zpkt-2018 .top .icon, #cartSummaryComponent .items .item.exam-consumer-credit-en .top .icon, #cartSummaryComponent .items .item.exam-zkouska-zdpz .top .icon, #cartSummaryComponent .items .item.exam-zkouska-podle-zakona-zdpz .top .icon, #cartSummaryComponent .items .item.exam-zpkt-en .top .icon {
      background-color: #a6cd5c; }
    #cartSummaryComponent .items .item.course-investice .top .icon {
      background-color: #eeae28; }
    #cartSummaryComponent .items .item.course-uvery .top .icon {
      background-color: #517ba4; }
    #cartSummaryComponent .items .item.course-pojistky .top .icon {
      background-color: #4abeda; }
    #cartSummaryComponent .items .item.course-penze .top .icon {
      background-color: #8fbc7e; }
    #cartSummaryComponent .items .item.course-obecne .top .icon {
      background-color: #be6e46; }
    #cartSummaryComponent .items .item.course-soft .top .icon {
      background-color: #a63d40; }
    #cartSummaryComponent .items .item.course-reality .top .icon {
      background-color: #29335c; }
    #cartSummaryComponent .items .item.course-legislativa .top .icon {
      background-color: #44af69; }
    #cartSummaryComponent .items .item.course-bankovnictvi .top .icon {
      background-color: #f08a4b; }
    #cartSummaryComponent .items .item .bottom {
      padding: 0 0 1rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #cartSummaryComponent .items .item .bottom .left .users {
        padding-top: 0.5rem;
        font-size: 0.75rem; }
        #cartSummaryComponent .items .item .bottom .left .users .user {
          padding-left: 0.5rem; }
      #cartSummaryComponent .items .item .bottom .right {
        align-self: flex-end;
        margin-left: auto; }
        #cartSummaryComponent .items .item .bottom .right .unit-price, #cartSummaryComponent .items .item .bottom .right .number-of-participants, #cartSummaryComponent .items .item .bottom .right .discount, #cartSummaryComponent .items .item .bottom .right .surcharge, #cartSummaryComponent .items .item .bottom .right .total-price {
          display: flex;
          margin-top: 0.25rem; }
        #cartSummaryComponent .items .item .bottom .right .unit-price .label, #cartSummaryComponent .items .item .bottom .right .number-of-participants .label, #cartSummaryComponent .items .item .bottom .right .discount .label, #cartSummaryComponent .items .item .bottom .right .surcharge .label, #cartSummaryComponent .items .item .bottom .right .total-price .label {
          margin: 0 0.5rem 0 auto; }
          #cartSummaryComponent .items .item .bottom .right .unit-price .label:after, #cartSummaryComponent .items .item .bottom .right .number-of-participants .label:after, #cartSummaryComponent .items .item .bottom .right .discount .label:after, #cartSummaryComponent .items .item .bottom .right .surcharge .label:after, #cartSummaryComponent .items .item .bottom .right .total-price .label:after {
            content: ":"; }
        #cartSummaryComponent .items .item .bottom .right .unit-price, #cartSummaryComponent .items .item .bottom .right .number-of-participants {
          font-size: 0.9rem; }
        #cartSummaryComponent .items .item .bottom .right .discount .value, #cartSummaryComponent .items .item .bottom .right .surcharge .value, #cartSummaryComponent .items .item .bottom .right .total-price .value {
          font-weight: bold;
          color: #1a377d; }
        #cartSummaryComponent .items .item .bottom .right .discount {
          margin-top: 1rem; }
  #cartSummaryComponent .vouchers .voucher {
    display: flex;
    align-items: center; }
    #cartSummaryComponent .vouchers .voucher .label, #cartSummaryComponent .vouchers .voucher .code {
      margin-right: 0.5rem; }
    #cartSummaryComponent .vouchers .voucher .label:after {
      content: ":"; }
    #cartSummaryComponent .vouchers .voucher .code {
      font-weight: bold;
      color: #1a377d; }
  #cartSummaryComponent > .surcharge, #cartSummaryComponent > .total-price {
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 2rem; }
    #cartSummaryComponent > .surcharge .row, #cartSummaryComponent > .total-price .row {
      display: flex; }
    #cartSummaryComponent > .surcharge .row .label, #cartSummaryComponent > .total-price .row .label {
      margin-right: 0.5rem; }
      #cartSummaryComponent > .surcharge .row .label:after, #cartSummaryComponent > .total-price .row .label:after {
        content: ":"; }
    #cartSummaryComponent > .surcharge .row .value, #cartSummaryComponent > .total-price .row .value {
      font-weight: bold;
      color: #1a377d; }
  #cartSummaryComponent > .zero-quantity-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem; }
  #cartSummaryComponent > .invoicing-and-payment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - 2rem); }
    #cartSummaryComponent > .invoicing-and-payment h3 {
      text-align: center; }
    #cartSummaryComponent > .invoicing-and-payment > .company, #cartSummaryComponent > .invoicing-and-payment > .privatePerson, #cartSummaryComponent > .invoicing-and-payment > .payment-method {
      border-radius: 0.5rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%; }
    #cartSummaryComponent > .invoicing-and-payment > .company .row, #cartSummaryComponent > .invoicing-and-payment > .privatePerson .row, #cartSummaryComponent > .invoicing-and-payment > .payment-method .row {
      display: flex;
      margin-bottom: 0.25rem;
      width: 100%; }
      #cartSummaryComponent > .invoicing-and-payment > .company .row.name, #cartSummaryComponent > .invoicing-and-payment > .privatePerson .row.name, #cartSummaryComponent > .invoicing-and-payment > .payment-method .row.name {
        flex-direction: column; }
      #cartSummaryComponent > .invoicing-and-payment > .company .row label, #cartSummaryComponent > .invoicing-and-payment > .privatePerson .row label, #cartSummaryComponent > .invoicing-and-payment > .payment-method .row label {
        white-space: nowrap;
        margin-right: 0.5rem;
        color: #1a377d; }
        #cartSummaryComponent > .invoicing-and-payment > .company .row label:after, #cartSummaryComponent > .invoicing-and-payment > .privatePerson .row label:after, #cartSummaryComponent > .invoicing-and-payment > .payment-method .row label:after {
          content: ":"; }
      #cartSummaryComponent > .invoicing-and-payment > .company .row.note, #cartSummaryComponent > .invoicing-and-payment > .privatePerson .row.note, #cartSummaryComponent > .invoicing-and-payment > .payment-method .row.note {
        flex-direction: column; }
    #cartSummaryComponent > .invoicing-and-payment > .payment-method {
      margin: 1rem 0 2rem; }
  #cartSummaryComponent a.add-items, #cartSummaryComponent a.repair-invoicing, #cartSummaryComponent a.choose-payment-method {
    margin-bottom: 1rem; }

#cartMenu {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem auto;
  width: calc(100% - 2rem);
  max-width: 40rem; }
  #cartMenu .line {
    position: absolute;
    background-color: #1a377d;
    width: 75%;
    height: 0.125rem;
    top: 1rem;
    left: 12.5%;
    right: 12.5%; }
  #cartMenu .item {
    margin: 0 0.5rem;
    width: 25%; }
    #cartMenu .item a {
      position: relative;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
    #cartMenu .item a .number {
      background-color: #fff;
      border-radius: 100%;
      border: solid 2px #1a377d;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0.25rem;
      width: 2rem;
      height: 2rem; }
    #cartMenu .item a .title {
      font-size: 0.75rem;
      min-height: 2.5rem; }
    #cartMenu .item a:hover {
      text-decoration: none; }
    #cartMenu .item a.active .number, #cartMenu .item a:hover .number {
      background-color: #1a377d;
      color: #fff; }

#conferencesList ul {
  list-style-type: none;
  padding-left: 0; }
  #conferencesList ul li {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    font-size: 1.75rem;
    font-weight: bold;
    padding: 0 2.5rem;
    width: calc(100% - 5rem);
    height: 6rem;
    color: #000; }

#dashboard2Group .group-logo-wrapper {
  background-color: white;
  padding: 0.5rem;
  margin: auto;
  margin-bottom: 1rem; }
  #dashboard2Group .group-logo-wrapper .group-logo {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 10rem;
    height: 4rem;
    margin: auto; }
  #dashboard2Group .dashboard-left-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 1rem; }
  #dashboard2Group .dashboard-left-link .text {
    margin-right: 0.25rem;
    padding-bottom: 1px; }
  #dashboard2Group .dashboard-left-link:hover .vzdelavani {
    background-position-y: -2.1rem; }
  #dashboard2Group .dashboard-left-link:hover .text {
    color: white;
    border-bottom: 1px solid #fdef18;
    padding-bottom: 0; }

#dashboard2Menu .items a.link {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  text-decoration: none; }
  #dashboard2Menu .items a.link span {
    padding-bottom: 2px; }
  #dashboard2Menu .items a.link.active .dashboard-icon, #dashboard2Menu .items a.link:hover .dashboard-icon {
    background-position-y: -2.05rem; }
    #dashboard2Menu .items a.link.active span, #dashboard2Menu .items a.link:hover span {
      color: white;
      border-bottom: 2px solid #fdef18;
      padding-bottom: 0; }

#dashboard2News h3 {
  margin-bottom: 1rem; }
  #dashboard2News h3 a:hover {
    text-decoration: none;
    color: white;
    border-bottom: 2px solid #fdef18;
    padding-bottom: 0; }
  #dashboard2News a.new-item {
    text-decoration: none;
    width: 100%;
    display: block;
    margin-bottom: 2rem; }
  #dashboard2News a.new-item .more {
    font-size: 0.875rem;
    width: 100%;
    display: flex;
    align-items: center; }
  #dashboard2News a.new-item .more .text {
    margin-right: 0.5rem; }

#dashboard2PageWrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  box-sizing: border-box;
  margin: auto;
  width: 100%;
  max-width: 100rem;
  font-family: Roboto, sans-serif;
  background-image: linear-gradient(#341976, #05377e); }
  #dashboard2PageWrapper h2 {
    font-weight: bold; }
  #dashboard2PageWrapper h3 {
    font-size: 1.25rem;
    font-weight: bold;
    font-family: RobotoSlab, serif; }
  #dashboard2PageWrapper .dashboard-icon {
    background-image: url('/static/img/icons/SVG_sprite_dashboard_menu_2.svg');
    background-repeat: no-repeat;
    background-size: 20rem 13rem;
    background-position: 0 -3.9rem;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    display: block;
    flex-shrink: 0; }
  #dashboard2PageWrapper .dashboard-icon.Passed {
    background-position-y: -6rem;
    background-position-x: -10rem; }
  #dashboard2PageWrapper .dashboard-icon.Failed {
    background-position-y: -6rem;
    background-position-x: -4rem; }
  #dashboard2PageWrapper .dashboard-icon.NotAttended {
    background-position-y: -6rem;
    background-position-x: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.ForgivenAbsence {
    background-position-y: -6rem;
    background-position-x: -8rem; }
  #dashboard2PageWrapper .dashboard-icon.Expired {
    background-position-y: -6rem;
    background-position-x: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.cert {
    background-position-y: -6rem;
    background-position-x: -12rem; }
  #dashboard2PageWrapper .dashboard-icon.cert-fail {
    background-position-y: -6rem;
    background-position-x: -14rem; }
  #dashboard2PageWrapper .dashboard-icon.arrow-right-yellow {
    background-position-y: 0;
    background-position-x: 0; }
  #dashboard2PageWrapper .dashboard-icon.arrow-right {
    background-position-y: 0;
    background-position-x: -2rem; }
  #dashboard2PageWrapper .dashboard-icon.arrow-down {
    background-position-y: 0;
    background-position-x: -4rem; }
  #dashboard2PageWrapper .dashboard-icon.arrow-up {
    background-position-y: 0;
    background-position-x: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.arrow-down-grey {
    background-position-y: 0;
    background-position-x: -4rem; }
  #dashboard2PageWrapper .dashboard-icon.arrow-up-grey {
    background-position-y: 0;
    background-position-x: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.objednavky {
    background-position-x: -2rem; }
  #dashboard2PageWrapper .dashboard-icon.certifikaty {
    background-position-x: -4rem; }
  #dashboard2PageWrapper .dashboard-icon.efa-efp {
    background-position-x: -8rem; }
  #dashboard2PageWrapper .dashboard-icon.nasledne-vzdelavani {
    background-position-x: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.muj-tym {
    background-position-x: -10rem; }
  #dashboard2PageWrapper .dashboard-icon.settings {
    background-position-x: -10rem; }
  #dashboard2PageWrapper .dashboard-icon.exclamation {
    background-position-y: -6rem;
    background-position-x: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.instructions {
    background-position-y: -6rem;
    background-position-x: -16rem; }
  #dashboard2PageWrapper .dashboard-icon.change-term {
    background-position-y: -6rem;
    background-position-x: -18rem; }
  #dashboard2PageWrapper .dashboard-icon.klikev {
    margin-right: 0;
    background-position-x: -0.05rem;
    background-position-y: -6rem; }
  #dashboard2PageWrapper .dashboard-icon.klikev.opened {
    background-position-x: -2rem; }
  #dashboard2PageWrapper > .left, #dashboard2PageWrapper > .right {
    width: 100%; }
  #dashboard2PageWrapper > .left {
    margin-bottom: 1rem;
    color: #978ebc;
    font-size: 1.125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: flex-start; }
  #dashboard2PageWrapper > .left a {
    color: inherit; }
  #dashboard2PageWrapper > .left > div + div {
    border-top: 1px solid #231665; }
  #dashboard2PageWrapper > .left > div {
    padding: 2rem; }
  #dashboard2PageWrapper > .right > .block {
    background-color: #dcdddf;
    box-sizing: border-box;
    padding: 1rem; }
  #dashboard2PageWrapper > .right > .block:first-child {
    padding-top: 2rem; }
  #dashboard2PageWrapper > .right > .block.transparent {
    background-color: transparent; }
    #dashboard2PageWrapper > .right > .block.transparent h2 {
      color: #978ebc;
      text-transform: none;
      font-weight: bold;
      font-size: 2rem;
      margin-bottom: 2rem; }
  #dashboard2PageWrapper > .right > .block.list {
    overflow-x: auto; }
  #dashboard2PageWrapper > .right > .block > .box {
    background-color: white;
    box-sizing: border-box;
    padding: 1rem; }
    #dashboard2PageWrapper > .right > .block > .box h2 {
      color: #1a377d;
      text-transform: none;
      font-weight: bold;
      font-size: 2rem;
      margin-bottom: 2rem; }
  #dashboard2PageWrapper > .right > .block table {
    width: 100%; }
    #dashboard2PageWrapper > .right > .block table thead tr th, #dashboard2PageWrapper > .right > .block table tbody tr th, #dashboard2PageWrapper > .right > .block table thead tr td, #dashboard2PageWrapper > .right > .block table tbody tr td {
      text-align: left;
      font-size: 0.9rem; }
      #dashboard2PageWrapper > .right > .block table thead tr th .archive-header, #dashboard2PageWrapper > .right > .block table tbody tr th .archive-header, #dashboard2PageWrapper > .right > .block table thead tr td .archive-header, #dashboard2PageWrapper > .right > .block table tbody tr td .archive-header {
        padding: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        cursor: pointer; }
        #dashboard2PageWrapper > .right > .block table thead tr th .archive-header .title, #dashboard2PageWrapper > .right > .block table tbody tr th .archive-header .title, #dashboard2PageWrapper > .right > .block table thead tr td .archive-header .title, #dashboard2PageWrapper > .right > .block table tbody tr td .archive-header .title {
          color: #1a377d;
          font-size: 1.5rem; }
        #dashboard2PageWrapper > .right > .block table thead tr th .archive-header .counter, #dashboard2PageWrapper > .right > .block table tbody tr th .archive-header .counter, #dashboard2PageWrapper > .right > .block table thead tr td .archive-header .counter, #dashboard2PageWrapper > .right > .block table tbody tr td .archive-header .counter {
          margin-left: 0.25rem;
          width: 1.5rem; }
        #dashboard2PageWrapper > .right > .block table thead tr th .archive-header .klikev, #dashboard2PageWrapper > .right > .block table tbody tr th .archive-header .klikev, #dashboard2PageWrapper > .right > .block table thead tr td .archive-header .klikev, #dashboard2PageWrapper > .right > .block table tbody tr td .archive-header .klikev {
          margin-left: 0.5rem; }
      #dashboard2PageWrapper > .right > .block table thead tr th.center, #dashboard2PageWrapper > .right > .block table tbody tr th.center, #dashboard2PageWrapper > .right > .block table thead tr td.center, #dashboard2PageWrapper > .right > .block table tbody tr td.center {
        text-align: center; }
    #dashboard2PageWrapper > .right > .block table thead tr th {
      white-space: nowrap;
      background-color: #f5f5f5;
      padding: 1.5rem 0.5rem;
      color: #9ea5be;
      font-weight: normal; }
    #dashboard2PageWrapper > .right > .block table tbody tr {
      border-bottom: 1px solid #f2f2f2; }
      #dashboard2PageWrapper > .right > .block table tbody tr td {
        padding: 0.125rem 0.5rem; }
      #dashboard2PageWrapper > .right > .block table tbody tr td a.small.button, #dashboard2PageWrapper > .right > .block table tbody tr td button.small {
        text-transform: none;
        background: linear-gradient(0, #f1f1f1, white);
        color: black;
        padding: 0.125rem 0.3rem;
        line-height: normal;
        box-sizing: border-box;
        min-width: auto;
        font-size: 0.875rem;
        border-radius: 0.125rem;
        border: 1px solid #bfbfbf; }
        #dashboard2PageWrapper > .right > .block table tbody tr td a.small.button:hover, #dashboard2PageWrapper > .right > .block table tbody tr td button.small:hover {
          background: linear-gradient(0, white, #f1f1f1); }
      #dashboard2PageWrapper > .right > .block table tbody tr td a.small {
        height: 1.75rem; }
      #dashboard2PageWrapper > .right > .block table tbody tr td.activity .activity-row {
        padding: 0.25rem 1rem;
        box-sizing: border-box; }
      #dashboard2PageWrapper > .right > .block table tbody tr td.term .actions {
        display: flex;
        justify-content: center; }
        #dashboard2PageWrapper > .right > .block table tbody tr td.term .actions .dashboard-icon:last-child {
          margin-right: 0; }
  @media (min-width: 55em) {
  #dashboard2PageWrapper {
    flex-direction: row;
    justify-content: center; }
    #dashboard2PageWrapper > .left {
      flex-shrink: 0;
      margin-right: 1rem;
      width: 17rem;
      display: block; }

    #dashboard2PageWrapper > .right {
      flex-grow: 1;
      width: calc(100% - 18rem); }
      #dashboard2PageWrapper > .right .block {
        padding: 2.25rem 3rem; }
        #dashboard2PageWrapper > .right .block > .box {
          padding: 2rem; } }

#dashboardCommissariatoPastTermTable {
  width: 100%;
  overflow: auto;
  max-width: 100%; }
  #dashboardCommissariatoPastTermTable #adminTable table {
    width: 100%;
    border: none; }
  #dashboardCommissariatoPastTermTable #adminTable table th, #dashboardCommissariatoPastTermTable #adminTable table td {
    border: none; }
    #dashboardCommissariatoPastTermTable #adminTable table th .sectors, #dashboardCommissariatoPastTermTable #adminTable table td .sectors, #dashboardCommissariatoPastTermTable #adminTable table th .commissars, #dashboardCommissariatoPastTermTable #adminTable table td .commissars {
      flex-direction: column;
      align-items: flex-start; }
    #dashboardCommissariatoPastTermTable #adminTable table th .commissars, #dashboardCommissariatoPastTermTable #adminTable table td .commissars {
      width: 10rem; }

.dashboardCommissariatoTable tfoot tr td {
  text-align: center;
  padding: 0.5rem 0; }

#dashboardCommissariatoTermChat {
  background-color: #7dbc4e;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 15rem; }
  #dashboardCommissariatoTermChat a.head {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #dashboardCommissariatoTermChat a.head:hover {
    text-decoration: none; }
  #dashboardCommissariatoTermChat a.head h2 {
    margin: 0;
    padding: 0.5rem;
    line-height: 1.5rem;
    color: #fff; }
  #dashboardCommissariatoTermChat a.head button[name="hide"] {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 2rem;
    height: 1.5rem;
    color: #fff; }
  #dashboardCommissariatoTermChat a.head button[name="hide"] .dash {
    background-color: #fff;
    width: 0.75rem;
    height: 0.25rem; }
  #dashboardCommissariatoTermChat.hidden {
    min-height: initial; }
  #dashboardCommissariatoTermChat.hidden > .messages, #dashboardCommissariatoTermChat.hidden > form {
    display: none; }
  #dashboardCommissariatoTermChat .messages {
    background-color: #fff;
    flex-grow: 1;
    padding: 0.5rem 1rem;
    overflow-y: auto; }
  #dashboardCommissariatoTermChat .messages .message {
    border-radius: 0.5rem;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #f1f1f1;
    margin-bottom: 0.5rem;
    padding: 0.5rem; }
  #dashboardCommissariatoTermChat .messages .message.type-2 {
    background-color: #d8f1ff; }
  #dashboardCommissariatoTermChat .messages .message .user-and-time {
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem; }
  #dashboardCommissariatoTermChat .messages .message .text {
    font-size: 0.875rem; }
  #dashboardCommissariatoTermChat form {
    background-color: #fff;
    border-top: solid #bfbfbf 1px;
    flex-shrink: 0; }
  #dashboardCommissariatoTermChat form .time-and-type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem 1rem 0.25rem; }
  #dashboardCommissariatoTermChat form .time-and-type button[name="preparedMessages"] {
    flex-shrink: 0;
    border-radius: 100%;
    margin-right: 0.5rem;
    padding: 0;
    min-width: initial;
    width: 2rem;
    height: 2rem; }
  #dashboardCommissariatoTermChat form .time-and-type #timePicker\.msgTime {
    margin: 0 0.5rem 0 0;
    padding: 1px 0; }
    #dashboardCommissariatoTermChat form .time-and-type #timePicker\.msgTime > input, #dashboardCommissariatoTermChat form .time-and-type #timePicker\.msgTime > span {
      font-size: 0.875rem; }
  #dashboardCommissariatoTermChat form .time-and-type select[name="msgType"] {
    width: 100%; }
  #dashboardCommissariatoTermChat form .text-and-submit {
    position: relative;
    padding: 0.25rem 1rem 0.5rem; }
  #dashboardCommissariatoTermChat form .text-and-submit textarea[name="msgText"] {
    border-radius: 1rem;
    font-size: 0.875rem;
    margin-bottom: 0;
    padding: 0.25rem 3rem 0.25rem 1rem;
    height: 1.5rem;
    line-height: 1.5;
    width: 100%;
    max-height: 10rem; }
    #dashboardCommissariatoTermChat form .text-and-submit textarea[name="msgText"]:not(:placeholder-shown) + button[name="submit"] {
      display: flex; }
  #dashboardCommissariatoTermChat form .text-and-submit button[name="submit"] {
    position: absolute;
    background-color: #79be48;
    border-radius: 100%;
    display: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: calc(1.6rem - 2px);
    height: calc(1.6rem - 2px);
    color: #fff;
    bottom: calc(0.75rem + 4px);
    right: calc(1rem + 4px); }

.packageRow td .mainTitle {
  color: #1a377d;
  font-weight: bold;
  font-size: 1.25rem !important;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  cursor: pointer; }

.packageProducts tr {
  border-bottom-color: white !important; }
  .packageProducts tr td {
    border-bottom: none !important;
    background-color: #f2f2f2 !important; }
  .packageProducts tr td .detailsSpacer {
    width: 3rem;
    flex-shrink: 0; }
  .packageProducts tr td .detailsWrap {
    width: 2rem;
    margin-right: 1rem;
    cursor: pointer; }

#dashboardRecommendedOffers .recommended-offers {
  width: 100%; }
  #dashboardRecommendedOffers .recommended-offers .product-wrap {
    display: flex;
    margin-bottom: 1rem; }
  #dashboardRecommendedOffers .recommended-offers .product-wrap .product-details {
    flex-grow: 1; }
    #dashboardRecommendedOffers .recommended-offers .product-wrap .product-details .product-name {
      color: #1a377d;
      margin-bottom: 0.5rem;
      font-weight: bold; }

.product {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  justify-content: space-between;
  flex-direction: column;
  align-items: center; }
  .product .p-left {
    flex-shrink: 0;
    width: 7.25rem;
    height: 4.75rem;
    margin-right: 1rem; }
  .product .p-left .image {
    width: 100%;
    height: 100%;
    background-color: #efefef;
    background-size: cover;
    background-position: center center; }
  .product .p-center {
    flex-grow: 1;
    padding-top: 0.25rem;
    margin-right: auto; }
  .product .p-center .title {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0.25rem; }
  .product .p-center .description {
    margin: 0;
    font-family: Roboto;
    font-size: 0.875rem;
    color: black;
    margin-bottom: 0.25rem; }
  .product .p-center .bot {
    display: flex;
    flex-wrap: wrap;
    justify-content: end; }
  .product .p-center .bot .info {
    display: flex; }
    .product .p-center .bot .info .credits, .product .p-center .bot .info .studyTime {
      font-size: 0.875rem;
      margin-right: 0.5rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .product .p-center .bot .info .credits img, .product .p-center .bot .info .studyTime img {
        height: 1.5rem;
        margin-right: 0.25rem; }
  .product .p-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 1rem;
    flex-direction: column; }
  .product .p-right progress {
    display: block;
    margin: auto;
    margin-bottom: 0.5rem;
    width: 5rem;
    /* Reset the default appearance */
    height: 1rem;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  .product .p-right progress::-webkit-progress-bar {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  .product .p-right progress::-webkit-progress-value {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem;
    /* Firefox */ }
  .product .p-right progress::-moz-progress-bar {
    background-color: white;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  .product .p-right .button {
    display: block;
    background-color: white;
    border: 1px solid #01bf8c;
    color: #01bf8c;
    font-family: Roboto;
    margin-bottom: 0.5rem; }
  .product:last-child {
    border-bottom: none; }
  .product:last-child .p-right .button {
    margin-bottom: 0; }
  @media screen and (min-width: 35em) {
  .product {
    flex-direction: row;
    align-items: initial; } }

#sectorCreditsMaintainer .topStripe {
  display: flex;
  justify-content: space-between; }
  #sectorCreditsMaintainer .topStripe .filter h3 {
    color: #1a377d; }
  #sectorCreditsMaintainer .textSummary {
    text-align: center;
    margin-bottom: 0.5rem; }
  #sectorCreditsMaintainer .subsequentEducationBattery {
    margin-bottom: 1rem; }
  #sectorCreditsMaintainer .subsequentEducationBattery .credits {
    justify-content: center; }
  #sectorCreditsMaintainer .subsequentEducationBattery .credits .credit {
    width: 1.25rem;
    height: 1.25rem; }
  #sectorCreditsMaintainer .buttons {
    margin-bottom: 1rem;
    text-align: center; }
  #sectorCreditsMaintainer table.creditList .credits .credit {
    font-weight: bold;
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto; }
    #sectorCreditsMaintainer table.creditList .credits .credit.done {
      background-color: #79be48; }
    #sectorCreditsMaintainer table.creditList .credits .credit.waiting {
      background-color: #b91be6; }
  #sectorCreditsMaintainer table tr td.gained, #sectorCreditsMaintainer table th td.gained {
    font-weight: bold; }

#dashboardSettingsMenu {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  #dashboardSettingsMenu li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.875rem;
    display: block;
    padding: 0.25rem 0;
    margin-right: 1rem; }
  #dashboardSettingsMenu li a:hover, #dashboardSettingsMenu li a.active {
    font-weight: bold; }
  @media screen and (min-width: 50em) {
  #dashboardSettingsMenu {
    flex-direction: column; }
    #dashboardSettingsMenu li a {
      width: 7rem; } }

#dashboardSettingsSubmit .buttonWrap {
  text-align: center; }
  #dashboardSettingsSubmit .submit {
    text-align: center; }
  #dashboardSettingsSubmit .submit label {
    justify-content: center; }
  #dashboardSettingsSubmit .submit a {
    margin-left: 0.5rem; }

#dashboardSettingsWrapper > .content {
  display: flex;
  justify-content: flex-start;
  flex-grow: 1;
  flex-direction: column; }
  #dashboardSettingsWrapper > .content > .left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    padding-right: 2rem; }
  #dashboardSettingsWrapper > .content > .left #dashboardSettingsMenu {
    width: 100%; }
  #dashboardSettingsWrapper > .content > .right {
    box-sizing: border-box;
    flex-grow: 1; }
  @media screen and (min-width: 50em) {
  #dashboardSettingsWrapper > .content {
    flex-direction: row; }
    #dashboardSettingsWrapper > .content > .left {
      flex-direction: column;
      border-right: solid 1px ; }

    #dashboardSettingsWrapper > .content > .right {
      padding-left: 2rem; } }

#distantTermCommissarMessage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }
  #distantTermCommissarMessage .messageWrap {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    border: solid 2px #e91c1c;
    border-radius: 0.25rem;
    box-sizing: border-box;
    margin: 2rem auto;
    padding: 2rem 3rem;
    width: calc(100% - 4rem); }
  #distantTermCommissarMessage .messageWrap .title {
    padding-right: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #distantTermCommissarMessage .messageWrap .message {
    font-style: italic; }
  #distantTermCommissarMessage .messageWrap button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem; }
  #distantTermCommissarMessage .messageWrap button img {
    width: 50%;
    height: 50%; }

#distantTermConnectionNotice {
  position: fixed;
  top: 0;
  right: 0;
  left: 0; }
  #distantTermConnectionNotice .noticeContent {
    padding: 0.5rem;
    background-color: rgba(233, 28, 28, .6);
    text-align: center;
    color: white; }
  #distantTermConnectionNotice .noticeContent .message {
    margin-bottom: 0.5rem; }

#distantTermMonitoringStudentCallCommissars {
  display: none;
  position: absolute;
  width: 20%;
  bottom: 9.5rem;
  right: 1rem; }
  #distantTermMonitoringStudentCallCommissars.active {
    display: flex; }

#distantTermStudentImages .imageWrap {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  margin-bottom: 1rem; }
  #distantTermStudentImages .imageWrap button[name="uploadFaceImage"], #distantTermStudentImages .imageWrap button[name="uploadIdCardImage"] {
    background-color: transparent;
    background-image: url("/static/img/icons/monitoring/plus-blue.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1.5rem 1.5rem;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: 0;
    border: solid 2px #1a377d;
    margin-right: 0.25rem;
    width: 4rem;
    height: 4rem; }
  #distantTermStudentImages .imageWrap .images {
    display: flex;
    overflow-x: auto; }
  #distantTermStudentImages .imageWrap .images img {
    object-fit: cover;
    margin-right: 0.25rem;
    width: 4rem;
    height: 4rem; }

#distantTermStudentMainDeviceChecklist li.distantTermStudentMainDeviceChecklistItem > span {
  display: flex;
  align-items: center; }
  #distantTermStudentMainDeviceChecklist li.distantTermStudentMainDeviceChecklistItem > span .checkmark {
    background-image: url("/static/img/icons/checkmark-cross.png");
    background-repeat: no-repeat;
    background-size: 1rem 2rem;
    background-position: 0 0;
    display: inline-block;
    margin-left: 0.5rem;
    width: 1rem;
    height: 1rem; }

#distantTermTest #questions, #distantTermTestOtazky #questions {
  width: 100%; }
  #distantTermTest #questions > h2, #distantTermTestOtazky #questions > h2 {
    color: #1a377d;
    text-align: center;
    margin-bottom: 1rem; }
  #distantTermTest #questions .question, #distantTermTestOtazky #questions .question {
    margin: 0 auto 2rem;
    width: calc(100% - 4rem); }
  #distantTermTest #questions .question > .text, #distantTermTestOtazky #questions .question > .text {
    background-color: #1a377d;
    padding: 0.25rem 0.5rem;
    color: #fff; }
  #distantTermTest #questions .question .answers, #distantTermTestOtazky #questions .question .answers {
    margin-bottom: 1rem; }
    #distantTermTest #questions .question .answers .answer, #distantTermTestOtazky #questions .question .answers .answer {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background-color: #fff;
      border: solid 1px #898989;
      border-top: none;
      padding: 0.5rem; }
      #distantTermTest #questions .question .answers .answer input[type="radio"], #distantTermTestOtazky #questions .question .answers .answer input[type="radio"], #distantTermTest #questions .question .answers .answer input[type="checkbox"], #distantTermTestOtazky #questions .question .answers .answer input[type="checkbox"] {
        margin-right: 0.5rem; }
      #distantTermTest #questions .question .answers .answer .text, #distantTermTestOtazky #questions .question .answers .answer .text {
        flex-grow: 1;
        font-size: 0.9rem; }
  #distantTermTest #questions .question .hint, #distantTermTestOtazky #questions .question .hint {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    font-style: italic; }
  #distantTermTest #questions .case-studies, #distantTermTestOtazky #questions .case-studies {
    margin-bottom: 2rem; }
  #distantTermTest #questions .case-studies .case-study, #distantTermTestOtazky #questions .case-studies .case-study {
    border: solid 1px #898989;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin: auto;
    padding: 1rem 1rem 0;
    width: calc(100% - 2rem); }
    #distantTermTest #questions .case-studies .case-study.visible, #distantTermTestOtazky #questions .case-studies .case-study.visible {
      display: block; }
    #distantTermTest #questions .case-studies .case-study > .text, #distantTermTestOtazky #questions .case-studies .case-study > .text {
      margin-bottom: 0.5rem; }
  #distantTermTest .bottom-buttons, #distantTermTestOtazky .bottom-buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #distantTermTest .bottom-buttons button, #distantTermTestOtazky .bottom-buttons button, #distantTermTest .bottom-buttons a.button, #distantTermTestOtazky .bottom-buttons a.button {
    margin-bottom: 2rem; }
  #distantTermTest .bottom-buttons .saving, #distantTermTestOtazky .bottom-buttons .saving {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1.25rem 1.25rem;
    padding-left: 1.5rem;
    color: #898989; }

#distantTermTest > .content, #distantTermVysledek > .content, #distantTermOtazky > .content {
  flex-grow: 1;
  background-color: #fff;
  padding: 1rem 0;
  width: 100%;
  max-width: 80rem; }
  #distantTermTest > .content h2, #distantTermVysledek > .content h2, #distantTermOtazky > .content h2 {
    text-align: center; }

#distantTermTest #navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem; }
  #distantTermTest #navigation select[name="curQuestion"] {
    margin: 0 0.5rem;
    width: 20rem; }
  #distantTermTest #navigation button {
    background-color: transparent;
    background-image: url("/static/img/icons/drill-navigation.png");
    background-repeat: no-repeat;
    background-size: 8rem 2rem;
    min-width: initial;
    padding: 0;
    width: 2rem;
    height: 2rem; }
  #distantTermTest #navigation button[name="showFirstQuestion"] {
    background-position: 0 0; }
  #distantTermTest #navigation button[name="showPreviousQuestion"] {
    background-position: -2rem 0; }
  #distantTermTest #navigation button[name="showNextQuestion"] {
    background-position: -4rem 0; }
  #distantTermTest #navigation button[name="showLastQuestion"] {
    background-position: -6rem 0; }
  #distantTermTest #distantTermTestCountdown {
    text-align: center;
    margin-bottom: 1rem;
    color: #1a377d; }
  #distantTermTest #distantTermTestCountdown .red {
    color: #e91c1c; }
  #distantTermTest #distantTermTestCountdown .mono {
    font-family: "Lucida Console", Monaco, monospace; }
  #distantTermTest #questions .basic > .question, #distantTermTest #questions .multiple > .question {
    display: none; }
    #distantTermTest #questions .basic > .question.visible, #distantTermTest #questions .multiple > .question.visible {
      display: block; }
  #distantTermTest #questions .case-studies .case-study {
    display: none; }
    #distantTermTest #questions .case-studies .case-study.visible {
      display: block; }
  #distantTermTest .bottom-buttons .saving {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1.25rem 1.25rem;
    padding-left: 1.5rem;
    color: #898989; }
  #distantTermTest .testFinished > div {
    display: flex;
    align-items: center; }
  #distantTermTest .testFinished > div img {
    flex-shrink: 0;
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 2.5rem; }
  #distantTermTest .testFinished > div p, #distantTermTest .testFinished > div #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #distantTermTest .testFinished > div li, #distantTermTest .testFinished > div #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #distantTermTest .testFinished > div div {
    margin-bottom: 0; }

#distantTermTrialBox {
  width: 100%; }
  #distantTermTrialBox .trialBoxContainer {
    width: 100%;
    background-color: #fdef18; }
  #distantTermTrialBox .trialBoxContainer .trialBoxWrap {
    box-sizing: border-box;
    padding: 1rem;
    width: 80rem;
    margin: auto; }

#monitoringDistantTermButtons {
  background-color: #fff;
  border-radius: 0.5rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0; }
  #monitoringDistantTermButtons p, #monitoringDistantTermButtons #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #monitoringDistantTermButtons li, #monitoringDistantTermButtons #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #monitoringDistantTermButtons div, #monitoringDistantTermButtons button, #monitoringDistantTermButtons .button {
    margin-bottom: 0.5rem; }
  #monitoringDistantTermButtons p:last-child, #monitoringDistantTermButtons #poradci #container > .block.info .contents .content ul li:last-child, #poradci #container > .block.info .contents .content ul #monitoringDistantTermButtons li:last-child, #monitoringDistantTermButtons #poradci #container > .block.info .contents .content div:last-child, #poradci #container > .block.info .contents .content #monitoringDistantTermButtons div:last-child, #monitoringDistantTermButtons button:last-child, #monitoringDistantTermButtons .button:last-child {
    margin-bottom: 0; }

#monitoringDistantTermChat {
  background-color: #7dbc4e;
  border-radius: 0.5rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 15rem; }
  #monitoringDistantTermChat.empty {
    display: none; }
  #monitoringDistantTermChat a.head {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #monitoringDistantTermChat a.head:hover {
    text-decoration: none; }
  #monitoringDistantTermChat a.head h2 {
    margin: 0;
    padding: 0.5rem;
    line-height: 1.5rem;
    color: #fff; }
  #monitoringDistantTermChat a.head button[name="hide"] {
    background-color: transparent;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 2rem;
    height: 1.5rem;
    color: #fff; }
  #monitoringDistantTermChat a.head button[name="hide"] .dash {
    background-color: #fff;
    width: 0.75rem;
    height: 0.25rem; }
  #monitoringDistantTermChat.hidden {
    min-height: initial; }
  #monitoringDistantTermChat.hidden > .messages, #monitoringDistantTermChat.hidden > form {
    display: none; }
  #monitoringDistantTermChat .messages {
    background-color: #fff;
    flex-grow: 1;
    padding: 0.5rem 1rem;
    overflow-y: auto; }
  #monitoringDistantTermChat .messages .message {
    border-radius: 0.5rem;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #f1f1f1;
    margin-bottom: 0.5rem;
    padding: 0.5rem; }
  #monitoringDistantTermChat .messages .message.type-2 {
    background-color: #d8f1ff; }
  #monitoringDistantTermChat .messages .message .user-and-time {
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem; }
  #monitoringDistantTermChat .messages .message .text {
    font-size: 0.875rem; }
  #monitoringDistantTermChat form {
    background-color: #fff;
    border-top: solid #bfbfbf 1px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    flex-shrink: 0; }
  #monitoringDistantTermChat form .time-and-type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem 1rem 0.25rem; }
  #monitoringDistantTermChat form .time-and-type button[name="preparedMessages"] {
    flex-shrink: 0;
    border-radius: 100%;
    margin-right: 0.5rem;
    padding: 0;
    min-width: initial;
    width: 2rem;
    height: 2rem; }
  #monitoringDistantTermChat form .time-and-type #timePicker\.msgTime {
    margin: 0 0.5rem 0 0;
    padding: 1px 0; }
    #monitoringDistantTermChat form .time-and-type #timePicker\.msgTime > input, #monitoringDistantTermChat form .time-and-type #timePicker\.msgTime > span {
      font-size: 0.875rem; }
  #monitoringDistantTermChat form .time-and-type select[name="msgType"] {
    width: 100%; }
  #monitoringDistantTermChat form .text-and-submit {
    position: relative;
    padding: 0.25rem 1rem 0.5rem; }
  #monitoringDistantTermChat form .text-and-submit textarea[name="msgText"] {
    border-radius: 1rem;
    font-size: 0.875rem;
    margin-bottom: 0;
    padding: 0.25rem 3rem 0.25rem 1rem;
    height: 1.5rem;
    line-height: 1.5;
    width: 100%;
    max-height: 10rem; }
    #monitoringDistantTermChat form .text-and-submit textarea[name="msgText"]:not(:placeholder-shown) + button[name="submit"] {
      display: flex; }
  #monitoringDistantTermChat form .text-and-submit button[name="submit"] {
    position: absolute;
    background-color: #79be48;
    border-radius: 100%;
    display: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: calc(1.6rem - 2px);
    height: calc(1.6rem - 2px);
    color: #fff;
    bottom: calc(0.75rem + 4px);
    right: calc(1rem + 4px); }

#monitoringDistantTermConference {
  background-color: #fff;
  border-radius: 0.5rem;
  flex-shrink: 0;
  padding: 0.5rem 0;
  max-height: 20rem;
  overflow: auto; }
  #monitoringDistantTermConference .commissars {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem; }
  #monitoringDistantTermConference .commissars .commissar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.5rem;
    width: calc(100% / 3 - 1rem);
    position: relative; }
  #monitoringDistantTermConference .commissars .commissar.active .circle {
    background-color: #79be48; }
    #monitoringDistantTermConference .commissars .commissar.active .circle .initials {
      background-color: #fff;
      color: #79be48; }
  #monitoringDistantTermConference .commissars .commissar.approved .circle {
    background-color: #fdef18; }
    #monitoringDistantTermConference .commissars .commissar.approved .circle .initials {
      background-color: #fff;
      color: #fdef18; }
  #monitoringDistantTermConference .commissars .commissar .circle {
    position: relative;
    background-color: #bfbfbf;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
    width: 80%;
    padding-top: 80%; }
    #monitoringDistantTermConference .commissars .commissar .circle .initials {
      position: absolute;
      background-color: #bfbfbf;
      border-radius: 100%;
      font-size: 1.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(100% - .5rem);
      height: calc(100% - .5rem);
      color: #fff;
      top: 0.25rem;
      bottom: 0.25rem;
      left: 0.25rem;
      right: 0.25rem; }
    #monitoringDistantTermConference .commissars .commissar .circle .conference {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
    #monitoringDistantTermConference .commissars .commissar .circle .conference video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 100%; }
  #monitoringDistantTermConference .commissars .commissar .username {
    font-size: 0.75rem;
    text-align: center; }
  #monitoringDistantTermConference .commissars .commissar .activeCall {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
  #monitoringDistantTermConference .buttons {
    display: flex;
    justify-content: center;
    align-items: center; }
  #monitoringDistantTermConference .buttons button {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70% 70%;
    padding: 0;
    width: 2rem;
    height: 2rem; }
  #monitoringDistantTermConference .buttons button[name="conferenceConnect"] {
    background-image: url("/static/img/icons/monitoring/phone-call.svg");
    background-color: #79be48; }
  #monitoringDistantTermConference .buttons button[name="conferenceDisconnect"] {
    background-image: url("/static/img/icons/monitoring/phone-hang-up.svg");
    background-color: #e91c1c; }

#monitoringDistantTermDetail {
  position: relative;
  border-radius: 0.5rem;
  background-color: #222;
  box-sizing: border-box;
  border: solid 2px #bfbfbf;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0.25rem 0.25rem 1rem;
  height: 100%; }
  #monitoringDistantTermDetail.offline {
    border-color: #e91c1c; }
  #monitoringDistantTermDetail.blur {
    border-color: #fdef18; }
  #monitoringDistantTermDetail.focus {
    border-color: #79be48; }
  #monitoringDistantTermDetail.excluded {
    background-color: #e91c1c; }
  #monitoringDistantTermDetail.empty {
    border: none; }
  #monitoringDistantTermDetail .user {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1; }
  #monitoringDistantTermDetail .user .username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, .5);
    font-size: 0.9rem;
    border-radius: 0.25rem;
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    color: #fff; }
  #monitoringDistantTermDetail .statusInfo {
    border-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
  #monitoringDistantTermDetail .statusInfo div {
    background-color: #222;
    border: solid 2px;
    border-color: inherit;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto;
    padding: 0 0.5rem;
    min-height: 1.5rem;
    color: #fff; }
  #monitoringDistantTermDetail .statusInfo div.caution, #monitoringDistantTermDetail .statusInfo div.highLevelCaution {
    background-image: url("/static/img/icons/exclamation-mark.png");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0.25rem 50%;
    padding-left: 1.5rem; }
  #monitoringDistantTermDetail .statusInfo div.highLevelCaution {
    background-color: #fff;
    color: #383838; }
  #monitoringDistantTermDetail .preview.visible, #monitoringDistantTermDetail .videos {
    margin-bottom: 0.25rem; }
  #monitoringDistantTermDetail .preview {
    position: relative;
    display: none; }
  #monitoringDistantTermDetail .preview.visible {
    display: block;
    padding-top: calc(100% / 16 * 9);
    width: 100%; }
  #monitoringDistantTermDetail .preview.visible + .previewButtons {
    display: flex; }
    #monitoringDistantTermDetail .preview.visible + .previewButtons + .videos {
      display: none; }
    #monitoringDistantTermDetail .preview.visible + .previewButtons + .videos + #distantTermMonitoringStudentCallCommissars {
      display: none; }
    #monitoringDistantTermDetail .preview.visible + .previewButtons + .videos + #distantTermMonitoringStudentCallCommissars + .monitoringDistantTermStudentActivityStates {
      display: none; }
    #monitoringDistantTermDetail .preview.visible + .previewButtons + .videos + #distantTermMonitoringStudentCallCommissars + .monitoringDistantTermStudentActivityStates + #monitoringDistantTermCallButtons {
      display: none; }
  #monitoringDistantTermDetail .preview .imageContainer {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #monitoringDistantTermDetail .preview .imageContainer img {
    object-fit: contain;
    width: 100%;
    height: 100%; }
  #monitoringDistantTermDetail .preview .imageContainer .typeName {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    color: white;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    padding: 0.25rem;
    background-color: rgba(0, 0, 0, 0.5); }
  #monitoringDistantTermDetail .previewButtons {
    display: none;
    justify-content: center;
    margin: 0.5rem 0; }
  #monitoringDistantTermDetail .previewButtons button {
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem; }
  #monitoringDistantTermDetail .previewButtons button img {
    width: 50%;
    height: 50%; }
  #monitoringDistantTermDetail .previewButtons button.visible {
    display: flex; }
  #monitoringDistantTermDetail .previewButtons button[name="face"], #monitoringDistantTermDetail .previewButtons button[name="idCard"] {
    background-color: #bfbfbf; }
  #monitoringDistantTermDetail .previewButtons button[name="face"].selected, #monitoringDistantTermDetail .previewButtons button[name="idCard"].selected {
    background-color: #79be48; }
  #monitoringDistantTermDetail .videos {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
  #monitoringDistantTermDetail .videos .main, #monitoringDistantTermDetail .videos .monitoring {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #monitoringDistantTermDetail .videos .main video, #monitoringDistantTermDetail .videos .monitoring video {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    object-fit: contain;
    flex-grow: 1;
    height: 100%; }
  #monitoringDistantTermDetail .videos[data-view="main"] .monitoring, #monitoringDistantTermDetail .videos[data-view="monitoring"] .main {
    width: 25%;
    height: 15vh;
    cursor: pointer;
    z-index: 1;
    order: 2; }
  #monitoringDistantTermDetail .videos[data-view="main"] .monitoring video, #monitoringDistantTermDetail .videos[data-view="monitoring"] .main video {
    border-radius: 0.5rem;
    background-color: #000; }
  #monitoringDistantTermDetail .videos[data-view="main"] .main, #monitoringDistantTermDetail .videos[data-view="monitoring"] .monitoring {
    width: 100%;
    height: 60vh;
    order: 1;
    margin-bottom: 0.5rem; }
  #monitoringDistantTermDetail .videos .monitoring {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #monitoringDistantTermDetail .videos .monitoring video {
    background-image: url("/static/img/icons/monitoring/monitoring-placeholder.svg");
    background-size: 75% 57%;
    width: 100%;
    height: 100%; }
  #monitoringDistantTermDetail .videos .main video {
    background-image: url("/static/img/icons/monitoring/main-placeholder.svg");
    background-size: 50% 50%;
    width: 100%; }
  #monitoringDistantTermDetail .videos .middle-box {
    margin: auto;
    order: 3; }
  #monitoringDistantTermDetail .videos .spacer {
    width: 25%;
    order: 4; }
  #monitoringDistantTermDetail #myStream {
    position: absolute;
    top: 0;
    right: 0; }
  #monitoringDistantTermDetail button.invisible {
    display: none; }
  #monitoringDistantTermDetail .commissar {
    text-align: center;
    font-size: 0.75rem;
    margin-top: 0.25rem;
    color: #fff;
    margin-bottom: 0.25rem;
    min-height: 1.25rem;
    width: 100%; }
  #monitoringDistantTermDetail .monitoringDistantTermStudentActivityStates {
    justify-content: center; }
  #monitoringDistantTermDetail #monitoringDistantTermCallButtons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
    flex-grow: 1; }
  #monitoringDistantTermDetail #monitoringDistantTermCallButtons button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem; }
  #monitoringDistantTermDetail #monitoringDistantTermCallButtons button img {
    width: 50%;
    height: 50%; }
  #monitoringDistantTermDetail .studentCallInfo {
    text-align: center;
    color: white; }
  #monitoringDistantTermDetail .studentDetail {
    display: flex;
    justify-content: center; }
  #monitoringDistantTermDetail .studentDetail .phone {
    margin: 1rem;
    color: white; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage {
    position: relative; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage textarea, #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage .message {
    display: block;
    box-sizing: border-box;
    margin: 0 auto 1rem;
    padding-right: 4rem;
    width: calc(100% - 2rem);
    color: #fff; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage .message {
    word-wrap: break-word;
    border-radius: 0.5rem;
    border: solid 1px #bfbfbf;
    padding: 0.75rem 4rem 0.75rem 0.75rem;
    min-height: 3rem; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 2rem;
    height: 2rem;
    min-width: initial;
    right: 1.5rem; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage button[name="sendMessage"] {
    bottom: 1.5rem; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage button[name="deleteMessage"] {
    bottom: 1.5rem; }
  #monitoringDistantTermDetail #monitoringDistantTermCommissarMessage button img {
    display: block;
    width: 1rem;
    height: 1rem; }
  #monitoringDistantTermDetail .screenshots {
    display: flex;
    overflow: auto; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot {
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    outline-style: solid;
    outline-width: 0.125rem;
    outline-color: transparent;
    outline-offset: -0.125rem; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.interval, #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.custom {
    outline-color: #1a377d; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.suspicion {
    outline-color: #e91c1c; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.onDemand {
    outline-color: #79be48; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.important, #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.selected {
    outline-width: 0.25rem;
    outline-offset: -0.25rem; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.important {
    outline-color: #fdef18; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot.selected {
    outline-color: #79be48; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  #monitoringDistantTermDetail .screenshots .monitoringDistantTermDetailScreenshot .time {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.5rem;
    margin: 0 0.25rem;
    padding: 0.125rem;
    color: #fff;
    bottom: 0.25rem;
    left: 0.125rem;
    right: 0.125rem; }
  #monitoringDistantTermDetail button[name="close"] {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    background-image: url("/static/img/icons/monitoring/close.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70% 70%;
    padding: 0;
    width: 2rem;
    height: 2rem;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2; }
  #monitoringDistantTermDetail .numberOfProblems {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e91c1c;
    border: solid 1px white;
    color: white;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem; }
  #monitoringDistantTermDetail .numberOfProblems.empty {
    display: none; }

.monitoringDistantTermMonitoredStudent {
  position: relative;
  border-radius: 0.5rem;
  border: solid 2px #bfbfbf;
  background-color: #222;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0.25rem 0.25rem 1rem;
  padding: 0.25rem 0.25rem 1.5rem; }
  .monitoringDistantTermMonitoredStudent.offline {
    border-color: #e91c1c; }
  .monitoringDistantTermMonitoredStudent.blur {
    border-color: #fdef18; }
  .monitoringDistantTermMonitoredStudent.focus {
    border-color: #79be48; }
  .monitoringDistantTermMonitoredStudent.excluded {
    background-color: #e91c1c; }
  .monitoringDistantTermMonitoredStudent.finished {
    border-color: white; }
  .monitoringDistantTermMonitoredStudent.notPresent {
    border-color: #bfbfbf; }
  .monitoringDistantTermMonitoredStudent .user {
    font-size: 0.75rem;
    color: #fff; }
  .monitoringDistantTermMonitoredStudent .user .username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.25rem; }
  .monitoringDistantTermMonitoredStudent .videos {
    position: relative;
    margin-bottom: 0.25rem;
    padding-top: calc(100% / 16 * 9);
    width: 100%; }
  .monitoringDistantTermMonitoredStudent .videos .main, .monitoringDistantTermMonitoredStudent .videos .monitoring {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .monitoringDistantTermMonitoredStudent .videos .main video, .monitoringDistantTermMonitoredStudent .videos .monitoring video {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    object-fit: contain;
    flex-grow: 1; }
  .monitoringDistantTermMonitoredStudent .videos[data-view="main"] .monitoring, .monitoringDistantTermMonitoredStudent .videos[data-view="monitoring"] .main {
    position: absolute;
    width: 25%;
    bottom: 0.5rem;
    left: 0.5rem;
    cursor: pointer;
    z-index: 1; }
  .monitoringDistantTermMonitoredStudent .videos[data-view="main"] .monitoring video, .monitoringDistantTermMonitoredStudent .videos[data-view="monitoring"] .main video {
    border-radius: 0.5rem; }
  .monitoringDistantTermMonitoredStudent .videos[data-view="main"] .main, .monitoringDistantTermMonitoredStudent .videos[data-view="monitoring"] .monitoring {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .monitoringDistantTermMonitoredStudent .videos .monitoring video {
    background-color: #000;
    background-image: url("/static/img/icons/monitoring/monitoring-placeholder.svg");
    background-size: 75% 57%;
    width: 100%;
    height: 100%; }
  .monitoringDistantTermMonitoredStudent .videos .main video {
    background-color: #222;
    background-image: url("/static/img/icons/monitoring/main-placeholder.svg");
    background-size: 50% 50%;
    width: 100%;
    height: 100%; }
  .monitoringDistantTermMonitoredStudent .monitoringDistantTermStudentActivityStates {
    justify-content: center; }
  .monitoringDistantTermMonitoredStudent .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin: 0.25rem 0;
    margin-bottom: 0.5rem; }
  .monitoringDistantTermMonitoredStudent .buttons button {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.25rem;
    padding: 0;
    width: 1.5rem;
    min-width: initial;
    height: 1.5rem; }
  .monitoringDistantTermMonitoredStudent .buttons button[name="mute"], .monitoringDistantTermMonitoredStudent .buttons button[name="unmute"] {
    display: none; }
    .monitoringDistantTermMonitoredStudent .buttons button[name="mute"].visible, .monitoringDistantTermMonitoredStudent .buttons button[name="unmute"].visible {
      display: block; }
  .monitoringDistantTermMonitoredStudent .buttons button img {
    display: block;
    margin: auto;
    width: 60%; }
  .monitoringDistantTermMonitoredStudent .phone {
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    text-align: center; }
  .monitoringDistantTermMonitoredStudent .statusInfo {
    position: absolute;
    border-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    bottom: -1.5rem; }
  .monitoringDistantTermMonitoredStudent .statusInfo div {
    background-color: #222;
    border: solid 2px;
    border-color: inherit;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto;
    padding: 0 0.5rem;
    min-height: 1.5rem;
    color: #fff; }
  .monitoringDistantTermMonitoredStudent .statusInfo div.caution, .monitoringDistantTermMonitoredStudent .statusInfo div.highLevelCaution {
    background-image: url("/static/img/icons/exclamation-mark.png");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0.25rem 50%;
    padding-left: 1.5rem; }
  .monitoringDistantTermMonitoredStudent .statusInfo div.highLevelCaution {
    background-color: #fff;
    color: #383838; }
  .monitoringDistantTermMonitoredStudent .numberOfProblems {
    position: absolute;
    top: -15px;
    right: -12px;
    background-color: #e91c1c;
    border: solid 1px white;
    color: white;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer; }
  .monitoringDistantTermMonitoredStudent .numberOfProblems.empty {
    display: none; }

#monitoringDistantTermMonitoredStudents {
  display: flex;
  flex-wrap: wrap; }

.monitoringDistantTermScreenshot {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  outline-style: solid;
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-offset: -0.125rem; }
  .monitoringDistantTermScreenshot.interval, .monitoringDistantTermScreenshot.custom {
    outline-color: #1a377d; }
  .monitoringDistantTermScreenshot.suspicion {
    outline-color: #e91c1c; }
  .monitoringDistantTermScreenshot.onDemand {
    outline-color: #79be48; }
  .monitoringDistantTermScreenshot.important, .monitoringDistantTermScreenshot.selected {
    outline-width: 0.25rem;
    outline-offset: -0.25rem; }
  .monitoringDistantTermScreenshot.important {
    outline-color: #fdef18; }
  .monitoringDistantTermScreenshot.selected {
    outline-color: #79be48; }
  .monitoringDistantTermScreenshot img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .monitoringDistantTermScreenshot .time {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.5rem;
    margin: 0 0.25rem;
    padding: 0.125rem;
    color: #fff;
    bottom: 0.25rem;
    left: 0.125rem;
    right: 0.125rem; }

#monitoringDistantTermStatistics table.adaptors tr td, #monitoringDistantTermStatistics table.adaptors tr th {
  padding: 0.25rem; }
  #monitoringDistantTermStatistics table.adaptors tr td:not(.channel) {
    text-align: center; }

.monitoringDistantTermStudent {
  position: relative;
  border-radius: 0.5rem;
  background-color: #222;
  border: solid 2px #bfbfbf;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0.25rem 0.25rem 1rem;
  padding: 0.25rem 0.25rem 1.5rem; }
  .monitoringDistantTermStudent.offline {
    border-color: #e91c1c; }
  .monitoringDistantTermStudent.blur {
    border-color: #fdef18; }
  .monitoringDistantTermStudent.focus {
    border-color: #79be48; }
  .monitoringDistantTermStudent.excluded {
    border-color: white; }
  .monitoringDistantTermStudent.finished {
    border-color: white; }
  .monitoringDistantTermStudent.notPresent {
    border-color: #333;
    background-color: #111; }
  .monitoringDistantTermStudent .left {
    flex-shrink: 0;
    margin-right: 0.5rem; }
  .monitoringDistantTermStudent .left .avatar {
    position: relative;
    background-color: black;
    background-image: url("/static/img/icons/monitoring/monitoring-placeholder.svg");
    background-position: 50% 50%;
    background-size: 75% 75%;
    background-repeat: no-repeat;
    border-radius: 0.25rem;
    margin-right: 0.25rem;
    width: 4.5rem;
    height: 4.5rem; }
  .monitoringDistantTermStudent .right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow: hidden; }
  .monitoringDistantTermStudent .right .username {
    font-size: 0.75rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    margin-bottom: 0.25rem; }
  .monitoringDistantTermStudent .right .product {
    color: #a6a6a6;
    font-size: 0.75rem;
    margin-bottom: 0.25rem; }
  .monitoringDistantTermStudent .right .commissar {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    color: #fff;
    margin-bottom: 0.25rem;
    min-height: 1.25rem;
    width: 100%; }
  .monitoringDistantTermStudent .right .buttons {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    margin-bottom: 0.5rem; }
  .monitoringDistantTermStudent .right .buttons button {
    border-radius: 100%;
    margin-right: 0.25rem;
    padding: 0;
    width: 1.5rem;
    min-width: initial;
    height: 1.5rem; }
    .monitoringDistantTermStudent .right .buttons button[name="take"], .monitoringDistantTermStudent .right .buttons button[name="detail"] {
      background-repeat: no-repeat;
      background-position: 50%; }
    .monitoringDistantTermStudent .right .buttons button[name="take"] {
      background-image: url("/static/img/icons/monitoring/pin.svg");
      background-size: 60%; }
    .monitoringDistantTermStudent .right .buttons button[name="detail"] {
      background-image: url("/static/img/icons/monitoring/detail.svg");
      background-size: 50%; }
  .monitoringDistantTermStudent .right .phone {
    color: #fff;
    font-size: 0.875rem; }
  .monitoringDistantTermStudent .statusInfo {
    position: absolute;
    border-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    bottom: -1.5rem; }
  .monitoringDistantTermStudent .statusInfo div {
    background-color: #222;
    border: solid 2px;
    border-color: inherit;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto;
    padding: 0 0.5rem;
    min-height: 1.5rem;
    color: #fff; }
  .monitoringDistantTermStudent .statusInfo div.caution, .monitoringDistantTermStudent .statusInfo div.highLevelCaution {
    background-image: url("/static/img/icons/exclamation-mark.png");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0.25rem 50%;
    padding-left: 1.5rem; }
  .monitoringDistantTermStudent .statusInfo div.highLevelCaution {
    background-color: #fff;
    color: #383838; }
  .monitoringDistantTermStudent .numberOfProblems {
    position: absolute;
    top: -15px;
    right: -12px;
    background-color: #e91c1c;
    border: solid 1px white;
    color: white;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer; }

.monitoringDistantTermStudentActivityStates {
  display: flex; }
  .monitoringDistantTermStudentActivityStates .state {
    display: flex;
    align-items: center; }
  .monitoringDistantTermStudentActivityStates .state + .state {
    margin-left: 0.5rem; }
  .monitoringDistantTermStudentActivityStates .state .mainDeviceActivityState, .monitoringDistantTermStudentActivityStates .state .monitoringDeviceActivityState {
    background-color: grey;
    border-radius: 100%;
    border: solid 2px #fff;
    margin-right: 0.25rem;
    width: 1rem;
    height: 1rem; }
  .monitoringDistantTermStudentActivityStates .state .mainDeviceActivityState[data-value="offline"], .monitoringDistantTermStudentActivityStates .state .monitoringDeviceActivityState[data-value="offline"] {
    background-color: #e91c1c; }
  .monitoringDistantTermStudentActivityStates .state .mainDeviceActivityState[data-value="blur"], .monitoringDistantTermStudentActivityStates .state .monitoringDeviceActivityState[data-value="blur"] {
    background-color: #fdef18; }
  .monitoringDistantTermStudentActivityStates .state .mainDeviceActivityState[data-value="focus"], .monitoringDistantTermStudentActivityStates .state .monitoringDeviceActivityState[data-value="focus"] {
    background-color: #79be48; }
  .monitoringDistantTermStudentActivityStates .state .label {
    font-size: 0.75rem;
    color: #fff; }

#monitoringDistantTermStudents {
  display: flex;
  flex-wrap: wrap; }
  #monitoringDistantTermStudents .monitoringDistantTermStudent {
    width: 15rem; }

#drillFormFeedback {
  width: 100%;
  max-width: 30rem; }
  #drillFormFeedback > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #drillFormFeedback > div textarea {
    width: 100%; }

.drillFormRowAdaptiveChart {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .drillFormRowAdaptiveChart .chart {
    position: relative;
    margin: 0 auto 1rem;
    width: 10rem;
    height: 5rem; }
  .drillFormRowAdaptiveChart .chart .crop {
    overflow: hidden;
    width: 100%;
    height: 100%; }
  .drillFormRowAdaptiveChart .chart .crop .circle {
    background-image: conic-gradient(from -90deg, red, orange, yellow, green, green, yellow, orange, red);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 10rem;
    height: 10rem;
    overflow: hidden; }
    .drillFormRowAdaptiveChart .chart .crop .circle .grayZone {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 10rem;
      height: 10rem; }
    .drillFormRowAdaptiveChart .chart .crop .circle .grayZone .innerCircle {
      background-color: #fff;
      border-radius: 50%;
      width: calc(100% - 2rem);
      height: calc(100% - 2rem); }
  .drillFormRowAdaptiveChart .chart .clockHand {
    position: absolute;
    background-image: url("/static/img/pages/drill/clock-hand.svg");
    background-position: 50% 100%;
    background-size: 0.875rem 3.75rem;
    background-repeat: no-repeat;
    transform-origin: bottom center;
    width: 10rem;
    height: 5rem;
    bottom: 0;
    left: 0; }
  .drillFormRowAdaptiveChart .coverage {
    text-align: center;
    margin: 0rem auto 1rem; }

#drillFormRowAdaptiveDrillButtons button[name='resetPreparation'], #drillFormRowAdaptiveDrillButtons button[name='closePreparation'] {
  background-color: transparent;
  color: #383838; }
  #drillFormRowAdaptiveDrillButtons button[name='resetPreparation']:hover, #drillFormRowAdaptiveDrillButtons button[name='closePreparation']:hover {
    text-decoration: underline; }

#drillFormRowAdaptiveDrillTariffs {
  margin-bottom: 2rem; }
  #drillFormRowAdaptiveDrillTariffs .tariffs {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; }

.drillFormRowAdaptiveTariff, .drillFormRowAdaptiveTariffInProgress {
  border-radius: 1rem;
  border: solid 1px #cecece;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 2rem;
  min-width: 10rem; }
  .drillFormRowAdaptiveTariff.selected, .drillFormRowAdaptiveTariffInProgress.selected {
    border-color: #1a377d;
    background-color: #f1f5ff; }
  .drillFormRowAdaptiveTariff.selected .drillFormRowAdaptiveChart .chart .crop .circle .innerCircle, .drillFormRowAdaptiveTariffInProgress.selected .drillFormRowAdaptiveChart .chart .crop .circle .innerCircle {
    background-color: #f1f5ff; }
  .drillFormRowAdaptiveTariff input[name='tariff'], .drillFormRowAdaptiveTariffInProgress input[name='tariff'] {
    display: none;
    margin-bottom: 1rem; }
  .drillFormRowAdaptiveTariff .title, .drillFormRowAdaptiveTariffInProgress .title {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  .drillFormRowAdaptiveTariff .description, .drillFormRowAdaptiveTariffInProgress .description {
    margin-bottom: 1rem; }
  .drillFormRowAdaptiveTariff .props, .drillFormRowAdaptiveTariffInProgress .props {
    display: flex;
    flex-direction: column; }
  .drillFormRowAdaptiveTariff .props .prop, .drillFormRowAdaptiveTariffInProgress .props .prop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem; }
  .drillFormRowAdaptiveTariff .props .prop .icon, .drillFormRowAdaptiveTariffInProgress .props .prop .icon, .drillFormRowAdaptiveTariff .props .prop .value, .drillFormRowAdaptiveTariffInProgress .props .prop .value {
    margin-right: 0.25rem; }
  .drillFormRowAdaptiveTariff .props .prop .icon, .drillFormRowAdaptiveTariffInProgress .props .prop .icon {
    width: 1.25rem;
    height: 1.25rem; }
  .drillFormRowAdaptiveTariff .props .prop .value, .drillFormRowAdaptiveTariffInProgress .props .prop .value {
    font-weight: bold; }

.drillFormRowAdaptiveTariff {
  max-width: 12rem; }
  .drillFormRowAdaptiveTariff:hover {
    cursor: pointer; }

.drillFormRowAdaptiveTariffInProgress {
  margin-bottom: 1rem;
  width: calc(100% - 2rem);
  max-width: 20rem; }
  .drillFormRowAdaptiveTariffInProgress .circleProgress, .drillFormRowAdaptiveTariffInProgress .numberOfTests {
    margin-bottom: 1rem; }
  .drillFormRowAdaptiveTariffInProgress .circleProgress {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  .drillFormRowAdaptiveTariffInProgress .circleProgress .circle, .drillFormRowAdaptiveTariffInProgress .circleProgress .innerCircle {
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .drillFormRowAdaptiveTariffInProgress .circleProgress .circle {
    margin-bottom: 1rem;
    width: 5rem;
    height: 5rem; }
  .drillFormRowAdaptiveTariffInProgress .circleProgress .circle .innerCircle {
    background-color: #fff;
    font-weight: bold;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem); }
  .drillFormRowAdaptiveTariffInProgress .circleProgress .drillFormRowGlobalStats > .title {
    text-transform: capitalize;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 0.5rem; }
  .drillFormRowAdaptiveTariffInProgress .circleProgress .drillFormRowGlobalStats > div {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%; }
    .drillFormRowAdaptiveTariffInProgress .circleProgress .drillFormRowGlobalStats > div .drillFormRowGlobalStatsValue {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
    .drillFormRowAdaptiveTariffInProgress .circleProgress .drillFormRowGlobalStats > div .drillFormRowGlobalStatsValue.correct {
      color: #79be48; }
    .drillFormRowAdaptiveTariffInProgress .circleProgress .drillFormRowGlobalStats > div .drillFormRowGlobalStatsValue.wrong {
      color: #e91c1c; }
    .drillFormRowAdaptiveTariffInProgress .circleProgress .drillFormRowGlobalStats > div .drillFormRowGlobalStatsValue.remaining {
      color: #a1a1a1; }
  .drillFormRowAdaptiveTariffInProgress .numberOfTests, .drillFormRowAdaptiveTariffInProgress .stats {
    width: 100%; }
  .drillFormRowAdaptiveTariffInProgress .numberOfTests .title, .drillFormRowAdaptiveTariffInProgress .stats .title {
    text-transform: none;
    font-size: 1rem;
    margin-bottom: 0.25rem; }
  .drillFormRowAdaptiveTariffInProgress .numberOfTests {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .drillFormRowAdaptiveTariffInProgress .stats {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    gap: 0.5rem; }
  .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem; }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue .icon, .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue .label, .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue .value {
      flex-shrink: 0; }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue .icon {
      background-repeat: no-repeat;
      background-size: 100%;
      width: 1rem;
      height: 1rem; }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue .label {
      flex-grow: 1; }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue.correct .icon {
      background-image: url("/static/img/icons/answer-right.png"); }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue.wrong .icon {
      background-image: url("/static/img/icons/answer-wrong.png"); }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue.remaining .icon {
      background-color: #cecece;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .drillFormRowAdaptiveTariffInProgress .stats .type .values .drillFormRowStatsValue.remaining .icon:after {
      content: "";
      background-color: #fff;
      border-radius: 100%;
      width: 50%;
      height: 50%; }

#drillFormRowPurchaseElearningCourse {
  text-align: center;
  border-radius: 1.25rem;
  border: solid 1px #cecece;
  margin: 1rem auto;
  padding: 1rem;
  width: 100%; }
  #drillFormRowPurchaseElearningCourse .alertIcon {
    margin-bottom: 1rem;
    width: 1.5rem;
    height: 1.5rem; }
  #drillFormRowPurchaseElearningCourse .description {
    margin-bottom: 2rem; }

.editableHtml, .editableText {
  position: relative;
  min-height: 0.5rem; }
  .editableHtml .control-panel, .editableText .control-panel {
    position: absolute;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: right;
    top: 0rem;
    right: 0;
    z-index: 2; }
  .editableHtml .control-panel .edit, .editableText .control-panel .edit, .editableHtml .control-panel .save, .editableText .control-panel .save, .editableHtml .control-panel .close, .editableText .control-panel .close, .editableHtml .control-panel .delete, .editableText .control-panel .delete, .editableHtml .control-panel .text, .editableText .control-panel .text {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 0.75rem;
    background-color: rgba(26, 55, 125, .6); }
  .editableHtml .control-panel .edit:hover, .editableText .control-panel .edit:hover, .editableHtml .control-panel .save:hover, .editableText .control-panel .save:hover, .editableHtml .control-panel .close:hover, .editableText .control-panel .close:hover, .editableHtml .control-panel .delete:hover, .editableText .control-panel .delete:hover, .editableHtml .control-panel .text:hover, .editableText .control-panel .text:hover {
    background-color: rgba(26, 55, 125, .8);
    cursor: pointer; }
  .editableHtml .control-panel .edit, .editableText .control-panel .edit, .editableHtml .control-panel .save, .editableText .control-panel .save, .editableHtml .control-panel .close, .editableText .control-panel .close, .editableHtml .control-panel .delete, .editableText .control-panel .delete {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 2rem;
    height: 2rem; }
  .editableHtml .control-panel .edit .icon, .editableText .control-panel .edit .icon, .editableHtml .control-panel .save .icon, .editableText .control-panel .save .icon, .editableHtml .control-panel .close .icon, .editableText .control-panel .close .icon, .editableHtml .control-panel .delete .icon, .editableText .control-panel .delete .icon {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important; }
  .editableHtml .control-panel .edit, .editableText .control-panel .edit, .editableHtml .control-panel .delete, .editableText .control-panel .delete, .editableHtml .control-panel .text, .editableText .control-panel .text {
    display: none; }
  .editableHtml .control-panel .delete, .editableText .control-panel .delete {
    background-color: rgba(233, 28, 28, .6);
    margin-right: 0.5rem; }
  .editableHtml .control-panel .delete:hover, .editableText .control-panel .delete:hover {
    background-color: rgba(233, 28, 28, .8); }
  .editableHtml .control-panel .text, .editableText .control-panel .text {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    padding: 0 0.5rem;
    margin-right: 0.5rem; }
  .editableHtml:hover .control-panel .edit, .editableText:hover .control-panel .edit, .editableHtml:hover .control-panel .delete, .editableText:hover .control-panel .delete, .editableHtml:hover .control-panel .text, .editableText:hover .control-panel .text {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }

.editableText {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-wrap: wrap; }
  .editableText .control-panel.editing {
    top: -2rem; }
  .editableText .control-panel .close {
    margin-right: 0.25rem; }
  .editableText .editable {
    flex: 1 0 auto; }
  .editableText [contenteditable] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border: solid 1px #bfbfbf;
    cursor: auto;
    flex-grow: 1; }
  .editableText [contenteditable]::selection {
    background-color: #383838;
    color: #fff; }
  .editableText [contenteditable]:focus {
    box-shadow: 0 0 5px 1px #383838; }
  .editableText .save-wrap {
    width: 100%; }

.editableHtml .control-panel.editing {
  flex-direction: column;
  right: -2rem; }
  .editableHtml .control-panel .save {
    margin-bottom: 0.25rem; }

#findAdvisor {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("/static/img/pages/home/najdete-poradce.jpg");
  background-position: center center;
  background-size: cover;
  padding: 3rem 0;
  color: #fff; }
  #findAdvisor h2 {
    text-align: center; }
  #findAdvisor .choose {
    margin-bottom: 2rem; }
  #findAdvisor a {
    color: white; }
  #findAdvisor .categories {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 2rem;
    width: 100%;
    max-width: 35rem; }
  @media only screen and (min-width: 40em) {
    #findAdvisor .categories {
      flex-direction: row;
      justify-content: space-between; } }
  #findAdvisor .categories button.category {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: 1rem 50%;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    padding: 0.7rem 2rem 0.7rem 4.5rem;
    min-width: 0; }
  @media only screen and (min-width: 40em) {
      #findAdvisor .categories button.category {
        margin-bottom: 0; } }
  #findAdvisor .categories button.category[name="efp"] {
    border: solid 2px #d2ad21;
    background-image: url("/static/img/pages/home/advisors/efp.png");
    color: #d2ad21; }
    #findAdvisor .categories button.category[name="efp"].selected {
      background-color: #d2ad21; }
  #findAdvisor .categories button.category[name="efa"] {
    border: solid 2px #6777a1;
    background-image: url("/static/img/pages/home/advisors/efa.png");
    color: #6777a1; }
    #findAdvisor .categories button.category[name="efa"].selected {
      background-color: #6777a1; }
  #findAdvisor .categories button.category[name="pfp"] {
    border: solid 2px #8fbcd9;
    background-image: url("/static/img/pages/home/advisors/pfp.png");
    color: #8fbcd9; }
    #findAdvisor .categories button.category[name="pfp"].selected {
      background-color: #8fbcd9; }
  #findAdvisor .categories button.category.selected {
    background-image: url("/static/img/pages/home/advisors/selected.png");
    color: #fff; }
  #findAdvisor .region-and-name {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 2rem); }
  #findAdvisor .region-and-name .l, #findAdvisor .region-and-name .r {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 300;
    width: 100%;
    max-width: 20rem; }
  #findAdvisor .region-and-name .l label, #findAdvisor .region-and-name .r label {
    margin-bottom: 0.5rem;
    align-self: flex-start;
    margin-left: 1rem; }
  #findAdvisor .region-and-name .l select, #findAdvisor .region-and-name .r select, #findAdvisor .region-and-name .l input[name="name"], #findAdvisor .region-and-name .r input[name="name"] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    border-color: #000;
    margin-bottom: 0;
    width: 100%;
    height: 2.25rem;
    font-size: 0.85rem; }
  #findAdvisor .region-and-name .l select, #findAdvisor .region-and-name .r select {
    margin-bottom: 1rem; }
  #findAdvisor .region-and-name .l input[name="name"], #findAdvisor .region-and-name .r input[name="name"] {
    background-image: url("/static/img/form/search.png");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: calc(100% - .5rem) 50%;
    padding: 0.1rem 2rem 0.1rem 0.5rem; }
  @media only screen and (min-width: 40em) {
    #findAdvisor .region-and-name {
      flex-direction: row;
      justify-content: center; }
      #findAdvisor .region-and-name .l select, #findAdvisor .region-and-name .r select, #findAdvisor .region-and-name .l input[name="name"], #findAdvisor .region-and-name .r input[name="name"] {
        width: 90%; }
        #findAdvisor .region-and-name .l select, #findAdvisor .region-and-name .r select {
          margin-bottom: 0; } }
  #findAdvisor hr.hr {
    background-color: #bfbfbf;
    border: none;
    margin: 2rem 0;
    height: 1px; }
  #findAdvisor .container {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    width: calc(100% - 2rem);
    max-width: 60rem; }
  #findAdvisor .container h3 {
    margin-bottom: 1rem; }
  #findAdvisor .container .advisors {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 50rem;
    margin-bottom: 1rem; }
  #findAdvisor .container .advisors a.advisor:hover .name {
    text-decoration: underline; }
  #findAdvisor .container .advisors .advisor {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    text-align: left;
    width: calc(100% - 2rem);
    max-width: 20rem;
    text-decoration: none;
    margin-bottom: 0.5rem; }
    #findAdvisor .container .advisors .advisor .avatar {
      border-radius: 1.5rem;
      -webkit-border-radius: 1.5rem;
      -moz-border-radius: 1.5rem;
      flex-shrink: 0;
      background-image: url("/static/img/icons/default-avatar.png");
      background-repeat: no-repeat;
      background-position: 50% 30%;
      background-size: cover;
      border: solid 1px #737373;
      margin-right: 0.5rem;
      width: 3rem;
      height: 3rem; }
    #findAdvisor .container .advisors .advisor .info .name, #findAdvisor .container .advisors .advisor .info .region {
      white-space: nowrap; }
    #findAdvisor .container .advisors .advisor .info .region {
      color: #bfbfbf; }
    #findAdvisor .container .advisors .advisor .info .certificates {
      font-size: 0.75rem;
      color: #f1f1f1; }
    #findAdvisor .container .advisors .advisor.placeholder {
      margin-bottom: 0; }
    #findAdvisor .container .advisors .advisor > .certificates {
      display: flex;
      flex-shrink: 0; }
    #findAdvisor .container .advisors .advisor > .certificates img {
      flex-shrink: 0;
      width: 2rem;
      height: 2rem; }
  @media screen and (min-width: 40em) {
      #findAdvisor .container .advisors {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap; }
        #findAdvisor .container .advisors .advisor {
          width: calc(50% - .5rem); }
          #findAdvisor .container .advisors .advisor:nth-child(2n) {
            margin-left: 1rem; } }
  #findAdvisor .container .show-more-advisors {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    font-weight: bold;
    color: white; }
  #findAdvisor .container .show-more-advisors .arrow {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border-right: solid 2px white;
    border-bottom: solid 2px white;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: -0.125rem; }
  #findAdvisor .cert-validator {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    width: calc(100% - 2rem); }
  #findAdvisor .cert-validator button[name="showCertValidator"] {
    text-transform: none;
    background-color: transparent;
    text-decoration: underline; }
  #findAdvisor .cert-validator form {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #findAdvisor .cert-validator form:before {
    content: "";
    background-color: #fff;
    margin-bottom: 2rem;
    width: 100%;
    height: 1px; }
  #findAdvisor .cert-validator form h3 {
    text-align: center; }
  #findAdvisor .cert-validator form .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    width: 100%; }
    #findAdvisor .cert-validator form .row input, #findAdvisor .cert-validator form .row select {
      width: 100%;
      max-width: 20rem; }
    #findAdvisor .cert-validator form .row input[type="text"], #findAdvisor .cert-validator form .row input[type="number"] {
      background-color: #fff;
      flex-shrink: 0;
      font-size: 0.9rem;
      font-weight: 300; }
    #findAdvisor .cert-validator form .row input[name="number"] {
      text-align: right; }
    #findAdvisor .cert-validator form .row select {
      margin-bottom: 1rem; }
  #findAdvisor .cert-validator form .result {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: 0% 50%;
    margin-top: 1rem;
    padding-left: 2.5rem;
    min-height: 2rem; }
    #findAdvisor .cert-validator form .result.valid {
      background-image: url("/static/img/icons/certificate-yes.png"); }
    #findAdvisor .cert-validator form .result.invalid {
      background-image: url("/static/img/icons/certificate-no.png"); }
  @media screen and (min-width: 40em) {
      #findAdvisor .cert-validator form .row {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        max-width: 30rem; }
        #findAdvisor .cert-validator form .row select, #findAdvisor .cert-validator form .row input[name="firstName"] {
          margin-right: 1rem; }
        #findAdvisor .cert-validator form .row select {
          width: calc(40% - .5rem); }
        #findAdvisor .cert-validator form .row input[type="text"] {
          width: calc(50% - .5rem); }
        #findAdvisor .cert-validator form .row input[type="number"] {
          width: calc(20% - .5rem); } }

#fixedPriceInfo {
  box-sizing: border-box;
  border: solid 2px #e91c1c;
  padding: 0.5rem 1rem; }
  #fixedPriceInfo p, #fixedPriceInfo #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #fixedPriceInfo li, #fixedPriceInfo #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #fixedPriceInfo div {
    margin-bottom: 0; }
  #fixedPriceInfo p + p, #fixedPriceInfo #poradci #container > .block.info .contents .content ul li + p, #fixedPriceInfo #poradci #container > .block.info .contents .content ul li + #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #fixedPriceInfo #poradci #container > .block.info .contents .content ul li + li, #fixedPriceInfo #poradci #container > .block.info .contents .content ul li + #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #fixedPriceInfo #poradci #container > .block.info .contents .content ul li + div, #poradci #container > .block.info .contents .content ul #fixedPriceInfo li + p, #fixedPriceInfo #poradci #container > .block.info .contents .content div + p, #fixedPriceInfo #poradci #container > .block.info .contents .content div + #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #fixedPriceInfo #poradci #container > .block.info .contents .content div + li, #fixedPriceInfo #poradci #container > .block.info .contents .content div + #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #fixedPriceInfo #poradci #container > .block.info .contents .content div + div, #poradci #container > .block.info .contents .content #fixedPriceInfo div + p, #fixedPriceInfo p + #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #fixedPriceInfo p + li, #fixedPriceInfo p + #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #fixedPriceInfo p + div {
    margin-top: 0.5rem; }

#groupAdminProductAttachments > .files .file {
  margin-bottom: 0.5rem; }
  #groupAdminProductAttachments > .files .file .icon-and-name {
    display: flex;
    align-items: center; }
    #groupAdminProductAttachments > .files .file .icon-and-name .icon {
      flex-shrink: 0;
      margin-right: 0.5rem; }
    #groupAdminProductAttachments > .files .file .icon-and-name .icon img {
      object-fit: cover;
      display: block;
      margin: auto;
      width: 1.25rem;
      max-height: 1.25rem; }
    #groupAdminProductAttachments > .files .file .icon-and-name .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.875rem; }
    #groupAdminProductAttachments > .files .file .icon-and-name button[name="delete"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      border: none;
      flex-shrink: 0;
      margin-right: 0.25rem;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem; }
    #groupAdminProductAttachments > .files .file .icon-and-name button[name="delete"] div {
      transform: rotate(45deg);
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #groupAdminProductAttachments > .files .file .icon-and-name button[name="delete"] div + div {
      transform: rotate(-45deg); }
    #groupAdminProductAttachments > .files .file .icon-and-name button[name="delete"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #groupAdminProductAttachments hr {
    background-color: #bfbfbf;
    border: none;
    display: block;
    margin: 0.5rem 0;
    height: 1px; }
  #groupAdminProductAttachments input[name="file"] {
    display: none; }
  #groupAdminProductCategories form .row, #groupAdminProductLmsTags form .row, #groupAdminProductLabels form .row, #groupAdminProductAuthors form .row {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    width: 100%; }
  #groupAdminProductCategories form .row + .row, #groupAdminProductLmsTags form .row + .row, #groupAdminProductLabels form .row + .row, #groupAdminProductAuthors form .row + .row {
    margin-top: 1rem; }
  #groupAdminProductCategories form .row .selectedCategories, #groupAdminProductLmsTags form .row .selectedCategories, #groupAdminProductLabels form .row .selectedCategories, #groupAdminProductAuthors form .row .selectedCategories, #groupAdminProductCategories form .row .selectedLmsTags, #groupAdminProductLmsTags form .row .selectedLmsTags, #groupAdminProductLabels form .row .selectedLmsTags, #groupAdminProductAuthors form .row .selectedLmsTags, #groupAdminProductCategories form .row .selectedLabels, #groupAdminProductLmsTags form .row .selectedLabels, #groupAdminProductLabels form .row .selectedLabels, #groupAdminProductAuthors form .row .selectedLabels, #groupAdminProductCategories form .row .selectedAuthors, #groupAdminProductLmsTags form .row .selectedAuthors, #groupAdminProductLabels form .row .selectedAuthors, #groupAdminProductAuthors form .row .selectedAuthors {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
    #groupAdminProductCategories form .row .selectedCategories .category, #groupAdminProductLmsTags form .row .selectedCategories .category, #groupAdminProductLabels form .row .selectedCategories .category, #groupAdminProductAuthors form .row .selectedCategories .category, #groupAdminProductCategories form .row .selectedLmsTags .category, #groupAdminProductLmsTags form .row .selectedLmsTags .category, #groupAdminProductLabels form .row .selectedLmsTags .category, #groupAdminProductAuthors form .row .selectedLmsTags .category, #groupAdminProductCategories form .row .selectedLabels .category, #groupAdminProductLmsTags form .row .selectedLabels .category, #groupAdminProductLabels form .row .selectedLabels .category, #groupAdminProductAuthors form .row .selectedLabels .category, #groupAdminProductCategories form .row .selectedAuthors .category, #groupAdminProductLmsTags form .row .selectedAuthors .category, #groupAdminProductLabels form .row .selectedAuthors .category, #groupAdminProductAuthors form .row .selectedAuthors .category, #groupAdminProductCategories form .row .selectedCategories .lmsTag, #groupAdminProductLmsTags form .row .selectedCategories .lmsTag, #groupAdminProductLabels form .row .selectedCategories .lmsTag, #groupAdminProductAuthors form .row .selectedCategories .lmsTag, #groupAdminProductCategories form .row .selectedLmsTags .lmsTag, #groupAdminProductLmsTags form .row .selectedLmsTags .lmsTag, #groupAdminProductLabels form .row .selectedLmsTags .lmsTag, #groupAdminProductAuthors form .row .selectedLmsTags .lmsTag, #groupAdminProductCategories form .row .selectedLabels .lmsTag, #groupAdminProductLmsTags form .row .selectedLabels .lmsTag, #groupAdminProductLabels form .row .selectedLabels .lmsTag, #groupAdminProductAuthors form .row .selectedLabels .lmsTag, #groupAdminProductCategories form .row .selectedAuthors .lmsTag, #groupAdminProductLmsTags form .row .selectedAuthors .lmsTag, #groupAdminProductLabels form .row .selectedAuthors .lmsTag, #groupAdminProductAuthors form .row .selectedAuthors .lmsTag, #groupAdminProductCategories form .row .selectedCategories .label, #groupAdminProductLmsTags form .row .selectedCategories .label, #groupAdminProductLabels form .row .selectedCategories .label, #groupAdminProductAuthors form .row .selectedCategories .label, #groupAdminProductCategories form .row .selectedLmsTags .label, #groupAdminProductLmsTags form .row .selectedLmsTags .label, #groupAdminProductLabels form .row .selectedLmsTags .label, #groupAdminProductAuthors form .row .selectedLmsTags .label, #groupAdminProductCategories form .row .selectedLabels .label, #groupAdminProductLmsTags form .row .selectedLabels .label, #groupAdminProductLabels form .row .selectedLabels .label, #groupAdminProductAuthors form .row .selectedLabels .label, #groupAdminProductCategories form .row .selectedAuthors .label, #groupAdminProductLmsTags form .row .selectedAuthors .label, #groupAdminProductLabels form .row .selectedAuthors .label, #groupAdminProductAuthors form .row .selectedAuthors .label, #groupAdminProductCategories form .row .selectedCategories .author, #groupAdminProductLmsTags form .row .selectedCategories .author, #groupAdminProductLabels form .row .selectedCategories .author, #groupAdminProductAuthors form .row .selectedCategories .author, #groupAdminProductCategories form .row .selectedLmsTags .author, #groupAdminProductLmsTags form .row .selectedLmsTags .author, #groupAdminProductLabels form .row .selectedLmsTags .author, #groupAdminProductAuthors form .row .selectedLmsTags .author, #groupAdminProductCategories form .row .selectedLabels .author, #groupAdminProductLmsTags form .row .selectedLabels .author, #groupAdminProductLabels form .row .selectedLabels .author, #groupAdminProductAuthors form .row .selectedLabels .author, #groupAdminProductCategories form .row .selectedAuthors .author, #groupAdminProductLmsTags form .row .selectedAuthors .author, #groupAdminProductLabels form .row .selectedAuthors .author, #groupAdminProductAuthors form .row .selectedAuthors .author {
      width: 100%;
      box-sizing: border-box;
      padding: 0.125rem 0.25rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-radius: 0.5rem;
      border-style: solid;
      border-width: 2px;
      margin-top: 0.5rem; }
    #groupAdminProductCategories form .row .selectedCategories .category:nth-child(even), #groupAdminProductLmsTags form .row .selectedCategories .category:nth-child(even), #groupAdminProductLabels form .row .selectedCategories .category:nth-child(even), #groupAdminProductAuthors form .row .selectedCategories .category:nth-child(even), #groupAdminProductCategories form .row .selectedLmsTags .category:nth-child(even), #groupAdminProductLmsTags form .row .selectedLmsTags .category:nth-child(even), #groupAdminProductLabels form .row .selectedLmsTags .category:nth-child(even), #groupAdminProductAuthors form .row .selectedLmsTags .category:nth-child(even), #groupAdminProductCategories form .row .selectedLabels .category:nth-child(even), #groupAdminProductLmsTags form .row .selectedLabels .category:nth-child(even), #groupAdminProductLabels form .row .selectedLabels .category:nth-child(even), #groupAdminProductAuthors form .row .selectedLabels .category:nth-child(even), #groupAdminProductCategories form .row .selectedAuthors .category:nth-child(even), #groupAdminProductLmsTags form .row .selectedAuthors .category:nth-child(even), #groupAdminProductLabels form .row .selectedAuthors .category:nth-child(even), #groupAdminProductAuthors form .row .selectedAuthors .category:nth-child(even), #groupAdminProductCategories form .row .selectedCategories .lmsTag:nth-child(even), #groupAdminProductLmsTags form .row .selectedCategories .lmsTag:nth-child(even), #groupAdminProductLabels form .row .selectedCategories .lmsTag:nth-child(even), #groupAdminProductAuthors form .row .selectedCategories .lmsTag:nth-child(even), #groupAdminProductCategories form .row .selectedLmsTags .lmsTag:nth-child(even), #groupAdminProductLmsTags form .row .selectedLmsTags .lmsTag:nth-child(even), #groupAdminProductLabels form .row .selectedLmsTags .lmsTag:nth-child(even), #groupAdminProductAuthors form .row .selectedLmsTags .lmsTag:nth-child(even), #groupAdminProductCategories form .row .selectedLabels .lmsTag:nth-child(even), #groupAdminProductLmsTags form .row .selectedLabels .lmsTag:nth-child(even), #groupAdminProductLabels form .row .selectedLabels .lmsTag:nth-child(even), #groupAdminProductAuthors form .row .selectedLabels .lmsTag:nth-child(even), #groupAdminProductCategories form .row .selectedAuthors .lmsTag:nth-child(even), #groupAdminProductLmsTags form .row .selectedAuthors .lmsTag:nth-child(even), #groupAdminProductLabels form .row .selectedAuthors .lmsTag:nth-child(even), #groupAdminProductAuthors form .row .selectedAuthors .lmsTag:nth-child(even), #groupAdminProductCategories form .row .selectedCategories .label:nth-child(even), #groupAdminProductLmsTags form .row .selectedCategories .label:nth-child(even), #groupAdminProductLabels form .row .selectedCategories .label:nth-child(even), #groupAdminProductAuthors form .row .selectedCategories .label:nth-child(even), #groupAdminProductCategories form .row .selectedLmsTags .label:nth-child(even), #groupAdminProductLmsTags form .row .selectedLmsTags .label:nth-child(even), #groupAdminProductLabels form .row .selectedLmsTags .label:nth-child(even), #groupAdminProductAuthors form .row .selectedLmsTags .label:nth-child(even), #groupAdminProductCategories form .row .selectedLabels .label:nth-child(even), #groupAdminProductLmsTags form .row .selectedLabels .label:nth-child(even), #groupAdminProductLabels form .row .selectedLabels .label:nth-child(even), #groupAdminProductAuthors form .row .selectedLabels .label:nth-child(even), #groupAdminProductCategories form .row .selectedAuthors .label:nth-child(even), #groupAdminProductLmsTags form .row .selectedAuthors .label:nth-child(even), #groupAdminProductLabels form .row .selectedAuthors .label:nth-child(even), #groupAdminProductAuthors form .row .selectedAuthors .label:nth-child(even), #groupAdminProductCategories form .row .selectedCategories .author:nth-child(even), #groupAdminProductLmsTags form .row .selectedCategories .author:nth-child(even), #groupAdminProductLabels form .row .selectedCategories .author:nth-child(even), #groupAdminProductAuthors form .row .selectedCategories .author:nth-child(even), #groupAdminProductCategories form .row .selectedLmsTags .author:nth-child(even), #groupAdminProductLmsTags form .row .selectedLmsTags .author:nth-child(even), #groupAdminProductLabels form .row .selectedLmsTags .author:nth-child(even), #groupAdminProductAuthors form .row .selectedLmsTags .author:nth-child(even), #groupAdminProductCategories form .row .selectedLabels .author:nth-child(even), #groupAdminProductLmsTags form .row .selectedLabels .author:nth-child(even), #groupAdminProductLabels form .row .selectedLabels .author:nth-child(even), #groupAdminProductAuthors form .row .selectedLabels .author:nth-child(even), #groupAdminProductCategories form .row .selectedAuthors .author:nth-child(even), #groupAdminProductLmsTags form .row .selectedAuthors .author:nth-child(even), #groupAdminProductLabels form .row .selectedAuthors .author:nth-child(even), #groupAdminProductAuthors form .row .selectedAuthors .author:nth-child(even) {
      background-color: transparent; }
    #groupAdminProductCategories form .row .selectedCategories .category .name, #groupAdminProductLmsTags form .row .selectedCategories .category .name, #groupAdminProductLabels form .row .selectedCategories .category .name, #groupAdminProductAuthors form .row .selectedCategories .category .name, #groupAdminProductCategories form .row .selectedLmsTags .category .name, #groupAdminProductLmsTags form .row .selectedLmsTags .category .name, #groupAdminProductLabels form .row .selectedLmsTags .category .name, #groupAdminProductAuthors form .row .selectedLmsTags .category .name, #groupAdminProductCategories form .row .selectedLabels .category .name, #groupAdminProductLmsTags form .row .selectedLabels .category .name, #groupAdminProductLabels form .row .selectedLabels .category .name, #groupAdminProductAuthors form .row .selectedLabels .category .name, #groupAdminProductCategories form .row .selectedAuthors .category .name, #groupAdminProductLmsTags form .row .selectedAuthors .category .name, #groupAdminProductLabels form .row .selectedAuthors .category .name, #groupAdminProductAuthors form .row .selectedAuthors .category .name, #groupAdminProductCategories form .row .selectedCategories .lmsTag .name, #groupAdminProductLmsTags form .row .selectedCategories .lmsTag .name, #groupAdminProductLabels form .row .selectedCategories .lmsTag .name, #groupAdminProductAuthors form .row .selectedCategories .lmsTag .name, #groupAdminProductCategories form .row .selectedLmsTags .lmsTag .name, #groupAdminProductLmsTags form .row .selectedLmsTags .lmsTag .name, #groupAdminProductLabels form .row .selectedLmsTags .lmsTag .name, #groupAdminProductAuthors form .row .selectedLmsTags .lmsTag .name, #groupAdminProductCategories form .row .selectedLabels .lmsTag .name, #groupAdminProductLmsTags form .row .selectedLabels .lmsTag .name, #groupAdminProductLabels form .row .selectedLabels .lmsTag .name, #groupAdminProductAuthors form .row .selectedLabels .lmsTag .name, #groupAdminProductCategories form .row .selectedAuthors .lmsTag .name, #groupAdminProductLmsTags form .row .selectedAuthors .lmsTag .name, #groupAdminProductLabels form .row .selectedAuthors .lmsTag .name, #groupAdminProductAuthors form .row .selectedAuthors .lmsTag .name, #groupAdminProductCategories form .row .selectedCategories .label .name, #groupAdminProductLmsTags form .row .selectedCategories .label .name, #groupAdminProductLabels form .row .selectedCategories .label .name, #groupAdminProductAuthors form .row .selectedCategories .label .name, #groupAdminProductCategories form .row .selectedLmsTags .label .name, #groupAdminProductLmsTags form .row .selectedLmsTags .label .name, #groupAdminProductLabels form .row .selectedLmsTags .label .name, #groupAdminProductAuthors form .row .selectedLmsTags .label .name, #groupAdminProductCategories form .row .selectedLabels .label .name, #groupAdminProductLmsTags form .row .selectedLabels .label .name, #groupAdminProductLabels form .row .selectedLabels .label .name, #groupAdminProductAuthors form .row .selectedLabels .label .name, #groupAdminProductCategories form .row .selectedAuthors .label .name, #groupAdminProductLmsTags form .row .selectedAuthors .label .name, #groupAdminProductLabels form .row .selectedAuthors .label .name, #groupAdminProductAuthors form .row .selectedAuthors .label .name, #groupAdminProductCategories form .row .selectedCategories .author .name, #groupAdminProductLmsTags form .row .selectedCategories .author .name, #groupAdminProductLabels form .row .selectedCategories .author .name, #groupAdminProductAuthors form .row .selectedCategories .author .name, #groupAdminProductCategories form .row .selectedLmsTags .author .name, #groupAdminProductLmsTags form .row .selectedLmsTags .author .name, #groupAdminProductLabels form .row .selectedLmsTags .author .name, #groupAdminProductAuthors form .row .selectedLmsTags .author .name, #groupAdminProductCategories form .row .selectedLabels .author .name, #groupAdminProductLmsTags form .row .selectedLabels .author .name, #groupAdminProductLabels form .row .selectedLabels .author .name, #groupAdminProductAuthors form .row .selectedLabels .author .name, #groupAdminProductCategories form .row .selectedAuthors .author .name, #groupAdminProductLmsTags form .row .selectedAuthors .author .name, #groupAdminProductLabels form .row .selectedAuthors .author .name, #groupAdminProductAuthors form .row .selectedAuthors .author .name {
      max-width: 90%;
      flex: 1 0 auto; }
    #groupAdminProductCategories form .row .selectedCategories .category .cross, #groupAdminProductLmsTags form .row .selectedCategories .category .cross, #groupAdminProductLabels form .row .selectedCategories .category .cross, #groupAdminProductAuthors form .row .selectedCategories .category .cross, #groupAdminProductCategories form .row .selectedLmsTags .category .cross, #groupAdminProductLmsTags form .row .selectedLmsTags .category .cross, #groupAdminProductLabels form .row .selectedLmsTags .category .cross, #groupAdminProductAuthors form .row .selectedLmsTags .category .cross, #groupAdminProductCategories form .row .selectedLabels .category .cross, #groupAdminProductLmsTags form .row .selectedLabels .category .cross, #groupAdminProductLabels form .row .selectedLabels .category .cross, #groupAdminProductAuthors form .row .selectedLabels .category .cross, #groupAdminProductCategories form .row .selectedAuthors .category .cross, #groupAdminProductLmsTags form .row .selectedAuthors .category .cross, #groupAdminProductLabels form .row .selectedAuthors .category .cross, #groupAdminProductAuthors form .row .selectedAuthors .category .cross, #groupAdminProductCategories form .row .selectedCategories .lmsTag .cross, #groupAdminProductLmsTags form .row .selectedCategories .lmsTag .cross, #groupAdminProductLabels form .row .selectedCategories .lmsTag .cross, #groupAdminProductAuthors form .row .selectedCategories .lmsTag .cross, #groupAdminProductCategories form .row .selectedLmsTags .lmsTag .cross, #groupAdminProductLmsTags form .row .selectedLmsTags .lmsTag .cross, #groupAdminProductLabels form .row .selectedLmsTags .lmsTag .cross, #groupAdminProductAuthors form .row .selectedLmsTags .lmsTag .cross, #groupAdminProductCategories form .row .selectedLabels .lmsTag .cross, #groupAdminProductLmsTags form .row .selectedLabels .lmsTag .cross, #groupAdminProductLabels form .row .selectedLabels .lmsTag .cross, #groupAdminProductAuthors form .row .selectedLabels .lmsTag .cross, #groupAdminProductCategories form .row .selectedAuthors .lmsTag .cross, #groupAdminProductLmsTags form .row .selectedAuthors .lmsTag .cross, #groupAdminProductLabels form .row .selectedAuthors .lmsTag .cross, #groupAdminProductAuthors form .row .selectedAuthors .lmsTag .cross, #groupAdminProductCategories form .row .selectedCategories .label .cross, #groupAdminProductLmsTags form .row .selectedCategories .label .cross, #groupAdminProductLabels form .row .selectedCategories .label .cross, #groupAdminProductAuthors form .row .selectedCategories .label .cross, #groupAdminProductCategories form .row .selectedLmsTags .label .cross, #groupAdminProductLmsTags form .row .selectedLmsTags .label .cross, #groupAdminProductLabels form .row .selectedLmsTags .label .cross, #groupAdminProductAuthors form .row .selectedLmsTags .label .cross, #groupAdminProductCategories form .row .selectedLabels .label .cross, #groupAdminProductLmsTags form .row .selectedLabels .label .cross, #groupAdminProductLabels form .row .selectedLabels .label .cross, #groupAdminProductAuthors form .row .selectedLabels .label .cross, #groupAdminProductCategories form .row .selectedAuthors .label .cross, #groupAdminProductLmsTags form .row .selectedAuthors .label .cross, #groupAdminProductLabels form .row .selectedAuthors .label .cross, #groupAdminProductAuthors form .row .selectedAuthors .label .cross, #groupAdminProductCategories form .row .selectedCategories .author .cross, #groupAdminProductLmsTags form .row .selectedCategories .author .cross, #groupAdminProductLabels form .row .selectedCategories .author .cross, #groupAdminProductAuthors form .row .selectedCategories .author .cross, #groupAdminProductCategories form .row .selectedLmsTags .author .cross, #groupAdminProductLmsTags form .row .selectedLmsTags .author .cross, #groupAdminProductLabels form .row .selectedLmsTags .author .cross, #groupAdminProductAuthors form .row .selectedLmsTags .author .cross, #groupAdminProductCategories form .row .selectedLabels .author .cross, #groupAdminProductLmsTags form .row .selectedLabels .author .cross, #groupAdminProductLabels form .row .selectedLabels .author .cross, #groupAdminProductAuthors form .row .selectedLabels .author .cross, #groupAdminProductCategories form .row .selectedAuthors .author .cross, #groupAdminProductLmsTags form .row .selectedAuthors .author .cross, #groupAdminProductLabels form .row .selectedAuthors .author .cross, #groupAdminProductAuthors form .row .selectedAuthors .author .cross {
      color: #e91c1c;
      background-color: white;
      padding: 0.1rem 0.3rem;
      border-radius: 0.2rem;
      margin: 0.3rem; }
    #groupAdminProductCategories form .row .selectedCategories .category .cross:hover, #groupAdminProductLmsTags form .row .selectedCategories .category .cross:hover, #groupAdminProductLabels form .row .selectedCategories .category .cross:hover, #groupAdminProductAuthors form .row .selectedCategories .category .cross:hover, #groupAdminProductCategories form .row .selectedLmsTags .category .cross:hover, #groupAdminProductLmsTags form .row .selectedLmsTags .category .cross:hover, #groupAdminProductLabels form .row .selectedLmsTags .category .cross:hover, #groupAdminProductAuthors form .row .selectedLmsTags .category .cross:hover, #groupAdminProductCategories form .row .selectedLabels .category .cross:hover, #groupAdminProductLmsTags form .row .selectedLabels .category .cross:hover, #groupAdminProductLabels form .row .selectedLabels .category .cross:hover, #groupAdminProductAuthors form .row .selectedLabels .category .cross:hover, #groupAdminProductCategories form .row .selectedAuthors .category .cross:hover, #groupAdminProductLmsTags form .row .selectedAuthors .category .cross:hover, #groupAdminProductLabels form .row .selectedAuthors .category .cross:hover, #groupAdminProductAuthors form .row .selectedAuthors .category .cross:hover, #groupAdminProductCategories form .row .selectedCategories .lmsTag .cross:hover, #groupAdminProductLmsTags form .row .selectedCategories .lmsTag .cross:hover, #groupAdminProductLabels form .row .selectedCategories .lmsTag .cross:hover, #groupAdminProductAuthors form .row .selectedCategories .lmsTag .cross:hover, #groupAdminProductCategories form .row .selectedLmsTags .lmsTag .cross:hover, #groupAdminProductLmsTags form .row .selectedLmsTags .lmsTag .cross:hover, #groupAdminProductLabels form .row .selectedLmsTags .lmsTag .cross:hover, #groupAdminProductAuthors form .row .selectedLmsTags .lmsTag .cross:hover, #groupAdminProductCategories form .row .selectedLabels .lmsTag .cross:hover, #groupAdminProductLmsTags form .row .selectedLabels .lmsTag .cross:hover, #groupAdminProductLabels form .row .selectedLabels .lmsTag .cross:hover, #groupAdminProductAuthors form .row .selectedLabels .lmsTag .cross:hover, #groupAdminProductCategories form .row .selectedAuthors .lmsTag .cross:hover, #groupAdminProductLmsTags form .row .selectedAuthors .lmsTag .cross:hover, #groupAdminProductLabels form .row .selectedAuthors .lmsTag .cross:hover, #groupAdminProductAuthors form .row .selectedAuthors .lmsTag .cross:hover, #groupAdminProductCategories form .row .selectedCategories .label .cross:hover, #groupAdminProductLmsTags form .row .selectedCategories .label .cross:hover, #groupAdminProductLabels form .row .selectedCategories .label .cross:hover, #groupAdminProductAuthors form .row .selectedCategories .label .cross:hover, #groupAdminProductCategories form .row .selectedLmsTags .label .cross:hover, #groupAdminProductLmsTags form .row .selectedLmsTags .label .cross:hover, #groupAdminProductLabels form .row .selectedLmsTags .label .cross:hover, #groupAdminProductAuthors form .row .selectedLmsTags .label .cross:hover, #groupAdminProductCategories form .row .selectedLabels .label .cross:hover, #groupAdminProductLmsTags form .row .selectedLabels .label .cross:hover, #groupAdminProductLabels form .row .selectedLabels .label .cross:hover, #groupAdminProductAuthors form .row .selectedLabels .label .cross:hover, #groupAdminProductCategories form .row .selectedAuthors .label .cross:hover, #groupAdminProductLmsTags form .row .selectedAuthors .label .cross:hover, #groupAdminProductLabels form .row .selectedAuthors .label .cross:hover, #groupAdminProductAuthors form .row .selectedAuthors .label .cross:hover, #groupAdminProductCategories form .row .selectedCategories .author .cross:hover, #groupAdminProductLmsTags form .row .selectedCategories .author .cross:hover, #groupAdminProductLabels form .row .selectedCategories .author .cross:hover, #groupAdminProductAuthors form .row .selectedCategories .author .cross:hover, #groupAdminProductCategories form .row .selectedLmsTags .author .cross:hover, #groupAdminProductLmsTags form .row .selectedLmsTags .author .cross:hover, #groupAdminProductLabels form .row .selectedLmsTags .author .cross:hover, #groupAdminProductAuthors form .row .selectedLmsTags .author .cross:hover, #groupAdminProductCategories form .row .selectedLabels .author .cross:hover, #groupAdminProductLmsTags form .row .selectedLabels .author .cross:hover, #groupAdminProductLabels form .row .selectedLabels .author .cross:hover, #groupAdminProductAuthors form .row .selectedLabels .author .cross:hover, #groupAdminProductCategories form .row .selectedAuthors .author .cross:hover, #groupAdminProductLmsTags form .row .selectedAuthors .author .cross:hover, #groupAdminProductLabels form .row .selectedAuthors .author .cross:hover, #groupAdminProductAuthors form .row .selectedAuthors .author .cross:hover {
      text-decoration: none; }
  #groupAdminProductCategories form .row p.no-item-added, #groupAdminProductCategories form .row #poradci #container > .block.info .contents .content ul li.no-item-added, #poradci #container > .block.info .contents .content ul #groupAdminProductCategories form .row li.no-item-added, #groupAdminProductCategories form .row #poradci #container > .block.info .contents .content div.no-item-added, #poradci #container > .block.info .contents .content #groupAdminProductCategories form .row div.no-item-added, #groupAdminProductLmsTags form .row p.no-item-added, #groupAdminProductLmsTags form .row #poradci #container > .block.info .contents .content ul li.no-item-added, #poradci #container > .block.info .contents .content ul #groupAdminProductLmsTags form .row li.no-item-added, #groupAdminProductLmsTags form .row #poradci #container > .block.info .contents .content div.no-item-added, #poradci #container > .block.info .contents .content #groupAdminProductLmsTags form .row div.no-item-added, #groupAdminProductLabels form .row p.no-item-added, #groupAdminProductLabels form .row #poradci #container > .block.info .contents .content ul li.no-item-added, #poradci #container > .block.info .contents .content ul #groupAdminProductLabels form .row li.no-item-added, #groupAdminProductLabels form .row #poradci #container > .block.info .contents .content div.no-item-added, #poradci #container > .block.info .contents .content #groupAdminProductLabels form .row div.no-item-added, #groupAdminProductAuthors form .row p.no-item-added, #groupAdminProductAuthors form .row #poradci #container > .block.info .contents .content ul li.no-item-added, #poradci #container > .block.info .contents .content ul #groupAdminProductAuthors form .row li.no-item-added, #groupAdminProductAuthors form .row #poradci #container > .block.info .contents .content div.no-item-added, #poradci #container > .block.info .contents .content #groupAdminProductAuthors form .row div.no-item-added {
    margin-bottom: 0; }

#groupAdminProductCategories form .row select .topCategory {
  font-weight: bold; }

#groupAdminProductImages form progress {
  margin-bottom: 0.5rem;
  /* Reset the default appearance */
  width: 8rem;
  -webkit-appearance: none;
  appearance: none;
  height: 0.5rem; }
  #groupAdminProductImages form progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #groupAdminProductImages form progress::-webkit-progress-value {
    background-color: #1a377d; }
  #groupAdminProductImages form .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: max-content; }
  #groupAdminProductImages form .items label {
    display: flex;
    padding: 1rem;
    border: 1px solid #1a377d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
    position: relative; }
    #groupAdminProductImages form .items label.placeholder {
      width: 11rem;
      padding: 0;
      border: none;
      height: 0;
      margin: 0 0.5rem; }
    #groupAdminProductImages form .items label .label {
      display: flex;
      align-items: center; }
    #groupAdminProductImages form .items label .label input {
      margin-right: 0.5rem; }
    #groupAdminProductImages form .items label img, #groupAdminProductImages form .items label video {
      width: 9rem;
      height: 6rem;
      margin-bottom: 0.5rem;
      object-fit: cover;
      object-position: center center; }
    #groupAdminProductImages form .items label .cross {
      color: #e91c1c;
      position: absolute;
      display: block;
      padding: 0.25rem;
      box-sizing: border-box;
      background: white;
      top: -0.25rem;
      right: -0.25rem; }
    #groupAdminProductImages form .items label .claim {
      background-color: #1a377d;
      color: white;
      padding: 0.25rem;
      font-size: 0.75rem;
      position: absolute;
      top: 0;
      left: 0; }
  #groupAdminProductImages form .drop-zone {
    border-radius: 0.25rem;
    border: solid 1px #d1d1d1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    max-width: 20rem;
    min-height: 4rem;
    margin-bottom: 1rem; }
  #groupAdminProductImages form .drop-zone input[type="file"] {
    display: none; }
  #groupAdminProductImages form .drop-zone input[name="image"], #groupAdminProductImages form .drop-zone input[name="video"] {
    display: none; }
  #groupAdminProductImages form .drop-zone div {
    text-align: center;
    font-family: RobotoSlab, serif;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #d1d1d1; }
    #groupAdminProductImages form .drop-zone div a:hover {
      text-decoration: underline; }

#groupAdminProductTerms button[name="newTerm"] {
  display: block;
  margin: 0 0 1rem auto; }
  #groupAdminProductTerms hr {
    background-color: #bfbfbf;
    border: none;
    margin-bottom: 0.5rem;
    width: 100%;
    height: 1px; }
  #groupAdminProductTerms > .terms .term + .term {
    border-top: solid 1px #bfbfbf;
    margin-top: 0.5rem;
    padding-top: 0.5rem; }
  #groupAdminProductTerms > .terms .term .row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #groupAdminProductTerms > .terms p, #groupAdminProductTerms > .terms #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #groupAdminProductTerms > .terms li, #groupAdminProductTerms > .terms #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #groupAdminProductTerms > .terms div {
    margin-bottom: 0; }

#productSelector {
  width: 100%;
  min-width: 20rem; }
  #productSelector .whisper {
    position: relative; }
  #productSelector .whisper input[type="text"] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 100%; }
  #productSelector .whisper input[type="text"]::placeholder {
    text-align: left; }
  #productSelector .whisper .whisping {
    width: 100%;
    position: absolute;
    top: 1.625rem;
    left: 0;
    z-index: 25;
    background-color: white;
    display: flex;
    flex-direction: column; }
  #productSelector .whisper .whisping a.item {
    padding: 0.25rem 0.5rem;
    border: 1px solid #d3d5d3;
    border-top: none;
    display: block;
    text-align: left; }
    #productSelector .whisper .whisping a.item.active, #productSelector .whisper .whisping a.item:hover {
      background-color: #f4f8fe; }
  #productSelector .paired-products .list .selected-product {
    display: flex;
    align-items: center; }
    #productSelector .paired-products .list .selected-product button[name="delete"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      position: relative;
      background: transparent;
      border: none;
      margin-right: 0.25rem;
      padding: 0;
      width: 1rem;
      height: 1rem;
      min-width: 0rem; }
    #productSelector .paired-products .list .selected-product button[name="delete"]:before, #productSelector .paired-products .list .selected-product button[name="delete"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.25rem;
      content: " ";
      height: 1rem;
      width: 0.125rem; }
    #productSelector .paired-products .list .selected-product button[name="delete"]:before {
      transform: rotate(45deg); }
    #productSelector .paired-products .list .selected-product button[name="delete"]:after {
      transform: rotate(-45deg); }
    #productSelector .paired-products .list .selected-product button[name="delete"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #productSelector .paired-products .no-item-added {
    font-style: italic;
    color: #999; }

#footer a {
  color: white; }
  #footer > .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center; }
  #footer > .block > .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    margin: auto;
    width: calc(100% - 3rem);
    max-width: 80em; }
  #footer > .block.logo {
    background-color: #ddd; }
  #footer > .block.logo > .content {
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem; }
    #footer > .block.logo > .content img {
      width: 300px; }
  #footer > .block.menu {
    background-color: #707070;
    display: none; }
  #footer > .block.menu > .content {
    justify-content: center;
    align-items: center;
    min-height: 4.5rem; }
    #footer > .block.menu > .content ul {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      list-style-type: none;
      margin-bottom: 0;
      width: 100%; }
    #footer > .block.menu > .content ul li {
      flex-grow: 1;
      font-size: 0.9rem;
      color: #fff; }
    @media only screen and (min-width: 40em) {
        #footer > .block.menu > .content ul {
          flex-direction: row;
          justify-content: center;
          align-items: flex-start;
          flex-wrap: wrap; }
          #footer > .block.menu > .content ul li:last-child:after {
            content: "";
            margin: 0; } }
  @media only screen and (min-width: 30em) {
      #footer > .block.menu {
        display: block; } }
  #footer > .block.contacts {
    background-color: #3a3a3a; }
  #footer > .block.contacts > .content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3rem;
    max-width: 60rem; }
    @media only screen and (min-width: 30em) {
      #footer > .block.contacts > .content {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start; } }
    #footer > .block.contacts > .content .item {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 1rem;
      color: #fff; }
    #footer > .block.contacts > .content .item .image {
      background-repeat: no-repeat;
      background-size: 3.25rem 3.25rem;
      background-position: 50% 50%;
      margin: 0 2rem 1rem;
      width: 3.25rem;
      height: 3.25rem; }
    @media only screen and (min-width: 40em) {
          #footer > .block.contacts > .content .item .image {
            margin: 0 4rem 1rem; } }
    #footer > .block.contacts > .content .item.address .image {
      background-image: url("/static/img/footer/address.png"); }
    #footer > .block.contacts > .content .item.address .addr {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 2rem; }
    #footer > .block.contacts > .content .item.address .addr .title {
      color: #b9d880; }
    #footer > .block.contacts > .content .item.phone .image {
      background-image: url("/static/img/footer/phone.png"); }
    #footer > .block.contacts > .content .item.phone .title {
      color: #5a7bbd;
      margin-bottom: 0.5rem; }
    #footer > .block.contacts > .content .item.phone .number {
      margin-bottom: 1rem; }
    #footer > .block.contacts > .content .item.phone .hours {
      font-size: 0.75rem;
      margin-bottom: 1rem; }
    #footer > .block.contacts > .content .item.email .image {
      background-image: url("/static/img/footer/email.png"); }
    #footer > .block.contacts > .content .item.email .title {
      color: #dfae00;
      margin-bottom: 0.5rem; }
  #footer > .block.copy {
    background-color: #232323;
    padding: 1.5rem;
    color: #fff; }
  @media only screen and (min-width: 82em) {
      #footer > .block.copy {
        padding: 1.5rem 0; } }
  #footer > .block.copy > .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    #footer > .block.copy > .content ul {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-direction: column;
      align-items: center;
      list-style-type: none;
      margin-bottom: 0; }
    @media only screen and (min-width: 40em) {
        #footer > .block.copy > .content ul {
          flex-direction: row;
          justify-content: center; }
          #footer > .block.copy > .content ul li {
            font-weight: 300; }
            #footer > .block.copy > .content ul li a:hover {
              text-decoration: underline; }
            #footer > .block.copy > .content ul li ~ li:before {
              content: "|";
              margin: 0 0.5rem; } }
    #footer > .block.copy > .content .version {
      font-size: 0.75rem;
      margin-top: 1rem; }

#header {
  background-color: #fff;
  width: 100%; }
  #header > .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: auto;
    width: calc(100% - 3rem);
    max-width: 80rem; }
  #header > .content .left .logo {
    flex-shrink: 0;
    padding-top: 1rem;
    width: 12.5rem; }
  #header > .content .right {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex-grow: 1; }

.infoBox {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center; }
  .infoBox #infoMenu ul {
    padding: 0; }
  .infoBox #infoMenu ul li {
    list-style-type: none; }
    .infoBox #infoMenu ul li a {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      justify-content: flex-start;
      align-items: center;
      color: #000; }
    .infoBox #infoMenu ul li a:hover, .infoBox #infoMenu ul li a.selected {
      color: #1a377d; }
    .infoBox #infoMenu ul li a:hover .contentIcon, .infoBox #infoMenu ul li a.selected .contentIcon {
      background-position-x: -1rem; }
  .infoBox .contents {
    width: 100%; }
  .infoBox .contents .content h3, .infoBox .contents .content p, .infoBox .contents .content #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul .infoBox .contents .content li, .infoBox .contents .content #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content .infoBox .contents .content div {
    text-align: left;
    width: 100%; }
  .infoBox .contents .content .contentText {
    margin-left: 1rem; }
    .infoBox .contents .content .contentText .text-image {
      max-width: 118px;
      height: auto;
      margin-right: 0.5rem; }
    .infoBox .contents .content .contentText img[data-id] {
      cursor: pointer; }
  .infoBox .contents input[name='addProductDemo'] {
    display: block;
    margin: auto; }
  @media screen and (min-width: 50em) {
  .infoBox {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch; }
    .infoBox #infoMenu {
      position: relative;
      margin-right: 2rem; }
      .infoBox #infoMenu ul {
        position: relative;
        position: sticky;
        top: 20px;
        border: solid 1px #dadada; }
        .infoBox #infoMenu ul li a {
          padding: 0.5rem 1rem; }
          .infoBox #infoMenu ul li a .title {
            white-space: nowrap; }
          .infoBox #infoMenu ul li a:hover, .infoBox #infoMenu ul li a.selected {
            text-decoration: none;
            background-color: #f3f6ff; }

    .infoBox .contents {
      height: 100%; } }

#menu {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  color: black;
  justify-content: flex-end;
  width: 100%;
  max-width: 45rem; }
  #menu > ul {
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 0;
    display: none;
    flex-grow: 1; }
  #menu > ul > li {
    font-size: 0.9rem; }
  #menu > ul > li > a {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    color: black;
    padding: 0.5rem;
    box-sizing: border-box;
    white-space: nowrap; }
    #menu > ul > li > a:hover, #menu > ul > li > a.selected {
      font-weight: bold;
      color: #1a377d; }
    #menu > ul > li > a:hover:after, #menu > ul > li > a.selected:after {
      content: "";
      position: absolute;
      background-color: #fdef18;
      height: 0.25rem;
      top: 0;
      left: 0;
      right: 0; }
    #menu > ul > li > a.free-tests {
      font-weight: bold;
      color: #e05142; }
    #menu > ul > li > a.free-tests span {
      border-radius: 0.25rem;
      border: solid 1px #e05142;
      display: block;
      padding: 0.25rem 0.5rem; }
    #menu > ul > li > a.free-tests:hover, #menu > ul > li > a.free-tests.selected {
      text-decoration: none; }
    #menu > ul > li > a.free-tests:hover span, #menu > ul > li > a.free-tests.selected span {
      background-color: #e05142;
      color: #fff; }
    #menu > ul > li > a.free-tests:hover:after, #menu > ul > li > a.free-tests.selected:after {
      display: none; }
  #menu > ul > li.has-submenu {
    position: relative; }
    #menu > ul > li.has-submenu .arrow {
      margin-left: 0.5rem;
      width: 12px;
      height: 12px;
      background-image: url("/static/img/icons/o-nas-rozbalovatko.png");
      background-repeat: no-repeat;
      background-size: 12px 24px;
      background-position: 0 0; }
  #menu > ul > li:nth-last-child(1) > a {
    padding-right: 0; }
  #menu > ul > li .submenu {
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
    -ms-transition: -ms-transform 0.25s ease-in;
    transition: transform 0.25s ease-in;
    z-index: 2;
    background-color: white;
    position: absolute;
    right: 0;
    top: 72px;
    width: 8rem;
    border: solid 1px #e1e1e1;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    max-width: 8rem;
    max-width: initial; }
    #menu > ul > li .submenu a {
      display: block;
      padding: 0.5rem;
      padding-left: 1rem; }
    #menu > ul > li .submenu a:hover {
      background-color: #e9efff; }
  #menu > ul > li.opened a .arrow {
    background-position: 0 100%; }
    #menu > ul > li.opened .submenu {
      -webkit-transform: scaleX(1);
      -o-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition: -webkit-transform 0.25s ease-in;
      -o-transition: -o-transform 0.25s ease-in;
      -ms-transition: -ms-transform 0.25s ease-in;
      transition: transform 0.25s ease-in; }
  @media only screen and (min-width: 55em) {
    #menu > ul {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex; } }
  #menu > .menu {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    height: 100%; }
  #menu > .menu .icon {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end; }
  #menu > .menu .icon button[name="menu"] {
    position: relative;
    background: transparent;
    border: none;
    margin: 0.5rem 0;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    min-width: 3rem; }
    #menu > .menu .icon button[name="menu"] .line {
      position: absolute;
      background-color: #1a377d;
      transition: 0.4s;
      width: 2rem;
      height: 0.4rem;
      left: 0.5rem; }
    #menu > .menu .icon button[name="menu"] .line:nth-child(1) {
      top: 0.5rem; }
    #menu > .menu .icon button[name="menu"] .line:nth-child(2) {
      top: calc(.8rem + .5rem); }
    #menu > .menu .icon button[name="menu"] .line:nth-child(3) {
      top: calc(1.6rem + .5rem); }
  #menu > .menu .container {
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
    -ms-transition: -ms-transform 0.25s ease-in;
    transition: transform 0.25s ease-in;
    position: absolute;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: #fff;
    max-width: initial; }
  #menu > .menu .container ul {
    list-style-type: none; }
    #menu > .menu .container ul li {
      text-transform: uppercase; }
  #menu > .menu.opened, #menu > .menu.closing {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: flex-end;
    flex-direction: column; }
  #menu > .menu.opened .container, #menu > .menu.closing .container {
    position: relative; }
  #menu > .menu.opened .icon {
    background-color: #fff;
    width: 100%; }
    #menu > .menu.opened .icon button {
      background-color: #fff; }
    #menu > .menu.opened .icon button .line {
      transform-origin: 50% 50%; }
    #menu > .menu.opened .icon button .line:nth-child(1), #menu > .menu.opened .icon button .line:nth-child(3) {
      transform-origin: 50% 50%;
      width: 2.5rem;
      top: 1.25rem;
      left: 0.25rem; }
    #menu > .menu.opened .icon button .line:nth-child(1) {
      transform: rotate(45deg) translate(0, 0); }
    #menu > .menu.opened .icon button .line:nth-child(2) {
      opacity: 0; }
    #menu > .menu.opened .icon button .line:nth-child(3) {
      transform: rotate(-45deg) translate(0, 0); }
  #menu > .menu.opened .container {
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -o-transition: -o-transform 0.25s ease-in;
    -ms-transition: -ms-transform 0.25s ease-in;
    transition: transform 0.25s ease-in; }
  #menu > .menu.opened + .menu-placeholder {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  @media only screen and (min-width: 55em) {
    #menu > .menu {
      display: none; }
      #menu > .menu.opened {
        display: none; } }

#topBar {
  background-color: #f1f1f1;
  width: 100%; }
  #topBar > .alert-wrapper {
    background-color: #e5eaf2;
    width: 100%; }
  #topBar > .alert-wrapper > .alert {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 0.75rem;
    padding: 0.5rem;
    max-width: 81rem;
    margin: auto;
    box-sizing: border-box;
    color: #1a377d; }
  #topBar > .alert-wrapper > .alert img {
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem; }
  #topBar > .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
    width: calc(100% - 3rem);
    max-width: 80rem;
    min-height: 3.75rem;
    padding: 0.25rem 1.5rem; }
  #topBar > .content .info {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #fff9f9;
    font-size: 0.75rem;
    border: solid 1px #db131e;
    margin: 0.5rem 0;
    padding: 0.25rem 0.5rem;
    width: 100%;
    max-width: 40rem;
    color: #db131e; }
  #topBar > .content .info img {
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem; }
  #topBar > .content .left {
    display: flex;
    margin-bottom: 0.75rem; }
  #topBar > .content .left .socials {
    display: none; }
    #topBar > .content .left .socials a {
      background-image: url("/static/img/top-bar/socials.png");
      background-repeat: no-repeat;
      background-size: 4rem 2rem;
      background-position: 0 0;
      font-weight: normal;
      font-size: 0.9rem;
      display: block;
      letter-spacing: 0.8px;
      margin-right: 0.5rem;
      width: 1rem;
      height: 1rem; }
    #topBar > .content .left .socials a.twitter {
      background-position-x: -1rem; }
    #topBar > .content .left .socials a.youtube {
      background-position-x: -2rem; }
    #topBar > .content .left .socials a.linkedin {
      background-position-x: -3rem; }
    #topBar > .content .left .socials a:hover {
      text-decoration: underline;
      background-position-y: -1rem; }
    @media (min-width: 35rem) {
      #topBar > .content .left .socials {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-right: 1.25rem; } }
  #topBar > .content .left .helpdesk {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap; }
    #topBar > .content .left .helpdesk .title {
      font-size: 0.9rem;
      margin-right: 0.75rem;
      display: none; }
    #topBar > .content .left .helpdesk .email, #topBar > .content .left .helpdesk .phone {
      display: flex;
      font-size: 0.9rem;
      margin-right: 0.75rem; }
    @media (min-width: 35rem) {
      #topBar > .content .left .helpdesk {
        flex-direction: row; }
        #topBar > .content .left .helpdesk .title {
          display: block; } }
  #topBar > .content .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto; }
  #topBar > .content .right button {
    font-size: 0.9rem;
    margin-bottom: 0; }
  #topBar > .content .right .logged-user {
    display: flex;
    align-items: center;
    line-height: 1.5; }
    #topBar > .content .right .logged-user .icon {
      margin-right: 0.5rem;
      width: 1rem;
      height: 1rem; }
  #topBar > .content .right .unreadNotifications {
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fd7e40;
    font-size: 0.75rem;
    margin-left: 0.5rem;
    text-decoration: none;
    flex-shrink: 0; }
  #topBar > .content .right ul {
    display: none;
    margin: 0; }
    @media screen and (min-width: 45rem) {
      #topBar > .content .right ul {
        display: block; } }
    #topBar > .content .right ul li {
      list-style-type: none;
      display: inline-block; }
    #topBar > .content .right ul li a {
      display: flex;
      color: #1a377d; }
    #topBar > .content .right ul li a:after {
      content: "|";
      margin: 0 0.5rem; }
    #topBar > .content .right ul li:last-child a:after {
      content: "";
      margin: 0; }
  #topBar > .content .right .cart {
    display: flex;
    align-items: center;
    position: relative; }
    #topBar > .content .right .cart:before {
      content: "|";
      margin: 0 0.5rem; }
    #topBar > .content .right .cart img {
      width: 1rem;
      height: 1rem; }
    #topBar > .content .right .cart .number-of-items {
      border-radius: 0.625rem;
      -webkit-border-radius: 0.625rem;
      -moz-border-radius: 0.625rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      background-color: #fdef18;
      font-size: 0.75rem;
      padding: 0.125rem;
      height: 1rem;
      min-width: 1rem;
      top: -0.75rem;
      right: -0.75rem; }
  @media screen and (min-width: 50em) {
    #topBar > .content {
      flex-wrap: wrap; }
      #topBar > .content .info {
        width: initial; }
      #topBar > .content .left {
        order: -1; } }
  #topBar > #develFox + .content {
    margin-top: 2rem; }
  #topBar > .active-order {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
    padding: 0.25rem 1.5rem;
    border: 1px solid #e91c1c;
    background-color: white;
    color: #e91c1c; }
  #topBar > .active-order .text {
    width: 80rem;
    text-align: center;
    margin: auto; }

.lmsProductStateSquare .square {
  background-color: #c1c1c1;
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem; }
  .lmsProductStateSquare .square.Passed {
    background-color: #79be48; }
  .lmsProductStateSquare .square.started {
    background-color: #1b72e6; }

#MPCertifikaty #container > .content #certsTable {
  background-color: #fff;
  box-sizing: border-box;
  overflow: scroll;
  width: 100%;
  padding: 2rem; }
  #MPCertifikaty #container > .content #certsTable h1 {
    margin-top: 0.5rem;
    font-family: RobotoSlab;
    font-weight: bold;
    color: #1a377d;
    text-transform: initial;
    font-size: 2rem; }
  #MPCertifikaty #container > .content #certsTable .overall-data {
    justify-content: flex-start;
    padding-left: 0; }

#MPMenu {
  -webkit-box-shadow: 0rem 0rem 1rem -0.25rem #000;
  -moz-box-shadow: 0rem 0rem 1rem -0.25rem #000;
  box-shadow: 0rem 0rem 1rem -0.25rem #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding: 1rem;
  position: sticky;
  top: 1rem; }
  #MPMenu h3 {
    margin: 1rem 0; }
  #MPMenu .items, #MPMenu .edubase-items {
    display: flex;
    flex-direction: column; }
  #MPMenu .items a.link, #MPMenu .edubase-items a.link {
    display: flex;
    align-items: center;
    margin: 0.25rem 0;
    height: 2rem; }
  #MPMenu .items span, #MPMenu .edubase-items span {
    color: #1a377d; }
  #MPMenu .items:hover, #MPMenu .edubase-items:hover, #MPMenu .items:hover span, #MPMenu .edubase-items:hover span {
    color: #1a377d; }
  #MPMenu .items a.link .menu-mp-icon {
    background-image: url('/static/img/icons/SVG_sprite_dashboard_menu_2.svg');
    background-repeat: no-repeat;
    background-size: 20rem 13rem;
    background-position: 0 -2rem;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    display: block;
    flex-shrink: 0;
    filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5); }
  #MPMenu .items a.link .menu-mp-icon.vysledky {
    background-position-x: -2rem; }
  #MPMenu .items a.link .menu-mp-icon.certifikaty {
    background-position-x: -4rem; }
  #MPMenu .items a.link .menu-mp-icon.nasledne-vzdelavani {
    background-position-x: -8rem; }
  #MPMenu .items a.link .menu-mp-icon.uzivatele {
    background-image: url('/static/img/icons/logged-user.png');
    background-size: 1.5rem 1.5rem;
    background-position: center center;
    filter: initial; }
  #MPMenu .edubase-items a.link .icon {
    background-image: url("/static/img/icons/yes.png");
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    display: block;
    flex-shrink: 0; }
  #MPMenu .edubase-items a.link .icon.demo {
    background-image: url("/static/img/icons/no.png"); }

#MPOrganizacniStruktura #container > .content #usersList {
  background-color: #fff;
  box-sizing: border-box;
  overflow: scroll;
  width: 100%;
  padding: 2rem; }
  #MPOrganizacniStruktura #container > .content #usersList h1 {
    margin-top: 0.5rem;
    font-family: RobotoSlab;
    font-weight: bold;
    color: #1a377d;
    text-transform: initial;
    font-size: 2rem; }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser .organizationalStructureUser {
    padding-left: 1.25rem; }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser > .user {
    display: flex; }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser > .user .pack-unpack, #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser > .user .pack-unpack-placeholder {
    background-repeat: no-repeat;
    background-size: 0.5rem 0.5rem;
    background-position: 50% 50%;
    margin-right: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser > .user .pack-unpack-placeholder:after {
    content: ""; }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser.packed > .user > .pack-unpack {
    background-image: url("/static/img/icons/arrowRight.svg"); }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser.packed > .subordinates {
    display: none; }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser.unpacked > .user > .pack-unpack {
    background-image: url("/static/img/icons/arrowBottom.svg"); }
  #MPOrganizacniStruktura #container > .content #usersList .organizationalStructureUser .subordinates a.pack-unpack {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem; }

.MPResults {
  display: flex;
  justify-content: space-between; }
  .MPResults .result {
    text-align: center;
    max-width: 7rem;
    background-color: #fff;
    cursor: pointer;
    padding: 0.25rem; }
  .MPResults .result.active {
    font-weight: bold;
    border: #bfbfbf 1px solid;
    border-bottom: none;
    margin-bottom: -1px;
    background-color: white; }
  .MPResults .result.passed {
    background-color: #dcf4ca; }
  .MPResults .result.failed {
    background-color: #ffb3b5; }
  .MPResults .result .count {
    font-size: 1rem;
    font-weight: bold; }
  .MPResults .result .description {
    word-break: break-word;
    font-size: 0.75rem; }
  @media screen and (min-width: 40rem) {
    .MPResults .result {
      padding: 0.5rem; }
      .MPResults .result .count {
        font-size: 1.5rem; }
      .MPResults .result .description {
        font-size: 1rem; } }
  .MPResults .spacer {
    flex: 1 1 0px; }

#MPSelects {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1rem; }
  #MPSelects select[name='leaderSelect'] {
    margin-left: auto; }

#MPSeznamUzivatelu #container > .content #usersList {
  background-color: #fff;
  box-sizing: border-box;
  overflow: scroll;
  width: 100%;
  padding: 2rem; }
  #MPSeznamUzivatelu #container > .content #usersList h1 {
    margin-top: 0.5rem;
    font-family: RobotoSlab;
    font-weight: bold;
    color: #1a377d;
    text-transform: initial;
    font-size: 2rem; }
  #MPSeznamUzivatelu #container > .content #usersList .overall-data {
    justify-content: flex-start;
    padding-left: 0; }

.MPSubjectResultsCourse .result, .MPSubjectResultsElearning .result {
  text-align: center; }
  .MPSubjectResultsCourse > .box, .MPSubjectResultsElearning > .box {
    padding: 0.5rem;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem; }
  .MPSubjectResultsCourse > .box > .header, .MPSubjectResultsElearning > .box > .header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  .MPSubjectResultsCourse > .box > .header h2, .MPSubjectResultsElearning > .box > .header h2 {
    text-transform: uppercase;
    margin: 0 0.5rem; }
  .MPSubjectResultsCourse > .box > .header hr, .MPSubjectResultsElearning > .box > .header hr {
    background-color: #000;
    border: none;
    margin-bottom: 0;
    width: 2rem;
    height: 1px; }
  .MPSubjectResultsCourse > .box.preparation > .content .total, .MPSubjectResultsElearning > .box.preparation > .content .total, .MPSubjectResultsCourse > .box.exam > .content .total, .MPSubjectResultsElearning > .box.exam > .content .total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  .MPSubjectResultsCourse > .box.preparation > .content .total .value, .MPSubjectResultsElearning > .box.preparation > .content .total .value, .MPSubjectResultsCourse > .box.exam > .content .total .value, .MPSubjectResultsElearning > .box.exam > .content .total .value {
    font-size: 1.75rem;
    font-weight: bold; }
  .MPSubjectResultsCourse > .box.study a.number, .MPSubjectResultsElearning > .box.study a.number {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.5rem;
    color: #383838; }
  .MPSubjectResultsCourse > .box.study a.number:hover, .MPSubjectResultsElearning > .box.study a.number:hover {
    text-decoration: none;
    opacity: 0.75; }
  .MPSubjectResultsCourse > .box.study a.number .value, .MPSubjectResultsElearning > .box.study a.number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  .MPSubjectResultsCourse > .box.study a.number .label, .MPSubjectResultsElearning > .box.study a.number .label {
    font-size: 0.9rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea, .MPSubjectResultsElearning > .box.study .scrollarea {
    overflow: auto;
    width: 100%; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram, .MPSubjectResultsElearning > .box.study .scrollarea .diagram {
    display: flex;
    justify-content: center;
    min-width: 50rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right {
    position: relative;
    height: 14rem;
    width: 20rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left .line, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left .line, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .line, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .line, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .line, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .line {
    position: absolute;
    background-color: #d8d8d8;
    width: 100%;
    height: 0.25rem;
    top: 6.9rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.number, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.number, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.number, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.number, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.number, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.number {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.5rem;
    color: #383838; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.number:hover, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.number:hover, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.number:hover, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.number:hover, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.number:hover, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.number:hover {
    text-decoration: none;
    opacity: 0.75; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.number .value, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.number .value, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.number .value, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.number .value, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.number .value, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.number .label, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.number .label, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.number .label, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.number .label, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.number .label, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.number .label {
    font-size: 0.9rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left .groups, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left .groups, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .groups, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .groups, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .groups, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .groups {
    display: flex; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left .groups .group, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left .groups .group, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .groups .group, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .groups .group, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .groups .group, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .groups .group {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left .groups .group .label, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left .groups .group .label, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .groups .group .label, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .groups .group .label, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .groups .group .label, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .groups .group .label {
      font-style: italic;
      font-size: 0.75rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.marbles, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.marbles, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.marbles, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.marbles, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.marbles, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.marbles {
    display: flex;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #383838; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.marbles:hover .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.marbles:hover .marble, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.marbles:hover .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.marbles:hover .marble, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.marbles:hover .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.marbles:hover .marble {
    opacity: 0.75; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left a.marbles .marble, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center a.marbles .marble, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right a.marbles .marble {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0.5rem;
    box-sizing: border-box;
    margin: 0 1px;
    width: 1.5rem;
    height: 1.5rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left .groups, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left .groups {
    position: absolute;
    width: 100%;
    top: calc(50% - .75rem);
    left: 0; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .left .groups .courseNotBegun a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .left .groups .courseNotBegun a.marbles .marble {
    background-color: #0182ea;
    border-color: #0182ea; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center {
    height: auto; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap {
    position: relative;
    width: calc(100% - 4rem);
    height: calc(100% - 2rem);
    display: flex;
    flex-direction: column; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .courseBegun, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .courseBegun {
    margin-bottom: 0.5rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box {
    flex: 1 0 auto;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    position: relative;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    border: solid 2px #000;
    z-index: 2; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups {
      display: block;
      width: 90%;
      position: relative; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .group, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .group {
      margin-bottom: 0.5rem;
      position: relative; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups a.number, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups a.number {
      flex-direction: row;
      width: 100%;
      margin-top: 0; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups a.number .value, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups a.number .value {
      margin-right: 0.5rem; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups a.marbles .marble {
      width: 1.25rem;
      height: 1.25rem;
      z-index: 2; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .line, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .line {
      top: 0.5rem; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .courseStudyLessThanMonth a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .courseStudyLessThanMonth a.marbles .marble {
      background-color: #0182ea;
      border-color: #0182ea; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .courseStudyLessThan2Months a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .courseStudyLessThan2Months a.marbles .marble {
      background-color: #ffc100;
      border-color: #ffc100; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .courseStudyMoreThan2Months a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .center .begunUsersWrap .box .groups .courseStudyMoreThan2Months a.marbles .marble {
      background-color: #ef283d;
      border-color: #ef283d; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right {
    position: relative;
    display: flex;
    justify-content: flex-end; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .courseCompleted, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .courseCompleted {
    width: 75%; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .courseCompleted a.number, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .courseCompleted a.number {
    margin: auto; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .courseCompletedMarbles, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .courseCompletedMarbles {
    position: absolute;
    box-sizing: border-box;
    padding: 0 0.25rem;
    width: 75%;
    top: calc(50% - .75rem);
    right: 0; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .courseCompletedMarbles a.marbles, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .courseCompletedMarbles a.marbles {
    justify-content: flex-end;
    margin-bottom: 0; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .courseCompletedMarbles a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .courseCompletedMarbles a.marbles .marble {
      background-color: #00cf63;
      border-color: #00cf63; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    top: calc(50% + 2.125rem);
    right: 0; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 2.25rem;
    height: 2.5rem;
    top: -2.25rem;
    right: 75%; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends div, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends div {
      width: 1rem;
      height: 1.25rem; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend1, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend1, .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend2, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend2 {
      box-sizing: border-box;
      width: 1.25rem;
      height: 1.25rem; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend1, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend1 {
      border-top: solid 0.25rem #d8d8d8;
      border-right: solid 0.25rem #d8d8d8;
      border-top-right-radius: 1.25rem; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend2, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .bends .bend2 {
      border-bottom: solid 0.25rem #d8d8d8;
      border-left: solid 0.25rem #d8d8d8;
      border-bottom-left-radius: 1.25rem; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying .line, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying .line {
    position: absolute;
    width: 75%;
    top: 0;
    right: 0; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying a.marbles, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying a.marbles {
    position: absolute;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0 0.25rem;
    width: 75%;
    top: -0.625rem;
    right: 0; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying a.marbles .marble, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying a.marbles .marble {
      background-color: #ef283d;
      border-color: #ef283d; }
  .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying a.number, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying a.number {
    margin-top: 1.5rem;
    color: #383838; }
    .MPSubjectResultsCourse > .box.study .scrollarea .diagram .right .examFailedNotStudying a.number:hover, .MPSubjectResultsElearning > .box.study .scrollarea .diagram .right .examFailedNotStudying a.number:hover {
      text-decoration: none;
      opacity: 0.75; }
  .MPSubjectResultsCourse > .box.stats, .MPSubjectResultsElearning > .box.stats {
    background-color: transparent;
    border: none; }
  .MPSubjectResultsCourse > .box.stats .header hr, .MPSubjectResultsElearning > .box.stats .header hr {
    width: 6rem; }
  .MPSubjectResultsCourse > .box.stats > .content, .MPSubjectResultsElearning > .box.stats > .content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  .MPSubjectResultsCourse > .box.stats > .content .moStatsChart, .MPSubjectResultsElearning > .box.stats > .content .moStatsChart {
    margin-bottom: 1rem;
    width: 100%;
    max-width: 20rem; }
  @media screen and (min-width: 35em) {
          .MPSubjectResultsCourse > .box.stats > .content .moStatsChart, .MPSubjectResultsElearning > .box.stats > .content .moStatsChart {
            width: 48%; } }
  @media screen and (min-width: 60em) {
          .MPSubjectResultsCourse > .box.stats > .content .moStatsChart, .MPSubjectResultsElearning > .box.stats > .content .moStatsChart {
            width: 30%; } }
  .MPSubjectResultsCourse > .box.stats > .content .moStatsChart.placeholder, .MPSubjectResultsElearning > .box.stats > .content .moStatsChart.placeholder {
    border: none;
    padding: 0;
    height: 0; }

.MPSubjectResultsExam .result, .MPSubjectResultsExamOld .result {
  text-align: center; }
  .MPSubjectResultsExam > .box, .MPSubjectResultsExamOld > .box {
    padding: 0.5rem;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem; }
  .MPSubjectResultsExam > .box > .header, .MPSubjectResultsExamOld > .box > .header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  .MPSubjectResultsExam > .box > .header h2, .MPSubjectResultsExamOld > .box > .header h2 {
    text-transform: uppercase;
    margin: 0 0.5rem; }
  .MPSubjectResultsExam > .box > .header hr, .MPSubjectResultsExamOld > .box > .header hr {
    background-color: #000;
    border: none;
    margin-bottom: 0;
    width: 2rem;
    height: 1px; }
  .MPSubjectResultsExam > .box.preparation > .content .total, .MPSubjectResultsExamOld > .box.preparation > .content .total, .MPSubjectResultsExam > .box.exam > .content .total, .MPSubjectResultsExamOld > .box.exam > .content .total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  .MPSubjectResultsExam > .box.preparation > .content .total .value, .MPSubjectResultsExamOld > .box.preparation > .content .total .value, .MPSubjectResultsExam > .box.exam > .content .total .value, .MPSubjectResultsExamOld > .box.exam > .content .total .value {
    font-size: 1.75rem;
    font-weight: bold; }
  .MPSubjectResultsExam > .box.preparation > .content, .MPSubjectResultsExamOld > .box.preparation > .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
  .MPSubjectResultsExam > .box.preparation > .content .charts, .MPSubjectResultsExamOld > .box.preparation > .content .charts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart a.legend, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart a.legend {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #383838; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart a.legend:hover, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart a.legend:hover {
      text-decoration: none;
      opacity: 0.75; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart a.legend .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart a.legend .value {
      font-size: 1.75rem;
      font-weight: bold; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart #notBegunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart #notBegunUsersChart, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.begunUsersChart #notBegunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.begunUsersChart #notBegunUsersChart, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart #begunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart #begunUsersChart, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.begunUsersChart #begunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.begunUsersChart #begunUsersChart {
    flex-shrink: 0;
    width: 8rem;
    height: 8rem; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart a.legend .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart a.legend .value {
    color: #ef283d; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart a.legend .label, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart a.legend .label {
      font-size: 0.9rem; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.begunUsersChart a.legend .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.begunUsersChart a.legend .value {
    color: #0182ea; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.begunUsersChart a.legend .label, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.begunUsersChart a.legend .label {
      font-size: 0.9rem; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart {
    flex-direction: column; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart #preparationStatsChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart #preparationStatsChart {
      margin-bottom: 1rem; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row {
      display: flex;
      align-items: center;
      width: 100%;
      color: #383838; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row:hover, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row:hover {
      text-decoration: none;
      opacity: 0.75; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row .color, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row .color {
      margin-right: 0.5rem;
      width: 1rem;
      height: 1rem; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row .value {
      font-size: 1rem;
      margin-right: 0.25rem; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row .label, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row .label {
      font-size: 0.9rem; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examReadyWithoutTerm .color, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examReadyWithoutTerm .color {
      background-color: #0182ea; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examReadyWithTerm .color, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examReadyWithTerm .color {
      background-color: #00cf63; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithoutTerm .color, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithoutTerm .color {
      background-color: #ffc100; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithTerm .color, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithTerm .color {
      background-color: #ef283d; }
      .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithTerm .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithTerm .value, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithTerm .label, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.preparationStatsChart .legend a.row.examNotReadyWithTerm .label {
        color: #ef283d; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart .legend-note, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart .legend-note {
    font-size: 0.75rem;
    color: #bfbfbf; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill {
    margin-top: 1rem; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.elearning, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.elearning, .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.drill, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.drill {
    display: flex;
    color: #383838; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.elearning:hover, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.elearning:hover, .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.drill:hover, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.drill:hover {
      text-decoration: none;
      opacity: 0.75; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.elearning .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.elearning .value, .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.drill .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.drill .value, .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.elearning .label, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.elearning .label, .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.drill .label, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.drill .label {
      font-size: 0.9rem; }
    .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.elearning .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.elearning .value, .MPSubjectResultsExam > .box.preparation > .content .charts .column .elearning-and-drill a.drill .value, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .elearning-and-drill a.drill .value {
      font-weight: bold;
      margin-right: 0.25rem; }
  .MPSubjectResultsExam > .box.preparation > .content .charts .separator, .MPSubjectResultsExamOld > .box.preparation > .content .charts .separator {
    background-color: #bfbfbf;
    margin: 1rem 0;
    width: 6rem;
    height: 1px; }
  @media screen and (min-width: 55em) {
          .MPSubjectResultsExam > .box.preparation > .content .charts, .MPSubjectResultsExamOld > .box.preparation > .content .charts {
            flex-direction: row; }
            .MPSubjectResultsExam > .box.preparation > .content .charts .column, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column {
              width: 30%; }
              .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart {
                flex-direction: row; }
                .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart #notBegunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart #notBegunUsersChart, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.begunUsersChart #notBegunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.begunUsersChart #notBegunUsersChart, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart #begunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart #begunUsersChart, .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.begunUsersChart #begunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.begunUsersChart #begunUsersChart {
                  margin-right: 1rem; }
                .MPSubjectResultsExam > .box.preparation > .content .charts .column .chart.notBegunUsersChart, .MPSubjectResultsExamOld > .box.preparation > .content .charts .column .chart.notBegunUsersChart {
                  margin-bottom: 3.5rem; }
            .MPSubjectResultsExam > .box.preparation > .content .charts .separator, .MPSubjectResultsExamOld > .box.preparation > .content .charts .separator {
              margin: 0 1rem;
              width: 1px;
              height: 6rem; } }
  .MPSubjectResultsExam > .box.exam a.number, .MPSubjectResultsExamOld > .box.exam a.number {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.5rem;
    color: #383838; }
  .MPSubjectResultsExam > .box.exam a.number:hover, .MPSubjectResultsExamOld > .box.exam a.number:hover {
    text-decoration: none;
    opacity: 0.75; }
  .MPSubjectResultsExam > .box.exam a.number .value, .MPSubjectResultsExamOld > .box.exam a.number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  .MPSubjectResultsExam > .box.exam a.number .label, .MPSubjectResultsExamOld > .box.exam a.number .label {
    font-size: 0.9rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea, .MPSubjectResultsExamOld > .box.exam .scrollarea {
    overflow: auto;
    width: 100%; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram {
    display: flex;
    justify-content: center;
    min-width: 50rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right {
    position: relative;
    height: 14rem;
    width: 20rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .line, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .line, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .line, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .line, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .line, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .line {
    position: absolute;
    background-color: #d8d8d8;
    width: 100%;
    height: 0.25rem;
    top: calc(50% - .125rem); }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.number, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.number, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.number, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.number, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.number, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.number {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.5rem;
    color: #383838; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.number:hover, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.number:hover, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.number:hover, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.number:hover, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.number:hover, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.number:hover {
    text-decoration: none;
    opacity: 0.75; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.number .value, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.number .value, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.number .value, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.number .value, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.number .value, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.number .label, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.number .label, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.number .label, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.number .label, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.number .label, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.number .label {
    font-size: 0.9rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .groups, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .groups, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .groups, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .groups {
    display: flex; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups .group, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups .group, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .groups .group, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .groups .group, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .groups .group, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .groups .group {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups .group .label, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups .group .label, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .groups .group .label, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .groups .group .label, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .groups .group .label, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .groups .group .label {
      font-style: italic;
      font-size: 0.75rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.marbles, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.marbles, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.marbles {
    display: flex;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #383838; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.marbles:hover .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.marbles:hover .marble, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.marbles:hover .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.marbles:hover .marble, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.marbles:hover .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.marbles:hover .marble {
    opacity: 0.75; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left a.marbles .marble, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center a.marbles .marble, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right a.marbles .marble {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0.5rem;
    box-sizing: border-box;
    margin: 0 1px;
    width: 1.5rem;
    height: 1.5rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups {
    position: absolute;
    width: 100%;
    top: calc(50% - .75rem);
    left: 0; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups .noFutureTermFirstTrial, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups .noFutureTermFirstTrial, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups .noFutureTermFailed, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups .noFutureTermFailed {
    margin: 0 0.25rem;
    width: calc(50% - .25rem); }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups .noFutureTermFirstTrial a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups .noFutureTermFirstTrial a.marbles .marble {
    background-color: #0182ea;
    border-color: #0182ea; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .left .groups .noFutureTermFailed a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .left .groups .noFutureTermFailed a.marbles .marble {
    background-color: #fff;
    border-color: #ef283d; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    position: relative;
    background-color: rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    border: solid 2px #000;
    width: calc(100% - 4rem);
    height: calc(100% - 2rem);
    z-index: 2; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups {
    position: absolute;
    justify-content: center;
    width: 100%;
    top: calc(50% + .25rem);
    left: 0; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups .futureTermFirstTrial, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups .futureTermFirstTrial, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups .futureTermFailed, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups .futureTermFailed {
      margin: 0 0.25rem;
      width: calc(50% - .25rem); }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups .futureTermFirstTrial a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups .futureTermFirstTrial a.marbles, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups .futureTermFailed a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups .futureTermFailed a.marbles {
      justify-content: center; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups .futureTermFirstTrial a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups .futureTermFirstTrial a.marbles .marble {
      background-color: #ffc100;
      border-color: #ffc100; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .center .box .groups .futureTermFailed a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .center .box .groups .futureTermFailed a.marbles .marble {
      background-color: #fff;
      border-color: #ef283d; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right {
    position: relative;
    display: flex;
    justify-content: flex-end; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examPassed, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examPassed {
    width: 75%; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examPassed a.number, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examPassed a.number {
    margin: auto; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examPassedMarbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examPassedMarbles {
    position: absolute;
    box-sizing: border-box;
    padding: 0 0.25rem;
    width: 75%;
    top: calc(50% - .75rem);
    right: 0; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examPassedMarbles a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examPassedMarbles a.marbles {
    justify-content: flex-end;
    margin-bottom: 0; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examPassedMarbles a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examPassedMarbles a.marbles .marble {
      background-color: #00cf63;
      border-color: #00cf63; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    top: calc(50% + 2.125rem);
    right: 0; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 2.25rem;
    height: 2.5rem;
    top: -2.25rem;
    right: 75%; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends div, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends div {
      width: 1rem;
      height: 1.25rem; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend1, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend1, .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend2, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend2 {
      box-sizing: border-box;
      width: 1.25rem;
      height: 1.25rem; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend1, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend1 {
      border-top: solid 0.25rem #d8d8d8;
      border-right: solid 0.25rem #d8d8d8;
      border-top-right-radius: 1.25rem; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend2, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .bends .bend2 {
      border-bottom: solid 0.25rem #d8d8d8;
      border-left: solid 0.25rem #d8d8d8;
      border-bottom-left-radius: 1.25rem; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying .line, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying .line {
    position: absolute;
    width: 75%;
    top: 0;
    right: 0; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.marbles, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.marbles {
    position: absolute;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0 0.25rem;
    width: 75%;
    top: -0.625rem;
    right: 0; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.marbles .marble, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.marbles .marble {
      background-color: #ef283d;
      border-color: #ef283d; }
  .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.number, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.number {
    margin-top: 1.5rem;
    color: #383838; }
    .MPSubjectResultsExam > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.number:hover, .MPSubjectResultsExamOld > .box.exam .scrollarea .diagram .right .examFailedNotStudying a.number:hover {
      text-decoration: none;
      opacity: 0.75; }
  .MPSubjectResultsExam > .box.stats, .MPSubjectResultsExamOld > .box.stats {
    background-color: transparent;
    border: none; }
  .MPSubjectResultsExam > .box.stats .header hr, .MPSubjectResultsExamOld > .box.stats .header hr {
    width: 6rem; }
  .MPSubjectResultsExam > .box.stats > .content, .MPSubjectResultsExamOld > .box.stats > .content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  .MPSubjectResultsExam > .box.stats > .content .moStatsChart, .MPSubjectResultsExamOld > .box.stats > .content .moStatsChart {
    margin-bottom: 1rem;
    width: 100%;
    max-width: 20rem; }
  @media screen and (min-width: 35em) {
          .MPSubjectResultsExam > .box.stats > .content .moStatsChart, .MPSubjectResultsExamOld > .box.stats > .content .moStatsChart {
            width: 48%; } }
  @media screen and (min-width: 60em) {
          .MPSubjectResultsExam > .box.stats > .content .moStatsChart, .MPSubjectResultsExamOld > .box.stats > .content .moStatsChart {
            width: 30%; } }
  .MPSubjectResultsExam > .box.stats > .content .moStatsChart.placeholder, .MPSubjectResultsExamOld > .box.stats > .content .moStatsChart.placeholder {
    border: none;
    padding: 0;
    height: 0; }

#MPVysledkyZkousek #container > .content #examResults {
  background-color: #fff;
  box-sizing: border-box;
  margin-top: 1rem;
  overflow-x: auto;
  width: 100%;
  padding: 2rem; }
  #MPVysledkyZkousek #container > .content #examResults h1 {
    margin-top: 0.5rem;
    font-family: RobotoSlab;
    font-weight: bold;
    color: #1a377d;
    text-transform: initial;
    font-size: 2rem; }
  #MPVysledkyZkousek #container > .content #examResults .overall-data {
    justify-content: flex-start;
    padding-left: 0; }

#childGroupSelector {
  padding-left: 0.25rem; }
  #childGroupSelector .groups {
    display: flex;
    margin-bottom: 0.5rem;
    flex-wrap: wrap; }
  #childGroupSelector .groups label {
    display: flex;
    align-items: center;
    margin-right: 1rem; }
  #childGroupSelector .groups label input[type='checkbox'] {
    margin-right: 0.25rem; }

.groupHeader {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem; }
  .groupHeader #searchUser .row input[type="text"], .groupHeader #searchUserLeader .row input[type="text"] {
    border-radius: 1rem;
    background-color: white;
    padding-left: 0.5rem;
    text-align: center;
    font-style: italic; }
  .groupHeader .group-logo {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 100%;
    max-width: 40rem;
    height: 3rem; }
  .groupHeader h2 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 1.75rem; }
  .groupHeader .groups {
    margin-bottom: 2rem; }
  .groupHeader .groups a {
    margin-right: 0.5rem; }
  .groupHeader .total {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem; }
  .groupHeader .total .value {
    display: block;
    background-color: #d4d6d7;
    font-weight: bold;
    font-size: 2rem;
    padding: 0.25rem 2rem;
    border-radius: 1.5rem;
    margin-bottom: 0.5rem; }
  .groupHeader button[name="quickOverview"] {
    margin-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem; }

.moStatsChart {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  background-color: #fff;
  box-sizing: border-box;
  border: solid 1px #bfbfbf;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 2rem; }
  .moStatsChart .value {
    font-size: 1.5rem;
    font-weight: bold; }
  .moStatsChart .title {
    font-size: 1rem;
    margin-bottom: 1rem; }
  .moStatsChart .message {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1rem 1rem;
    font-style: italic;
    font-size: 0.75rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem; }
  .moStatsChart .message.success {
    background-image: url("/static/img/icons/manager-overview/success.svg"); }
  .moStatsChart .message.below-average {
    background-image: url("/static/img/icons/manager-overview/below-average.svg"); }
  .moStatsChart .message.critical {
    background-image: url("/static/img/icons/manager-overview/critical.svg"); }
  .moStatsChart .plot-area {
    position: relative;
    width: 100%; }
  .moStatsChart .plot-area .columns {
    display: flex;
    justify-content: flex-start;
    height: 10rem; }
  .moStatsChart .plot-area .columns .column {
    display: flex;
    align-items: flex-end;
    margin: 0 0.125rem;
    width: calc(10% - .25rem);
    height: 100%; }
  .moStatsChart .plot-area .columns .column .bar {
    background-color: #abe4ff;
    width: 100%;
    min-height: 0.25rem; }
  .moStatsChart .plot-area .columns .column .bar.red {
    background-color: #fd7583; }
  .moStatsChart .plot-area .columns .column:hover {
    cursor: pointer; }
  .moStatsChart .plot-area .columns .column:hover .bar {
    opacity: 0.5; }
  .moStatsChart .plot-area .success-line, .moStatsChart .plot-area .critical-line, .moStatsChart .plot-area .baseline {
    width: 100%; }
  .moStatsChart .plot-area .success-line, .moStatsChart .plot-area .critical-line {
    position: absolute;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0; }
  .moStatsChart .plot-area .success-line div, .moStatsChart .plot-area .critical-line div {
    width: 5%;
    height: 0.125rem; }
  .moStatsChart .plot-area .success-line div {
    background-color: #00cf63aa; }
  .moStatsChart .plot-area .critical-line div {
    background-color: #ef283daa; }
  .moStatsChart .plot-area .baseline {
    background-color: #bfbfbf;
    height: 0.125rem; }
  .moStatsChart .increase, .moStatsChart .decrease {
    display: flex;
    align-items: center;
    margin-top: 1rem; }
  .moStatsChart .increase img, .moStatsChart .decrease img {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem; }
  .moStatsChart .increase span, .moStatsChart .decrease span {
    font-style: italic;
    font-size: 0.75rem; }

#message .message {
  -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 1500;
  top: 10%;
  left: 0;
  right: 0;
  width: 60rem;
  max-width: 100%;
  margin: auto;
  background-color: #fff;
  border: 1px solid #1a377d;
  padding: 1rem;
  box-sizing: border-box;
  font-size: 1.5rem;
  text-align: center; }
  #message .message .success {
    color: green; }
  #message .message .error {
    color: red; }
  #message .message .common {
    color: #444; }

.newItem-wrap {
  text-align: left;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%; }
  @media only screen and (min-width: 40em) {
  .newItem-wrap {
    width: 50%; } }
  @media only screen and (min-width: 60em) {
  .newItem-wrap {
    width: 33%; } }
  .newItem-wrap .newItem {
    color: black;
    background-color: white;
    border: solid 1px #bfbfbf;
    height: 100%;
    display: block;
    width: 100%; }
  .newItem-wrap .newItem:hover {
    text-decoration: none; }
  .newItem-wrap .newItem .image {
    position: relative;
    padding-top: calc(100% * 9 / 16);
    width: 100%;
    overflow: hidden;
    border-bottom: solid 1px #bfbfbf; }
  .newItem-wrap .newItem .image img {
    position: absolute;
    width: 100%;
    top: 0;
    object-position: top center;
    object-fit: cover; }
  .newItem-wrap .newItem .texts {
    padding: 1rem; }
  .newItem-wrap .newItem .texts .title {
    margin-bottom: 0;
    color: #1a377d; }
  .newItem-wrap .newItem .texts .date {
    font-weight: 300;
    color: #898989; }
  .newItem-wrap .newItem .texts .perex {
    max-height: 4rem;
    overflow: hidden;
    font-weight: 300; }

#addProductContent {
  text-align: center;
  margin-bottom: 1rem; }

.chooseIcon {
  margin-bottom: 0.5rem; }
  .chooseIcon .icons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center; }
  .chooseIcon .icons .contentIcon {
    margin-right: 0.5rem;
    cursor: pointer; }
  .chooseIcon .icons .chosen .contentIcon {
    background-position-x: -1rem; }

.contentIcon {
  background-image: url("/static/img/icons/product-content-menu.png");
  background-repeat: no-repeat;
  background-size: 2rem 11rem;
  background-position: 0rem 0rem;
  margin-right: 0.5rem;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto; }
  .contentIcon.timing {
    background-position: 0rem -1rem; }
  .contentIcon.info {
    background-position: 0rem -2rem; }
  .contentIcon.howtoPrepare {
    background-position: 0rem -3rem; }
  .contentIcon.downloads {
    background-position: 0rem -4rem; }
  .contentIcon.toldAbout {
    background-position: 0rem -5rem; }
  .contentIcon.rules {
    background-position: 0rem -6rem; }
  .contentIcon.suitableFor {
    background-position: 0rem -7rem; }
  .contentIcon.whyThis {
    background-position: 0rem -8rem; }
  .contentIcon.content {
    background-position: 0rem -9rem; }
  .contentIcon.price {
    background-position: 0rem -10rem; }
  .contentIcon:hover, .contentIcon.active {
    background-position-x: -1rem; }

#productDemo p, #productDemo #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #productDemo li, #productDemo #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #productDemo div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #productDemo p img, #productDemo #poradci #container > .block.info .contents .content ul li img, #poradci #container > .block.info .contents .content ul #productDemo li img, #productDemo #poradci #container > .block.info .contents .content div img, #poradci #container > .block.info .contents .content #productDemo div img {
    cursor: pointer;
    width: 100%;
    height: 9rem;
    max-width: 11rem;
    object-fit: contain;
    object-position: top left;
    margin-bottom: 1rem; }
  @media screen and (min-width: 25rem) {
    #productDemo p, #productDemo #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #productDemo li, #productDemo #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #productDemo div {
      justify-content: flex-start; }
      #productDemo p img, #productDemo #poradci #container > .block.info .contents .content ul li img, #poradci #container > .block.info .contents .content ul #productDemo li img, #productDemo #poradci #container > .block.info .contents .content div img, #poradci #container > .block.info .contents .content #productDemo div img {
        width: calc(50% - 1rem);
        margin-right: 1rem; } }
  @media screen and (min-width: 35rem) {
    #productDemo p img, #productDemo #poradci #container > .block.info .contents .content ul li img, #poradci #container > .block.info .contents .content ul #productDemo li img, #productDemo #poradci #container > .block.info .contents .content div img, #poradci #container > .block.info .contents .content #productDemo div img {
      width: calc(33% - 1rem); } }
  @media screen and (min-width: 45rem) {
    #productDemo p img, #productDemo #poradci #container > .block.info .contents .content ul li img, #poradci #container > .block.info .contents .content ul #productDemo li img, #productDemo #poradci #container > .block.info .contents .content div img, #poradci #container > .block.info .contents .content #productDemo div img {
      width: calc(25% - 1rem); } }
  @media screen and (min-width: 60rem) {
    #productDemo p img, #productDemo #poradci #container > .block.info .contents .content ul li img, #poradci #container > .block.info .contents .content ul #productDemo li img, #productDemo #poradci #container > .block.info .contents .content div img, #poradci #container > .block.info .contents .content #productDemo div img {
      width: calc(20% - 1rem); } }

#productDemoLink input[type='button'] {
  display: block;
  margin: auto;
  margin-bottom: 1rem; }
  #productDemoLink p, #productDemoLink #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #productDemoLink li, #productDemoLink #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #productDemoLink div {
    font-weight: bold; }
  #productDemoLink .link {
    cursor: pointer; }

.productPosition {
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem; }
  .productPosition .input-wrap {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem; }
  .productPosition .input-wrap .input-position {
    width: 6rem; }

.productReference {
  background-color: #f1f1f1;
  color: #1a377d;
  padding: 2rem 1rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.25rem; }
  .productReference .referenceBody {
    font-size: 1rem;
    font-family: Roboto;
    flex-grow: 1; }
  .productReference .referenceBody p, .productReference .referenceBody #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul .productReference .referenceBody li, .productReference .referenceBody #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content .productReference .referenceBody div {
    margin-bottom: 0.25rem; }
  .productReference .imageWrap {
    border-radius: 3.25rem;
    -webkit-border-radius: 3.25rem;
    -moz-border-radius: 3.25rem;
    width: 6.5rem;
    height: 6.5rem;
    background-color: #dedede;
    flex-shrink: 0;
    position: relative; }
  .productReference .imageWrap img {
    border-radius: 6.5rem;
    -webkit-border-radius: 6.5rem;
    -moz-border-radius: 6.5rem;
    width: 6.5rem;
    height: 6.5rem;
    object-fit: cover; }
  .productReference .imageWrap .editImage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(241, 241, 241, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .productReference .imageWrap .editImage button {
    padding: 0.25rem;
    font-size: 0.625rem; }
  .productReference .imageWrap .editImage input[type='file'] {
    display: none; }
  .productReference .control-panel.editing {
    right: 0; }
  @media screen and (min-width: 50em) {
  .productReference {
    flex-direction: row;
    align-items: initial;
    padding: 2rem; }
    .productReference .imageWrap {
      margin-right: 2rem; } }

#referencesCarrousel {
  position: relative;
  margin: 0 0 1.25rem;
  overflow: hidden;
  width: 70rem; }
  #referencesCarrousel h3 {
    color: #1a377d; }
  #referencesCarrousel .productReference {
    flex-shrink: 0;
    display: none;
    width: 100%; }
  #referencesCarrousel .productReference.selected {
    display: flex; }
  #referencesCarrousel .points {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0.5rem;
    left: 0;
    right: 0; }
  #referencesCarrousel .points a.point {
    text-decoration: none;
    background-color: #f1f1f1;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    border-radius: 100%;
    width: 1rem;
    height: 1rem; }
  #referencesCarrousel .points a.point.selected {
    background-color: #1a377d; }
  #referencesCarrousel .points a.point + a.point {
    margin-left: 0.5rem; }
  #referencesCarrousel .addReferenceWrap {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none; }
  #referencesCarrousel.admin {
    min-height: 2.5rem; }
  #referencesCarrousel.empty .addReferenceWrap {
    display: block; }
  #referencesCarrousel:hover .addReferenceWrap {
    display: block; }

#searchProductAdmin {
  width: 30rem; }
  #searchProductAdmin .row {
    width: 100%;
    margin-bottom: 0; }
  #searchProductAdmin .row input[name="search"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchProductAdmin .row input[name="search"].searching {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position-y: center;
    background-position-x: calc(100% - 0.5rem);
    padding-right: 2rem; }
  #searchProductAdmin .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    z-index: 1; }
  #searchProductAdmin .row .list .product {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchProductAdmin .row .list .product.selected {
    background-color: rgba(26, 55, 125, 66);
    background-color: #1a377d66; }
  #searchProductAdmin .row .list .show-more-products {
    display: flex;
    align-items: center;
    font-weight: bold;
    padding: 0.25rem 0.5rem;
    font-size: 0.825rem; }

#searchProductLMS {
  width: 30rem; }
  #searchProductLMS .row {
    position: relative;
    width: 100%;
    margin-bottom: 0; }
  #searchProductLMS .row input[name="search"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchProductLMS .row input[name="search"].searching {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position-y: center;
    background-position-x: calc(100% - 0.5rem);
    padding-right: 2rem; }
  #searchProductLMS .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    min-width: calc(100% - 2px);
    z-index: 1; }
  #searchProductLMS .row .list .product {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchProductLMS .row .list .product.selected {
    background-color: rgba(26, 55, 125, 66);
    background-color: #1a377d66; }
  #searchProductLMS .row .list .show-more-products {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    font-weight: bold;
    padding: 0.25rem 0.5rem;
    font-size: 0.825rem; }

#searchProductVariantAdmin, #searchMainProductAdmin {
  width: 30rem; }
  #searchProductVariantAdmin .row, #searchMainProductAdmin .row {
    width: 100%;
    margin-bottom: 0; }
  #searchProductVariantAdmin .row input[name="search"], #searchMainProductAdmin .row input[name="search"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchProductVariantAdmin .row input[name="search"].searching, #searchMainProductAdmin .row input[name="search"].searching {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position-y: center;
    background-position-x: calc(100% - 0.5rem);
    padding-right: 2rem; }
  #searchProductVariantAdmin .row .list, #searchMainProductAdmin .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    z-index: 1; }
  #searchProductVariantAdmin .row .list .product, #searchMainProductAdmin .row .list .product {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchProductVariantAdmin .row .list .product.selected, #searchMainProductAdmin .row .list .product.selected {
    background-color: rgba(26, 55, 125, 66);
    background-color: #1a377d66; }

.productCard {
  display: flex;
  flex-direction: column;
  width: calc(100% - 1.5rem);
  min-height: 6rem;
  margin: 1rem auto;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  position: relative;
  max-width: 30rem;
  background-color: #fafafa; }
  .productCard .image-wrapper {
    display: block;
    background-position: center center;
    background-size: cover;
    background-color: #efefef;
    padding-bottom: 66.66%;
    position: relative;
    box-sizing: border-box; }
  .productCard .image-wrapper .labels {
    display: flex;
    font-family: Roboto;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    flex-wrap: wrap;
    font-size: 0.875rem; }
  .productCard .image-wrapper .labels .label {
    padding: 0.125rem 0.5rem;
    margin: 0.125rem; }
  .productCard .image-wrapper .type, .productCard .image-wrapper .package-type {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    bottom: 0.5rem;
    left: initial;
    height: initial;
    width: initial;
    font-size: 0.875rem;
    color: white;
    background-color: #989898;
    text-align: center;
    font-family: Roboto;
    text-transform: lowercase;
    right: 0.5rem;
    padding: 0.125rem 0.75rem; }
  .productCard .image-wrapper .package-type {
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    width: 100%;
    text-align: left;
    background-color: #1a377dBB;
    bottom: 0;
    left: 0;
    font-size: 0.875rem; }
  .productCard .body {
    flex: 1 0 auto;
    padding: 0.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%; }
  .productCard .body .title {
    display: block;
    font-weight: bold;
    width: 100%;
    font-size: 1rem; }
  .productCard .body .description {
    font-size: 0.875rem;
    font-family: Roboto;
    overflow: hidden;
    display: block;
    width: 100%;
    max-height: 2.25rem;
    text-overflow: ellipsis; }
  .productCard .body .mid {
    flex: 1 0 auto;
    padding: 0.25rem 0;
    display: block;
    order: 0; }
  .productCard .body .mid .labels {
    font-size: 0.875rem;
    color: #9a9a9a;
    font-family: sans-serif;
    margin: 0.25rem 0; }
  .productCard .body .mid .labels span:before {
    display: inline-block;
    margin-right: 0.25rem;
    content: "•"; }
  .productCard .body .mid .labels span:first-child:before {
    display: none; }
  .productCard .body .mid .info {
    display: flex; }
  .productCard .body .mid .info .enrollments, .productCard .body .mid .info .studyTime, .productCard .body .mid .info .nearestTerm {
    font-size: 0.875rem;
    margin-right: 0.5rem;
    font-family: RobotoSlab;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .productCard .body .mid .info .enrollments img, .productCard .body .mid .info .studyTime img, .productCard .body .mid .info .nearestTerm img {
    height: 1.5rem;
    margin-right: 0.25rem; }
  .productCard .body .bot {
    display: flex;
    align-items: flex-end; }
  .productCard .body .bot .price {
    font-weight: bold;
    flex: 1 0 auto; }
  .productCard .body .bot progress {
    width: 5rem;
    /* Reset the default appearance */
    height: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin-left: auto;
    margin-bottom: 2rem;
    border: none;
    background: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  .productCard .body .bot progress::-webkit-progress-bar {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  .productCard .body .bot progress::-webkit-progress-value {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem;
    /* Firefox */ }
  .productCard .body .bot progress::-moz-progress-bar {
    background-color: white;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  .productCard .body .bot > .buy .original-price {
    color: red;
    text-decoration: line-through;
    font-family: RobotoSlab;
    margin-left: 0.5rem;
    font-size: 0.875rem; }
  .productCard .body .bot > .buy .paid-by-group {
    font-size: 0.875rem;
    color: #01bf8c;
    margin-left: 0.5rem;
    margin-bottom: 0.125rem; }
  .productCard .body .bot > .buy .button.buy {
    font-weight: bold;
    background-color: #01bf8c;
    display: flex;
    margin-bottom: 0.25rem; }
  .productCard .body .bot > .buy .button.buy div {
    display: inline-flex;
    align-items: center;
    font-family: RobotoSlab;
    text-transform: initial; }
  .productCard .body .bot > .buy .button.buy div:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1rem;
    content: " ";
    display: block;
    background-image: url("/static/img/icons/categories/cart_white.png");
    background-size: 1.25rem 1.25rem; }
  .productCard .body .bot > .buy .tax-price {
    font-size: 0.75rem;
    color: #717276;
    font-family: Roboto; }
  .productCard:hover {
    text-decoration: none; }
  @media (min-width: 40em) {
  .productCard {
    width: calc(50% - 1.5rem);
    min-height: 26.25rem;
    margin: 1rem 0.75rem; } }
  @media (min-width: 60em) {
  .productCard {
    width: calc(25% - 1.5rem); } }

#productGallery {
  max-width: 40rem; }
  #productGallery.gallery {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem; }
  #productGallery .preview {
    width: 100%;
    max-width: initial;
    padding-top: calc(100% / 3 * 2);
    margin-bottom: 2px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    flex-grow: 1; }
  #productGallery .preview img, #productGallery .preview video, #productGallery .preview .placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center center;
    cursor: pointer;
    top: 0;
    position: absolute; }
  #productGallery .preview .play {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 5rem;
    height: 5rem;
    background-image: url("/static/img/pages/marketplace/play.svg");
    background-size: 100% 100%;
    opacity: 0.35;
    position: absolute;
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem); }
  #productGallery .preview:hover {
    -webkit-box-shadow: 0 0 0 1px #1a377d;
    -moz-box-shadow: 0 0 0 1px #1a377d;
    box-shadow: 0 0 0 1px #1a377d; }
  #productGallery .items {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
  #productGallery .items .item {
    width: calc(100% / 3);
    padding-top: calc((100% / 9 * 2) - 1px);
    margin-right: 2px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box; }
  #productGallery .items .item:last-child {
    margin-bottom: 0; }
  #productGallery .items .item .play {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-image: url("/static/img/pages/marketplace/play.svg");
    background-size: 100% 100%;
    opacity: 0.35;
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem); }
  #productGallery .items .item img, #productGallery .items .item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    display: block;
    top: 0;
    cursor: pointer; }
  #productGallery .items .item:hover {
    -webkit-box-shadow: 0 0 0 1px #1a377d;
    -moz-box-shadow: 0 0 0 1px #1a377d;
    box-shadow: 0 0 0 1px #1a377d; }
  #productGallery .data {
    display: none; }
  @media (min-width: 45rem) {
  #productGallery {
    flex-direction: row; }
    #productGallery .preview {
      width: calc((100% / 4 * 3) - 1px);
      padding-top: calc(((100% / 4 * 3) / 3 * 2) - 1px);
      margin-right: 2px; }

    #productGallery .items {
      flex-direction: column;
      width: calc((100% / 4) - 1px); }
      #productGallery .items .item {
        width: 100%;
        padding-top: calc((100% / 3 * 2) - 1px);
        margin-bottom: 2px; } }

.productTags {
  position: relative;
  width: 100%; }
  .productTags > .levels, .productTags > .sections {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem; }
  .productTags > .levels .level, .productTags > .sections .level {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
    font-size: 0.6rem;
    font-style: italic;
    margin: 0 0.5rem 0;
    padding: 0.5rem 1rem;
    height: 1rem; }
  .productTags > .levels .level .icon, .productTags > .sections .level .icon {
    flex-shrink: 0;
    background-image: url("/static/img/icons/tag.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 1rem 3rem;
    display: block;
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem; }
  .productTags > .levels .section, .productTags > .sections .section {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #79be48;
    font-size: 0.8rem;
    margin: 0 0.5rem 0;
    padding: 0.5rem 1rem;
    height: 1rem;
    color: white; }
  .productTags > .levels .section .icon, .productTags > .sections .section .icon {
    flex-shrink: 0;
    display: block;
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem; }
  .productTags .edit-product-tags .checkbox-wrap {
    max-width: 25rem;
    margin: auto;
    margin-bottom: 0.25rem; }
  .productTags .control-panel {
    position: absolute;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: right;
    top: 0rem;
    right: 0; }
  .productTags .control-panel .edit, .productTags .control-panel .save, .productTags .control-panel .close {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1a377daa;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 2rem;
    height: 2rem; }
  .productTags .control-panel .edit:hover, .productTags .control-panel .save:hover, .productTags .control-panel .close:hover {
    background-color: #1a377dff;
    cursor: pointer; }
  .productTags .control-panel .edit .icon, .productTags .control-panel .save .icon, .productTags .control-panel .close .icon {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important; }
  .productTags .control-panel .edit.add {
    width: auto;
    color: white;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    padding: 0 0.5rem; }
  .productTags:hover .control-panel .edit {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }

#pyramid {
  width: 100%;
  max-width: 40rem;
  margin: auto; }
  #pyramid img {
    width: 100%; }
  #pyramid a {
    text-decoration: none;
    display: block;
    margin: auto; }
  #pyramid a .detail {
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    padding: 0 1rem;
    width: calc(100% - 2rem);
    max-height: 0;
    color: #fff;
    text-align: center; }
  #pyramid a .detail .title {
    font-size: 1.25rem;
    margin: 1rem 0 0.5rem; }
  @media screen and (min-width: 40em) {
        #pyramid a .detail .title {
          font-size: 1.5rem; } }
  #pyramid a .detail p.new, #pyramid a .detail #poradci #container > .block.info .contents .content ul li.new, #poradci #container > .block.info .contents .content ul #pyramid a .detail li.new, #pyramid a .detail #poradci #container > .block.info .contents .content div.new, #poradci #container > .block.info .contents .content #pyramid a .detail div.new {
    font-weight: 300;
    font-style: italic;
    margin-bottom: 1rem; }
  #pyramid a.selected .detail {
    max-height: 30rem;
    transition: max-height 0.5s ease-in;
    margin-bottom: 1.5rem; }
  #pyramid a.efp .detail {
    background-color: #eeae28; }
  #pyramid a.efa .detail {
    background-color: #517ba4; }
  #pyramid a.pfp .detail {
    background-color: #4abeda; }
  #pyramid a.sectors .detail {
    background-color: #8fbc7e; }

#searchSubordinateUser {
  font-size: 0.75rem;
  max-width: 15rem; }
  #searchSubordinateUser .row input[name="search"] {
    margin-bottom: 0;
    max-width: 15rem;
    width: 100%;
    font-size: 0.75rem; }
  #searchSubordinateUser #searchSubordinateUserWhisperer .list button {
    word-break: break-word;
    font-size: 0.75rem !important; }

#searchUser, .search-user {
  max-width: 10rem; }
  #searchUser .row, .search-user .row {
    width: 100%; }
  #searchUser .row input[name="search"], .search-user .row input[name="search"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchUser .row .list, .search-user .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    z-index: 1; }
  #searchUser .row .list .user, .search-user .row .list .user {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchUser .row .list .user.selected, .search-user .row .list .user.selected {
    background-color: rgba(26, 55, 125, 66);
    background-color: #1a377d66; }

#searchUserForCorporateOrder .row, #searchUserForNonCorporateOrder .row {
  position: unset; }
  #searchUserForCorporateOrder .row input[name="search"], #searchUserForNonCorporateOrder .row input[name="search"] {
    margin-bottom: 0; }

#searchUserLMS {
  width: 30rem; }
  #searchUserLMS .row {
    position: relative;
    width: 100%;
    margin-bottom: 0; }
  #searchUserLMS .row input[name="search"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchUserLMS .row input[name="search"].searching {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position-y: center;
    background-position-x: calc(100% - 0.5rem);
    padding-right: 2rem; }
  #searchUserLMS .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    min-width: calc(100% - 2px);
    z-index: 1; }
  #searchUserLMS .row .list .user {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchUserLMS .row .list .user.selected {
    background-color: rgba(26, 55, 125, 66);
    background-color: #1a377d66; }

#searchUserToAddToSe, #searchUserToAddToNonSE {
  width: 20rem; }
  #searchUserToAddToSe .row, #searchUserToAddToNonSE .row {
    position: relative;
    width: 100%;
    margin-bottom: 0; }
  #searchUserToAddToSe .row input[name="search"], #searchUserToAddToNonSE .row input[name="search"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #searchUserToAddToSe .row .list, #searchUserToAddToNonSE .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    min-width: calc(100% - 2px);
    z-index: 1; }
  #searchUserToAddToSe .row .list .user, #searchUserToAddToNonSE .row .list .user {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #searchUserToAddToSe .row .list .user.selected, #searchUserToAddToNonSE .row .list .user.selected {
    background-color: rgba(26, 55, 125, 66);
    background-color: #1a377d66; }

#searchUserToMerge {
  width: 100%;
  margin-bottom: 1rem; }
  #searchUserToMerge .row {
    position: unset;
    margin-bottom: 0; }
  #searchUserToMerge .row input[name="search"] {
    margin-bottom: 0;
    width: 100%; }
  #searchUserToMerge #searchUserToMergeWhisperer {
    position: relative; }
  #searchUserToMerge #searchUserToMergeWhisperer .list a {
    display: block;
    padding: 0.125rem; }
  #searchUserToMerge #searchUserToMergeWhisperer .list a.selected {
    background-color: #1a377d1A; }

#searchUserWithoutLeader .row input[name="search"] {
  margin-bottom: 0;
  max-width: 20rem;
  width: 100%; }

#share p, #share #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #share li, #share #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #share div {
  margin-bottom: 0.5rem; }
  #share .socials {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem; }
  #share .socials a {
    background-image: url("/static/img/top-bar/socials.png");
    background-repeat: no-repeat;
    background-size: 6rem 3rem;
    background-position: 0 -1.5rem;
    font-weight: normal;
    font-size: 0.9rem;
    display: block;
    letter-spacing: 0.8px;
    margin-right: 0.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem; }
  #share .socials a.twitter {
    background-position-x: -1.5rem; }
  #share .socials a.linkedin {
    background-position-x: -4.5rem; }

#socketConsole {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box; }
  #socketConsole .events {
    background-color: black;
    color: white;
    padding: 1rem; }
  #socketConsole .events .event {
    color: #79be48;
    margin-bottom: 0.25rem;
    display: flex; }
  #socketConsole .events .event.warn {
    color: #ffb3b5; }
  #socketConsole .events .event.error {
    color: #e91c1c; }
  #socketConsole .events .event.message-sent {
    color: #fdef18; }
  #socketConsole .events .event.message-received {
    color: #0ca7c6; }
  #socketConsole .events .event .message {
    min-width: 15rem; }

.subsequentEducationBattery .credits {
  display: flex;
  align-items: center; }
  .subsequentEducationBattery .credits .credit {
    background-color: #c1c1c1;
    margin-right: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    flex: 0 0 auto; }
  .subsequentEducationBattery .credits .credit.earned {
    background-color: #79be48; }
  .subsequentEducationBattery .credits .credit.enrolled {
    background-color: #1b72e6; }
  .subsequentEducationBattery .credits .credit.waiting-for-approval {
    background-color: #b91be6; }
  .subsequentEducationBattery .credits img.done {
    margin-left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }

.subsequentEducationBatteryLegend .credits {
  display: flex;
  align-items: center;
  justify-content: center; }
  .subsequentEducationBatteryLegend .credits .credit {
    background-color: #c1c1c1;
    margin-right: 0.125rem;
    width: 0.75rem;
    height: 0.75rem; }
  .subsequentEducationBatteryLegend .credits .credit.earned {
    background-color: #79be48; }
  .subsequentEducationBatteryLegend .credits .credit.enrolled {
    background-color: #1b72e6; }
  .subsequentEducationBatteryLegend .credits .credit.waiting-for-approval {
    background-color: #b91be6; }
  .subsequentEducationBatteryLegend .credits .explanantion {
    margin-right: 0.5rem;
    white-space: nowrap; }

#subsequentEducationUserSummary {
  overflow-x: auto; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable {
    border: none;
    margin-bottom: 1rem; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr {
    border-bottom: 1px solid #f2f2f2; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr td {
    background-color: transparent; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr.base {
    border-bottom: none; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr.base td.name {
    font-weight: bold;
    min-width: 6rem; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr.base td.progress {
    min-width: 12rem; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr.base td.actions {
    white-space: nowrap; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr.base td.actions a + a:before {
    content: "|";
    margin: 0 0.25rem;
    color: #bfbfbf; }
  #subsequentEducationUserSummary table#subsequentEducationUserSummaryTable tbody tr.details td {
    font-style: italic;
    color: #bfbfbf; }

.mce-container button {
  min-width: unset; }
  .mce-container input {
    max-width: unset !important; }
  .mce-container .mce-menu-item {
    background-color: #f1f1f1; }

#mAddCertTemplate .modalWrapper {
  max-width: 30rem; }
  #mAddCertTemplate .modalWrapper form .row {
    width: 100%; }
  #mAddCertTemplate .modalWrapper form .row input, #mAddCertTemplate .modalWrapper form .row select {
    width: 100%;
    max-width: 20rem; }

#mAddMoreUsersSectors .modalWrapper form .row {
  width: 100%; }
  #mAddMoreUsersSectors .modalWrapper form .row input, #mAddMoreUsersSectors .modalWrapper form .row select {
    width: 100%;
    max-width: 20rem; }
  #mAddMoreUsersSectors .modalWrapper form .row textarea {
    width: 100%;
    min-height: 5rem; }

#mAddNewVersionPublicFile .modalWrapper {
  max-width: 40rem; }
  #mAddNewVersionPublicFile .modalWrapper .container .content .title {
    text-align: center; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form {
    max-width: 20rem; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form .row {
    width: 100%; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form .row input[type="submit"], #mAddNewVersionPublicFile .modalWrapper .container .content form .row select[type="submit"] {
    width: 100%; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div .name, #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"] {
      display: none; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .drop-zone.dragover {
      background-color: #79be4833; }
    #mAddNewVersionPublicFile .modalWrapper .container .content form .row .attachment .drop-zone:hover {
      cursor: pointer; }

#mAdminAddEnrollments .modalWrapper form .row {
  width: 100%; }
  #mAdminAddEnrollments .modalWrapper form .row select {
    width: 100%;
    max-width: 20rem; }
  #mAdminAddEnrollments .modalWrapper form .row input[name='doNotCreateCert'] {
    margin-right: 0.5rem; }
  #mAdminAddEnrollments .modalWrapper form .row textarea {
    width: 100%;
    min-height: 5rem; }
  #mAdminAddEnrollments .modalWrapper form .row .users fieldset {
    border: solid 1px #bfbfbf;
    margin-bottom: 1rem;
    padding: 0.5rem; }
  #mAdminAddEnrollments .modalWrapper form .row .users fieldset legend {
    margin-top: 0.5rem;
    color: #1a377d; }

#mAdminAddGroupAdminOrderProduct form {
  max-width: 40rem; }
  #mAdminAddGroupAdminOrderProduct form .row {
    width: 100%; }

#mAdminAddGroupPrices .modalWrapper {
  max-width: 50rem; }
  #mAdminAddGroupPrices .modalWrapper .container .content form {
    width: 40rem; }
  #mAdminAddGroupPrices .modalWrapper .container .content form .row {
    margin-bottom: 1rem;
    width: 100%; }
  #mAdminAddGroupPrices .modalWrapper .container .content form .row.error-message, #mAdminAddGroupPrices .modalWrapper .container .content form .row.warn {
    text-align: center;
    color: #e91c1c; }
  #mAdminAddGroupPrices .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mAdminAddGroupPrices .modalWrapper .container .content form .row > input, #mAdminAddGroupPrices .modalWrapper .container .content form .row > select {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%; }
  #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div .name, #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"] {
      display: none; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .drop-zone.dragover {
      background-color: #79be4833; }
    #mAdminAddGroupPrices .modalWrapper .container .content form .row .attachment .drop-zone:hover {
      cursor: pointer; }

#mAdminAddPublicFile .modalWrapper, #mAdminAddScorm .modalWrapper {
  max-width: 40rem; }
  #mAdminAddPublicFile .modalWrapper .container .content .title, #mAdminAddScorm .modalWrapper .container .content .title {
    text-align: center; }
  #mAdminAddPublicFile .modalWrapper .container .content form, #mAdminAddScorm .modalWrapper .container .content form {
    max-width: 20rem; }
  #mAdminAddPublicFile .modalWrapper .container .content form .row, #mAdminAddScorm .modalWrapper .container .content form .row {
    width: 100%; }
  #mAdminAddPublicFile .modalWrapper .container .content form .row.error-message, #mAdminAddScorm .modalWrapper .container .content form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  #mAdminAddPublicFile .modalWrapper .container .content form .row label, #mAdminAddScorm .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mAdminAddPublicFile .modalWrapper .container .content form .row input, #mAdminAddScorm .modalWrapper .container .content form .row input, #mAdminAddPublicFile .modalWrapper .container .content form .row select, #mAdminAddScorm .modalWrapper .container .content form .row select {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%; }
  #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file .upload-progress, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file .upload-progress .value, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div .name, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div .name, #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div .size, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div .name, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"], #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .drop-zone, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"], #mAdminAddScorm .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"] {
      display: none; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .drop-zone div, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .drop-zone.dragover, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .drop-zone.dragover {
      background-color: #79be4833; }
    #mAdminAddPublicFile .modalWrapper .container .content form .row .attachment .drop-zone:hover, #mAdminAddScorm .modalWrapper .container .content form .row .attachment .drop-zone:hover {
      cursor: pointer; }

#mAdminAlert form {
  width: 100%;
  max-width: 30rem;
  margin: auto; }
  #mAdminAlert form .row {
    width: 100%;
    text-align: center; }
  #mAdminAlert form .row textarea {
    width: 100%; }
  #mAdminAlert form .row.dates {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #mAdminAlert form .row.dates label {
    display: flex;
    align-items: center; }
  #mAdminAlert form .row.dates label .inlineDatePicker {
    margin-bottom: 0;
    margin-left: 0.5rem; }

#mAdminCategoryProducts .modalWrapper .error-message, #mAdminTermProducts .modalWrapper .error-message, #mAdminCategoryGroups .modalWrapper .error-message, #mGroupAdminCategoryProducts .modalWrapper .error-message {
  color: red; }
  #mAdminCategoryProducts .modalWrapper form, #mAdminTermProducts .modalWrapper form, #mAdminCategoryGroups .modalWrapper form, #mGroupAdminCategoryProducts .modalWrapper form {
    max-width: 30rem; }
  #mAdminCategoryProducts .modalWrapper form .row, #mAdminTermProducts .modalWrapper form .row, #mAdminCategoryGroups .modalWrapper form .row, #mGroupAdminCategoryProducts .modalWrapper form .row {
    width: 100%; }
  #mAdminCategoryProducts .modalWrapper form .row .label, #mAdminTermProducts .modalWrapper form .row .label, #mAdminCategoryGroups .modalWrapper form .row .label, #mGroupAdminCategoryProducts .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mAdminCategoryProducts .modalWrapper form .selectedProducts, #mAdminTermProducts .modalWrapper form .selectedProducts, #mAdminCategoryGroups .modalWrapper form .selectedProducts, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts, #mAdminCategoryProducts .modalWrapper form .selectedGroups, #mAdminTermProducts .modalWrapper form .selectedGroups, #mAdminCategoryGroups .modalWrapper form .selectedGroups, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mAdminCategoryProducts .modalWrapper form .selectedProducts .product, #mAdminTermProducts .modalWrapper form .selectedProducts .product, #mAdminCategoryGroups .modalWrapper form .selectedProducts .product, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .product, #mAdminCategoryProducts .modalWrapper form .selectedGroups .product, #mAdminTermProducts .modalWrapper form .selectedGroups .product, #mAdminCategoryGroups .modalWrapper form .selectedGroups .product, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .product, #mAdminCategoryProducts .modalWrapper form .selectedProducts .group, #mAdminTermProducts .modalWrapper form .selectedProducts .group, #mAdminCategoryGroups .modalWrapper form .selectedProducts .group, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .group, #mAdminCategoryProducts .modalWrapper form .selectedGroups .group, #mAdminTermProducts .modalWrapper form .selectedGroups .group, #mAdminCategoryGroups .modalWrapper form .selectedGroups .group, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .group {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
  #mAdminCategoryProducts .modalWrapper form .selectedProducts .product:nth-child(even), #mAdminTermProducts .modalWrapper form .selectedProducts .product:nth-child(even), #mAdminCategoryGroups .modalWrapper form .selectedProducts .product:nth-child(even), #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .product:nth-child(even), #mAdminCategoryProducts .modalWrapper form .selectedGroups .product:nth-child(even), #mAdminTermProducts .modalWrapper form .selectedGroups .product:nth-child(even), #mAdminCategoryGroups .modalWrapper form .selectedGroups .product:nth-child(even), #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .product:nth-child(even), #mAdminCategoryProducts .modalWrapper form .selectedProducts .group:nth-child(even), #mAdminTermProducts .modalWrapper form .selectedProducts .group:nth-child(even), #mAdminCategoryGroups .modalWrapper form .selectedProducts .group:nth-child(even), #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .group:nth-child(even), #mAdminCategoryProducts .modalWrapper form .selectedGroups .group:nth-child(even), #mAdminTermProducts .modalWrapper form .selectedGroups .group:nth-child(even), #mAdminCategoryGroups .modalWrapper form .selectedGroups .group:nth-child(even), #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .group:nth-child(even) {
    background-color: #eee; }
  #mAdminCategoryProducts .modalWrapper form .selectedProducts .product .name, #mAdminTermProducts .modalWrapper form .selectedProducts .product .name, #mAdminCategoryGroups .modalWrapper form .selectedProducts .product .name, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .product .name, #mAdminCategoryProducts .modalWrapper form .selectedGroups .product .name, #mAdminTermProducts .modalWrapper form .selectedGroups .product .name, #mAdminCategoryGroups .modalWrapper form .selectedGroups .product .name, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .product .name, #mAdminCategoryProducts .modalWrapper form .selectedProducts .group .name, #mAdminTermProducts .modalWrapper form .selectedProducts .group .name, #mAdminCategoryGroups .modalWrapper form .selectedProducts .group .name, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .group .name, #mAdminCategoryProducts .modalWrapper form .selectedGroups .group .name, #mAdminTermProducts .modalWrapper form .selectedGroups .group .name, #mAdminCategoryGroups .modalWrapper form .selectedGroups .group .name, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .group .name {
    max-width: 73%;
    flex: 1 0 auto; }
  #mAdminCategoryProducts .modalWrapper form .selectedProducts .product .cross, #mAdminTermProducts .modalWrapper form .selectedProducts .product .cross, #mAdminCategoryGroups .modalWrapper form .selectedProducts .product .cross, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .product .cross, #mAdminCategoryProducts .modalWrapper form .selectedGroups .product .cross, #mAdminTermProducts .modalWrapper form .selectedGroups .product .cross, #mAdminCategoryGroups .modalWrapper form .selectedGroups .product .cross, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .product .cross, #mAdminCategoryProducts .modalWrapper form .selectedProducts .group .cross, #mAdminTermProducts .modalWrapper form .selectedProducts .group .cross, #mAdminCategoryGroups .modalWrapper form .selectedProducts .group .cross, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .group .cross, #mAdminCategoryProducts .modalWrapper form .selectedGroups .group .cross, #mAdminTermProducts .modalWrapper form .selectedGroups .group .cross, #mAdminCategoryGroups .modalWrapper form .selectedGroups .group .cross, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .group .cross {
    color: #e91c1c; }
  #mAdminCategoryProducts .modalWrapper form .selectedProducts .product input, #mAdminTermProducts .modalWrapper form .selectedProducts .product input, #mAdminCategoryGroups .modalWrapper form .selectedProducts .product input, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .product input, #mAdminCategoryProducts .modalWrapper form .selectedGroups .product input, #mAdminTermProducts .modalWrapper form .selectedGroups .product input, #mAdminCategoryGroups .modalWrapper form .selectedGroups .product input, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .product input, #mAdminCategoryProducts .modalWrapper form .selectedProducts .group input, #mAdminTermProducts .modalWrapper form .selectedProducts .group input, #mAdminCategoryGroups .modalWrapper form .selectedProducts .group input, #mGroupAdminCategoryProducts .modalWrapper form .selectedProducts .group input, #mAdminCategoryProducts .modalWrapper form .selectedGroups .group input, #mAdminTermProducts .modalWrapper form .selectedGroups .group input, #mAdminCategoryGroups .modalWrapper form .selectedGroups .group input, #mGroupAdminCategoryProducts .modalWrapper form .selectedGroups .group input {
    margin: 0 0.5rem;
    max-width: 4rem; }
  #mAdminCategoryProducts .modalWrapper form .explain, #mAdminTermProducts .modalWrapper form .explain, #mAdminCategoryGroups .modalWrapper form .explain, #mGroupAdminCategoryProducts .modalWrapper form .explain {
    font-size: 0.875rem;
    font-style: italic;
    color: #666; }
  #mAdminCategoryProducts .modalWrapper form .no-item-added, #mAdminTermProducts .modalWrapper form .no-item-added, #mAdminCategoryGroups .modalWrapper form .no-item-added, #mGroupAdminCategoryProducts .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mAdminCreateNCRule .modalWrapper form {
  width: 100%; }
  #mAdminCreateNCRule .modalWrapper form .row {
    width: 100%;
    max-width: 30rem; }
  #mAdminCreateNCRule .modalWrapper form .row select, #mAdminCreateNCRule .modalWrapper form .row textarea {
    width: 100%; }

#mAdminEditCategory .modalWrapper form {
  width: 100%; }
  #mAdminEditCategory .modalWrapper form .row {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    margin-bottom: 1rem; }
  #mAdminEditCategory .modalWrapper form .row.icon .hidden {
    display: none; }
  #mAdminEditCategory .modalWrapper form .row.icon .image {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mAdminEditCategory .modalWrapper form .row.icon .image img {
    margin-bottom: 0.5rem;
    width: 4rem; }
  #mAdminEditCategory .modalWrapper form .row.icon .image progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 4rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #mAdminEditCategory .modalWrapper form .row.icon .image progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #mAdminEditCategory .modalWrapper form .row.icon .image progress::-webkit-progress-value {
    background-color: #1a377d; }
  #mAdminEditCategory .modalWrapper form .row.icon button {
    margin: auto;
    display: block; }
  #mAdminEditCategory .modalWrapper form .row #mAdminEditCategoryDescription, #mAdminEditCategory .modalWrapper form .row #mAdminEditCategoryShortDescription {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    min-height: 3rem;
    width: 100%;
    border: 1px solid #bfbfbf; }

#mAdminEditCertType .modalWrapper form {
  width: 100%; }
  #mAdminEditCertType .modalWrapper form .row {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    margin-bottom: 1rem; }
  #mAdminEditCertType .modalWrapper form .row .hint {
    font-style: italic;
    color: #666; }

#mAdminEditCommissarContract .modalWrapper form {
  width: 100%;
  max-width: 20rem; }
  #mAdminEditCommissarContract .modalWrapper form .row {
    width: 100%; }
  #mAdminEditCommissarContract .modalWrapper form .row.hidden {
    display: none; }
  #mAdminEditCommissarContract .modalWrapper form .row select[name="nameList"], #mAdminEditCommissarContract .modalWrapper form .row input[type="text"], #mAdminEditCommissarContract .modalWrapper form .row textarea {
    width: 100%; }

#mAdminEditExamPlaceholder .modalWrapper form {
  width: 100%; }
  #mAdminEditExamPlaceholder .modalWrapper form .row {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    margin-bottom: 1rem; }
  #mAdminEditExamPlaceholder .modalWrapper form .row .hint {
    font-style: italic;
    color: #666; }
  #mAdminEditExamPlaceholder .modalWrapper form .row textarea {
    width: 100%; }

#mAdminEditGroupRepeatableProduct form {
  max-width: 40rem; }
  #mAdminEditGroupRepeatableProduct form .row {
    width: 100%; }
  #mAdminEditGroupRepeatableProduct form .row input[name="repeatableBeforeExpiration"] {
    width: 100%; }

#mAdminEditNCTemplate .modalWrapper .container .content form, #mAdminDuplicateNCTemplate .modalWrapper .container .content form {
  width: 100%;
  max-width: 25rem; }
  #mAdminEditNCTemplate .modalWrapper .container .content form .row, #mAdminDuplicateNCTemplate .modalWrapper .container .content form .row {
    width: 100%; }
  #mAdminEditNCTemplate .modalWrapper .container .content form .row input, #mAdminDuplicateNCTemplate .modalWrapper .container .content form .row input, #mAdminEditNCTemplate .modalWrapper .container .content form .row select, #mAdminDuplicateNCTemplate .modalWrapper .container .content form .row select {
    width: 100%; }

#mAdminEditQuestion .modalWrapper form {
  width: calc(100% - 4rem); }
  #mAdminEditQuestion .modalWrapper form .row {
    width: 100%; }
  #mAdminEditQuestion .modalWrapper form .row textarea {
    width: 100%; }
  #mAdminEditQuestion .modalWrapper form .row label {
    display: flex;
    align-items: center; }
  #mAdminEditQuestion .modalWrapper form .row label span {
    font-weight: bold;
    margin-right: 0.5rem; }
  #mAdminEditQuestion .modalWrapper form .row label img {
    width: 0.9rem;
    height: 0.9rem; }

#mAdminEditSubscription .modalWrapper form {
  width: 100%; }
  #mAdminEditSubscription .modalWrapper form .row {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    margin-bottom: 1rem; }
  #mAdminEditSubscription .modalWrapper form .row input {
    width: 100%; }

#mAdminEditVoucher .modalWrapper form {
  width: 100%;
  max-width: 20rem; }
  #mAdminEditVoucher .modalWrapper form .row {
    width: 100%; }
  #mAdminEditVoucher .modalWrapper form .row > input[type="text"], #mAdminEditVoucher .modalWrapper form .row > input[type="number"], #mAdminEditVoucher .modalWrapper form .row > select {
    width: 100%; }
  #mAdminEditVoucher .modalWrapper form .row.mode > div {
    display: flex; }
  #mAdminEditVoucher .modalWrapper form .row.mode > div label + label {
    margin-left: 1rem; }
  #mAdminEditVoucher .modalWrapper form .row #searchProductAdmin {
    margin-bottom: 1rem; }
  #mAdminEditVoucher .modalWrapper form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mAdminEditVoucher .modalWrapper form .row.buttons input, #mAdminEditVoucher .modalWrapper form .row.buttons button {
    min-width: 12rem; }
  #mAdminEditVoucher .modalWrapper form .row.buttons input[name="save"] {
    margin-bottom: 1rem; }

#mAdminExamsUploadDomains .modalWrapper form, #mAdminExamsUploadTopics .modalWrapper form, #mAdminExamsUploadCategories .modalWrapper form, #mAdminExamsUpdateCategories .modalWrapper form, #mAdminExamsUploadQuestions .modalWrapper form {
  width: 100%;
  max-width: 20rem; }
  #mAdminExamsUploadDomains .modalWrapper form .row.file, #mAdminExamsUploadTopics .modalWrapper form .row.file, #mAdminExamsUploadCategories .modalWrapper form .row.file, #mAdminExamsUpdateCategories .modalWrapper form .row.file, #mAdminExamsUploadQuestions .modalWrapper form .row.file {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mAdminExamsUploadDomains .modalWrapper form .row.file input[name="file"], #mAdminExamsUploadTopics .modalWrapper form .row.file input[name="file"], #mAdminExamsUploadCategories .modalWrapper form .row.file input[name="file"], #mAdminExamsUpdateCategories .modalWrapper form .row.file input[name="file"], #mAdminExamsUploadQuestions .modalWrapper form .row.file input[name="file"] {
    display: none; }
  #mAdminExamsUploadDomains .modalWrapper form .row.file .filename, #mAdminExamsUploadTopics .modalWrapper form .row.file .filename, #mAdminExamsUploadCategories .modalWrapper form .row.file .filename, #mAdminExamsUpdateCategories .modalWrapper form .row.file .filename, #mAdminExamsUploadQuestions .modalWrapper form .row.file .filename {
    margin-bottom: 0.5rem; }
  #mAdminExamsUploadDomains .modalWrapper form .row.buttons, #mAdminExamsUploadTopics .modalWrapper form .row.buttons, #mAdminExamsUploadCategories .modalWrapper form .row.buttons, #mAdminExamsUpdateCategories .modalWrapper form .row.buttons, #mAdminExamsUploadQuestions .modalWrapper form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mAdminExamsUploadDomains .modalWrapper form .row.buttons input, #mAdminExamsUploadTopics .modalWrapper form .row.buttons input, #mAdminExamsUploadCategories .modalWrapper form .row.buttons input, #mAdminExamsUpdateCategories .modalWrapper form .row.buttons input, #mAdminExamsUploadQuestions .modalWrapper form .row.buttons input, #mAdminExamsUploadDomains .modalWrapper form .row.buttons button, #mAdminExamsUploadTopics .modalWrapper form .row.buttons button, #mAdminExamsUploadCategories .modalWrapper form .row.buttons button, #mAdminExamsUpdateCategories .modalWrapper form .row.buttons button, #mAdminExamsUploadQuestions .modalWrapper form .row.buttons button {
    min-width: 12rem; }
  #mAdminExamsUploadDomains .modalWrapper form .row.buttons input[name="save"], #mAdminExamsUploadTopics .modalWrapper form .row.buttons input[name="save"], #mAdminExamsUploadCategories .modalWrapper form .row.buttons input[name="save"], #mAdminExamsUpdateCategories .modalWrapper form .row.buttons input[name="save"], #mAdminExamsUploadQuestions .modalWrapper form .row.buttons input[name="save"] {
    margin-bottom: 1rem; }

#mAdminGroupRecommendedProducts .modalWrapper .error-message {
  color: red; }
  #mAdminGroupRecommendedProducts .modalWrapper form {
    max-width: 30rem; }
  #mAdminGroupRecommendedProducts .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mAdminGroupRecommendedProducts .modalWrapper form .row input {
    margin-bottom: 0; }
  #mAdminGroupRecommendedProducts .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mAdminGroupRecommendedProducts .modalWrapper form .row .warning {
    color: red;
    text-align: center; }
  #mAdminGroupRecommendedProducts .modalWrapper form .selectedProducts {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mAdminGroupRecommendedProducts .modalWrapper form .selectedProducts .product {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mAdminGroupRecommendedProducts .modalWrapper form .selectedProducts .product:nth-child(even) {
    background-color: #eee; }
  #mAdminGroupRecommendedProducts .modalWrapper form .selectedProducts .product .name {
    max-width: 90%;
    flex: 1 0 auto; }
  #mAdminGroupRecommendedProducts .modalWrapper form .selectedProducts .product .cross {
    color: #e91c1c; }
  #mAdminGroupRecommendedProducts .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mAdminImportGroupTopology {
  font-family: BrandonGrotesque, "Open-sans", sans-serif;
  text-align: center; }
  #mAdminImportGroupTopology input[type="file"] {
    display: none; }
  #mAdminImportGroupTopology button {
    margin: 1rem; }
  #mAdminImportGroupTopology .loader {
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/static/img/loader.gif");
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat; }

#mAdminNCEditAction form {
  max-width: 20rem;
  width: 100%; }
  #mAdminNCEditAction form .row {
    width: 100%; }
  #mAdminNCEditAction form .row.recipient .recipientType, #mAdminNCEditAction form .row.replyTo .replyToType {
    display: flex; }
  #mAdminNCEditAction form .row.recipient .recipientType label + label, #mAdminNCEditAction form .row.replyTo .replyToType label + label {
    margin-left: 1rem; }
  #mAdminNCEditAction form .row.recipient .recipientType label input, #mAdminNCEditAction form .row.replyTo .replyToType label input {
    margin-right: 0.5rem; }
  #mAdminNCEditAction form .row input[name="customRecipient"], #mAdminNCEditAction form .row input[name="customReplyTo"], #mAdminNCEditAction form .row input[name="apiEndpoint"], #mAdminNCEditAction form .row textarea[name="apiParams"] {
    width: 100%; }

#mAdminProductRecommendedProducts .modalWrapper form {
  max-width: 30rem; }
  #mAdminProductRecommendedProducts .modalWrapper form .row {
    width: 100%; }
  #mAdminProductRecommendedProducts .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mAdminProductRecommendedProducts .modalWrapper form .selectedProducts {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mAdminProductRecommendedProducts .modalWrapper form .selectedProducts .product {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mAdminProductRecommendedProducts .modalWrapper form .selectedProducts .product:nth-child(even) {
    background-color: #eee; }
  #mAdminProductRecommendedProducts .modalWrapper form .selectedProducts .product .name {
    max-width: 90%; }
  #mAdminProductRecommendedProducts .modalWrapper form .selectedProducts .product .cross {
    color: #e91c1c; }
  #mAdminProductRecommendedProducts .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mAdminSampleTestStats .modalWrapper {
  max-width: 80rem; }
  #mAdminSampleTestStats .modalWrapper .content {
    font-size: 0.75rem; }
  #mAdminSampleTestStats .modalWrapper .content .stats {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem; }
  #mAdminSampleTestStats .modalWrapper .content .stats .row {
    display: flex;
    margin-bottom: 0.25rem; }
  #mAdminSampleTestStats .modalWrapper .content .stats .row .label:after {
    content: ":";
    margin-right: 0.5rem; }
  #mAdminSampleTestStats .modalWrapper .content .stats .row .value {
    text-transform: uppercase;
    font-weight: bold; }
  #mAdminSampleTestStats .modalWrapper .content table {
    border: solid 1px #383838; }
  #mAdminSampleTestStats .modalWrapper .content table thead tr th, #mAdminSampleTestStats .modalWrapper .content table tbody tr th, #mAdminSampleTestStats .modalWrapper .content table tfoot tr th, #mAdminSampleTestStats .modalWrapper .content table thead tr td, #mAdminSampleTestStats .modalWrapper .content table tbody tr td, #mAdminSampleTestStats .modalWrapper .content table tfoot tr td {
    text-align: left;
    padding: 0.25rem 0.5rem;
    border-left: solid 1px #383838;
    border-right: solid 1px #383838; }
  #mAdminSampleTestStats .modalWrapper .content table thead tr th.basics, #mAdminSampleTestStats .modalWrapper .content table tbody tr th.basics, #mAdminSampleTestStats .modalWrapper .content table tfoot tr th.basics, #mAdminSampleTestStats .modalWrapper .content table thead tr td.basics, #mAdminSampleTestStats .modalWrapper .content table tbody tr td.basics, #mAdminSampleTestStats .modalWrapper .content table tfoot tr td.basics, #mAdminSampleTestStats .modalWrapper .content table thead tr th.multiples, #mAdminSampleTestStats .modalWrapper .content table tbody tr th.multiples, #mAdminSampleTestStats .modalWrapper .content table tfoot tr th.multiples, #mAdminSampleTestStats .modalWrapper .content table thead tr td.multiples, #mAdminSampleTestStats .modalWrapper .content table tbody tr td.multiples, #mAdminSampleTestStats .modalWrapper .content table tfoot tr td.multiples, #mAdminSampleTestStats .modalWrapper .content table thead tr th.caseStudies, #mAdminSampleTestStats .modalWrapper .content table tbody tr th.caseStudies, #mAdminSampleTestStats .modalWrapper .content table tfoot tr th.caseStudies, #mAdminSampleTestStats .modalWrapper .content table thead tr td.caseStudies, #mAdminSampleTestStats .modalWrapper .content table tbody tr td.caseStudies, #mAdminSampleTestStats .modalWrapper .content table tfoot tr td.caseStudies {
    text-align: center; }
  #mAdminSampleTestStats .modalWrapper .content table thead tr {
    border-bottom: solid 2px #383838; }
  #mAdminSampleTestStats .modalWrapper .content table thead tr th {
    font-weight: bold; }
  #mAdminSampleTestStats .modalWrapper .content table tbody tr {
    border-bottom: solid 1px #bfbfbf; }
  #mAdminSampleTestStats .modalWrapper .content table tbody tr td.questionIds span:after {
    content: ":";
    margin-right: 0.25rem; }
  #mAdminSampleTestStats .modalWrapper .content table tfoot tr {
    border-top: solid 2px #383838; }
  #mAdminSampleTestStats .modalWrapper .content table tfoot tr th, #mAdminSampleTestStats .modalWrapper .content table tfoot tr td {
    font-weight: bold; }
  #mAdminSampleTestStats .modalWrapper .content table tfoot tr td.questionIds {
    text-align: center; }

#mAdminSendAllTestResults .modalWrapper .container h2 {
  margin-bottom: 1rem; }
  #mAdminSendAllTestResults .modalWrapper .container h3 {
    font-size: 0.9rem;
    color: #1a377d; }
  #mAdminSendAllTestResults .modalWrapper .container form .row {
    margin-bottom: 0; }
  #mAdminSendAllTestResults .modalWrapper .container form .row.error-message {
    color: #e91c1c; }

#mAdminSendNewEmail h2 {
  margin-bottom: 0.5rem; }
  #mAdminSendNewEmail h3 {
    margin-bottom: 0.5rem;
    margin-top: 1rem; }
  #mAdminSendNewEmail h4 {
    margin-bottom: 0.25rem;
    margin-top: 1rem;
    font-weight: bold; }
  #mAdminSendNewEmail select {
    width: 30rem;
    box-sizing: border-box;
    max-width: 100%;
    margin-bottom: 0.5rem; }
  #mAdminSendNewEmail label {
    display: flex;
    flex-direction: column; }
  #mAdminSendNewEmail label .label {
    font-weight: bold; }
  #mAdminSendNewEmail label .label:first-letter {
    text-transform: uppercase; }
  #mAdminSendNewEmail label input {
    width: 30rem;
    box-sizing: border-box;
    max-width: 100%; }
  #mAdminSendNewEmail .subject, #mAdminSendNewEmail .recipient {
    margin-bottom: 0.5rem;
    width: 30rem;
    max-width: 100%; }
  #mAdminSendNewEmail .body {
    margin-bottom: 1rem; }
  #mAdminSendNewEmail .buttons {
    display: flex;
    justify-content: space-between;
    width: 30rem; }
  #mAdminSendNewEmail .buttons .previous {
    background-color: white;
    color: #183376;
    border: 1px solid #183376; }
  #mAdminSendNewEmail .title {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto; }
  #mAdminSendNewEmail .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px; }
  #mAdminSendNewEmail .title .label {
    flex-shrink: 0;
    font-size: 20px; }

#mAdminSendSingleTestResult .modalWrapper .container h2 {
  margin-bottom: 1rem; }
  #mAdminSendSingleTestResult .modalWrapper .container h3 {
    font-size: 0.9rem;
    color: #1a377d; }
  #mAdminSendSingleTestResult .modalWrapper .container .username {
    font-size: 1.25rem;
    color: #1a377d; }
  #mAdminSendSingleTestResult .modalWrapper .container .result {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem; }
  #mAdminSendSingleTestResult .modalWrapper .container .result .label:after {
    content: ":";
    margin-right: 0.5rem; }
  #mAdminSendSingleTestResult .modalWrapper .container .result .value {
    font-weight: bold; }
  #mAdminSendSingleTestResult .modalWrapper .container form .row {
    margin-bottom: 0; }
  #mAdminSendSingleTestResult .modalWrapper .container form .row.error-message {
    color: #e91c1c; }

#mAdminSetInvoiceAsPaid .modalWrapper .container form {
  width: 100%;
  max-width: 25rem; }
  #mAdminSetInvoiceAsPaid .modalWrapper .container form .row {
    width: 100%; }
  #mAdminSetInvoiceAsPaid .modalWrapper .container form .row.number .value {
    color: #1a377d; }
  #mAdminSetInvoiceAsPaid .modalWrapper .container form .row.error-message {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    color: #e91c1c; }
  #mAdminSetInvoiceAsPaid .modalWrapper .container form .row label {
    margin-bottom: 0.5rem; }
  #mAdminSetInvoiceAsPaid .modalWrapper .container form .row input, #mAdminSetInvoiceAsPaid .modalWrapper .container form .row button[name="submit"] {
    width: 100%; }
  #mAdminSetInvoiceAsPaid .modalWrapper .container form .row button[name="submit"] {
    max-width: initial; }

#mAdminTerm .modalWrapper form {
  max-width: 20rem; }
  #mAdminTerm .modalWrapper form .row {
    width: 100%; }
  #mAdminTerm .modalWrapper form .row textarea {
    width: 100%;
    min-height: 5rem;
    margin-bottom: 0; }
  #mAdminTerm .modalWrapper form .row input[type='number'] {
    width: 100%; }
  #mAdminTerm .modalWrapper form .row .explain {
    font-size: 0.875rem;
    color: #888; }
  #mAdminTerm .modalWrapper form .row.date {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 0; }
  #mAdminTerm .modalWrapper form .row.date .label {
    width: 100%; }
  #mAdminTerm .modalWrapper form .row.date .timePicker {
    height: 2rem;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box; }
  #mAdminTerm .modalWrapper form .row.date .datePicker {
    margin-right: 0.5rem; }
  #mAdminTerm .modalWrapper form .row.date .datePicker input[type='text'] {
    height: 2rem;
    padding-top: 2px;
    padding-bottom: 2px; }
  #mAdminTerm .modalWrapper form .row.checkbox {
    margin-bottom: 0; }
  #mAdminTerm .modalWrapper form .buttons {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0.5rem auto; }
  #mAdminTerm .modalWrapper form .buttons input[type='submit'] {
    margin-right: 0.25rem;
    margin-bottom: 0; }
  #mAdminTerm .modalWrapper form .buttons .duplicate {
    background-color: White;
    color: #1a377d;
    border: 1px solid #1a377d; }
  #mAdminTerm .modalWrapper form .selectedGroups {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mAdminTerm .modalWrapper form .selectedGroups .group {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mAdminTerm .modalWrapper form .selectedGroups .group .cross {
    color: #e91c1c; }

#mAdminTermCNBObservers .modalWrapper .error-message {
  color: red; }
  #mAdminTermCNBObservers .modalWrapper form {
    max-width: 30rem; }
  #mAdminTermCNBObservers .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mAdminTermCNBObservers .modalWrapper form .row input {
    margin-bottom: 0; }
  #mAdminTermCNBObservers .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mAdminTermCNBObservers .modalWrapper form .selectedCNBObservers {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mAdminTermCNBObservers .modalWrapper form .selectedCNBObservers .commissar {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mAdminTermCNBObservers .modalWrapper form .selectedCNBObservers .commissar:nth-child(even) {
    background-color: #eee; }
  #mAdminTermCNBObservers .modalWrapper form .selectedCNBObservers .commissar .name {
    max-width: 90%;
    flex: 1 0 auto; }
  #mAdminTermCNBObservers .modalWrapper form .selectedCNBObservers .commissar .cross {
    color: #e91c1c; }
  #mAdminTermCNBObservers .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mAdminTermCommissars .modalWrapper .error-message {
  color: red; }
  #mAdminTermCommissars .modalWrapper form {
    max-width: 30rem; }
  #mAdminTermCommissars .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mAdminTermCommissars .modalWrapper form .row input {
    margin-bottom: 0; }
  #mAdminTermCommissars .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mAdminTermCommissars .modalWrapper form .selectedInPlaceCommissars, #mAdminTermCommissars .modalWrapper form .selectedVideoChairmen, #mAdminTermCommissars .modalWrapper form .selectedVideoCommissars, #mAdminTermCommissars .modalWrapper form .selectedDistantCommissars {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mAdminTermCommissars .modalWrapper form .selectedInPlaceCommissars .commissar, #mAdminTermCommissars .modalWrapper form .selectedVideoChairmen .commissar, #mAdminTermCommissars .modalWrapper form .selectedVideoCommissars .commissar, #mAdminTermCommissars .modalWrapper form .selectedDistantCommissars .commissar {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mAdminTermCommissars .modalWrapper form .selectedInPlaceCommissars .commissar:nth-child(even), #mAdminTermCommissars .modalWrapper form .selectedVideoChairmen .commissar:nth-child(even), #mAdminTermCommissars .modalWrapper form .selectedVideoCommissars .commissar:nth-child(even), #mAdminTermCommissars .modalWrapper form .selectedDistantCommissars .commissar:nth-child(even) {
    background-color: #eee; }
  #mAdminTermCommissars .modalWrapper form .selectedInPlaceCommissars .commissar .name, #mAdminTermCommissars .modalWrapper form .selectedVideoChairmen .commissar .name, #mAdminTermCommissars .modalWrapper form .selectedVideoCommissars .commissar .name, #mAdminTermCommissars .modalWrapper form .selectedDistantCommissars .commissar .name {
    max-width: 90%;
    flex: 1 0 auto; }
  #mAdminTermCommissars .modalWrapper form .selectedInPlaceCommissars .commissar .cross, #mAdminTermCommissars .modalWrapper form .selectedVideoChairmen .commissar .cross, #mAdminTermCommissars .modalWrapper form .selectedVideoCommissars .commissar .cross, #mAdminTermCommissars .modalWrapper form .selectedDistantCommissars .commissar .cross {
    color: #e91c1c; }
  #mAdminTermCommissars .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mAdminUploadTermVariantScan .modalWrapper {
  max-width: 30rem; }
  #mAdminUploadTermVariantScan .modalWrapper form input[name="file"] {
    display: none; }
  #mAdminUploadTermVariantScan .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #mAdminUploadTermVariantScan .modalWrapper form .row button[name="upload"] {
    display: flex;
    justify-content: center;
    align-items: center; }
  #mAdminUploadTermVariantScan .modalWrapper form .row button[name="upload"] img {
    display: none;
    margin-right: 0.25rem;
    width: 1rem;
    height: 1rem; }
  #mAdminUploadTermVariantScan .modalWrapper form .row button[name="upload"].uploading {
    opacity: 0.7; }
  #mAdminUploadTermVariantScan .modalWrapper form .row button[name="upload"].uploading img {
    display: inline-block; }
  #mAdminUploadTermVariantScan .modalWrapper form .row ul.exam-scans li {
    list-style-type: none; }
  #mAdminUploadTermVariantScan .modalWrapper form .row.buttons input[type='submit'] {
    margin-bottom: 1rem; }
  #mAdminUploadTermVariantScan .modalWrapper form .row.error-message {
    color: #e91c1c; }

@media screen and (min-width: 50em) {
      #mAppealProcess .modalWrapper {
        padding-bottom: 2rem;
        width: 50rem; } }
  #mAppealProcess .modalWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-height: 90vh;
    overflow: auto; }
  #mAppealProcess .modalWrapper .container .content {
    padding: 1rem 2rem; }
  #mAppealProcess .modalWrapper .container .content table {
    font-size: 0.875rem; }
  #mAppealProcess .modalWrapper .container .content table tbody tr td {
    vertical-align: top;
    padding: 0.125rem 0.5rem; }
    #mAppealProcess .modalWrapper .container .content table tbody tr td:first-child {
      font-weight: bold;
      width: 12rem; }
    #mAppealProcess .modalWrapper .container .content table tbody tr td #appealResponseMCE {
      width: 100%;
      min-height: 5rem;
      border: 1px solid #bfbfbf;
      padding: 0.5rem;
      border-radius: 0.25rem; }
    #mAppealProcess .modalWrapper .container .content table tbody tr td .commissar {
      display: flex;
      align-items: center; }
    #mAppealProcess .modalWrapper .container .content table tbody tr td .commissar span {
      flex-grow: 1; }
    #mAppealProcess .modalWrapper .container .content table tbody tr td .commissar button.danger.small {
      min-width: initial;
      border-radius: 0.25rem;
      padding: 0.125rem 0.5rem;
      font-size: 0.75rem; }
  #mAppealProcess .modalWrapper .container .content .error-message {
    color: #e91c1c; }

#mCloneCertTemplate .modalWrapper {
  max-width: 30rem; }
  #mCloneCertTemplate .modalWrapper form .row {
    width: 100%; }
  #mCloneCertTemplate .modalWrapper form .row input {
    width: 100%;
    max-width: 20rem; }

#mEditAuthor .modalWrapper .error-message {
  color: red; }
  #mEditAuthor .modalWrapper form {
    max-width: 30rem; }
  #mEditAuthor .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mEditAuthor .modalWrapper form .row input {
    margin-bottom: 0; }
  #mEditAuthor .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }

#mEditAuthorProducts .modalWrapper .error-message, #mEditProductAuthors .modalWrapper .error-message {
  color: red; }
  #mEditAuthorProducts .modalWrapper form, #mEditProductAuthors .modalWrapper form {
    max-width: 30rem; }
  #mEditAuthorProducts .modalWrapper form .row, #mEditProductAuthors .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mEditAuthorProducts .modalWrapper form .row input, #mEditProductAuthors .modalWrapper form .row input {
    margin-bottom: 0; }
  #mEditAuthorProducts .modalWrapper form .row .label, #mEditProductAuthors .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mEditAuthorProducts .modalWrapper form .selectedProducts, #mEditProductAuthors .modalWrapper form .selectedProducts, #mEditAuthorProducts .modalWrapper form .selectedAuthors, #mEditProductAuthors .modalWrapper form .selectedAuthors {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mEditAuthorProducts .modalWrapper form .selectedProducts .product, #mEditProductAuthors .modalWrapper form .selectedProducts .product, #mEditAuthorProducts .modalWrapper form .selectedAuthors .product, #mEditProductAuthors .modalWrapper form .selectedAuthors .product {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mEditAuthorProducts .modalWrapper form .selectedProducts .product:nth-child(even), #mEditProductAuthors .modalWrapper form .selectedProducts .product:nth-child(even), #mEditAuthorProducts .modalWrapper form .selectedAuthors .product:nth-child(even), #mEditProductAuthors .modalWrapper form .selectedAuthors .product:nth-child(even) {
    background-color: #eee; }
  #mEditAuthorProducts .modalWrapper form .selectedProducts .product .name, #mEditProductAuthors .modalWrapper form .selectedProducts .product .name, #mEditAuthorProducts .modalWrapper form .selectedAuthors .product .name, #mEditProductAuthors .modalWrapper form .selectedAuthors .product .name {
    max-width: 90%;
    flex: 1 0 auto; }
  #mEditAuthorProducts .modalWrapper form .selectedProducts .product .cross, #mEditProductAuthors .modalWrapper form .selectedProducts .product .cross, #mEditAuthorProducts .modalWrapper form .selectedAuthors .product .cross, #mEditProductAuthors .modalWrapper form .selectedAuthors .product .cross {
    color: #e91c1c; }
  #mEditAuthorProducts .modalWrapper form .no-item-added, #mEditProductAuthors .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mEditCert form {
  width: calc(100% - 2rem);
  max-width: 30rem; }
  #mEditCert form .row {
    width: 100%; }
  #mEditCert form .row input[type="text"], #mEditCert form .row select, #mEditCert form .row textarea {
    width: 100%; }

#mEditDiscount form .row {
  width: 100%; }
  #mEditDiscount form .row input {
    margin-bottom: 0.5rem; }

#mEditLmsTagMandatoryCourses .tag {
  text-transform: uppercase;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.125rem 0.25rem;
  white-space: nowrap; }
  #mEditLmsTagMandatoryCourses form .row {
    width: 100%; }
  #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product {
    display: flex;
    align-items: center; }
  #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product button[name="delete"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    background: transparent;
    border: none;
    margin-right: 0.25rem;
    padding: 0;
    width: 1rem;
    height: 1rem;
    min-width: 0rem; }
  #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product button[name="delete"]:before, #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product button[name="delete"]:after {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0.25rem;
    content: " ";
    height: 1rem;
    width: 0.125rem; }
  #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product button[name="delete"]:before {
    transform: rotate(45deg); }
  #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product button[name="delete"]:after {
    transform: rotate(-45deg); }
  #mEditLmsTagMandatoryCourses form .row.paired-products .list .paired-product button[name="delete"]:hover {
    opacity: 0.7;
    cursor: pointer; }
  #mEditLmsTagMandatoryCourses form .row.paired-products .no-item-added {
    font-style: italic;
    color: #999; }

#mEditLocation .modalWrapper .error-message {
  color: red; }
  #mEditLocation .modalWrapper form {
    max-width: 30rem;
    width: 100%; }
  #mEditLocation .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }
  #mEditLocation .modalWrapper form .row input[type="text"], #mEditLocation .modalWrapper form .row input[type="number"] {
    margin-bottom: 0;
    width: 100%; }
  #mEditLocation .modalWrapper form .row textarea {
    width: 100%;
    margin-bottom: 0; }
  #mEditLocation .modalWrapper form .row .explain {
    color: #888;
    font-size: 0.875rem;
    text-align: right;
    width: 100%;
    font-weight: bold; }
  #mEditLocation .modalWrapper form .row .label {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.25rem; }

#mEditNewsItem .modalWrapper .error-message {
  color: red; }
  #mEditNewsItem .modalWrapper form {
    max-width: 40rem;
    width: 100%; }
  #mEditNewsItem .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }
  #mEditNewsItem .modalWrapper form .row input[type="text"], #mEditNewsItem .modalWrapper form .row input[type="datetime-local"] {
    margin-bottom: 0;
    width: 100%; }
  #mEditNewsItem .modalWrapper form .row textarea {
    width: 100%;
    margin-bottom: 0; }
  #mEditNewsItem .modalWrapper form .row .explain {
    color: #888;
    font-size: 0.875rem;
    text-align: right;
    width: 100%;
    font-weight: bold; }
  #mEditNewsItem .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }

#mEditPackageProducts form .row.products {
  width: 100%; }
  #mEditPackageProducts form .row.products .product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #bfbfbf;
    padding: 0.5rem 0; }
  #mEditPackageProducts form .row.products .product > .title {
    font-size: 1rem;
    font-weight: normal;
    margin: 0; }

#mEditProduct form {
  width: 50rem; }
  #mEditProduct form input[name='title'], #mEditProduct form input[name='shortTitle'], #mEditProduct form input[name='author'], #mEditProduct form input[name='keywords'], #mEditProduct form input[name='url'], #mEditProduct form textarea {
    width: 40rem; }
  #mEditProduct form input[name='keywords'] {
    margin-bottom: 0; }
  #mEditProduct form .explain {
    font-style: italic;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    color: #666; }
  #mEditProduct form .row.image .hidden, #mEditProduct form .row.video .hidden {
    display: none; }
  #mEditProduct form .row.image .image, #mEditProduct form .row.video .image, #mEditProduct form .row.image .video, #mEditProduct form .row.video .video {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mEditProduct form .row.image .image img, #mEditProduct form .row.video .image img, #mEditProduct form .row.image .video img, #mEditProduct form .row.video .video img, #mEditProduct form .row.image .image video, #mEditProduct form .row.video .image video, #mEditProduct form .row.image .video video, #mEditProduct form .row.video .video video {
    margin-bottom: 0.5rem;
    width: 15rem; }
  #mEditProduct form .row.image .image progress, #mEditProduct form .row.video .image progress, #mEditProduct form .row.image .video progress, #mEditProduct form .row.video .video progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #mEditProduct form .row.image .image progress::-webkit-progress-bar, #mEditProduct form .row.video .image progress::-webkit-progress-bar, #mEditProduct form .row.image .video progress::-webkit-progress-bar, #mEditProduct form .row.video .video progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #mEditProduct form .row.image .image progress::-webkit-progress-value, #mEditProduct form .row.video .image progress::-webkit-progress-value, #mEditProduct form .row.image .video progress::-webkit-progress-value, #mEditProduct form .row.video .video progress::-webkit-progress-value {
    background-color: #1a377d; }
  #mEditProduct form .row.image button, #mEditProduct form .row.video button {
    margin: auto;
    display: block; }

#mEditProductGallery form .show-type {
  align-items: center; }
  #mEditProductGallery form .show-type select {
    margin-left: 0.25rem; }
  #mEditProductGallery form .title {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: left; }
  #mEditProductGallery form progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #mEditProductGallery form progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #mEditProductGallery form progress::-webkit-progress-value {
    background-color: #1a377d; }
  #mEditProductGallery form .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: max-content; }
  #mEditProductGallery form .items label {
    display: flex;
    padding: 1rem;
    border: 1px solid #1a377d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
    position: relative; }
  #mEditProductGallery form .items label.placeholder {
    width: 11rem;
    padding: 0;
    border: none;
    height: 0;
    margin: 0 0.5rem; }
  #mEditProductGallery form .items label .label {
    display: flex;
    align-items: center; }
  #mEditProductGallery form .items label .label input {
    margin-right: 0.5rem; }
  #mEditProductGallery form .items label img, #mEditProductGallery form .items label video {
    width: 9rem;
    height: 6rem;
    margin-bottom: 0.5rem;
    object-fit: cover;
    object-position: center center; }
  #mEditProductGallery form .items label .cross {
    color: #e91c1c;
    position: absolute;
    display: block;
    padding: 0.25rem;
    box-sizing: border-box;
    background: white;
    top: -0.25rem;
    right: -0.25rem; }
  #mEditProductGallery form .items label .claim {
    background-color: #1a377d;
    color: white;
    padding: 0.25rem;
    font-size: 0.75rem;
    position: absolute;
    top: 0;
    left: 0; }
  #mEditProductGallery form .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    max-width: 20rem;
    min-height: 4rem;
    margin-bottom: 1rem; }
  #mEditProductGallery form .drop-zone input[type="file"] {
    display: none; }
  #mEditProductGallery form .drop-zone input[name="image"], #mEditProductGallery form .drop-zone input[name="video"] {
    display: none; }
  #mEditProductGallery form .drop-zone div {
    text-align: center;
    font-family: RobotoSlab, serif;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #d1d1d1; }
  #mEditProductGallery form .drop-zone div a:hover {
    text-decoration: underline; }

#mEditProductGroupPrice form .row.checkbox label input {
  margin-left: 0.5rem; }
  #mEditProductGroupPrice form .row.error {
    color: #e91c1c;
    text-align: center; }
  #mEditProductGroupPrice form .row.buttons {
    gap: 0.5rem; }
  #mEditProductGroupPrice .logTable td, #mEditProductGroupPrice .logTable th {
    padding: 0.125rem 0.25rem; }
  #mEditProductGroupPrice .logTable td {
    text-align: center;
    font-size: 0.75rem; }

#mEditProductSector form {
  width: 100%;
  max-width: 30rem; }
  #mEditProductSector form .row {
    width: 100%; }
  #mEditProductSector form .row input, #mEditProductSector form .row select {
    width: 100%; }

#mEditRepeatableEnrollment .modalWrapper .error-message {
  color: red; }
  #mEditRepeatableEnrollment .modalWrapper form {
    align-items: stretch; }
  #mEditRepeatableEnrollment .modalWrapper form fieldset {
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    width: 100%;
    max-width: 20rem; }
  @media (min-width: 90em) {
        #mEditRepeatableEnrollment .modalWrapper form fieldset {
          width: calc(100% / 4); } }
  #mEditRepeatableEnrollment .modalWrapper form fieldset .row .label {
    margin-bottom: 0.25rem; }
  #mEditRepeatableEnrollment .modalWrapper form .row {
    text-align: center; }

#mEditSector form .row.has-subsequent-education label {
  margin-bottom: 1rem; }

#mEditUserSector form {
  max-width: 30rem; }
  #mEditUserSector form .row {
    width: 100%; }

@media screen and (min-width: 50em) {
      #mEmailQueueItem .modalWrapper {
        padding-bottom: 2rem;
        width: 50rem; } }
  #mEmailQueueItem .modalWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #mEmailQueueItem .modalWrapper .container h2 {
    margin-bottom: 1rem; }
  #mEmailQueueItem .modalWrapper .container .buttons {
    margin-top: 1rem; }

#mGroupAdminEditTerm .modalWrapper form {
  max-width: 20rem; }
  #mGroupAdminEditTerm .modalWrapper form .row {
    width: 100%; }
  #mGroupAdminEditTerm .modalWrapper form .row textarea {
    width: 100%;
    min-height: 5rem;
    margin-bottom: 0; }
  #mGroupAdminEditTerm .modalWrapper form .row input[type='number'] {
    width: 100%; }
  #mGroupAdminEditTerm .modalWrapper form .row .explain {
    font-size: 0.875rem;
    color: #888; }
  #mGroupAdminEditTerm .modalWrapper form .row.date {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 0; }
  #mGroupAdminEditTerm .modalWrapper form .row.date .label {
    width: 100%; }
  #mGroupAdminEditTerm .modalWrapper form .row.date .datePicker {
    margin-right: 0.5rem;
    max-width: calc(100% - 4rem); }
  #mGroupAdminEditTerm .modalWrapper form .row.date .datePicker input[type='text'] {
    height: 2rem;
    padding-top: 2px;
    padding-bottom: 2px; }
  #mGroupAdminEditTerm .modalWrapper form .row.date .timePicker {
    height: 2rem;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box; }
  #mGroupAdminEditTerm .modalWrapper form .row.checkbox {
    margin-bottom: 0; }
  #mGroupAdminEditTerm .modalWrapper form .buttons {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0.5rem auto; }
  #mGroupAdminEditTerm .modalWrapper form .buttons input[type='submit'] {
    margin-right: 0.25rem;
    margin-bottom: 0; }
  #mGroupAdminEditTerm .modalWrapper form .buttons .duplicate {
    background-color: White;
    color: #1a377d;
    border: 1px solid #1a377d; }

#mPairPayment .container > .content .payment {
  margin-bottom: 1rem; }
  #mPairPayment .container > .content .payment .row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.25rem; }
  #mPairPayment .container > .content .payment .row .name {
    min-width: 6rem;
    margin-right: 0.5rem;
    font-size: 0.75rem; }
  #mPairPayment .container > .content .payment .row .value {
    font-weight: bold; }
  #mPairPayment .container > .content h2 {
    text-align: center; }

#mRecalculateUserSectorCompletion .container {
  width: 30rem; }
  #mRecalculateUserSectorCompletion .container > .content {
    align-items: stretch; }
  #mRecalculateUserSectorCompletion .container > .content h2 {
    text-align: center; }
  #mRecalculateUserSectorCompletion .container > .content .attr {
    margin-bottom: 1rem; }
  #mRecalculateUserSectorCompletion .container > .content .attr .attr-value {
    font-weight: bold; }

#mSetQuestionImportDate .modalWrapper {
  max-width: 20rem; }
  #mSetQuestionImportDate .modalWrapper .container form {
    width: 100%; }
  #mSetQuestionImportDate .modalWrapper .container form .row.error-message {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    color: #e91c1c; }
  #mSetQuestionImportDate .modalWrapper .container form .row label {
    margin-bottom: 0.5rem; }
  #mSetQuestionImportDate .modalWrapper .container form .row input, #mSetQuestionImportDate .modalWrapper .container form .row button[name="submit"] {
    width: 100%; }
  #mSetQuestionImportDate .modalWrapper .container form .row button[name="submit"] {
    max-width: initial; }

#mAresUpdateOffer .modalWrapper {
  max-width: 80rem; }
  #mAresUpdateOffer .modalWrapper .container form .row.subjects {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  #mAresUpdateOffer .modalWrapper .container form .row.subjects .current .title, #mAresUpdateOffer .modalWrapper .container form .row.subjects .new .title {
    font-size: 1rem;
    font-weight: bold; }
  #mAresUpdateOffer .modalWrapper .container form .row.subjects .current .r, #mAresUpdateOffer .modalWrapper .container form .row.subjects .new .r {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    #mAresUpdateOffer .modalWrapper .container form .row.subjects .current .r .label, #mAresUpdateOffer .modalWrapper .container form .row.subjects .new .r .label {
      margin-right: 0.5rem; }
    #mAresUpdateOffer .modalWrapper .container form .row.subjects .current .r .label:after, #mAresUpdateOffer .modalWrapper .container form .row.subjects .new .r .label:after {
      content: ":"; }
  @media (min-width: 35em) {
            #mAresUpdateOffer .modalWrapper .container form .row.subjects {
              flex-direction: row; }
              #mAresUpdateOffer .modalWrapper .container form .row.subjects .current, #mAresUpdateOffer .modalWrapper .container form .row.subjects .new {
                width: calc(50% - .5rem); } }
  #mAresUpdateOffer .modalWrapper .container form .row .question {
    font-weight: bold;
    margin-bottom: 0; }
  #mAresUpdateOffer .modalWrapper .container form .row.buttons {
    display: flex;
    flex-direction: column;
    width: 100%; }
  #mAresUpdateOffer .modalWrapper .container form .row.buttons button {
    margin-bottom: 1rem;
    width: 100%; }
  @media (min-width: 25rem) {
            #mAresUpdateOffer .modalWrapper .container form .row.buttons {
              flex-direction: row;
              justify-content: center; }
              #mAresUpdateOffer .modalWrapper .container form .row.buttons button {
                max-width: 7rem; }
                #mAresUpdateOffer .modalWrapper .container form .row.buttons button + button {
                  margin-left: 1rem; } }

#mCartParticipants .modalWrapper {
  max-width: 80rem; }
  #mCartParticipants .modalWrapper .container .table-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto; }
  #mCartParticipants .modalWrapper .container .table-wrap label {
    margin-bottom: 1rem; }
  #mCartParticipants .modalWrapper .container .table-wrap table.users thead tr th, #mCartParticipants .modalWrapper .container .table-wrap table.users tbody tr td {
    padding: 0.125rem 0.25rem; }
  #mCartParticipants .modalWrapper .container .table-wrap table.users thead tr th {
    text-align: left;
    white-space: nowrap; }
  #mCartParticipants .modalWrapper .container .table-wrap table.users tbody tr td.email .row {
    margin-bottom: 0; }
    #mCartParticipants .modalWrapper .container .table-wrap table.users tbody tr td input {
      margin-bottom: 0;
      min-width: 8rem;
      width: 100%; }
  #mCartParticipants .modalWrapper .container .table-wrap table.users tbody tr.new-user td {
    padding-top: 1rem; }
  #mCartParticipants .modalWrapper .container .table-wrap .row.bulk-insert {
    width: 55rem;
    margin: auto; }
  #mCartParticipants .modalWrapper .container .table-wrap .row.bulk-insert label {
    display: block;
    margin-bottom: 0.5rem; }
  #mCartParticipants .modalWrapper .container .table-wrap .row textarea[name='listOfUsers'] {
    width: 100%;
    min-height: 7rem; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file .upload-progress {
    border: solid 1px #79be48;
    border-radius: 0.125rem;
    box-sizing: border-box;
    margin-top: 0.25rem;
    width: 100%;
    height: 0.25rem; }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div {
    display: flex;
    align-items: center;
    width: 100%; }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div .name, #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div button[name="remove"]:before, #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mCartParticipants .modalWrapper .container .table-wrap .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem;
    display: none; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .drop-zone div {
    text-align: center;
    font-family: RobotoSlab, serif;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #d1d1d1; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .drop-zone.dragover {
    background-color: #79be4833; }
  #mCartParticipants .modalWrapper .container .table-wrap .row .drop-zone:hover {
    cursor: pointer; }
  #mCartParticipants .modalWrapper .container .table-wrap .error-message {
    color: #e91c1c; }

#mAddUserSectorCredit .modalWrapper {
  max-width: 40rem; }
  #mAddUserSectorCredit .modalWrapper .container .content form {
    width: 25rem; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row {
    margin-bottom: 1rem;
    width: 100%; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row.error-message, #mAddUserSectorCredit .modalWrapper .container .content form .row.warn {
    text-align: center;
    color: #e91c1c; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row > input, #mAddUserSectorCredit .modalWrapper .container .content form .row > select {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row #requestBody {
    border-radius: 0.25rem;
    border: solid 1px #bfbfbf;
    min-height: 3rem; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div .name, #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"] {
      display: none; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .drop-zone.dragover {
      background-color: #79be4833; }
    #mAddUserSectorCredit .modalWrapper .container .content form .row .attachment .drop-zone:hover {
      cursor: pointer; }

#mDashboardAddMissingData .modalWrapper .container .content form h3 {
  margin-bottom: 1rem; }
  #mDashboardAddMissingData .modalWrapper .container .content form .row {
    align-self: stretch; }
  #mDashboardAddMissingData .modalWrapper .container .content form .row.agreement .agreementText {
    width: calc(100% - 5rem); }
  #mDashboardAddMissingData .modalWrapper .container .content form .row.buttons {
    text-align: center; }

#mDashboardSubsequentEducationRequestForCredit .modalWrapper {
  max-width: 40rem; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form {
    max-width: 20rem; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row {
    margin-bottom: 1rem; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row input, #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row select {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div .name, #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"] {
      display: none; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .drop-zone.dragover {
      background-color: #79be4833; }
    #mDashboardSubsequentEducationRequestForCredit .modalWrapper .container .content form .row .attachment .drop-zone:hover {
      cursor: pointer; }

#mFeedback .modalWrapper {
  max-width: 60rem; }
  #mFeedback .modalWrapper .container .content .thankYou {
    display: flex;
    flex-direction: column; }
  #mFeedback .modalWrapper .container .content .thankYou > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0 2rem; }
  #mFeedback .modalWrapper .container .content .thankYou > div img {
    width: 2rem;
    height: 2rem; }
  #mFeedback .modalWrapper .container .content .thankYou > div p, #mFeedback .modalWrapper .container .content .thankYou > div #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #mFeedback .modalWrapper .container .content .thankYou > div li, #mFeedback .modalWrapper .container .content .thankYou > div #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #mFeedback .modalWrapper .container .content .thankYou > div div {
    font-size: 1.25rem;
    margin-bottom: 0; }
  #mFeedback .modalWrapper .container .content .thankYou button {
    margin: auto;
    min-width: 8rem; }
  #mFeedback .modalWrapper .container .content form {
    width: calc(100% - 2rem); }
  #mFeedback .modalWrapper .container .content form .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
    width: 100%; }
  #mFeedback .modalWrapper .container .content form .row.info {
    text-align: center;
    font-style: italic;
    color: #a9a9a9; }
  #mFeedback .modalWrapper .container .content form .row.error-message, #mFeedback .modalWrapper .container .content form .row.warn {
    text-align: center;
    color: #e91c1c; }
  #mFeedback .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mFeedback .modalWrapper .container .content form .row > input, #mFeedback .modalWrapper .container .content form .row > textarea {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%; }
  #mFeedback .modalWrapper .container .content form .row > textarea {
    min-height: 10rem; }
  #mFeedback .modalWrapper .container .content form .row > input {
    margin: auto;
    width: initial;
    min-width: 10rem; }

#mShowNotification .modalWrapper .container .content {
  padding: 1rem 2rem; }
  #mShowNotification .modalWrapper .container .content .user {
    margin-bottom: 0.5rem; }
  #mShowNotification .modalWrapper .container .content .subject {
    margin-bottom: 1rem;
    align-self: flex-start; }
  #mShowNotification .modalWrapper .container .content .notificationBody {
    border: solid 1px #bfbfbf;
    padding: 1rem;
    border-radius: 0.5rem;
    width: 100%;
    box-sizing: border-box; }

#mDistantTermCheckMyStreams .modalWrapper {
  max-width: 80rem; }
  #mDistantTermCheckMyStreams .modalWrapper .container .content .videos {
    display: flex;
    margin-bottom: 1rem; }
  #mDistantTermCheckMyStreams .modalWrapper .container .content .videos .video-wrapper {
    width: calc(50% - 1rem);
    margin-right: 1rem; }
  #mDistantTermCheckMyStreams .modalWrapper .container .content .videos .video-wrapper video {
    border-radius: 0.5rem;
    max-height: 25rem; }

#mDistantTermStudentExclusion .modalWrapper {
  max-width: 40rem; }
  #mDistantTermStudentExclusion .modalWrapper form {
    width: 100%; }
  #mDistantTermStudentExclusion .modalWrapper form .row {
    width: 100%; }
  #mDistantTermStudentExclusion .modalWrapper form .row.error-message {
    text-align: center; }
  #mDistantTermStudentExclusion .modalWrapper form .row span.danger {
    color: #e91c1c;
    margin-left: 0.5rem; }
  #mDistantTermStudentExclusion .modalWrapper form .row textarea {
    width: 100%; }
  #mDistantTermStudentExclusion .modalWrapper form .row input[type="submit"], #mDistantTermStudentExclusion .modalWrapper form .row button {
    display: block;
    margin: 0 auto 0.5rem; }

#mDistantTermStudentLogs .modalWrapper {
  max-width: 80rem;
  background-color: #222;
  border: solid 2px #bfbfbf;
  border-radius: 0.5rem;
  margin: 0.25rem 0.25rem 1rem;
  color: white; }
  #mDistantTermStudentLogs .modalWrapper .container .closer {
    right: 1.5rem; }
  #mDistantTermStudentLogs .modalWrapper .container .closer:before, #mDistantTermStudentLogs .modalWrapper .container .closer:after {
    background-color: white; }
  #mDistantTermStudentLogs .modalWrapper .container .content {
    overflow: auto;
    background-color: transparent;
    border: none;
    color: white;
    height: 100%; }
  #mDistantTermStudentLogs .modalWrapper .container .content .loader {
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/static/img/loader.gif");
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat;
    align-self: center; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs {
    color: #a6a6a6; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap {
    margin-bottom: 0.5rem; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
    font-size: 0.75rem; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log.high {
    color: #e91c1c; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log .logItem {
    margin-right: 0.5rem; }
    #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log .logItem.subType {
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 1rem;
      background-repeat: no-repeat;
      background-size: 50% 50%;
      background-position: 50% 50%;
      width: calc(50vw - 4rem);
      height: calc(50vw - 4rem);
      max-width: 2rem;
      max-height: 2rem; }
    #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log .logItem.subType.main {
      background-image: url("/static/img/icons/monitoring/monitor.svg"); }
    #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log .logItem.subType.monitoring {
      background-image: url("/static/img/icons/monitoring/videocamera.svg"); }
    #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log .logItem.time, #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .log .logItem.timeTo {
      width: 5rem; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .screenshots {
    display: flex;
    overflow: auto;
    padding-left: 2rem; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .solve {
    padding-left: 2rem;
    margin-top: 0.25rem; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .solve form {
    flex-direction: row; }
    #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .solve form textarea {
      color: #a6a6a6;
      margin-bottom: 0;
      margin-right: 0.5rem; }
    #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .solve form .exclude {
      margin-right: 0.25rem; }
  #mDistantTermStudentLogs .modalWrapper .container .content .logs .logWrap .solutionMessage {
    color: white;
    font-style: italic;
    padding-left: 2rem;
    margin-top: 0.25rem; }

#mDistantTermUploadScreenshot .modalWrapper {
  max-width: 40rem; }
  #mDistantTermUploadScreenshot .modalWrapper form {
    width: 100%; }
  #mDistantTermUploadScreenshot .modalWrapper form .row {
    width: 100%; }
  #mDistantTermUploadScreenshot .modalWrapper form .row input[name="file"] {
    display: none; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file .upload-progress {
    border: solid 1px #79be48;
    border-radius: 0.125rem;
    box-sizing: border-box;
    margin-top: 0.25rem;
    width: 100%;
    height: 0.25rem; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file .upload-progress .value {
    background-color: #79be48;
    overflow: hidden;
    height: 100%; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div .name, #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div .size {
    font-size: 0.75rem; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    margin-right: 0.25rem; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div button[name="remove"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    background: transparent;
    margin: 0 0.25rem 0 0;
    border: none;
    padding: 0;
    min-width: 1.25rem;
    width: 1.25rem;
    height: 1.25rem; }
    #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div button[name="remove"]:before, #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mDistantTermUploadScreenshot .modalWrapper form .row.image .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.type {
    display: flex;
    justify-content: center; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.type label + label {
    margin-left: 1rem; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.type label input {
    margin-right: 0.25rem; }
  #mDistantTermUploadScreenshot .modalWrapper form .row.error-message {
    text-align: center; }
  #mDistantTermUploadScreenshot .modalWrapper form .row input[type="submit"], #mDistantTermUploadScreenshot .modalWrapper form .row button {
    display: block;
    margin: 0 auto 0.5rem; }

#mTakePictureFromVideo {
  background-color: #fff;
  padding-top: 0;
  height: 100%; }
  #mTakePictureFromVideo .modalWrapper .container .content {
    border: none; }
  #mTakePictureFromVideo .modalWrapper .container .content form {
    position: relative; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo, #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureScreenshot {
    position: relative; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo .buttons, #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureScreenshot .buttons {
    position: absolute;
    display: flex;
    justify-content: center;
    padding: 1rem;
    bottom: 1rem;
    left: 0;
    right: 0; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo {
    overflow: hidden; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo #takePicture video {
    border-radius: 1rem;
    max-height: 80vh; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo #mTakePictureScreenshotCanvas {
    display: none; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo .buttons button[name="takePicture"] {
    background-color: transparent;
    border: solid 2px #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 4rem;
    min-width: initial;
    height: 4rem; }
    #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureVideo .buttons button[name="takePicture"] .circle {
      background-color: #fff;
      border-radius: 100%;
      display: block;
      width: calc(100% - .5rem);
      height: calc(100% - .5rem); }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureScreenshot #mTakePictureScreenshotImage {
    max-height: 90vh; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureScreenshot .buttons {
    justify-content: space-between; }
  #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureScreenshot .buttons input[type="submit"], #mTakePictureFromVideo .modalWrapper .container .content form #mTakePictureScreenshot .buttons button[name="resetPicture"] {
    background-color: rgba(0, 0, 0, .8); }
  #mTakePictureFromVideo .modalWrapper .container .content form button[name="abort"] {
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    top: 1rem;
    right: 1rem; }
  #mTakePictureFromVideo .modalWrapper .container .content form .row.error-message {
    margin-top: 0.5rem;
    color: #e91c1c; }
  #mTakePictureFromVideo .modalWrapper .container .content .loader {
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/static/img/loader.gif");
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat; }
  #mTakePictureFromVideo .modalWrapper .container .content input[name='cameraFileInput'] {
    display: none; }
  #mTakePictureFromVideo .modalWrapper .container .content button[name="useCamera"] {
    background-color: rgba(0, 0, 0, .8); }

#mGroupAdminCategoryProducts .selectedProducts .product {
  display: flex;
  align-items: center; }
  #mGroupAdminCategoryProducts .selectedProducts .product input {
    margin: 0 0.5rem;
    max-width: 4rem; }

#mGroupAdminCloneProduct .modalWrapper form .row {
  width: 100%; }

#mGroupAdminCreateEnrollment .modalWrapper form .row {
  width: 100%; }

#mGroupAdminCreateProduct .modalWrapper form .row {
  width: 100%; }

#mGroupAdminEditAuthor .modalWrapper .error-message {
  color: red; }
  #mGroupAdminEditAuthor .modalWrapper form {
    width: 100%;
    max-width: 30rem; }
  #mGroupAdminEditAuthor .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mGroupAdminEditAuthor .modalWrapper form .row.image img {
    border-radius: 100%;
    border: solid 2px #1a377d;
    object-fit: cover;
    object-position: center;
    margin-bottom: 0.5rem;
    width: 5rem;
    height: 5rem;
    cursor: pointer; }
  #mGroupAdminEditAuthor .modalWrapper form .row.image input[name="image"] {
    display: none; }
  #mGroupAdminEditAuthor .modalWrapper form .row input, #mGroupAdminEditAuthor .modalWrapper form .row textarea {
    margin-bottom: 0;
    width: 100%; }
  #mGroupAdminEditAuthor .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }

#mGroupAdminEditCategories .nested {
  display: none;
  padding-left: 20px; }
  #mGroupAdminEditCategories .nested.active {
    display: block; }
  #mGroupAdminEditCategories .arrow-down, #mGroupAdminEditCategories .arrow-up {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    background-size: cover;
    margin-left: 10px; }
  #mGroupAdminEditCategories .arrow-down {
    background-image: url("/static/img/icons/arrow-down.svg"); }
  #mGroupAdminEditCategories .arrow-up {
    background-image: url("/static/img/icons/arrow-up.svg"); }
  #mGroupAdminEditCategories .buttons {
    margin-top: 1rem; }
  #mGroupAdminEditCategories .error-message {
    color: red; }

.selectedCategories {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; }
  .selectedCategories .category {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    border-style: solid;
    border-width: 2px;
    margin-top: 0.5rem; }
  .selectedCategories .category:nth-child(even) {
    background-color: transparent; }
  .selectedCategories .category .name {
    max-width: 90%;
    flex: 1 0 auto; }
  .selectedCategories .category .cross {
    color: #e91c1c;
    background-color: white;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem; }
  .selectedCategories .category .cross:hover {
    text-decoration: none; }

#mGroupAdminEditCategory .modalWrapper form {
  width: 100%; }
  #mGroupAdminEditCategory .modalWrapper form .row {
    width: 100%;
    max-width: 50rem;
    margin: auto;
    margin-bottom: 1rem; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon .hidden {
    display: none; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon .image {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon .image img {
    margin-bottom: 0.5rem;
    width: 4rem; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon .image progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 4rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon .image progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon .image progress::-webkit-progress-value {
    background-color: #1a377d; }
  #mGroupAdminEditCategory .modalWrapper form .row.icon button {
    margin: auto;
    display: block; }
  #mGroupAdminEditCategory .modalWrapper form .row #mGroupAdminEditCategoryDescription, #mGroupAdminEditCategory .modalWrapper form .row #mGroupAdminEditCategoryShortDescription {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    min-height: 3rem;
    width: 100%;
    border: 1px solid #bfbfbf; }

#mGroupAdminEditLocation .modalWrapper .error-message {
  color: red; }
  #mGroupAdminEditLocation .modalWrapper form {
    max-width: 30rem;
    width: 100%; }
  #mGroupAdminEditLocation .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }
  #mGroupAdminEditLocation .modalWrapper form .row input[type="text"], #mGroupAdminEditLocation .modalWrapper form .row input[type="number"] {
    margin-bottom: 0;
    width: 100%; }
  #mGroupAdminEditLocation .modalWrapper form .row textarea {
    width: 100%;
    margin-bottom: 0; }
  #mGroupAdminEditLocation .modalWrapper form .row .explain {
    color: #888;
    font-size: 0.875rem;
    text-align: right;
    width: 100%;
    font-weight: bold; }
  #mGroupAdminEditLocation .modalWrapper form .row .label {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.25rem; }

#mGroupAdminEditNewsItem .modalWrapper .error-message {
  color: red; }
  #mGroupAdminEditNewsItem .modalWrapper form {
    max-width: 40rem;
    width: 100%; }
  #mGroupAdminEditNewsItem .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%; }
  #mGroupAdminEditNewsItem .modalWrapper form .row input[type="text"], #mGroupAdminEditNewsItem .modalWrapper form .row input[type="datetime-local"] {
    margin-bottom: 0;
    width: 100%; }
  #mGroupAdminEditNewsItem .modalWrapper form .row textarea {
    width: 100%;
    margin-bottom: 0; }
  #mGroupAdminEditNewsItem .modalWrapper form .row .explain {
    color: #888;
    font-size: 0.875rem;
    text-align: right;
    width: 100%;
    font-weight: bold; }
  #mGroupAdminEditNewsItem .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.devel .tox-tinymce .tox-editor-container .tox-editor-header {
    top: 2.5rem; }
  #mGroupAdminEditNewsItem .modalWrapper form .row .tox-tinymce {
    width: 100%; }
  #mGroupAdminEditNewsItem .modalWrapper form .row .tox-tinymce .tox-editor-container {
    position: relative; }
  #mGroupAdminEditNewsItem .modalWrapper form .row .tox-tinymce .tox-editor-container .tox-editor-header {
    position: fixed;
    top: 0rem; }
  #mGroupAdminEditNewsItem .modalWrapper form .row .tinyMCEBlock {
    background: #dfe8f2;
    background: linear-gradient(180deg, #dfe8f2 0%, #bccce0 100%);
    border: 1px solid #bfbfbf;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 5rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image .hidden {
    display: none; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image .image {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image .image img, #mGroupAdminEditNewsItem .modalWrapper form .row.image .image video {
    margin-bottom: 0.5rem;
    width: 15rem; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image .image progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image .image progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image .image progress::-webkit-progress-value {
    background-color: #1a377d; }
  #mGroupAdminEditNewsItem .modalWrapper form .row.image button {
    margin: auto;
    display: block; }

#mGroupAdminEditProductLectors .modalWrapper .error-message {
  color: red; }
  #mGroupAdminEditProductLectors .modalWrapper form {
    width: 100%;
    max-width: 20rem; }
  #mGroupAdminEditProductLectors .modalWrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
  #mGroupAdminEditProductLectors .modalWrapper form .row select {
    width: 100%; }
  #mGroupAdminEditProductLectors .modalWrapper form .row input[type="submit"] {
    margin-bottom: 1rem; }
  #mGroupAdminEditProductLectors .modalWrapper form .row .label {
    font-size: 1.125rem;
    font-weight: bold; }
  #mGroupAdminEditProductLectors .modalWrapper form .row .warning {
    color: red;
    text-align: center; }
  #mGroupAdminEditProductLectors .modalWrapper form .selectedLectors {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #mGroupAdminEditProductLectors .modalWrapper form .selectedLectors .lector {
    width: 100%;
    box-sizing: border-box;
    padding: 0.125rem 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #mGroupAdminEditProductLectors .modalWrapper form .selectedLectors .lector:nth-child(even) {
    background-color: #eee; }
  #mGroupAdminEditProductLectors .modalWrapper form .selectedLectors .lector .name {
    max-width: 90%;
    flex: 1 0 auto; }
  #mGroupAdminEditProductLectors .modalWrapper form .selectedLectors .lector .cross {
    margin-left: 0.5rem;
    color: #e91c1c; }
  #mGroupAdminEditProductLectors .modalWrapper form .selectedLectors .lector .cross:hover {
    text-decoration: none; }
  #mGroupAdminEditProductLectors .modalWrapper form .no-item-added {
    text-align: center;
    font-style: italic;
    font-size: 1.125rem;
    margin: 0.5rem auto;
    color: #666; }

#mGroupAdminEditUserGroupRoles .modalWrapper form {
  width: 100%; }
  #mGroupAdminEditUserGroupRoles .modalWrapper form .row {
    width: 100%;
    max-width: 30rem;
    margin: auto;
    margin-bottom: 1rem;
    text-align: center; }
  #mGroupAdminEditUserGroupRoles .modalWrapper form .row input[type="checkbox"] {
    margin: 0; }

#mGroupAdminEvaluateTermUsers .modalWrapper {
  width: 100%;
  max-width: 40rem; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form {
    width: 100%; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row {
    width: 100%; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row .users {
    display: flex;
    flex-wrap: wrap; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row .users .user {
    background-color: #e9efff;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.125rem 0.25rem; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row .users .user:last-child {
    margin-right: 0; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row.error-message {
    text-align: center; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row label {
    text-align: left; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row select {
    width: 100%; }
  #mGroupAdminEvaluateTermUsers .modalWrapper form .row input[type="submit"] {
    margin-bottom: 1rem; }

#mGroupAdminSendMail .modalWrapper {
  width: 100%;
  max-width: 40rem; }
  #mGroupAdminSendMail .modalWrapper form {
    width: 100%; }
  #mGroupAdminSendMail .modalWrapper form .row {
    width: 100%; }
  #mGroupAdminSendMail .modalWrapper form .row .recipients {
    display: flex;
    flex-wrap: wrap; }
  #mGroupAdminSendMail .modalWrapper form .row .recipients .recipient {
    background-color: #e9efff;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.125rem 0.25rem; }
  #mGroupAdminSendMail .modalWrapper form .row .recipients .recipient:last-child {
    margin-right: 0; }
  #mGroupAdminSendMail .modalWrapper form .row.messageBody {
    width: 100%; }
  #mGroupAdminSendMail .modalWrapper form .row.messageBody #messageBody {
    border-radius: 0.25rem;
    border: solid 1px #bfbfbf;
    padding: 0.1rem 0.5rem;
    min-height: 5rem; }
  #mGroupAdminSendMail .modalWrapper form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mGroupAdminSendMail .modalWrapper form .row.error-message {
    text-align: center; }
  #mGroupAdminSendMail .modalWrapper form .row label {
    text-align: left; }
  #mGroupAdminSendMail .modalWrapper form .row input[type="text"], #mGroupAdminSendMail .modalWrapper form .row textarea {
    width: 100%; }
  #mGroupAdminSendMail .modalWrapper form .row input[type="submit"] {
    margin-bottom: 1rem; }

#mHelpdeskChangeExtraParams form .error-message {
  color: red;
  margin-bottom: 0.5rem; }

#mHelpdeskChangeUserGroup form .description {
  margin-bottom: 1rem; }
  #mHelpdeskChangeUserGroup form .row {
    margin-bottom: 1rem; }
  #mHelpdeskChangeUserGroup form .row input {
    margin-bottom: 0; }
  #mHelpdeskChangeUserGroup form .row.password {
    position: relative; }
  #mHelpdeskChangeUserGroup form .row.password input[name='reveal-password'] {
    display: none; }
  #mHelpdeskChangeUserGroup form .row.password .reveal {
    position: absolute;
    bottom: 0.25rem;
    right: -1.75rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer; }
  #mHelpdeskChangeUserGroup form .error-message {
    color: red;
    margin-bottom: 0.5rem; }

#mHelpdeskChangeVariant form .description, #mHelpdeskChangeTerm form .description {
  margin-bottom: 1rem; }
  #mHelpdeskChangeVariant form .row label, #mHelpdeskChangeTerm form .row label {
    display: flex;
    margin-bottom: 0.5rem; }
  #mHelpdeskChangeVariant form .row label input, #mHelpdeskChangeTerm form .row label input {
    margin-right: 0.5rem; }
  #mHelpdeskChangeVariant form .row label .date, #mHelpdeskChangeTerm form .row label .date {
    font-weight: bold; }
  #mHelpdeskChangeVariant form .row label .separator, #mHelpdeskChangeTerm form .row label .separator {
    margin: 0 0.5rem; }
  #mHelpdeskChangeVariant form .row label .capacity, #mHelpdeskChangeTerm form .row label .capacity {
    margin-left: 0.5rem; }
  #mHelpdeskChangeVariant form .error-message, #mHelpdeskChangeTerm form .error-message {
    color: red;
    margin-bottom: 0.5rem; }

#mHelpdeskMergeUsers .modalWrapper, #mHelpdeskTransferEnrollment .modalWrapper {
  max-width: 80rem; }
  #mHelpdeskMergeUsers .modalWrapper form, #mHelpdeskTransferEnrollment .modalWrapper form {
    width: 100%; }
  #mHelpdeskMergeUsers .modalWrapper form .users, #mHelpdeskTransferEnrollment .modalWrapper form .users {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0.5rem; }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user {
    position: relative;
    width: calc(50% - 1rem); }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user .user-title, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user .user-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user .user-item, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user .user-item {
    display: flex;
    margin-left: 0.5rem; }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user .user-item .item-title, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user .user-item .item-title {
    margin-right: 1rem;
    min-width: 5rem;
    font-style: italic; }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user .user-item .item-value, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user .user-item .item-value {
    font-weight: bold; }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user.user-from, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user.user-from {
    margin-right: 1rem; }
  #mHelpdeskMergeUsers .modalWrapper form .users > .user.user-to #searchUserToMerge, #mHelpdeskTransferEnrollment .modalWrapper form .users > .user.user-to #searchUserToMerge {
    margin-left: 0.5rem; }
  #mHelpdeskMergeUsers .modalWrapper form .error-message, #mHelpdeskTransferEnrollment .modalWrapper form .error-message {
    color: red;
    margin-bottom: 0.5rem; }
  #mHelpdeskMergeUsers .modalWrapper .confirmation, #mHelpdeskTransferEnrollment .modalWrapper .confirmation {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 45px auto;
    padding: 0 20px; }
  #mHelpdeskMergeUsers .modalWrapper .confirmation .checkmark, #mHelpdeskTransferEnrollment .modalWrapper .confirmation .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px; }
  #mHelpdeskMergeUsers .modalWrapper .confirmation .announcement, #mHelpdeskTransferEnrollment .modalWrapper .confirmation .announcement {
    flex-shrink: 1;
    text-align: left;
    color: black; }

#mHelpdeskSetNewPassword form .row {
  margin-bottom: 1rem; }
  #mHelpdeskSetNewPassword form .row input {
    margin-bottom: 0; }
  #mHelpdeskSetNewPassword form .row.password {
    position: relative; }
  #mHelpdeskSetNewPassword form .row.password input[name='reveal-password'] {
    display: none; }
  #mHelpdeskSetNewPassword form .row.password .reveal {
    position: absolute;
    bottom: 0.25rem;
    right: -1.75rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer; }
  #mHelpdeskSetNewPassword form .error-message {
    color: red;
    margin-bottom: 0.5rem; }

#mHelpdeskSetUserDescription form {
  width: 100%;
  max-width: 30rem; }
  #mHelpdeskSetUserDescription form .row {
    margin-bottom: 1rem;
    width: 100%; }
  #mHelpdeskSetUserDescription form .row #mHelpdeskSetUserDescriptionMCE {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    min-height: 3rem;
    width: 100%;
    border: 1px solid #bfbfbf; }
  #mHelpdeskSetUserDescription form .error-message {
    color: red;
    margin-bottom: 0.5rem; }

#mHelpdeskUserHistory .row {
  width: 100%;
  padding: 0.5rem;
  display: flex; }
  #mHelpdeskUserHistory .row:nth-child(2n) {
    background-color: #f1f1f1; }
  #mHelpdeskUserHistory .row div {
    margin-right: 1rem; }

#mEditLmsTag h2, #mGroupAdminEditLmsExternalContractor h2 {
  margin-bottom: 1rem; }
  #mEditLmsTag form, #mGroupAdminEditLmsExternalContractor form {
    max-width: 21rem; }
  #mEditLmsTag form .row, #mGroupAdminEditLmsExternalContractor form .row {
    margin-bottom: 1rem; }
  #mEditLmsTag form .row.error-message, #mGroupAdminEditLmsExternalContractor form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  #mEditLmsTag form .row label, #mGroupAdminEditLmsExternalContractor form .row label {
    margin-bottom: 0.25rem; }
  #mEditLmsTag form .row.has-subsequent-education label, #mGroupAdminEditLmsExternalContractor form .row.has-subsequent-education label {
    margin-bottom: 1rem; }
  #mEditLmsTag form .row .colorPicker, #mGroupAdminEditLmsExternalContractor form .row .colorPicker {
    margin-bottom: 1rem; }
  #mEditLmsTag form .row input, #mGroupAdminEditLmsExternalContractor form .row input {
    box-sizing: border-box;
    margin-bottom: 0; }
  #mEditLmsTag form .row input[type="text"], #mGroupAdminEditLmsExternalContractor form .row input[type="text"] {
    width: 100%; }
  #mEditLmsTag form .row input[type="checkbox"] + label, #mGroupAdminEditLmsExternalContractor form .row input[type="checkbox"] + label {
    margin-right: 0.25rem; }
  #mEditLmsTag form .row select, #mGroupAdminEditLmsExternalContractor form .row select {
    width: 100%; }
  #mEditLmsTag form .row.buttons, #mGroupAdminEditLmsExternalContractor form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mEditLmsTag form .row.buttons input[name="save"], #mGroupAdminEditLmsExternalContractor form .row.buttons input[name="save"] {
    margin-bottom: 1rem; }

#mAddQuestion .modalWrapper {
  max-width: 40rem; }
  #mAddQuestion .modalWrapper .container .success {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem; }
  #mAddQuestion .modalWrapper .container .success p, #mAddQuestion .modalWrapper .container .success #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #mAddQuestion .modalWrapper .container .success li, #mAddQuestion .modalWrapper .container .success #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #mAddQuestion .modalWrapper .container .success div {
    text-align: center;
    font-size: 1.5rem; }
  #mAddQuestion .modalWrapper .container .success button {
    margin-top: 1rem;
    width: 100%; }
  #mAddQuestion .modalWrapper .container form {
    box-sizing: border-box;
    padding: 1rem;
    width: 100%; }
  #mAddQuestion .modalWrapper .container form .row {
    width: 100%; }
  #mAddQuestion .modalWrapper .container form .row label {
    margin-bottom: 0.5rem; }
  #mAddQuestion .modalWrapper .container form .row textarea[name="question"], #mAddQuestion .modalWrapper .container form .row textarea[name="source"], #mAddQuestion .modalWrapper .container form .row textarea[name="explanation"] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    width: 100%;
    line-height: 1.25; }
  #mAddQuestion .modalWrapper .container form .row select[name="category"] {
    margin-bottom: 1rem; }
  #mAddQuestion .modalWrapper .container form .row > div {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem; }
  #mAddQuestion .modalWrapper .container form .row > div textarea {
    flex-grow: 1;
    font-size: 0.75rem;
    margin-bottom: 0;
    padding: 0.25rem 0.5rem;
    height: 2.5rem;
    line-height: 1.25; }
  #mAddQuestion .modalWrapper .container form .row > div input[name="isRight"] {
    flex-shrink: 0;
    margin: 0 0 0 1rem; }
  #mAddQuestion .modalWrapper .container form .row.save {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center; }
  #mAddQuestion .modalWrapper .container form .row.type {
    margin-bottom: 1rem; }
  #mAddQuestion .modalWrapper .container form .row.type label input {
    margin-right: 0.5rem; }
  #mAddQuestion .modalWrapper .container form .row.error-message {
    text-align: center;
    margin-top: 1rem;
    color: #e91c1c; }

#mAddUserToSubsequentEducation .modalWrapper {
  max-width: 40rem; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content .title {
    text-align: center; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form {
    max-width: 20rem; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form .row {
    width: 100%; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form .row input, #mAddUserToSubsequentEducation .modalWrapper .container .content form .row select {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div .name, #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before, #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      position: absolute;
      background-color: #000;
      top: 0;
      left: 0.5rem;
      content: " ";
      height: 1.25rem;
      width: 0.125rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:before {
      transform: rotate(45deg); }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:after {
      transform: rotate(-45deg); }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .file > div button[name="remove"]:hover {
      opacity: 0.7;
      cursor: pointer; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .drop-zone input[name="file"] {
      display: none; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .drop-zone.dragover {
      background-color: #79be4833; }
    #mAddUserToSubsequentEducation .modalWrapper .container .content form .row .attachment .drop-zone:hover {
      cursor: pointer; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content .confirmation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 2rem auto;
    padding: 0 1rem; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content .confirmation .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem; }
  #mAddUserToSubsequentEducation .modalWrapper .container .content .confirmation .announcement {
    flex-shrink: 1;
    text-align: left;
    font-size: 1rem;
    font-weight: 200; }

#mChangeQuestionState .modalWrapper {
  max-width: 40rem; }
  #mChangeQuestionState .modalWrapper .container .question .answers {
    margin-top: 0.5rem; }
  #mChangeQuestionState .modalWrapper .container .question .answers .answer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
  #mChangeQuestionState .modalWrapper .container .question .answers .answer img {
    position: relative;
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
    top: 0.25rem; }
  #mChangeQuestionState .modalWrapper .container form {
    box-sizing: border-box;
    padding: 1rem;
    width: 100%; }
  #mChangeQuestionState .modalWrapper .container form .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem;
    width: 100%; }
  #mChangeQuestionState .modalWrapper .container form .row.hidden {
    display: none; }
  #mChangeQuestionState .modalWrapper .container form .row label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #mChangeQuestionState .modalWrapper .container form .row .checkmark, #mChangeQuestionState .modalWrapper .container form .row .cross {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: solid 1px #000;
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem; }
  #mChangeQuestionState .modalWrapper .container form .row .checkmark .image, #mChangeQuestionState .modalWrapper .container form .row .cross .image {
    background-image: url("/static/img/icons/checkmark-cross.png");
    background-repeat: no-repeat;
    background-size: 1rem 2rem;
    width: 1rem;
    height: 1rem; }
  #mChangeQuestionState .modalWrapper .container form .row .checkmark .image {
    background-position: 0 0; }
  #mChangeQuestionState .modalWrapper .container form .row .cross .image {
    background-position: 0rem -1rem; }
  #mChangeQuestionState .modalWrapper .container form .row input {
    margin-right: 0.5rem; }
  #mChangeQuestionState .modalWrapper .container form .row.comment {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem; }
  #mChangeQuestionState .modalWrapper .container form .row.comment label {
    margin-bottom: 0.25rem; }
  #mChangeQuestionState .modalWrapper .container form .row.comment textarea {
    width: 100%; }
  #mChangeQuestionState .modalWrapper .container form .row.buttons {
    flex-direction: column; }
  #mChangeQuestionState .modalWrapper .container form .row.buttons input[name="submit"] {
    margin: 1rem auto 0.5rem; }
  #mChangeQuestionState .modalWrapper .container form .row.error-message {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    color: #e91c1c; }

@media screen and (min-width: 620px) {
      #mChangeTermDone .modalWrapper {
        padding-bottom: 40px;
        width: 620px; } }
  #mChangeTermDone .modalWrapper .container {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    width: 100%; }
  #mChangeTermDone .modalWrapper .container .title {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto; }
  #mChangeTermDone .modalWrapper .container .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    margin-right: 20px;
    width: 50px;
    height: 50px; }
  #mChangeTermDone .modalWrapper .container .title .label {
    flex-shrink: 0;
    font-size: 20px; }
  #mChangeTermDone .modalWrapper .container .announcement {
    text-align: center;
    font-size: 16px; }

#mChooseProductTerm .modalWrapper .container .table {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border: solid 1px #bfbfbf;
  width: 100%; }
  #mChooseProductTerm .modalWrapper .container .table .filter {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f1f1f1;
    padding: 0.5rem 1rem 0;
    width: calc(100% - 2rem); }
  #mChooseProductTerm .modalWrapper .container .table .filter > select, #mChooseProductTerm .modalWrapper .container .table .filter > input {
    margin: 0 0.5rem 0.5rem 0; }
  #mChooseProductTerm .modalWrapper .container .table .filter > select[name="dateRange"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="dateRange"] {
    width: 100%; }
  #mChooseProductTerm .modalWrapper .container .table .filter > select[name="location"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="location"], #mChooseProductTerm .modalWrapper .container .table .filter > select[name="capacity"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="capacity"] {
    width: calc(50% - .5rem); }
  #mChooseProductTerm .modalWrapper .container .table .filter > select[name="dateRange"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="dateRange"] {
    background-color: #fff;
    border-color: #bfbfbf;
    font-size: 0.85rem;
    font-weight: 300; }
  @media only screen and (min-width: 40em) {
            #mChooseProductTerm .modalWrapper .container .table .filter > select[name="dateRange"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="dateRange"], #mChooseProductTerm .modalWrapper .container .table .filter > select[name="location"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="location"], #mChooseProductTerm .modalWrapper .container .table .filter > select[name="capacity"], #mChooseProductTerm .modalWrapper .container .table .filter > input[name="capacity"] {
              width: calc(100% / 3 - 1rem); } }
  #mChooseProductTerm .modalWrapper .container .table .filter .dateRangePicker {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: none; }
  #mChooseProductTerm .modalWrapper .container .table .filter .dateRangePicker .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #mChooseProductTerm .modalWrapper .container .table .filter .dateRangePicker .buttons button {
    margin: 0 0.25rem 0.5rem; }
  #mChooseProductTerm .modalWrapper .container .table .filter .dateRangePicker .datePickers {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mChooseProductTerm .modalWrapper .container .table .filter .dateRangePicker .datePickers button[name="selectRange"] {
    margin-bottom: 1rem; }
  #mChooseProductTerm .modalWrapper .container .table .filter.date-range-visible > select, #mChooseProductTerm .modalWrapper .container .table .filter.date-range-visible > input {
    display: none; }
  #mChooseProductTerm .modalWrapper .container .table .filter.date-range-visible > .dateRangePicker {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #mChooseProductTerm .modalWrapper .container .table .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 300;
    padding: 0.5rem 1rem;
    width: calc(100% - 2rem); }
  #mChooseProductTerm .modalWrapper .container .table .row:nth-child(2n+1) {
    background-color: #f1f1f1; }
  #mChooseProductTerm .modalWrapper .container .table .row:hover {
    text-decoration: none;
    background-color: #e9efff; }
  #mChooseProductTerm .modalWrapper .container .table .row.no-results {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem; }
  #mChooseProductTerm .modalWrapper .container .table .row.no-results:hover {
    background-color: transparent; }
  #mChooseProductTerm .modalWrapper .container .table .row .fixed-price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #e91c1c; }
  #mChooseProductTerm .modalWrapper .container .table .row .fixed-price .image {
    background-image: url("/static/img/icons/exclamation-mark.png");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0% 50%;
    margin-right: 0.25rem;
    width: 1rem;
    height: 1rem; }
  #mChooseProductTerm .modalWrapper .container .table .row .info {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    width: 100%;
    flex-grow: 1;
    color: #383838; }
  #mChooseProductTerm .modalWrapper .container .table .row .info .date, #mChooseProductTerm .modalWrapper .container .table .row .info .location {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1rem 1rem;
    padding-left: 1.5rem; }
  #mChooseProductTerm .modalWrapper .container .table .row .info .date {
    background-image: url("/static/img/pages/home/date.png"); }
  #mChooseProductTerm .modalWrapper .container .table .row .info .distance {
    margin-left: 0.5rem;
    margin-right: auto;
    font-weight: bold; }
  @media screen and (min-width: 30em) {
              #mChooseProductTerm .modalWrapper .container .table .row .info .distance {
                margin-left: 1rem; } }
  @media screen and (min-width: 50em) {
              #mChooseProductTerm .modalWrapper .container .table .row .info .distance {
                margin-left: 10rem; } }
  @media screen and (min-width: 55em) {
              #mChooseProductTerm .modalWrapper .container .table .row .info .distance {
                margin-left: 15rem; } }
  #mChooseProductTerm .modalWrapper .container .table .row .info .location {
    background-image: url("/static/img/pages/home/location.png");
    font-weight: bold;
    margin-right: auto;
    margin-left: 0.5rem; }
  #mChooseProductTerm .modalWrapper .container .table .row .info .location button[name="more-info"] {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
    text-align: center;
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: bold;
    border: solid 2px #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0;
    width: calc(1.25rem + 1px);
    height: calc(1.25rem + 1px);
    line-height: 1;
    min-width: 1rem;
    min-width: initial;
    color: #1a377d; }
  @media screen and (min-width: 30em) {
              #mChooseProductTerm .modalWrapper .container .table .row .info .location {
                margin-left: 1rem; } }
  @media screen and (min-width: 50em) {
              #mChooseProductTerm .modalWrapper .container .table .row .info .location {
                margin-left: 10rem; } }
  @media screen and (min-width: 55em) {
              #mChooseProductTerm .modalWrapper .container .table .row .info .location {
                margin-left: 15rem; } }
  #mChooseProductTerm .modalWrapper .container .table .row .info .capacity {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-left: auto; }
  #mChooseProductTerm .modalWrapper .container .table .row .info .capacity label, #mChooseProductTerm .modalWrapper .container .table .row .info .capacity .from {
    color: #898989; }
  #mChooseProductTerm .modalWrapper .container .table .row .info .capacity label {
    margin-right: 0.5rem; }
  @media only screen and (min-width: 30em) {
            #mChooseProductTerm .modalWrapper .container .table .row .info .date, #mChooseProductTerm .modalWrapper .container .table .row .info .location {
              padding-left: 1.5rem; }
            #mChooseProductTerm .modalWrapper .container .table .row .info .capacity {
              margin-left: 0.5rem; } }
  #mChooseProductTerm .modalWrapper .container .table .row .button {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    width: 100%; }
  #mChooseProductTerm .modalWrapper .container .table .row .button a.button {
    margin: 0 0 0.25rem 0.5rem;
    background-color: #1a377d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #mChooseProductTerm .modalWrapper .container .table .row .details {
    width: 100%;
    padding-top: 1rem;
    display: none; }
  #mChooseProductTerm .modalWrapper .container .table .row .details .detail-item {
    display: flex;
    margin-bottom: 0.25rem;
    font-size: 1rem; }
  #mChooseProductTerm .modalWrapper .container .table .row .details .detail-item .header {
    font-weight: bold;
    min-width: 6rem;
    margin-right: 0.5rem; }
  #mChooseProductTerm .modalWrapper .container .table .row .details .detail-item .value {
    flex: 1 1 auto; }
    #mChooseProductTerm .modalWrapper .container .table .row .details .detail-item .value .map-link {
      display: flex;
      align-items: center; }
    #mChooseProductTerm .modalWrapper .container .table .row .details .detail-item .value .map-link img {
      width: 1.5rem; }
  #mChooseProductTerm .modalWrapper .container .table .row .details.shown {
    display: block; }
  @media only screen and (min-width: 40em) {
          #mChooseProductTerm .modalWrapper .container .table .row .title {
            font-size: 1.25rem; }
          #mChooseProductTerm .modalWrapper .container .table .row .info {
            width: calc(100% - 10.5rem);
            margin-right: 0.5rem;
            margin-bottom: 0; }
          #mChooseProductTerm .modalWrapper .container .table .row .button {
            width: 10rem; } }
  #mChooseProductTerm .modalWrapper .container .table button[name="show-more-events"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    text-transform: none;
    margin-bottom: 0;
    color: #1a377d; }
  #mChooseProductTerm .modalWrapper .container .table button[name="show-more-events"]:hover {
    text-decoration: underline;
    opacity: 1; }
  #mChooseProductTerm .modalWrapper .container .table button[name="show-more-events"] .arrow {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border-bottom: solid 0.2rem #1a377d;
    border-right: solid 0.2rem #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: -0.125rem; }
  #mChooseProductTerm .modalWrapper .container #chooseVariant .row {
    margin-bottom: 1rem; }
  #mChooseProductTerm .modalWrapper .container #chooseVariant .button-wrap {
    text-align: center; }

#mConfirm .modalWrapper .container > .content {
  padding: 2rem; }
  #mConfirm .modalWrapper .container > .content form .message {
    margin-bottom: 1rem; }

#mDashboardWelcomeText {
  background-color: rgba(0, 0, 0, .8); }
  #mDashboardWelcomeText .modalWrapper .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #mDashboardWelcomeText .modalWrapper .buttons button {
    margin-bottom: 0.5rem; }
  @media (min-width: 30em) {
      #mDashboardWelcomeText .modalWrapper .buttons {
        flex-direction: row; }
        #mDashboardWelcomeText .modalWrapper .buttons button {
          margin: 0 0.5rem; } }

#mDeclarationOfCompletenessOfData .modalWrapper {
  max-width: 50rem; }
  #mDeclarationOfCompletenessOfData .content {
    padding: 2.5rem;
    box-sizing: border-box; }
  #mDeclarationOfCompletenessOfData h1 {
    font-size: 1.75rem;
    color: #1a377d;
    margin-bottom: 1.25rem;
    text-align: center; }

#mExamQuickOverview .period {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%; }
  #mExamQuickOverview .period label:after {
    content: ":";
    margin-right: 0.5rem; }
  #mExamQuickOverview .table-wrap {
    overflow-x: auto;
    width: 100%; }
  #mExamQuickOverview .table-wrap table {
    width: 100%; }
  #mExamQuickOverview .table-wrap table thead tr th, #mExamQuickOverview .table-wrap table tbody tr th, #mExamQuickOverview .table-wrap table thead tr td, #mExamQuickOverview .table-wrap table tbody tr td {
    text-align: center;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    font-weight: 400;
    padding: 0.5rem; }
  #mExamQuickOverview .table-wrap table thead tr th.exam, #mExamQuickOverview .table-wrap table tbody tr th.exam, #mExamQuickOverview .table-wrap table thead tr td.exam, #mExamQuickOverview .table-wrap table tbody tr td.exam {
    text-align: left; }
  #mExamQuickOverview .table-wrap table thead tr th.number-of-participants, #mExamQuickOverview .table-wrap table tbody tr th.number-of-participants, #mExamQuickOverview .table-wrap table thead tr td.number-of-participants, #mExamQuickOverview .table-wrap table tbody tr td.number-of-participants, #mExamQuickOverview .table-wrap table thead tr th.number-of-passed, #mExamQuickOverview .table-wrap table tbody tr th.number-of-passed, #mExamQuickOverview .table-wrap table thead tr td.number-of-passed, #mExamQuickOverview .table-wrap table tbody tr td.number-of-passed {
    text-align: center;
    min-width: 6rem; }
  #mExamQuickOverview .table-wrap table thead tr th {
    background-color: #f7f7f7;
    font-size: 0.9rem;
    font-weight: 200;
    color: #0c0c0c; }
  #mExamQuickOverview .table-wrap table tbody tr td {
    font-size: 0.9rem; }

@media screen and (min-width: 50em) {
      #mExamResultAppeal .modalWrapper {
        padding-bottom: 2rem;
        width: 50rem; } }
  #mExamResultAppeal .modalWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center; }
  #mExamResultAppeal .modalWrapper .container .content form textarea {
    width: 35rem;
    height: 10rem; }
  @media screen and (min-width: 50em) {
        #mExamResultAppeal .modalWrapper .container .content {
          padding: 2rem; } }
  #mExamResultAppeal .modalWrapper .container .content .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-bottom: 1rem;
    width: 3rem;
    height: 3rem; }
  #mExamResultAppeal .modalWrapper .container .content .label {
    font-size: 1.5rem;
    flex-shrink: 1;
    margin-bottom: 0.5rem; }
  #mExamResultAppeal .modalWrapper .container .content .announcement {
    text-align: center; }

#mGalleryImage {
  background-color: rgba(0, 0, 0, .8); }
  #mGalleryImage .modalWrapper {
    width: auto; }
  #mGalleryImage .modalWrapper .container {
    position: inherit; }
  #mGalleryImage .modalWrapper .container .closer:before, #mGalleryImage .modalWrapper .container .closer:after {
    background-color: #fff; }
  #mGalleryImage .modalWrapper .container .content {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0; }
  #mGalleryImage .modalWrapper .container .content img {
    max-height: calc(100vh - 4rem); }
  #mGalleryImage .modalWrapper .container .content .controls {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  #mGalleryImage .modalWrapper .container .content .controls a {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    width: 25%; }
  #mGalleryImage .modalWrapper .container .content .controls a:hover .icon {
    display: block; }
  #mGalleryImage .modalWrapper .container .content .controls a .icon {
    background-image: url("/static/img/icons/left-right.png");
    background-repeat: no-repeat;
    background-size: 2.5rem 4rem;
    display: block;
    width: 1.25rem;
    height: 2rem; }
  @media screen and (min-width: 50rem) {
              #mGalleryImage .modalWrapper .container .content .controls a .icon {
                display: none; } }
  #mGalleryImage .modalWrapper .container .content .controls a.previous {
    justify-content: flex-start; }
  #mGalleryImage .modalWrapper .container .content .controls a.previous .icon {
    background-position: 0 0;
    margin-left: 1rem; }
  #mGalleryImage .modalWrapper .container .content .controls a.next {
    justify-content: flex-end; }
  #mGalleryImage .modalWrapper .container .content .controls a.next .icon {
    background-position: -1.25rem 0;
    margin-right: 1rem; }
  #mGalleryImage .modalWrapper .container .content .alt {
    text-align: center;
    padding: 0.5rem;
    color: white; }

#mMPAddCert .container > .content {
  border-radius: 1.5rem; }
  #mMPAddCert .container > .content form {
    width: 100%;
    max-width: 45rem; }
  #mMPAddCert .container > .content form .buttons {
    display: flex;
    flex-direction: column; }
  #mMPAddCert .container > .content form .buttons button {
    white-space: normal;
    background-color: transparent;
    margin-bottom: 1rem;
    min-height: 10rem;
    width: 100%;
    max-width: 15rem; }
  @media (min-width: 30em) {
          #mMPAddCert .container > .content form .buttons {
            flex-direction: row;
            justify-content: space-between; }
            #mMPAddCert .container > .content form .buttons button {
              width: calc(25% - .75rem); } }
  #mMPAddCert .container > .content form > .row {
    width: 100%; }
  #mMPAddCert .container > .content form > .row label + em {
    display: block;
    margin-bottom: 0.5rem; }
  #mMPAddCert .container > .content form > .row input, #mMPAddCert .container > .content form > .row select, #mMPAddCert .container > .content form > .row #searchUserToAddToSe, #mMPAddCert .container > .content form > .row #searchUserToAddToNonSE {
    width: 100%; }
  #mMPAddCert .container > .content form > .row input[name="file"] {
    display: none; }
  #mMPAddCert .container > .content form > .row .attachment .file > div:first-child {
    display: flex;
    align-items: center; }
    #mMPAddCert .container > .content form > .row .attachment .file > div:first-child button {
      background-image: url("/static/img/icons/close.png");
      background-repeat: no-repeat;
      background-size: 0.5rem 0.5rem;
      background-position: center center;
      margin-right: 0.5rem;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem; }
  #mMPAddCert .container > .content form > .row .attachment .file .upload-progress {
    border-radius: 0.125rem;
    box-sizing: border-box;
    margin-top: 0.25rem;
    width: 100%;
    height: 0.25rem; }
    #mMPAddCert .container > .content form > .row .attachment .file .upload-progress .value {
      overflow: hidden;
      height: 100%; }
  #mMPAddCert .container > .content form > .row .attachment .selectFile {
    box-sizing: border-box;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 100%; }
  #mMPAddCert .container > .content form > .row.error-message {
    text-align: center; }
  #mMPAddCert .container .closer {
    right: 1rem;
    top: 1rem; }

#mMPSectorReminder .modalWrapper {
  max-width: 40rem; }
  #mMPSectorReminder .modalWrapper .container .content .users {
    text-align: left;
    margin-bottom: 1rem; }
  #mMPSectorReminder .modalWrapper .container .content .users .claim {
    font-size: 1.25rem;
    font-weight: bold; }
  #mMPSectorReminder .modalWrapper .container .content .users .name {
    padding: 0.25rem 0; }
  #mMPSectorReminder .modalWrapper .container .content .users button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 1.25rem;
    height: 1.25rem;
    min-width: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: transparent;
    border: none;
    color: #e91c1c; }
  #mMPSectorReminder .modalWrapper .container .content form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mMPSectorReminder .modalWrapper .container .content form textarea {
    width: 100%; }
  #mMPSectorReminder .modalWrapper .container .content form .messageBody {
    width: 100%; }
  #mMPSectorReminder .modalWrapper .container .content form .messageBody #messageBody {
    border-radius: 0.25rem;
    border: solid 1px #bfbfbf;
    padding: 0.1rem 0.5rem;
    min-height: 5rem; }

#mMPSectorReminderSend .modalWrapper .container .title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem auto 2rem; }
  #mMPSectorReminderSend .modalWrapper .container .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem; }
  #mMPSectorReminderSend .modalWrapper .container .title .label {
    flex-shrink: 0;
    font-size: 1.25rem; }
  #mMPSectorReminderSend .modalWrapper .container .announcement {
    text-align: center;
    font-size: 1rem; }

#mMPUserDrills .modalWrapper .container .content .loader {
  margin: auto;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("/static/img/loader.gif");
  background-size: 2.5rem 2.5rem;
  background-repeat: no-repeat;
  align-self: center; }
  #mMPUserDrills .modalWrapper .container .content .user {
    margin-bottom: 1rem; }
  #mMPUserDrills .modalWrapper .container .content .overallResults {
    margin-bottom: 1rem;
    font-size: 1.25rem; }
  #mMPUserDrills .modalWrapper .container .content .overallResults .resultItem {
    display: flex;
    margin-bottom: 0.125rem; }
  #mMPUserDrills .modalWrapper .container .content .overallResults .resultItem .resultTitle {
    width: 20rem; }
  #mMPUserDrills .modalWrapper .container .content .overallResults .resultItem .resultValue {
    font-weight: bold; }
  #mMPUserDrills .modalWrapper .container .content table.drills td, #mMPUserDrills .modalWrapper .container .content table.drills th {
    padding: 0.25rem 0.5rem;
    text-align: center; }
  #mMPUserDrills .modalWrapper .container .content table.drills .circle {
    background-image: url("/static/img/icons/SVG_sprite_dashboard_menu_2.svg");
    background-repeat: no-repeat;
    background-size: 20rem 13rem;
    background-position: 0 -3.9rem;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    display: block;
    flex-shrink: 0; }
  #mMPUserDrills .modalWrapper .container .content table.drills .circle.passed {
    background-position-y: -6rem;
    background-position-x: -10rem; }
  #mMPUserDrills .modalWrapper .container .content table.drills .circle.failed {
    background-position-y: -6rem;
    background-position-x: -4rem; }

#mManagerOverviewUsers .modalWrapper .container .content {
  padding: 1rem 0 0; }
  #mManagerOverviewUsers .modalWrapper .container .content .header-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
    width: 100%; }
  #mManagerOverviewUsers .modalWrapper .container .content .header-info .numberOfUsers {
    font-size: 1.75rem;
    font-weight: bold; }
  #mManagerOverviewUsers .modalWrapper .container .content .header-info .side {
    width: 7rem; }
  #mManagerOverviewUsers .modalWrapper .container .content .header-info .spacer {
    display: none; }
  @media screen and (min-width: 30rem) {
            #mManagerOverviewUsers .modalWrapper .container .content .header-info .spacer {
              display: block; } }
  #mManagerOverviewUsers .modalWrapper .container .content .header-info input[name='downloadCsv'] {
    align-self: flex-end; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap {
    overflow-x: auto;
    width: 100%; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table {
    width: 100%; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr th, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr th, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr td, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td {
    text-align: center;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    font-weight: 400;
    padding: 0.5rem; }
    #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr th.name, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr th.name, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr td.name, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.name, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr th.email, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr th.email, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr td.email, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.email {
      text-align: left; }
    #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr th.examState, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr th.examState, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr td.examState, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.examState {
      min-width: 6rem; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table thead tr th {
    background-color: #f7f7f7;
    font-size: 0.9rem;
    font-weight: 200;
    color: #0c0c0c; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td {
    font-size: 0.9rem; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.elearningStarted > div, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.elearningCompleted > div, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.examState > div {
    display: flex;
    align-items: center;
    justify-content: center; }
    #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.elearningStarted > div img, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.elearningCompleted > div img, #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.examState > div img {
      margin-right: 0.5rem;
      width: 1rem;
      height: 1rem; }
  #mManagerOverviewUsers .modalWrapper .container .content .table-wrap table tbody tr td.certificate a.button {
    white-space: nowrap;
    font-size: 0.875rem; }

#mProcessRequestForNewUserInSe .modalWrapper {
  max-width: 60rem; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content .title {
    text-align: center; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content .attr {
    text-align: left;
    width: 40rem;
    margin: 0 auto 0.5rem;
    display: flex; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content .attr .attr-name {
    min-width: 5rem; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content .attr .attr-value {
    font-weight: bold; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content form {
    width: 25rem; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row {
    width: 100%; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row label {
    margin-bottom: 0.25rem; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row input, #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row button, #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row textarea {
    box-sizing: border-box;
    margin-bottom: 1rem;
    width: 100%; }
  #mProcessRequestForNewUserInSe .modalWrapper .container .content form .row textarea {
    height: 5rem; }

#mProductGallery {
  background-color: rgba(0, 0, 0, .8); }
  #mProductGallery .modalWrapper {
    width: auto; }
  #mProductGallery .modalWrapper .container {
    position: inherit; }
  #mProductGallery .modalWrapper .container .closer:before, #mProductGallery .modalWrapper .container .closer:after {
    background-color: #fff; }
  #mProductGallery .modalWrapper .container .content {
    background-color: white;
    border: none;
    position: relative;
    left: 0; }
  #mProductGallery .modalWrapper .container .content img {
    max-height: calc(100vh - 4rem); }
  #mProductGallery .modalWrapper .container .content a {
    position: absolute;
    display: flex;
    align-items: center;
    width: 25%;
    top: 20%;
    bottom: 20%; }
  #mProductGallery .modalWrapper .container .content a:hover .icon {
    display: block; }
  #mProductGallery .modalWrapper .container .content a .icon {
    background-image: url("/static/img/icons/left-right.png");
    background-repeat: no-repeat;
    background-size: 2.5rem 4rem;
    display: block;
    width: 1.25rem;
    height: 2rem; }
  @media screen and (min-width: 50rem) {
            #mProductGallery .modalWrapper .container .content a .icon {
              display: none; } }
  #mProductGallery .modalWrapper .container .content a.previous {
    justify-content: flex-start;
    left: 1rem; }
  #mProductGallery .modalWrapper .container .content a.previous .icon {
    background-position: 0 0;
    margin-left: 1rem; }
  #mProductGallery .modalWrapper .container .content a.next {
    justify-content: flex-end;
    right: 1rem; }
  #mProductGallery .modalWrapper .container .content a.next .icon {
    background-position: -1.25rem 0;
    margin-right: 1rem; }
  #mProductGallery .modalWrapper .container .content .alt {
    text-align: center;
    padding: 0.5rem;
    color: white; }

#mProductStats .modalWrapper {
  max-width: initial; }
  #mProductStats .modalWrapper .container .content {
    overflow-x: auto; }
  #mProductStats .modalWrapper .container .content table {
    font-size: 0.75rem;
    border-collapse: collapse;
    border: solid 1px #1a377d;
    margin-top: 2rem;
    width: calc(100% - 4rem); }
  #mProductStats .modalWrapper .container .content table thead tr th, #mProductStats .modalWrapper .container .content table tbody tr th, #mProductStats .modalWrapper .container .content table thead tr td, #mProductStats .modalWrapper .container .content table tbody tr td {
    padding: 0.25rem 0.5rem; }
  #mProductStats .modalWrapper .container .content table thead tr {
    background-color: #1a377d;
    color: #fff; }
  #mProductStats .modalWrapper .container .content table thead tr th {
    text-align: left;
    border: solid 1px #1a377d;
    white-space: nowrap; }
  #mProductStats .modalWrapper .container .content table tbody tr:nth-child(2n) {
    background-color: #e4feff; }
  #mProductStats .modalWrapper .container .content table tbody tr td {
    text-align: right;
    border-left: solid 1px #1a377d;
    border-right: solid 1px #1a377d; }
    #mProductStats .modalWrapper .container .content table tbody tr td.title {
      text-align: left;
      font-size: 0.75rem; }

#mProductTermLocation .modalWrapper .container .content .rows .row {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: flex-start; }
  #mProductTermLocation .modalWrapper .container .content .rows .row .label {
    font-weight: bold;
    margin-right: 1rem; }
  #mProductTermLocation .modalWrapper .container .content .rows .row .value {
    white-space: normal;
    flex-shrink: 1; }
  #mProductTermLocation .modalWrapper .container .content button[name="close"] {
    margin-top: 2rem; }

#mQuestionDiscussionExport .modalWrapper {
  max-width: 40rem; }
  #mQuestionDiscussionExport .modalWrapper .container .content .states {
    margin-bottom: 1rem; }
  #mQuestionDiscussionExport .modalWrapper .container .content .states label {
    margin-bottom: 0.25rem; }

#mQuestionVersions .modalWrapper {
  max-width: 30rem; }
  #mQuestionVersions .modalWrapper .container .versions {
    width: 100%; }
  #mQuestionVersions .modalWrapper .container .versions .version {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    position: relative;
    font-size: 0.9rem;
    box-sizing: border-box;
    border: solid 1px #1a377d;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem; }
  #mQuestionVersions .modalWrapper .container .versions .version .version-number {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #1a377d;
    font-size: 0.625rem;
    border-radius: 0.5rem;
    padding: 0 0.25rem;
    height: 1rem;
    min-width: 0.5rem;
    color: #fff;
    top: -0.5rem;
    right: -0.5rem; }
  #mQuestionVersions .modalWrapper .container .versions .version .answers .answer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.25rem;
    width: 100%; }
  #mQuestionVersions .modalWrapper .container .versions .version .answers .answer img {
    position: relative;
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
    top: 0.25rem; }
  #mQuestionVersions .modalWrapper .container .versions .version .answers .answer .text {
    margin-top: 0.125rem; }
  #mQuestionVersions .modalWrapper .container .versions .version .date-and-author {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.75rem;
    color: #898989; }
  #mQuestionVersions .modalWrapper .container .versions .version .date-and-author .date:after {
    content: "|";
    margin: 0 0.5rem; }
  #mQuestionVersions .modalWrapper .container .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center; }
  #mQuestionVersions .modalWrapper .container .buttons button[name="closeModal"] {
    margin-top: 1rem; }

#mSetUserQuestionDiscussionProductRole .modalWrapper {
  max-width: 40rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form {
    width: 100%; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .username label {
    margin-bottom: 0.5rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .username input[name="username"] {
    margin-bottom: 0; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role {
    margin-top: 1rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role:first-child {
    margin-top: 0; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .role-name {
    margin-bottom: 0.5rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.role-active {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.role-active label {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    margin-right: 1rem; }
    #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.role-active label input {
      margin-right: 0.25rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.categories {
    display: none;
    margin-top: 0.5rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.categories.visible {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.categories .list .category {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.75rem;
    font-style: italic; }
    #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.categories .list .category button[name="remove"] {
      background-color: transparent;
      background-image: url("/static/img/icons/checkmark-cross.png");
      background-repeat: no-repeat;
      background-size: 1rem 2rem;
      background-position: 50% 100%;
      margin-right: 0.5rem;
      padding: 0;
      min-width: initial;
      width: 1rem;
      height: 1rem;
      cursor: pointer; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .role .row.categories select {
    margin-top: 1rem; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form input[name="saveRoles"] {
    display: block;
    margin: 1rem auto 0; }
  #mSetUserQuestionDiscussionProductRole .modalWrapper .container form .error-message {
    text-align: center;
    margin-top: 1rem;
    color: #e91c1c; }

#mTermChatPreparedMessages .modalWrapper .container {
  max-width: 30rem; }
  #mTermChatPreparedMessages .modalWrapper .container .content form {
    padding-top: 2rem; }
  #mTermChatPreparedMessages .modalWrapper .container .content form .row {
    width: 100%; }
  #mTermChatPreparedMessages .modalWrapper .container .content form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mTermChatPreparedMessages .modalWrapper .container .content form .row.buttons input[type="submit"] {
    margin-bottom: 1rem; }
  #mTermChatPreparedMessages .modalWrapper .container .content form .row.buttons button[name="abort"] {
    margin-bottom: 0;
    width: 100%; }
  #mTermChatPreparedMessages .modalWrapper .container .content form .row.error-message {
    text-align: center; }
  #mTermChatPreparedMessages .modalWrapper .container .content form .row input, #mTermChatPreparedMessages .modalWrapper .container .content form .row select, #mTermChatPreparedMessages .modalWrapper .container .content form .row textarea {
    width: 100%;
    margin-bottom: 0; }

#mTermProtocolEvent .modalWrapper .container {
  max-width: 45rem; }
  #mTermProtocolEvent .modalWrapper .container .content h2 {
    margin-top: 2rem; }
  #mTermProtocolEvent .modalWrapper .container .content form {
    padding-top: 2rem;
    width: 100%;
    max-width: 30rem; }
  #mTermProtocolEvent .modalWrapper .container .content form .row {
    width: 100%; }
  #mTermProtocolEvent .modalWrapper .container .content form .row textarea {
    width: 100%; }
  #mTermProtocolEvent .modalWrapper .container .content form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mTermProtocolEvent .modalWrapper .container .content form .row.buttons input[type="submit"] {
    margin-bottom: 1rem; }
  #mTermProtocolEvent .modalWrapper .container .content form .row.buttons button[name="abort"] {
    margin-bottom: 0;
    width: 100%; }
  #mTermProtocolEvent .modalWrapper .container .content form .row.error-message {
    text-align: center; }

#mTermProtocolImportantFacts .modalWrapper .container {
  max-width: 45rem; }
  #mTermProtocolImportantFacts .modalWrapper .container .content h2 {
    margin-top: 2rem; }
  #mTermProtocolImportantFacts .modalWrapper .container .content form {
    padding-top: 2rem; }
  #mTermProtocolImportantFacts .modalWrapper .container .content form .row {
    width: 100%; }
  #mTermProtocolImportantFacts .modalWrapper .container .content form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mTermProtocolImportantFacts .modalWrapper .container .content form .row.buttons input[type="submit"] {
    margin-bottom: 1rem; }
  #mTermProtocolImportantFacts .modalWrapper .container .content form .row.buttons button[name="abort"] {
    margin-bottom: 0;
    width: 100%; }
  #mTermProtocolImportantFacts .modalWrapper .container .content form .row.error-message {
    text-align: center; }

#mTermProtocolPlaceAndDate .modalWrapper .container {
  max-width: 45rem; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content h2 {
    margin-top: 2rem; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content form {
    padding-top: 2rem; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content form .row {
    width: 100%; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content form .row.buttons input[type="submit"] {
    margin-bottom: 1rem; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content form .row.buttons button[name="abort"] {
    margin-bottom: 0;
    width: 100%; }
  #mTermProtocolPlaceAndDate .modalWrapper .container .content form .row.error-message {
    text-align: center; }

#mMarketplaceManagerContactForm {
  font-family: sans-serif; }
  #mMarketplaceManagerContactForm .modalWrapper {
    max-width: 40rem;
    box-sizing: border-box; }
  #mMarketplaceManagerContactForm .modalWrapper h2 {
    color: #10b988;
    font-family: sans-serif;
    font-weight: 100;
    margin-bottom: 1rem; }
  #mMarketplaceManagerContactForm .modalWrapper form {
    max-width: 30rem;
    width: 100%; }
  #mMarketplaceManagerContactForm .modalWrapper form label {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
  #mMarketplaceManagerContactForm .modalWrapper form label .label {
    font-weight: bold;
    color: #1a377d; }
  #mMarketplaceManagerContactForm .modalWrapper form label input[type='text'], #mMarketplaceManagerContactForm .modalWrapper form label input[type='email'], #mMarketplaceManagerContactForm .modalWrapper form label textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 100%;
    border: 1px solid #a7accb;
    font-family: sans-serif; }
  #mMarketplaceManagerContactForm .modalWrapper form label textarea {
    min-height: 6rem; }
  #mMarketplaceManagerContactForm .modalWrapper form input[type='submit'] {
    background-color: #10b988;
    margin: auto;
    display: block;
    font-family: sans-serif;
    font-size: 0.875rem;
    padding: 0.25rem 2rem; }
  #mMarketplaceManagerContactForm .modalWrapper .error-message {
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 2.5rem;
    width: calc(100% - 5rem);
    color: #f00; }
  #mMarketplaceManagerContactForm .modalWrapper .title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.5rem auto; }
  #mMarketplaceManagerContactForm .modalWrapper .title .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1.25rem;
    width: 3rem;
    height: 3rem; }
  #mMarketplaceManagerContactForm .modalWrapper .title .label {
    flex-shrink: 0;
    font-size: 1.25rem; }
  #mMarketplaceManagerContactForm .modalWrapper .announcement {
    text-align: center;
    font-size: 1rem; }

.modal-form h2 {
  margin-bottom: 1rem; }
  .modal-form form .row {
    margin-bottom: 1rem; }
  .modal-form form .row.error-message {
    text-align: center;
    color: #e91c1c; }
  .modal-form form .row label {
    margin-bottom: 0.25rem; }
  .modal-form form .row input {
    box-sizing: border-box;
    margin-bottom: 0; }
  .modal-form form .row input[type="text"], .modal-form form .row input[type="number"] {
    width: 100%; }
  .modal-form form .row select {
    width: 100%; }
  .modal-form form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .modal-form form .row.buttons input[name="save"] {
    margin-bottom: 1rem; }

#mAddCert .container > .content {
  border-radius: 1.5rem; }
  #mAddCert .container > .content form {
    width: 100%;
    max-width: 45rem; }
  #mAddCert .container > .content form h4 {
    text-align: center; }
  #mAddCert .container > .content form .buttons {
    display: flex;
    flex-direction: column; }
  #mAddCert .container > .content form .buttons button {
    color: #1a377d;
    white-space: normal;
    background-color: transparent;
    margin-bottom: 1rem;
    min-height: 10rem;
    width: 100%;
    max-width: 10rem;
    border: solid 1px #1a377d;
    margin-right: 1rem; }
  #mAddCert .container > .content form .buttons button:last-child {
    margin-right: 0; }
  #mAddCert .container > .content form .buttons button:hover {
    background-color: #1a377d;
    color: #fff; }
  @media (min-width: 30em) {
          #mAddCert .container > .content form .buttons {
            flex-direction: row;
            justify-content: space-between; } }
  #mAddCert .container > .content form > .row {
    width: 100%; }
  #mAddCert .container > .content form > .row label + em {
    display: block;
    margin-bottom: 0.5rem; }
  #mAddCert .container > .content form > .row input, #mAddCert .container > .content form > .row select {
    width: 100%; }
  #mAddCert .container > .content form > .row input[name="file"] {
    display: none; }
  #mAddCert .container > .content form > .row .attachment .file > div:first-child {
    display: flex;
    align-items: center; }
    #mAddCert .container > .content form > .row .attachment .file > div:first-child button {
      background-image: url("/static/img/icons/close.png");
      background-repeat: no-repeat;
      background-size: 0.5rem 0.5rem;
      background-position: center center;
      margin-right: 0.5rem;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem; }
  #mAddCert .container > .content form > .row .attachment .file .upload-progress {
    border-radius: 0.125rem;
    box-sizing: border-box;
    margin-top: 0.25rem;
    width: 100%;
    height: 0.25rem; }
    #mAddCert .container > .content form > .row .attachment .file .upload-progress .value {
      overflow: hidden;
      height: 100%; }
  #mAddCert .container > .content form > .row .attachment .selectFile {
    box-sizing: border-box;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 100%;
    border: solid 1px #bfbfbf; }
  #mAddCert .container > .content form > .row.error-message {
    text-align: center; }
  #mAddCert .container .closer {
    right: 1rem;
    top: 1rem; }

#mFillMissingUserCertAttributes .modalWrapper .container h2, #mFillMissingUserCertAttributesForSector .modalWrapper .container h2, #mDistantTermMissingBirthday .modalWrapper .container h2 {
  margin-bottom: 1rem; }
  #mFillMissingUserCertAttributes .modalWrapper .container form, #mFillMissingUserCertAttributesForSector .modalWrapper .container form, #mDistantTermMissingBirthday .modalWrapper .container form {
    width: 100%; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row, #mDistantTermMissingBirthday .modalWrapper .container form .row {
    margin-bottom: 0.5rem; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row input, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row input, #mDistantTermMissingBirthday .modalWrapper .container form .row input {
    margin-bottom: 0; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row.notEUCitizen, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.notEUCitizen, #mDistantTermMissingBirthday .modalWrapper .container form .row.notEUCitizen {
    margin-top: 1rem; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement, #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement {
    margin-top: 1rem; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement p, #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement li, #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement div, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement p, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement li, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement div, #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement p, #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement li, #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement div {
    font-size: 0.75rem; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row.agreement label, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.agreement label, #mDistantTermMissingBirthday .modalWrapper .container form .row.agreement label {
    display: flex;
    justify-content: center; }
  #mFillMissingUserCertAttributes .modalWrapper .container form .row.error-message, #mFillMissingUserCertAttributesForSector .modalWrapper .container form .row.error-message, #mDistantTermMissingBirthday .modalWrapper .container form .row.error-message {
    color: #e91c1c; }

#mUsersWhisperer .modalWrapper .container .content {
  min-height: 20rem; }
  #mUsersWhisperer .modalWrapper .container .content .row {
    position: relative;
    width: 50%;
    margin-bottom: 0; }
  #mUsersWhisperer .modalWrapper .container .content .row input[name="searchUser"] {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    margin-bottom: 0;
    width: 100%; }
  #mUsersWhisperer .modalWrapper .container .content .row p, #mUsersWhisperer .modalWrapper .container .content .row #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #mUsersWhisperer .modalWrapper .container .content .row li, #mUsersWhisperer .modalWrapper .container .content .row #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #mUsersWhisperer .modalWrapper .container .content .row div {
    text-align: center;
    margin-top: 1rem; }
  #mUsersWhisperer .modalWrapper .container .content .row .list {
    position: absolute;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    min-width: calc(100% - 2px);
    z-index: 1; }
  #mUsersWhisperer .modalWrapper .container .content .row .list .user {
    box-sizing: border-box;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: black;
    background-color: #fff;
    font-size: 0.9rem;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    width: 100%; }
  #mUsersWhisperer .modalWrapper .container .content .row .list .user.selected {
    background-color: #1a377d66; }

@page {
  margin: 0;
  padding: 0; }

#certTemplateExam, #certTemplateExamPfp, #certTemplateCourse, #certTemplateCourseSimple, #certTemplateCourseSimpleLandscape, #certTemplateSector, #certTemplateSelfRegStd, #certTemplateUniqaInternal, #certTemplateKapitol1, #certTemplateKapitol2, #certTemplateBT, #certTemplateForfin, #certTemplateBTAml, #certTemplateBTDluhopisy, #certTemplateBTUvery, #certTemplateBTInvestice, #certTemplatePackage {
  position: relative;
  margin: auto;
  overflow: hidden; }
  #certTemplateExam .background, #certTemplateExamPfp .background, #certTemplateCourse .background, #certTemplateCourseSimple .background, #certTemplateCourseSimpleLandscape .background, #certTemplateSector .background, #certTemplateSelfRegStd .background, #certTemplateUniqaInternal .background, #certTemplateKapitol1 .background, #certTemplateKapitol2 .background, #certTemplateBT .background, #certTemplateForfin .background, #certTemplateBTAml .background, #certTemplateBTDluhopisy .background, #certTemplateBTUvery .background, #certTemplateBTInvestice .background, #certTemplatePackage .background, #certTemplateExam .foreground, #certTemplateExamPfp .foreground, #certTemplateCourse .foreground, #certTemplateCourseSimple .foreground, #certTemplateCourseSimpleLandscape .foreground, #certTemplateSector .foreground, #certTemplateSelfRegStd .foreground, #certTemplateUniqaInternal .foreground, #certTemplateKapitol1 .foreground, #certTemplateKapitol2 .foreground, #certTemplateBT .foreground, #certTemplateForfin .foreground, #certTemplateBTAml .foreground, #certTemplateBTDluhopisy .foreground, #certTemplateBTUvery .foreground, #certTemplateBTInvestice .foreground, #certTemplatePackage .foreground {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #certTemplateExam .background img, #certTemplateExamPfp .background img, #certTemplateCourse .background img, #certTemplateCourseSimple .background img, #certTemplateCourseSimpleLandscape .background img, #certTemplateSector .background img, #certTemplateSelfRegStd .background img, #certTemplateUniqaInternal .background img, #certTemplateKapitol1 .background img, #certTemplateKapitol2 .background img, #certTemplateBT .background img, #certTemplateForfin .background img, #certTemplateBTAml .background img, #certTemplateBTDluhopisy .background img, #certTemplateBTUvery .background img, #certTemplateBTInvestice .background img, #certTemplatePackage .background img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  #certTemplateExam .foreground, #certTemplateExamPfp .foreground, #certTemplateCourse .foreground, #certTemplateCourseSimple .foreground, #certTemplateCourseSimpleLandscape .foreground, #certTemplateSector .foreground, #certTemplateSelfRegStd .foreground, #certTemplateUniqaInternal .foreground, #certTemplateKapitol1 .foreground, #certTemplateKapitol2 .foreground, #certTemplateBT .foreground, #certTemplateForfin .foreground, #certTemplateBTAml .foreground, #certTemplateBTDluhopisy .foreground, #certTemplateBTUvery .foreground, #certTemplateBTInvestice .foreground, #certTemplatePackage .foreground {
    display: flex;
    flex-direction: column; }
  #certTemplateExam .foreground .logo, #certTemplateExamPfp .foreground .logo, #certTemplateCourse .foreground .logo, #certTemplateCourseSimple .foreground .logo, #certTemplateCourseSimpleLandscape .foreground .logo, #certTemplateSector .foreground .logo, #certTemplateSelfRegStd .foreground .logo, #certTemplateUniqaInternal .foreground .logo, #certTemplateKapitol1 .foreground .logo, #certTemplateKapitol2 .foreground .logo, #certTemplateBT .foreground .logo, #certTemplateForfin .foreground .logo, #certTemplateBTAml .foreground .logo, #certTemplateBTDluhopisy .foreground .logo, #certTemplateBTUvery .foreground .logo, #certTemplateBTInvestice .foreground .logo, #certTemplatePackage .foreground .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem; }
  #certTemplateExam .foreground .logo img, #certTemplateExamPfp .foreground .logo img, #certTemplateCourse .foreground .logo img, #certTemplateCourseSimple .foreground .logo img, #certTemplateCourseSimpleLandscape .foreground .logo img, #certTemplateSector .foreground .logo img, #certTemplateSelfRegStd .foreground .logo img, #certTemplateUniqaInternal .foreground .logo img, #certTemplateKapitol1 .foreground .logo img, #certTemplateKapitol2 .foreground .logo img, #certTemplateBT .foreground .logo img, #certTemplateForfin .foreground .logo img, #certTemplateBTAml .foreground .logo img, #certTemplateBTDluhopisy .foreground .logo img, #certTemplateBTUvery .foreground .logo img, #certTemplateBTInvestice .foreground .logo img, #certTemplatePackage .foreground .logo img {
    display: block;
    height: 3rem; }
  #certTemplateExam .foreground .body, #certTemplateExamPfp .foreground .body, #certTemplateCourse .foreground .body, #certTemplateCourseSimple .foreground .body, #certTemplateCourseSimpleLandscape .foreground .body, #certTemplateSector .foreground .body, #certTemplateSelfRegStd .foreground .body, #certTemplateUniqaInternal .foreground .body, #certTemplateKapitol1 .foreground .body, #certTemplateKapitol2 .foreground .body, #certTemplateBT .foreground .body, #certTemplateForfin .foreground .body, #certTemplateBTAml .foreground .body, #certTemplateBTDluhopisy .foreground .body, #certTemplateBTUvery .foreground .body, #certTemplateBTInvestice .foreground .body, #certTemplatePackage .foreground .body {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 1rem 2rem;
    overflow: hidden; }
  #certTemplateExam .foreground .body #certPersonBlock, #certTemplateExamPfp .foreground .body #certPersonBlock, #certTemplateCourse .foreground .body #certPersonBlock, #certTemplateCourseSimple .foreground .body #certPersonBlock, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock, #certTemplateSector .foreground .body #certPersonBlock, #certTemplateSelfRegStd .foreground .body #certPersonBlock, #certTemplateUniqaInternal .foreground .body #certPersonBlock, #certTemplateKapitol1 .foreground .body #certPersonBlock, #certTemplateKapitol2 .foreground .body #certPersonBlock, #certTemplateBT .foreground .body #certPersonBlock, #certTemplateForfin .foreground .body #certPersonBlock, #certTemplateBTAml .foreground .body #certPersonBlock, #certTemplateBTDluhopisy .foreground .body #certPersonBlock, #certTemplateBTUvery .foreground .body #certPersonBlock, #certTemplateBTInvestice .foreground .body #certPersonBlock, #certTemplatePackage .foreground .body #certPersonBlock {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 1rem;
    width: 150mm; }
  #certTemplateExam .foreground .body #certPersonBlock .username, #certTemplateExamPfp .foreground .body #certPersonBlock .username, #certTemplateCourse .foreground .body #certPersonBlock .username, #certTemplateCourseSimple .foreground .body #certPersonBlock .username, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock .username, #certTemplateSector .foreground .body #certPersonBlock .username, #certTemplateSelfRegStd .foreground .body #certPersonBlock .username, #certTemplateUniqaInternal .foreground .body #certPersonBlock .username, #certTemplateKapitol1 .foreground .body #certPersonBlock .username, #certTemplateKapitol2 .foreground .body #certPersonBlock .username, #certTemplateBT .foreground .body #certPersonBlock .username, #certTemplateForfin .foreground .body #certPersonBlock .username, #certTemplateBTAml .foreground .body #certPersonBlock .username, #certTemplateBTDluhopisy .foreground .body #certPersonBlock .username, #certTemplateBTUvery .foreground .body #certPersonBlock .username, #certTemplateBTInvestice .foreground .body #certPersonBlock .username, #certTemplatePackage .foreground .body #certPersonBlock .username {
    font-size: 32pt;
    color: #1a377d;
    margin-bottom: 0.5rem;
    white-space: nowrap; }
  #certTemplateExam .foreground .body #certPersonBlock table, #certTemplateExamPfp .foreground .body #certPersonBlock table, #certTemplateCourse .foreground .body #certPersonBlock table, #certTemplateCourseSimple .foreground .body #certPersonBlock table, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock table, #certTemplateSector .foreground .body #certPersonBlock table, #certTemplateSelfRegStd .foreground .body #certPersonBlock table, #certTemplateUniqaInternal .foreground .body #certPersonBlock table, #certTemplateKapitol1 .foreground .body #certPersonBlock table, #certTemplateKapitol2 .foreground .body #certPersonBlock table, #certTemplateBT .foreground .body #certPersonBlock table, #certTemplateForfin .foreground .body #certPersonBlock table, #certTemplateBTAml .foreground .body #certPersonBlock table, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table, #certTemplateBTUvery .foreground .body #certPersonBlock table, #certTemplateBTInvestice .foreground .body #certPersonBlock table, #certTemplatePackage .foreground .body #certPersonBlock table {
    border: none;
    margin-bottom: 0;
    color: #1a377d; }
  #certTemplateExam .foreground .body #certPersonBlock table tr th, #certTemplateExamPfp .foreground .body #certPersonBlock table tr th, #certTemplateCourse .foreground .body #certPersonBlock table tr th, #certTemplateCourseSimple .foreground .body #certPersonBlock table tr th, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock table tr th, #certTemplateSector .foreground .body #certPersonBlock table tr th, #certTemplateSelfRegStd .foreground .body #certPersonBlock table tr th, #certTemplateUniqaInternal .foreground .body #certPersonBlock table tr th, #certTemplateKapitol1 .foreground .body #certPersonBlock table tr th, #certTemplateKapitol2 .foreground .body #certPersonBlock table tr th, #certTemplateBT .foreground .body #certPersonBlock table tr th, #certTemplateForfin .foreground .body #certPersonBlock table tr th, #certTemplateBTAml .foreground .body #certPersonBlock table tr th, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table tr th, #certTemplateBTUvery .foreground .body #certPersonBlock table tr th, #certTemplateBTInvestice .foreground .body #certPersonBlock table tr th, #certTemplatePackage .foreground .body #certPersonBlock table tr th, #certTemplateExam .foreground .body #certPersonBlock table tr td, #certTemplateExamPfp .foreground .body #certPersonBlock table tr td, #certTemplateCourse .foreground .body #certPersonBlock table tr td, #certTemplateCourseSimple .foreground .body #certPersonBlock table tr td, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock table tr td, #certTemplateSector .foreground .body #certPersonBlock table tr td, #certTemplateSelfRegStd .foreground .body #certPersonBlock table tr td, #certTemplateUniqaInternal .foreground .body #certPersonBlock table tr td, #certTemplateKapitol1 .foreground .body #certPersonBlock table tr td, #certTemplateKapitol2 .foreground .body #certPersonBlock table tr td, #certTemplateBT .foreground .body #certPersonBlock table tr td, #certTemplateForfin .foreground .body #certPersonBlock table tr td, #certTemplateBTAml .foreground .body #certPersonBlock table tr td, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table tr td, #certTemplateBTUvery .foreground .body #certPersonBlock table tr td, #certTemplateBTInvestice .foreground .body #certPersonBlock table tr td, #certTemplatePackage .foreground .body #certPersonBlock table tr td {
    font-size: 8pt; }
  #certTemplateExam .foreground .body #certPersonBlock table tr th, #certTemplateExamPfp .foreground .body #certPersonBlock table tr th, #certTemplateCourse .foreground .body #certPersonBlock table tr th, #certTemplateCourseSimple .foreground .body #certPersonBlock table tr th, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock table tr th, #certTemplateSector .foreground .body #certPersonBlock table tr th, #certTemplateSelfRegStd .foreground .body #certPersonBlock table tr th, #certTemplateUniqaInternal .foreground .body #certPersonBlock table tr th, #certTemplateKapitol1 .foreground .body #certPersonBlock table tr th, #certTemplateKapitol2 .foreground .body #certPersonBlock table tr th, #certTemplateBT .foreground .body #certPersonBlock table tr th, #certTemplateForfin .foreground .body #certPersonBlock table tr th, #certTemplateBTAml .foreground .body #certPersonBlock table tr th, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table tr th, #certTemplateBTUvery .foreground .body #certPersonBlock table tr th, #certTemplateBTInvestice .foreground .body #certPersonBlock table tr th, #certTemplatePackage .foreground .body #certPersonBlock table tr th {
    text-align: left;
    padding-right: 5mm; }
  #certTemplateExam .foreground .body #certPersonBlock table tr th:after, #certTemplateExamPfp .foreground .body #certPersonBlock table tr th:after, #certTemplateCourse .foreground .body #certPersonBlock table tr th:after, #certTemplateCourseSimple .foreground .body #certPersonBlock table tr th:after, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock table tr th:after, #certTemplateSector .foreground .body #certPersonBlock table tr th:after, #certTemplateSelfRegStd .foreground .body #certPersonBlock table tr th:after, #certTemplateUniqaInternal .foreground .body #certPersonBlock table tr th:after, #certTemplateKapitol1 .foreground .body #certPersonBlock table tr th:after, #certTemplateKapitol2 .foreground .body #certPersonBlock table tr th:after, #certTemplateBT .foreground .body #certPersonBlock table tr th:after, #certTemplateForfin .foreground .body #certPersonBlock table tr th:after, #certTemplateBTAml .foreground .body #certPersonBlock table tr th:after, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table tr th:after, #certTemplateBTUvery .foreground .body #certPersonBlock table tr th:after, #certTemplateBTInvestice .foreground .body #certPersonBlock table tr th:after, #certTemplatePackage .foreground .body #certPersonBlock table tr th:after {
    content: ":"; }
  #certTemplateExam .foreground .body #certPersonBlock table tr td, #certTemplateExamPfp .foreground .body #certPersonBlock table tr td, #certTemplateCourse .foreground .body #certPersonBlock table tr td, #certTemplateCourseSimple .foreground .body #certPersonBlock table tr td, #certTemplateCourseSimpleLandscape .foreground .body #certPersonBlock table tr td, #certTemplateSector .foreground .body #certPersonBlock table tr td, #certTemplateSelfRegStd .foreground .body #certPersonBlock table tr td, #certTemplateUniqaInternal .foreground .body #certPersonBlock table tr td, #certTemplateKapitol1 .foreground .body #certPersonBlock table tr td, #certTemplateKapitol2 .foreground .body #certPersonBlock table tr td, #certTemplateBT .foreground .body #certPersonBlock table tr td, #certTemplateForfin .foreground .body #certPersonBlock table tr td, #certTemplateBTAml .foreground .body #certPersonBlock table tr td, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table tr td, #certTemplateBTUvery .foreground .body #certPersonBlock table tr td, #certTemplateBTInvestice .foreground .body #certPersonBlock table tr td, #certTemplatePackage .foreground .body #certPersonBlock table tr td {
    text-align: right; }
  #certTemplateExam .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateExamPfp .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateCourse .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateCourseSimple .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateCourseSimpleLandscape .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateSector .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateSelfRegStd .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateUniqaInternal .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateKapitol1 .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateKapitol2 .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBT .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateForfin .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTAml .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTDluhopisy .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTUvery .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTInvestice .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplatePackage .foreground .body #certYearsUntilExpirationBlock .dateTo {
    color: #1a377d;
    font-size: 8pt; }
  #certTemplateExam .foreground .footer, #certTemplateExamPfp .foreground .footer, #certTemplateCourse .foreground .footer, #certTemplateCourseSimple .foreground .footer, #certTemplateCourseSimpleLandscape .foreground .footer, #certTemplateSector .foreground .footer, #certTemplateSelfRegStd .foreground .footer, #certTemplateUniqaInternal .foreground .footer, #certTemplateKapitol1 .foreground .footer, #certTemplateKapitol2 .foreground .footer, #certTemplateBT .foreground .footer, #certTemplateForfin .foreground .footer, #certTemplateBTAml .foreground .footer, #certTemplateBTDluhopisy .foreground .footer, #certTemplateBTUvery .foreground .footer, #certTemplateBTInvestice .foreground .footer, #certTemplatePackage .foreground .footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    padding: 1rem;
    padding-bottom: 0.5rem; }
  #certTemplateExam .foreground .footer .committee-and-signatures .committee, #certTemplateExamPfp .foreground .footer .committee-and-signatures .committee, #certTemplateCourse .foreground .footer .committee-and-signatures .committee, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .committee, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .committee, #certTemplateSector .foreground .footer .committee-and-signatures .committee, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .committee, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .committee, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .committee, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .committee, #certTemplateBT .foreground .footer .committee-and-signatures .committee, #certTemplateForfin .foreground .footer .committee-and-signatures .committee, #certTemplateBTAml .foreground .footer .committee-and-signatures .committee, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .committee, #certTemplateBTUvery .foreground .footer .committee-and-signatures .committee, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .committee, #certTemplatePackage .foreground .footer .committee-and-signatures .committee {
    display: flex;
    box-sizing: border-box; }
  #certTemplateExam .foreground .footer .committee-and-signatures .committee h2, #certTemplateExamPfp .foreground .footer .committee-and-signatures .committee h2, #certTemplateCourse .foreground .footer .committee-and-signatures .committee h2, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .committee h2, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .committee h2, #certTemplateSector .foreground .footer .committee-and-signatures .committee h2, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .committee h2, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .committee h2, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .committee h2, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .committee h2, #certTemplateBT .foreground .footer .committee-and-signatures .committee h2, #certTemplateForfin .foreground .footer .committee-and-signatures .committee h2, #certTemplateBTAml .foreground .footer .committee-and-signatures .committee h2, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .committee h2, #certTemplateBTUvery .foreground .footer .committee-and-signatures .committee h2, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .committee h2, #certTemplatePackage .foreground .footer .committee-and-signatures .committee h2 {
    text-transform: uppercase;
    font-size: 8pt;
    font-weight: bold;
    margin-right: 1rem;
    color: #1a377d; }
  #certTemplateExam .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateExamPfp .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateCourse .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateSector .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateBT .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateForfin .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateBTAml .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateBTUvery .foreground .footer .committee-and-signatures .committee .commissar, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .committee .commissar, #certTemplatePackage .foreground .footer .committee-and-signatures .committee .commissar {
    font-size: 8pt;
    color: #1a377d; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures, #certTemplateSector .foreground .footer .committee-and-signatures .signatures, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures, #certTemplateBT .foreground .footer .committee-and-signatures .signatures, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures {
    box-sizing: border-box;
    display: flex; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateBT .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures .signature, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1rem; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateBT .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature img {
    height: 10mm; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateBT .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature hr {
    background-color: #1a377d;
    border: none;
    margin: 0.5rem 0;
    width: 100%;
    height: 1pt; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBT .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateBT .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role {
    font-size: 8pt;
    color: #1a377d; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBT .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateForfin .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTAml .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTDluhopisy .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTUvery .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateBTInvestice .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name {
    font-weight: bold; }
  #certTemplateExam .foreground .footer #certEfpaFooterData, #certTemplateExamPfp .foreground .footer #certEfpaFooterData, #certTemplateCourse .foreground .footer #certEfpaFooterData, #certTemplateCourseSimple .foreground .footer #certEfpaFooterData, #certTemplateCourseSimpleLandscape .foreground .footer #certEfpaFooterData, #certTemplateSector .foreground .footer #certEfpaFooterData, #certTemplateSelfRegStd .foreground .footer #certEfpaFooterData, #certTemplateUniqaInternal .foreground .footer #certEfpaFooterData, #certTemplateKapitol1 .foreground .footer #certEfpaFooterData, #certTemplateKapitol2 .foreground .footer #certEfpaFooterData, #certTemplateBT .foreground .footer #certEfpaFooterData, #certTemplateForfin .foreground .footer #certEfpaFooterData, #certTemplateBTAml .foreground .footer #certEfpaFooterData, #certTemplateBTDluhopisy .foreground .footer #certEfpaFooterData, #certTemplateBTUvery .foreground .footer #certEfpaFooterData, #certTemplateBTInvestice .foreground .footer #certEfpaFooterData, #certTemplatePackage .foreground .footer #certEfpaFooterData {
    text-align: center;
    font-size: 8pt;
    margin-top: 5mm;
    color: #1a377d; }

#certTemplateBT, #certTemplateForfin, #certTemplateBTAml, #certTemplateBTDluhopisy, #certTemplateBTUvery, #certTemplateBTInvestice {
  color: white;
  width: 297mm;
  height: 209mm; }
  #certTemplateBT .foreground .body #certPersonBlock .username, #certTemplateForfin .foreground .body #certPersonBlock .username, #certTemplateBTAml .foreground .body #certPersonBlock .username, #certTemplateBTDluhopisy .foreground .body #certPersonBlock .username, #certTemplateBTUvery .foreground .body #certPersonBlock .username, #certTemplateBTInvestice .foreground .body #certPersonBlock .username {
    color: white;
    margin-bottom: 0.5rem;
    white-space: nowrap; }
  #certTemplateBT .foreground .body #certPersonBlock table, #certTemplateForfin .foreground .body #certPersonBlock table, #certTemplateBTAml .foreground .body #certPersonBlock table, #certTemplateBTDluhopisy .foreground .body #certPersonBlock table, #certTemplateBTUvery .foreground .body #certPersonBlock table, #certTemplateBTInvestice .foreground .body #certPersonBlock table {
    color: white; }
  #certTemplateBT .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateForfin .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTAml .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTDluhopisy .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTUvery .foreground .body #certYearsUntilExpirationBlock .dateTo, #certTemplateBTInvestice .foreground .body #certYearsUntilExpirationBlock .dateTo {
    color: white;
    font-size: 12pt;
    font-weight: 300;
    text-align: center; }

#certTemplateForfin .foreground .body #certPersonBlock .username, #certTemplateForfin .foreground .body #certPersonBlock .birthdate, #certTemplateForfin .foreground .body #certPersonBlock .insuranceNumber, #certTemplateForfin .foreground .body #certPersonBlock .personalId, #certTemplateForfin .foreground .body #certPersonBlock .address, #certTemplateForfin .foreground .body #certPersonBlock .czechAddress {
  color: #4a4847; }
  #certTemplateForfin .foreground .body #certYearsUntilExpirationBlock .dateTo {
    color: #4a4847;
    font-size: 9pt; }

#certTemplateSector .foreground .body #certCreditsListBlock table {
  line-height: 1.25; }
  #certTemplateSector .foreground .body #certYearsUntilExpirationBlock .dateTo {
    color: #1a377d;
    font-size: 9pt;
    font-weight: 300; }

#addUserData #container .content .box {
  background-color: #fff;
  border: solid 1px #c1c1c1;
  box-sizing: border-box;
  padding: 1rem;
  text-align: center; }
  #addUserData #container .content .box form {
    max-width: 25rem;
    margin: auto; }
  #addUserData #container .content .box form .row {
    text-align: left; }
  #addUserData #container .content .box form .row.submit {
    text-align: center; }

#approveAction #container {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  #approveAction #container .content {
    background-color: #fff;
    border: solid 1px #c1c1c1;
    box-sizing: border-box;
    padding: 1rem;
    text-align: center; }
  #approveAction #container .content p, #approveAction #container .content #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #approveAction #container .content li, #approveAction #container .content #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #approveAction #container .content div {
    text-align: center; }
  #approveAction #container .content form {
    max-width: 25rem;
    margin: auto; }
  #approveAction #container .content form .row {
    text-align: left; }
  #approveAction #container .content form .row.submit {
    text-align: center; }

#adminCert #adminWrapper #container > .content form {
  box-sizing: border-box;
  margin: auto;
  padding: 2rem;
  width: 100%;
  max-width: 40rem; }
  #adminCert #adminWrapper #container > .content form .row {
    margin-bottom: 0.5rem; }
  #adminCert #adminWrapper #container > .content form .row label {
    margin-bottom: 0.25rem; }
  #adminCert #adminWrapper #container > .content form .row label:after {
    content: ":";
    margin-right: 0.5rem; }
  #adminCert #adminWrapper #container > .content form .row input[type="text"], #adminCert #adminWrapper #container > .content form .row textarea {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0; }
  #adminCert #adminWrapper #container > .content form .row.buttons {
    display: flex;
    justify-content: center; }
  #adminCert #adminWrapper #container > .content form .row.error-message {
    display: flex;
    justify-content: center;
    color: #e91c1c; }

#adminCertTemplate #adminWrapper #container {
  font-family: RobotoSlab; }
  #adminCertTemplate #adminWrapper #container .content {
    box-sizing: border-box;
    padding: 1rem; }
  #adminCertTemplate #adminWrapper #container .content > h2 {
    text-align: center; }
  #adminCertTemplate #adminWrapper #container .content #tinymceToolbar {
    margin: auto;
    width: 100%;
    min-height: 2.5rem; }
  #adminCertTemplate #adminWrapper #container .content form {
    align-items: stretch; }
  #adminCertTemplate #adminWrapper #container .content form fieldset {
    border: 1px solid #bababa;
    padding: 1rem;
    flex-grow: 1;
    box-sizing: border-box;
    width: 17rem;
    align-self: center; }
  #adminCertTemplate #adminWrapper #container .content form fieldset legend {
    color: #888;
    font-weight: bold; }
  #adminCertTemplate #adminWrapper #container .content form .row {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminCertTemplate #adminWrapper #container .content form .row.title label {
    margin-bottom: 0.5rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.title input {
    width: 100%;
    max-width: 210mm; }
  #adminCertTemplate #adminWrapper #container .content form .row.required-fields .checkboxes {
    width: 210mm; }
  #adminCertTemplate #adminWrapper #container .content form .row.image {
    gap: 0.5rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.image .hidden {
    display: none; }
  #adminCertTemplate #adminWrapper #container .content form .row.image .image {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    #adminCertTemplate #adminWrapper #container .content form .row.image .image img, #adminCertTemplate #adminWrapper #container .content form .row.image .image video {
      margin-bottom: 0.5rem;
      width: 15rem; }
    #adminCertTemplate #adminWrapper #container .content form .row.image .image progress {
      margin-bottom: 0.5rem;
      /* Reset the default appearance */
      width: 8rem;
      -webkit-appearance: none;
      appearance: none;
      height: 0.5rem; }
    #adminCertTemplate #adminWrapper #container .content form .row.image .image progress::-webkit-progress-bar {
      border-radius: 0.25rem;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      overflow: hidden; }
    #adminCertTemplate #adminWrapper #container .content form .row.image .image progress::-webkit-progress-value {
      background-color: #1a377d; }
  #adminCertTemplate #adminWrapper #container .content form .row.image button {
    margin: auto;
    display: block; }
  #adminCertTemplate #adminWrapper #container .content form .row.cert {
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    margin: 1rem auto 2rem;
    max-width: initial;
    zoom: 0.33; }
  #adminCertTemplate #adminWrapper #container .content form .row.cert .logo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    padding: 1.5rem; }
    #adminCertTemplate #adminWrapper #container .content form .row.cert .logo img {
      height: 2rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.cert #certBody, #adminCertTemplate #adminWrapper #container .content form .row.cert #certFooter {
    box-sizing: border-box;
    width: 100%;
    min-height: 6rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.cert #certBody {
    flex-grow: 1;
    box-sizing: border-box;
    padding: 1rem 2rem; }
    #adminCertTemplate #adminWrapper #container .content form .row.cert #certBody #blockKey\:person, #adminCertTemplate #adminWrapper #container .content form .row.cert #certBody #blockKey\:creditsList {
      background-color: rgba(255, 255, 255, .9);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      min-height: 35mm; }
  @media (min-width: 60em) {
              #adminCertTemplate #adminWrapper #container .content form .row.cert {
                zoom: 50%; } }
  @media (min-width: 70em) {
              #adminCertTemplate #adminWrapper #container .content form .row.cert {
                zoom: 75%; } }
  @media (min-width: 80em) {
              #adminCertTemplate #adminWrapper #container .content form .row.cert {
                zoom: 90%; } }
  @media (min-width: 90em) {
              #adminCertTemplate #adminWrapper #container .content form .row.cert {
                zoom: 100%; } }
  #adminCertTemplate #adminWrapper #container .content form .row.state {
    height: 2rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.state .message {
    text-align: center; }
    #adminCertTemplate #adminWrapper #container .content form .row.state .message.error {
      color: #e91c1c; }
    #adminCertTemplate #adminWrapper #container .content form .row.state .message.completed {
      color: #79be48; }
  #adminCertTemplate #adminWrapper #container .content form .row.state .sending {
    height: 2rem;
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem 1.25rem;
    margin-bottom: 1rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.links table th, #adminCertTemplate #adminWrapper #container .content form .row.links table td {
    padding: 0.25rem 0.5rem; }
  #adminCertTemplate #adminWrapper #container .content form .row.buttons {
    flex-direction: row;
    justify-content: center; }
  #adminCertTemplate #adminWrapper #container .content form .row.buttons input {
    margin: 0 0.5rem; }

#adminCorporateInvoicing #container > .content {
  min-height: 60vh; }
  #adminCorporateInvoicing #container > .content #adminTable table thead tr.marked, #adminCorporateInvoicing #container > .content #adminTable table tbody tr.marked {
    background-color: #ff7f0066; }
  #adminCorporateInvoicing #container > .content #adminTable table thead tr th, #adminCorporateInvoicing #container > .content #adminTable table tbody tr th, #adminCorporateInvoicing #container > .content #adminTable table thead tr td, #adminCorporateInvoicing #container > .content #adminTable table tbody tr td {
    text-align: center; }
    #adminCorporateInvoicing #container > .content #adminTable table thead tr th.name, #adminCorporateInvoicing #container > .content #adminTable table tbody tr th.name, #adminCorporateInvoicing #container > .content #adminTable table thead tr td.name, #adminCorporateInvoicing #container > .content #adminTable table tbody tr td.name, #adminCorporateInvoicing #container > .content #adminTable table thead tr th.actions, #adminCorporateInvoicing #container > .content #adminTable table tbody tr th.actions, #adminCorporateInvoicing #container > .content #adminTable table thead tr td.actions, #adminCorporateInvoicing #container > .content #adminTable table tbody tr td.actions {
      text-align: left; }

#adminCorporateInvoicingOld #filter {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 1rem 2rem;
  width: 100%; }
  #adminCorporateInvoicingOld #filter .wrapper {
    width: 100%;
    max-width: 60rem; }
  #adminCorporateInvoicingOld #filter .wrapper .row > input {
    margin-bottom: 0; }
  #adminCorporateInvoicingOld #filter .wrapper .dateRangePicker {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: none; }
  #adminCorporateInvoicingOld #filter .wrapper .dateRangePicker .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #adminCorporateInvoicingOld #filter .wrapper .dateRangePicker .buttons button {
    margin: 0 0.25rem 0.5rem; }
  #adminCorporateInvoicingOld #filter .wrapper .dateRangePicker .datePickers {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminCorporateInvoicingOld #filter .wrapper .dateRangePicker .datePickers button[name="selectRange"] {
    margin-bottom: 1rem; }
  #adminCorporateInvoicingOld #filter.date-range-visible .wrapper .row > select, #adminCorporateInvoicingOld #filter.date-range-visible .wrapper .row > input {
    display: none; }
  #adminCorporateInvoicingOld #filter.date-range-visible .wrapper .dateRangePicker {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #adminCorporateInvoicingOld .products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #adminCorporateInvoicingOld .products a.product {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    background-color: #fff;
    box-sizing: border-box;
    border: solid 1px #bfbfbf;
    margin: 1rem;
    padding: 1rem;
    width: 100%;
    max-width: 20rem; }
  #adminCorporateInvoicingOld .products a.product:hover {
    border-color: #1a377d; }
  #adminCorporateInvoicingOld .products a.product .title {
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
  #adminCorporateInvoicingOld .products a.product .type {
    font-size: 0.9rem;
    font-style: italic;
    color: #a1a1a1; }
  #adminCorporateInvoicingOld .products a.product .variants {
    margin-top: 1rem;
    width: 100%; }
  #adminCorporateInvoicingOld .products a.product .variants .variants-title {
    font-size: 0.9rem;
    margin-bottom: 0.25rem; }
  #adminCorporateInvoicingOld .products a.product .variants .variant {
    display: flex;
    justify-content: flex-start;
    font-size: 0.75rem;
    color: #000; }
  #adminCorporateInvoicingOld .products a.product .variants .variant .title {
    text-transform: none; }
  #adminCorporateInvoicingOld .products a.product .variants .variant .title:after {
    content: ":";
    margin-right: 0.5rem; }

#adminDeaktivaceUzivatelu #container .addresses {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: center;
  margin: 2rem 0 1rem; }
  #adminDeaktivaceUzivatelu #container .addresses form {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 2rem);
    max-width: 30rem; }
  #adminDeaktivaceUzivatelu #container .addresses form textarea[name="emails"] {
    width: 100%;
    min-height: 10rem; }
  #adminDeaktivaceUzivatelu #container .addresses form input[name="filter"] {
    width: 100%;
    max-width: 20rem; }
  #adminDeaktivaceUzivatelu #container .users {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
    width: calc(100% - 2rem); }
  #adminDeaktivaceUzivatelu #container .users .user {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border: solid 1px #1a377d;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    width: 100%;
    max-width: 40rem; }
  #adminDeaktivaceUzivatelu #container .users .user .head {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    line-height: 1.5; }
  #adminDeaktivaceUzivatelu #container .users .user .head .tags {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    flex-grow: 1; }
  #adminDeaktivaceUzivatelu #container .users .user .head .tags .status, #adminDeaktivaceUzivatelu #container .users .user .head .tags .activated {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    background-color: #1a377d;
    font-size: 0.75rem;
    margin-left: 0.5rem;
    padding: 0 0.25rem;
    color: #fff; }
  #adminDeaktivaceUzivatelu #container .users .user .row {
    font-size: 0.9rem; }
  #adminDeaktivaceUzivatelu #container .users .user .row .label {
    color: #1a377d; }
  #adminDeaktivaceUzivatelu #container .users .user .row .label:after {
    content: ":";
    margin-right: 0.5rem; }
  #adminDeaktivaceUzivatelu #container .users .user .row .value:after {
    content: ",";
    margin-right: 0.25rem; }
  #adminDeaktivaceUzivatelu #container .users .user .row .value:last-child:after {
    content: "";
    margin-right: 0; }
  #adminDeaktivaceUzivatelu #container .users .user .row.numberOfSubordinates {
    display: flex;
    align-items: center; }
  #adminDeaktivaceUzivatelu #container .users .user .row.numberOfSubordinates img {
    margin-right: 0.5rem;
    width: 1.5rem;
    height: 1.5rem; }
  #adminDeaktivaceUzivatelu #container .users input[name="deactivate"] {
    margin-bottom: 1rem; }
  #adminDeaktivaceUzivatelu #container .error-message, #adminDeaktivaceUzivatelu #container .success-message {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-bottom: 1rem; }
  #adminDeaktivaceUzivatelu #container .error-message {
    color: #e91c1c; }
  #adminDeaktivaceUzivatelu #container .success-message {
    color: #00a700; }

#adminEditCommissar #adminWrapper #container .content {
  overflow: initial; }
  #adminEditCommissar #adminWrapper #container .content h2 {
    text-align: center;
    margin: 1rem 0; }
  #adminEditCommissar #adminWrapper #container .content form {
    margin-bottom: 12rem; }
  #adminEditCommissar #adminWrapper #container .content form .fieldsets {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1rem; }
  #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset {
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    padding: 1rem;
    width: 100%;
    max-width: 20rem; }
  @media (min-width: 40em) {
              #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset {
                width: 50%; }
                #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset:nth-child(2) {
                  margin-left: 1rem; } }
  @media (min-width: 60em) {
              #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset {
                width: calc(100% / 3); }
                #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset:nth-child(3) {
                  margin-left: 1rem; } }
  #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row {
    margin-bottom: 0.5rem;
    width: 100%;
    max-width: 30rem; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row label {
      margin-bottom: 0.5rem; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row.sector > .label {
      color: #79be48; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row.signature img.signature {
      display: block;
      border: solid 1px #bfbfbf;
      box-sizing: border-box;
      margin-bottom: 0.5rem;
      max-width: 100%;
      max-height: 6rem;
      cursor: pointer; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row.signature input[name="signature"] {
      display: none; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row input[type="text"], #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row select, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row textarea {
      width: 100%; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset .row > textarea[name="note"] {
      height: 10rem; }
  #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract {
    box-sizing: border-box;
    border: solid 1px #bfbfbf;
    padding: 1rem;
    margin-bottom: 1rem; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .name, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .contractDate, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .supplement, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .cooperation, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .note {
      margin-bottom: 0.5rem; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .name .title, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .contractDate .title, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .supplement .title, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .cooperation .title, #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .note .title {
      font-weight: bold; }
    #adminEditCommissar #adminWrapper #container .content form .fieldsets fieldset.contracts .row.contract .buttons {
      display: flex;
      justify-content: space-around;
      margin-bottom: 0; }
  #adminEditCommissar #adminWrapper #container .content form .buttons, #adminEditCommissar #adminWrapper #container .content form .error-message {
    box-sizing: border-box;
    padding: 1rem;
    width: 100%; }

#adminEshop .content {
  padding: 1rem; }
  #adminEshop .content .header {
    position: relative; }
  #adminEshop .content .header .month-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem; }
  #adminEshop .content .header .month-switcher .actual {
    font-weight: bold;
    font-size: 1.5rem;
    color: #1a377d; }
  #adminEshop .content .header .month-switcher button {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-right: 1rem; }
  #adminEshop .content .header .month-switcher button:last-child {
    margin-left: 1rem;
    margin-right: 0; }
  #adminEshop .content .header .month-switcher button .arrow {
    border-left: 4px solid white;
    border-bottom: 4px solid white;
    width: 0.75rem;
    height: 0.75rem;
    box-sizing: border-box; }
  #adminEshop .content .header .month-switcher button .arrow.left {
    transform: rotate(45deg);
    margin-left: 0.25rem; }
  #adminEshop .content .header .month-switcher button .arrow.right {
    transform: rotate(-135deg);
    margin-right: 0.25rem; }
  #adminEshop .content .header .month-switcher .button-placeholder {
    width: 2rem;
    height: 2rem;
    margin-left: 1rem; }
  #adminEshop .content .header .download-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right; }
  #adminEshop .content table {
    width: 100%;
    font-size: 0.875rem; }
  #adminEshop .content table thead {
    color: #1a377d; }
  #adminEshop .content table tbody tr:nth-child(odd) {
    background-color: #f1f1f1; }
  #adminEshop .content table tbody tr.footer {
    background-color: #1a377d;
    color: white;
    font-weight: bold; }
  #adminEshop .content table td, #adminEshop .content table th {
    text-align: left;
    padding: 0.125rem 0.25rem; }
  #adminEshop .content table td.group, #adminEshop .content table th.group {
    color: #1a377d; }
  #adminEshop .content table td.product, #adminEshop .content table th.product {
    width: 40%; }
  #adminEshop .content table td.personalCounter, #adminEshop .content table th.personalCounter, #adminEshop .content table td.groupCounter, #adminEshop .content table th.groupCounter {
    width: 10%; }
  #adminEshop .content table td.groupSales, #adminEshop .content table th.groupSales, #adminEshop .content table td.personalSales, #adminEshop .content table th.personalSales {
    width: 20%; }
  #adminEshop .content table td.number, #adminEshop .content table th.number {
    text-align: right; }

#adminEmailTemplate #adminWrapper #container > .content {
  padding: 1rem; }
  #adminEmailTemplate #adminWrapper #container > .content .group {
    margin-bottom: 0.5rem; }
  #adminEmailTemplate #adminWrapper #container > .content form .row {
    margin-bottom: 0.5rem; }
  #adminEmailTemplate #adminWrapper #container > .content form .row label {
    margin-bottom: 0.5rem; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.subject #emailSubject {
    border-radius: 0.5rem;
    border: solid 1px #bfbfbf;
    min-height: 2rem;
    width: 100%; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper {
    background-color: #fff;
    font-size: 14px;
    font-weight: 200;
    border-color: #000;
    margin: auto;
    padding: 30px 3rem;
    width: 400px;
    box-shadow: 0 2px 10px 0px #183376;
    color: #000; }
    #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper p, #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper li, #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper div {
      margin-bottom: 0; }
    #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper #emailBody {
      min-height: 1rem;
      border: 1px solid #bfbfbf;
      border-radius: 0.5rem;
      padding: 0.5rem;
      margin: 0 -0.5rem; }
    #adminEmailTemplate #adminWrapper #container > .content form .row.body .email-wrapper #emailBody .block-placeholder {
      text-align: center; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.recipients .recipients-label {
    color: #bfbfbf; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.recipients textarea {
    width: 20rem;
    min-height: 10rem; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.state {
    height: 2rem; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.state .message {
    text-align: center; }
    #adminEmailTemplate #adminWrapper #container > .content form .row.state .message.error {
      color: #e91c1c; }
    #adminEmailTemplate #adminWrapper #container > .content form .row.state .message.completed {
      color: #79be48; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.state .sending {
    height: 2rem;
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem 1.25rem;
    margin-bottom: 1rem; }
  #adminEmailTemplate #adminWrapper #container > .content form .row.buttons {
    text-align: center; }

#adminExportCnbStats form {
  margin: 2rem auto;
  width: 100%;
  max-width: 20rem; }
  #adminExportCnbStats form .row label {
    margin-bottom: 0.25rem; }
  #adminExportCnbStats form .row select[name="product"] {
    margin-bottom: 1rem;
    width: 100%; }
  #adminExportCnbStats form .row .datePicker input {
    background-color: #fff;
    width: 100%; }
  #adminExportCnbStats form .row .datePicker .box {
    max-width: 20rem; }
  #adminExportCnbStats form .row input[name="submit"] {
    margin-top: 1rem;
    width: 100%; }

#adminFixProductTopics form {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0; }
  #adminFixProductTopics form select[name="product"] {
    margin-right: 1rem; }

#adminGroup .content form {
  padding: 1rem;
  box-sizing: border-box; }
  #adminGroup .content form fieldset {
    border: 1px solid #bababa;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
    flex-grow: 1;
    box-sizing: border-box; }
  #adminGroup .content form fieldset legend {
    color: #888;
    font-weight: bold; }
  #adminGroup .content form fieldset .row {
    display: block;
    margin-bottom: 0.5rem;
    padding: 0.25rem;
    box-sizing: border-box; }
  #adminGroup .content form fieldset .row label {
    color: #1a377d;
    font-weight: bold; }
  #adminGroup .content form fieldset .row .explain {
    font-style: italic;
    color: #666;
    font-size: 0.875rem; }
  #adminGroup .content form fieldset .row input {
    margin-bottom: 0; }
  #adminGroup .content form fieldset .row input[type='text'], #adminGroup .content form fieldset .row input[type='number'] {
    width: 100%; }
  #adminGroup .content form fieldset .row textarea {
    width: 100%;
    min-height: 6rem;
    margin-bottom: 0; }
  #adminGroup .content form fieldset .row select {
    width: 100%; }
  #adminGroup .content form fieldset .row table th {
    text-align: start;
    padding-right: 1rem; }
  #adminGroup .content form fieldset .row table tbody th {
    font-weight: normal; }
  #adminGroup .content form fieldset .row .tinyMCEBlock {
    border: 1px solid #bfbfbf;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 5rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem; }
  #adminGroup .content form fieldset .row.image .hidden {
    display: none; }
  #adminGroup .content form fieldset .row.image .image {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminGroup .content form fieldset .row.image .image img, #adminGroup .content form fieldset .row.image .image video {
    margin-bottom: 0.5rem;
    width: 15rem; }
  #adminGroup .content form fieldset .row.image .image progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
    #adminGroup .content form fieldset .row.image .image progress::-webkit-progress-bar {
      border-radius: 0.25rem;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      overflow: hidden; }
    #adminGroup .content form fieldset .row.image .image progress::-webkit-progress-value {
      background-color: #1a377d; }
  #adminGroup .content form fieldset .row.image button {
    margin: auto;
    display: block; }
  #adminGroup .content form fieldset #adminTable {
    margin-bottom: 1rem; }
  #adminGroup .content form .fieldsets {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%; }
  #adminGroup .content form .fieldsets fieldset {
    width: 100%; }
  @media screen and (min-width: 40em) {
          #adminGroup .content form .fieldsets fieldset {
            width: calc(50% - 2rem); } }

#adminImportOtazek form {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #fff;
  box-sizing: border-box;
  margin-top: 1rem;
  padding: 1rem;
  width: 100%;
  max-width: 35rem; }
  #adminImportOtazek form .row {
    margin-bottom: 1rem;
    width: 100%; }
  #adminImportOtazek form .row label {
    margin-bottom: 0.5rem; }
  #adminImportOtazek form .row input[name="file"] {
    display: none; }
  #adminImportOtazek form .row.submit {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    border-top: solid 1px #898989;
    margin-bottom: 0;
    padding-top: 1rem; }
  #adminImportOtazek form .row.error-message {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    color: #e91c1c; }
  #adminImportOtazek .questions-imports {
    width: calc(100% - 2rem);
    max-width: 35rem; }
  #adminImportOtazek .questions-imports h2 {
    margin-top: 1rem; }
  #adminImportOtazek .questions-imports .question-import {
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    width: 100%; }
  #adminImportOtazek .questions-imports .question-import .title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1rem;
    width: 100%;
    color: #1a377d; }
  #adminImportOtazek .questions-imports .question-import .filename {
    text-align: center;
    margin-bottom: 1rem;
    color: #898989; }
  #adminImportOtazek .questions-imports .question-import .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-bottom: 1rem; }
  #adminImportOtazek .questions-imports .question-import .buttons button {
    margin: 0 0.25rem; }
  #adminImportOtazek .questions-imports .question-import .label {
    margin-bottom: 0.5rem; }
  #adminImportOtazek .questions-imports .question-import .script {
    background-color: #e5e5e5;
    border: solid 1px #898989;
    margin-bottom: 1rem;
    padding: 0.25rem 0.5rem; }
  #adminImportOtazek .questions-imports .question-import .script pre {
    margin-bottom: 0;
    white-space: pre-line; }
  #adminImportOtazek .questions-imports .question-import .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center; }
  #adminImportOtazek .questions-imports .question-import .date {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    font-size: 0.75rem;
    width: 100%;
    color: #898989; }

#adminInvoicesOld .years {
  width: 100%; }
  #adminInvoicesOld .years h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f1f1f1;
    width: 100%;
    min-height: 2.5rem; }
  #adminInvoicesOld .years .months {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem; }
  #adminInvoicesOld .years .months .month {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    min-width: 20rem; }
  #adminInvoicesOld .years .months .month .title {
    flex-grow: 1; }
  #adminInvoicesOld .years .months .month .separator:after {
    content: "|";
    margin: 0 0.5rem; }

#adminMissingMoodleEnrollments #adminWrapper #container > .content .selects {
  padding: 1rem; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content .enroll-all-wrap {
    text-align: center;
    padding: 1rem; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table {
    margin-bottom: 0;
    min-width: 100%; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr th, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr th, #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr td, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td {
    padding: 0.25rem;
    font-size: 0.75rem; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr th:first-child, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr th:first-child, #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr td:first-child, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td:first-child {
      border-left: none; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr th:last-child, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr th:last-child, #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr td:last-child, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td:last-child {
      border-right: none; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr th.checkbox div, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr th.checkbox div, #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr td.checkbox div, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td.checkbox div {
      display: flex;
      justify-content: center;
      align-items: center; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr th.checkbox div input[type="checkbox"], #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr th.checkbox div input[type="checkbox"], #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr td.checkbox div input[type="checkbox"], #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td.checkbox div input[type="checkbox"] {
      margin-right: 0; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr th {
    border: solid 1px #bfbfbf;
    min-width: initial; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.column-names th {
    text-align: left;
    border-bottom: none; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.column-names th .sortable:hover {
      cursor: pointer; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.tools th {
    border-top: none; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.tools th .column-search input, #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.tools th .column-search select {
      width: 100%; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.tools th .column-search input {
      border-radius: 0;
      font-weight: normal;
      margin: 0; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table thead tr.tools th .column-search select {
      min-width: 6rem; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td {
    border: solid 1px #bfbfbf;
    border-top: none;
    border-bottom: none; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td.no-results {
      text-align: center;
      padding: 0.5rem; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td.boolean {
      text-align: center; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td.date, #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td.datetime {
      white-space: nowrap;
      font-size: 0.75rem; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td .normal-content {
      padding-bottom: 0.25rem;
      min-height: 1.5rem; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td .normal-content.color {
      border-radius: 0.25rem;
      width: 100%;
      height: 100%; }
    #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr td .edit-content {
      position: relative;
      margin-bottom: 0.125rem;
      border-radius: 0;
      border: 1px solid 22;
      font-weight: normal;
      font-size: 0.75rem;
      display: none;
      height: auto; }
  #adminMissingMoodleEnrollments #adminWrapper #container > .content table tbody tr:nth-child(2n) {
    background-color: #f1f1f1; }

#adminNCRule h2 {
  text-align: center;
  margin: 2rem 0 1rem; }
  #adminNCRule #editRuleDescription {
    margin: 0 2rem; }
  #adminNCRule #editRuleDescription form .row {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
    width: 100%; }
  #adminNCRule #editRuleDescription form .row.send-email-immediately {
    justify-content: center; }
  #adminNCRule #editRuleDescription form .row label {
    margin-bottom: 0;
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: bold; }
  #adminNCRule #editRuleDescription form .row label input[type="checkbox"] {
    margin-right: 0.5rem; }
  #adminNCRule #editRuleDescription form .row textarea {
    background-color: white;
    margin-top: 0.5rem;
    margin-bottom: 0;
    width: 100%; }

#adminNCTemplate #adminWrapper #container > .content {
  padding: 1rem; }
  #adminNCTemplate #adminWrapper #container > .content form .columns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    width: 100%; }
  #adminNCTemplate #adminWrapper #container > .content form .columns fieldset {
    border: solid 1px #bfbfbf;
    padding: 1rem; }
  #adminNCTemplate #adminWrapper #container > .content form .columns fieldset.settings {
    min-width: 20rem; }
  #adminNCTemplate #adminWrapper #container > .content form .columns fieldset.notification {
    flex-grow: 1;
    margin-left: 1rem; }
  #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row {
    margin-bottom: 0.5rem; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row label {
      margin-bottom: 0.5rem; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row input[type="text"], #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row select {
      width: 100%; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.subject #ncTemplateSubject {
      border-radius: 0.5rem;
      border: solid 1px #bfbfbf;
      min-height: 2rem;
      width: 100%; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper {
      background-color: #fff;
      font-size: 14px;
      font-weight: 200;
      box-sizing: border-box;
      border-color: #000;
      width: 100%;
      color: #000; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper p, #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper li, #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper div {
      margin-bottom: 0; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper #ncTemplateBody {
      border: 1px solid #bfbfbf;
      border-radius: 0.5rem;
      padding: 1rem;
      min-height: 10rem; }
      #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.body .email-wrapper #ncTemplateBody .block-placeholder {
        text-align: center; }
    #adminNCTemplate #adminWrapper #container > .content form .columns fieldset .row.attachments label > input[type="checkbox"] {
      margin-right: 0.5rem; }
  #adminNCTemplate #adminWrapper #container > .content form .row.state {
    height: 2rem; }
  #adminNCTemplate #adminWrapper #container > .content form .row.state .message {
    text-align: center; }
    #adminNCTemplate #adminWrapper #container > .content form .row.state .message.error {
      color: #e91c1c; }
    #adminNCTemplate #adminWrapper #container > .content form .row.state .message.completed {
      color: #79be48; }
  #adminNCTemplate #adminWrapper #container > .content form .row.buttons {
    text-align: center; }

#adminNejchybovejsiOtazky form {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%;
  max-width: 35rem; }
  #adminNejchybovejsiOtazky form select {
    margin: 0 0.5rem 0.5rem;
    width: 100%; }
  @media screen and (min-width: 40em) {
      #adminNejchybovejsiOtazky form select {
        max-width: 10rem; } }
  #adminNejchybovejsiOtazky a#csvExport {
    display: inline-block;
    margin: 0 0 1rem 1rem; }
  #adminNejchybovejsiOtazky #most-failing-questions {
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%; }
  #adminNejchybovejsiOtazky #most-failing-questions table {
    border: solid 1px #000;
    border-collapse: collapse;
    font-size: 0.75rem;
    margin-bottom: 2rem;
    width: 100%; }
  #adminNejchybovejsiOtazky #most-failing-questions table thead tr th, #adminNejchybovejsiOtazky #most-failing-questions table tbody tr th, #adminNejchybovejsiOtazky #most-failing-questions table thead tr td, #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td {
    padding: 0.25rem 0.5rem; }
  #adminNejchybovejsiOtazky #most-failing-questions table thead tr th {
    background-color: #1a377d;
    text-align: left;
    white-space: nowrap;
    color: #fff; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr {
    background-color: #fff; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr.r2 {
    background-color: #f1f1f1; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td {
    text-align: left;
    vertical-align: top; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td.no-results {
    text-align: center; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td.id {
    text-align: left; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td.errors, #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td.used, #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td.errorness {
    text-align: right;
    white-space: nowrap; }
  #adminNejchybovejsiOtazky #most-failing-questions table tbody tr td.is-right {
    text-align: center; }

#adminSalesStatistics #adminWrapper #container .content {
  padding: 1rem; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap {
    align-items: stretch;
    font-size: 0.875rem; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap h4 {
    font-weight: bold; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow {
    display: flex;
    gap: 1rem; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsTimeDimension {
    width: 40rem; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsTimeDimension .row {
    display: flex;
    gap: 0.5rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsTimeDimension .row label {
      flex-direction: column; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions {
    margin-bottom: 0.25rem; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions .selectedDimensions {
    width: 100%;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions .selectedDimensions .dimension {
      box-sizing: border-box;
      padding: 0.125rem 0.25rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      border-radius: 0.5rem;
      border-style: solid;
      border-width: 2px;
      margin-top: 0.5rem;
      border-color: #bfbfbf; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions .selectedDimensions .dimension:nth-child(even) {
      background-color: transparent; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions .selectedDimensions .dimension .name {
      max-width: 90%;
      flex: 1 0 auto; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions .selectedDimensions .dimension .cross {
      color: #e91c1c;
      background-color: white;
      padding: 0.1rem 0.3rem;
      border-radius: 0.2rem;
      margin: 0.3rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap .firstRow #salesStatsDimensions .selectedDimensions .dimension .cross:hover {
      text-decoration: none; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters {
    margin-bottom: 0.5rem; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets {
    gap: 0.5rem;
    display: flex;
    flex-wrap: wrap; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset {
    box-sizing: border-box;
    border: solid 1px #e1e1e1;
    margin-bottom: 0.25rem;
    padding: 0.75rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset legend {
      font-weight: bold;
      font-size: 0.875rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset .selectedItems {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-bottom: 1rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset .selectedItems .noItem {
      color: #e1e1e1; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset .selectedItems .selectedItem {
      position: relative;
      background-color: #f1f1f1;
      box-sizing: border-box;
      border-radius: 0.5rem;
      border: solid 1px #bfbfbf;
      padding: 0.5rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset .selectedItems .selectedItem button {
      position: absolute;
      background-image: url("/static/img/icons/close.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 0.75rem;
      display: block;
      margin-right: auto;
      border-radius: 100%;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem;
      top: -0.5rem;
      right: -0.5rem; }
    #adminSalesStatistics #adminWrapper #container .content .settingWrap #salesStatsFilters .fieldsets fieldset .searchWrap {
      display: flex;
      gap: 0.5rem;
      align-items: center; }
  #adminSalesStatistics #adminWrapper #container .content .settingWrap .buttons {
    text-align: center;
    margin-bottom: 1rem;
    width: 100%; }
  #adminSalesStatistics #adminWrapper #container .content table {
    margin: auto; }
  #adminSalesStatistics #adminWrapper #container .content table tr td, #adminSalesStatistics #adminWrapper #container .content table tr th {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    border: 1px solid #e8e8e8; }
  #adminSalesStatistics #adminWrapper #container .content table tr td {
    font-size: 0.75rem; }
  #adminSalesStatistics #adminWrapper #container .content table tr td.center {
    text-align: center; }
  #adminSalesStatistics #adminWrapper #container .content table tr td.amount, #adminSalesStatistics #adminWrapper #container .content table tr td.quantity {
    text-align: right;
    white-space: nowrap; }
  #adminSalesStatistics #adminWrapper #container .content #salesStatsCharts {
    max-width: 80rem; }
  #adminSalesStatistics #adminWrapper #container .content .noDataNotice {
    padding: 1rem;
    text-align: center;
    font-style: italic; }

#adminTerm #adminWrapper #container .content {
  display: flex; }

#adminTermUsers .title .products {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap; }
  #adminTermUsers .title .products .card {
    display: flex;
    margin: 0.25rem;
    padding: 0.25rem 1rem;
    justify-content: center;
    align-items: center;
    border: 1px solid #1a377d;
    box-sizing: border-box;
    width: 8rem; }
  #adminTermUsers .title .products .card.active {
    background-color: #1a377d;
    color: white; }
  #adminTermUsers .content {
    padding: 1rem; }
  #adminTermUsers .content .csvExportButton {
    display: block;
    margin-bottom: 1rem; }
  #adminTermUsers .content table {
    width: 100%;
    font-size: 0.875rem; }
  #adminTermUsers .content table tbody tr td.state-1 {
    color: #c0392b;
    font-weight: bold; }
  #adminTermUsers .content table tbody tr td.state-2 {
    color: #f39c12;
    font-weight: bold; }
  #adminTermUsers .content table tbody tr td.state-3 {
    color: #27ae60;
    font-weight: bold; }
  #adminTermUsers .content table tbody tr td.state-4 {
    color: #2980b9;
    font-weight: bold; }
  #adminTermUsers .content table tbody tr td.state-5 {
    color: #2c3e50;
    font-weight: bold; }
  #adminTermUsers .content table tbody tr td.state-6 {
    color: #8e44ad;
    font-weight: bold; }
  #adminTermUsers .content table tbody tr.enrollment:nth-child(odd) {
    background-color: #f1f1f1; }
  #adminTermUsers .content table tbody tr.order:nth-child(odd) {
    background-color: #f1f1f1; }
  #adminTermUsers .content table td, #adminTermUsers .content table th {
    text-align: left;
    padding: 0.125rem 0.25rem; }
  #adminTermUsers .content table td.group, #adminTermUsers .content table th.group {
    color: #1a377d; }
  #adminTermUsers .content table td.id, #adminTermUsers .content table th.id {
    width: 8%; }
  #adminTermUsers .content table td.product, #adminTermUsers .content table th.product {
    width: 20%; }
  #adminTermUsers .content table td.firstname, #adminTermUsers .content table th.firstname, #adminTermUsers .content table td.lastname, #adminTermUsers .content table th.lastname {
    width: 15%; }
  #adminTermUsers .content table td.email, #adminTermUsers .content table th.email {
    width: 20%; }

#adminTermUsersQrPdf .page {
  width: 210mm;
  padding-top: 15mm;
  padding-left: 8mm;
  padding-right: 22mm;
  background-color: white;
  box-sizing: border-box; }
  #adminTermUsersQrPdf .page .row {
    display: flex;
    height: 30mm;
    align-items: center; }
  @media print {
      #adminTermUsersQrPdf .page .row.breaker {
        page-break-after: always; } }
  #adminTermUsersQrPdf .page .left {
    width: 55mm;
    margin-right: 33mm; }
  #adminTermUsersQrPdf .page .left .firstName {
    font-size: 0.875rem; }
  #adminTermUsersQrPdf .page .left .lastName {
    font-size: 1.5rem; }
  #adminTermUsersQrPdf .page .left .product {
    font-size: 0.625rem; }
  #adminTermUsersQrPdf .page .center, #adminTermUsersQrPdf .page .right {
    margin: 4mm 0; }
  #adminTermUsersQrPdf .page .center img, #adminTermUsersQrPdf .page .right img {
    width: 23mm;
    height: 23mm; }
  #adminTermUsersQrPdf .page .center {
    margin-right: 47mm; }

#adminTestCorrector a.back {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
  padding: 0.25rem 0.5rem;
  border: none;
  color: #1a377d; }
  #adminTestCorrector a.back:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #1a377d;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #adminTestCorrector form.tests {
    display: block; }
  #adminTestCorrector form.tests .test {
    margin: 0.5rem; }
  #adminTestCorrector form.tests .test label.ignore {
    margin-bottom: 0.5rem; }
  #adminTestCorrector form.tests .test label.ignore input[type="checkbox"] {
    margin-right: 0.5rem; }
  #adminTestCorrector form.tests .test .testId, #adminTestCorrector form.tests .test .pageNumber, #adminTestCorrector form.tests .test .userId, #adminTestCorrector form.tests .test .numbersValid, #adminTestCorrector form.tests .test .isChecked, #adminTestCorrector form.tests .test .testExists {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
    gap: 0.25rem; }
  #adminTestCorrector form.tests .test .testId img, #adminTestCorrector form.tests .test .pageNumber img, #adminTestCorrector form.tests .test .userId img, #adminTestCorrector form.tests .test .numbersValid img, #adminTestCorrector form.tests .test .isChecked img, #adminTestCorrector form.tests .test .testExists img {
    margin-right: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  #adminTestCorrector form.tests .test .testId span, #adminTestCorrector form.tests .test .pageNumber span, #adminTestCorrector form.tests .test .userId span, #adminTestCorrector form.tests .test .numbersValid span, #adminTestCorrector form.tests .test .isChecked span, #adminTestCorrector form.tests .test .testExists span {
    font-weight: bold; }
  #adminTestCorrector form.tests .test .testId.hidden, #adminTestCorrector form.tests .test .pageNumber.hidden, #adminTestCorrector form.tests .test .userId.hidden {
    display: none; }
  #adminTestCorrector form.tests .test .testId div:first-child, #adminTestCorrector form.tests .test .pageNumber div:first-child, #adminTestCorrector form.tests .test .userId div:first-child {
    min-width: 6rem; }
  #adminTestCorrector form.tests .test .testId input, #adminTestCorrector form.tests .test .pageNumber input, #adminTestCorrector form.tests .test .userId input {
    margin-bottom: 0;
    width: 8rem; }
  #adminTestCorrector form.tests .test .buttons {
    margin: 1rem 0; }
  #adminTestCorrector form.tests .test .pages {
    display: flex;
    flex-direction: column; }
  #adminTestCorrector form.tests .test .pages .page {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    max-width: 50rem;
    min-height: initial; }
  #adminTestCorrector form.tests .test .pages .page + .page {
    margin-top: 0.5rem; }
  #adminTestCorrector form.tests .test .pages .page svg {
    box-sizing: border-box;
    border: solid 1px #000;
    margin-bottom: 0.5rem;
    width: 100%; }
  #adminTestCorrector form.tests .test .pages .page svg g.square:hover {
    cursor: pointer; }
  #adminTestCorrector form.tests .test .pages .page svg g.suspicious text {
    font: bold 1.125rem serif;
    fill: red; }
  #adminTestCorrector form.tests .test .pages .page .number {
    text-align: center; }
  #adminTestCorrector form.tests .test .questions .question {
    display: flex;
    align-items: center;
    font-size: 0.9rem; }
  #adminTestCorrector form.tests .test .questions .question .number {
    text-align: right;
    margin-right: 1rem;
    min-width: 3rem; }
  #adminTestCorrector form.tests .test .questions .question .circles, #adminTestCorrector form.tests .test .questions .question .states, #adminTestCorrector form.tests .test .questions .question .grayscales {
    display: flex;
    align-items: center; }
  #adminTestCorrector form.tests .test .questions .question .circles {
    margin-right: 1rem; }
  #adminTestCorrector form.tests .test .questions .question .circles div {
    font-size: 1.5rem; }
  #adminTestCorrector form.tests .test .questions .question .states, #adminTestCorrector form.tests .test .questions .question .grayscales {
    margin-right: 1rem; }
  #adminTestCorrector form.tests .test .questions .question .states b, #adminTestCorrector form.tests .test .questions .question .grayscales b {
    margin-right: 0.5rem; }
  #adminTestCorrector form.tests .test .questions .question .states div + div:before, #adminTestCorrector form.tests .test .questions .question .grayscales div + div:before {
    content: "|";
    font-weight: bold;
    margin: 0 0.5rem; }
  #adminTestCorrector .save-and-correct {
    display: flex;
    justify-content: center;
    width: 100%; }
  #adminTestCorrector form {
    box-sizing: border-box;
    margin: 0 auto 1rem; }
  #adminTestCorrector form input[name="document"] {
    display: none; }
  #adminTestCorrector form .row.buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminTestCorrector form .row.buttons input[type="submit"] {
    margin-top: 1rem; }
  #adminTestCorrector form .row.buttons .loader {
    display: flex;
    margin-top: 1rem;
    align-items: center; }
  #adminTestCorrector form .row.buttons .loader img {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem; }
  #adminTestCorrector form .row.error-message {
    text-align: center;
    margin-top: 1rem;
    color: #e91c1c; }

#adminTestDetail #adminWrapper .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem; }
  #adminTestDetail #adminWrapper .buttons .right label input[type="checkbox"] {
    margin-right: 0.5rem; }
  #adminTestDetail #adminWrapper #container .content {
    overflow: initial; }
  #adminTestDetail #adminWrapper #container .content h2 {
    text-align: center;
    margin: 1rem 0; }
  #adminTestDetail #adminWrapper #container .content .location-and-term {
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem; }
  #adminTestDetail #adminWrapper #container .content form {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminTestDetail #adminWrapper #container .content form .user, #adminTestDetail #adminWrapper #container .content form .questions, #adminTestDetail #adminWrapper #container .content form .buttons, #adminTestDetail #adminWrapper #container .content form .error-message {
    margin: 0 1rem; }
  #adminTestDetail #adminWrapper #container .content form .user {
    margin-bottom: 2rem; }
  #adminTestDetail #adminWrapper #container .content form .evaluation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  #adminTestDetail #adminWrapper #container .content form .evaluation img {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #adminTestDetail #adminWrapper #container .content form .evaluation .description {
    text-transform: uppercase;
    font-size: 1.5rem; }
  #adminTestDetail #adminWrapper #container .content form .questions {
    margin-bottom: 1rem; }
  #adminTestDetail #adminWrapper #container .content form .questions > .group {
    display: flex;
    padding: 1rem 0; }
  #adminTestDetail #adminWrapper #container .content form .questions > .group + .group {
    border-top: solid 1px #383838; }
  #adminTestDetail #adminWrapper #container .content form .questions > .group .column {
    padding: 0 1rem;
    width: 100%;
    max-width: 15rem; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column + .column {
      border-left: solid 1px #383838; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question {
      border-radius: 0.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0.25rem;
      padding: 0.25rem; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question.no-selected {
      background-color: #fdfad0; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question.more-selected {
      background-color: #f9c4c4; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question.passed {
      background-color: #d3e7ae; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question.error {
      background-color: #bfa0ed; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .evaluation {
      flex-shrink: 0;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin: 0.25rem;
      width: 1.25rem;
      height: 1.25rem; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .evaluation.passed {
      background-image: url("/static/img/icons/answer-right.png"); }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .evaluation.failed {
      background-image: url("/static/img/icons/answer-wrong.png"); }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .number {
      flex-grow: 1;
      max-width: 2.5rem;
      text-align: right; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .number:after {
      content: ".";
      margin-right: 0.5rem; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .answers {
      display: flex; }
    #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .answers .answer {
      display: flex;
      align-items: center; }
      #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .answers .answer > input[type="checkbox"] {
        border: solid 2px #383838;
        margin: 0 0.75rem 0 0;
        width: calc(1.25rem + 2px);
        height: calc(1.25rem + 2px); }
      #adminTestDetail #adminWrapper #container .content form .questions > .group .column .question .answers .answer.right > input[type="checkbox"] {
        border-color: #79be48; }
  #adminTestDetail #adminWrapper #container .content form .criteria {
    margin-bottom: 1rem; }
  #adminTestDetail #adminWrapper #container .content form .criteria table thead tr th, #adminTestDetail #adminWrapper #container .content form .criteria table tbody tr th, #adminTestDetail #adminWrapper #container .content form .criteria table thead tr td, #adminTestDetail #adminWrapper #container .content form .criteria table tbody tr td {
    text-align: left;
    padding: 0.25rem 0.5rem;
    line-height: 1; }
  #adminTestDetail #adminWrapper #container .content form .criteria table thead tr {
    background-color: #a6cd5c;
    color: #fff; }
    #adminTestDetail #adminWrapper #container .content form .criteria table thead tr th {
      padding: 0.5rem; }
  #adminTestDetail #adminWrapper #container .content form .criteria table tbody tr td {
    border-bottom: solid 1px #bfbfbf; }
    #adminTestDetail #adminWrapper #container .content form .criteria table tbody tr td.result {
      text-align: right; }
    #adminTestDetail #adminWrapper #container .content form .criteria table tbody tr td img {
      margin-bottom: 0;
      width: 1.5rem;
      height: 1.5rem; }
  #adminTestDetail #adminWrapper #container .content form .buttons, #adminTestDetail #adminWrapper #container .content form .error-message {
    margin-bottom: 1rem; }
  #adminTestDetail #adminWrapper #container .content form .error-message {
    color: #e91c1c; }

#adminTestRules > #adminWrapper > #container > .content h2 {
  text-align: center;
  margin: 1rem; }
  #adminTestRules > #adminWrapper > #container > .content .variants {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem; }
  #adminTestRules > #adminWrapper > #container > .content .variants a.variant {
    text-decoration: none;
    border-radius: 0.5rem;
    border: solid 2px #1a377d;
    padding: 2rem;
    color: #1a377d; }
  #adminTestRules > #adminWrapper > #container > .content .variants a.variant:hover {
    background-color: #1a377d;
    color: #fff; }
  #adminTestRules > #adminWrapper > #container > .content form {
    margin: 1rem 2rem; }
  #adminTestRules > #adminWrapper > #container > .content form .row.test-rules {
    font-size: 0.75rem; }
  #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset {
    box-sizing: border-box;
    border: solid 1px #bfbfbf;
    margin-bottom: 1rem;
    padding: 1rem; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset legend {
      font-weight: bold; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .buttons {
      margin-bottom: 1rem; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule {
      position: relative;
      background-color: #f1f1f1;
      box-sizing: border-box;
      border-radius: 0.5rem;
      border: solid 1px #bfbfbf;
      margin-bottom: 1rem;
      padding: 0.5rem;
      width: 100%; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule:last-child {
      margin-bottom: 0; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule button[name="delete"] {
      position: absolute;
      background-image: url("/static/img/icons/close.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 0.75rem;
      display: block;
      margin-right: auto;
      border-radius: 100%;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem;
      top: -0.5rem;
      right: -0.5rem; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories {
      margin-bottom: 0; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories thead tr th, #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr th, #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tfoot tr th, #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories thead tr td, #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr td, #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tfoot tr td {
      padding: 0.125rem 0.25rem; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories thead tr th:nth-child(4), #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr th:nth-child(4), #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tfoot tr th:nth-child(4), #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories thead tr td:nth-child(4), #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr td:nth-child(4), #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tfoot tr td:nth-child(4) {
        width: 100%; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories thead th {
      text-align: left; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td a.cross {
      position: relative;
      font-size: 1rem;
      color: #e91c1c;
      top: 1px; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td a.cross:hover {
        text-decoration: none; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td input {
        background-color: #fff;
        font-size: 0.9rem;
        margin-bottom: 0; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td input[name="min"], #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td input[name="max"] {
        text-align: right;
        max-width: 4rem; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td input[name="numberOfQuestions"], #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td input[name="scale"] {
        background-color: #fff;
        margin-bottom: 0;
        text-align: right;
        max-width: 4rem; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td select[name="category"] {
        width: 100%; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td.remove-category {
        text-align: right; }
      #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset .test-rule table.categories tbody tr.category td button[name="addCategory"] {
        font-size: 1rem;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        min-width: initial;
        width: 1.5rem;
        height: 1.5rem; }
    #adminTestRules > #adminWrapper > #container > .content form .row.test-rules fieldset button[name="addRule"] {
      display: block;
      margin-left: auto;
      margin-bottom: 1rem; }
  #adminTestRules > #adminWrapper > #container > .content form .row.buttons button[name="addGroup"], #adminTestRules > #adminWrapper > #container > .content form .row.buttons button[name="submit"] {
    display: block;
    margin-left: auto;
    margin-bottom: 1rem; }
  #adminTestRules > #adminWrapper > #container > .content form .row.error-message {
    color: #e91c1c; }

#adminUserSectorCredit > #adminWrapper > #container > .content form {
  width: 40rem;
  margin: auto;
  padding: 1rem; }
  #adminUserSectorCredit > #adminWrapper > #container > .content form .row.big {
    width: 30rem; }
  #adminUserSectorCredit > #adminWrapper > #container > .content form .row select, #adminUserSectorCredit > #adminWrapper > #container > .content form .row input {
    width: 100%; }
  #adminUserSectorCredit > #adminWrapper > #container > .content form .row button[name='editBody'] {
    margin-bottom: 0.5rem; }
  #adminUserSectorCredit > #adminWrapper > #container > .content form .row #creditBody {
    border: solid 1px #bfbfbf;
    margin-bottom: 1rem;
    padding: 0.1rem 0.5rem;
    min-height: 2rem;
    border-radius: 0.25rem; }
  #adminUserSectorCredit > #adminWrapper > #container > .content form .row #creditBody[contentEditable='true']:focus {
    box-shadow: 0 0 5px 1px #383838; }

#adminUsersSectorsCreditsEfa .selectYear, #adminUsersSectorsCreditsEfaEfpPfp .selectYear {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem; }
  #adminUsersSectorsCreditsEfa .selectYear select, #adminUsersSectorsCreditsEfaEfpPfp .selectYear select {
    font-size: 1.25rem; }

#adminCorporateInvoicingCustomSelection #container > .content {
  min-height: 60vh; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 1rem 2rem;
    width: 100%; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper {
    width: 100%;
    max-width: 60rem; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .row > input {
    margin-bottom: 0; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .row button[name="showAll"] {
    margin-left: 0.5rem; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .dateRangePicker {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: none; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .dateRangePicker .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .dateRangePicker .buttons button {
    margin: 0 0.25rem 0.5rem; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .dateRangePicker .datePickers {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter .wrapper .dateRangePicker .datePickers button[name="selectRange"] {
    margin-bottom: 1rem; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter.date-range-visible .wrapper .row > select, #adminCorporateInvoicingCustomSelection #container > .content #filter.date-range-visible .wrapper .row > input {
    display: none; }
  #adminCorporateInvoicingCustomSelection #container > .content #filter.date-range-visible .wrapper .dateRangePicker {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #adminCorporateInvoicingCustomSelection #container > .content .products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    background-color: #fff;
    box-sizing: border-box;
    border: solid 1px #bfbfbf;
    margin: 1rem;
    padding: 1rem;
    width: 100%;
    max-width: 20rem; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product:hover {
    border-color: #1a377d; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product .title {
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product .type {
    font-size: 0.9rem;
    font-style: italic;
    color: #a1a1a1; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product .variants {
    margin-top: 1rem;
    width: 100%; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product .variants .variants-title {
    font-size: 0.9rem;
    margin-bottom: 0.25rem; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product .variants .variant {
    display: flex;
    justify-content: flex-start;
    font-size: 0.75rem;
    color: #000; }
  #adminCorporateInvoicingCustomSelection #container > .content .products a.product .variants .variant .title {
    text-transform: none; }
    #adminCorporateInvoicingCustomSelection #container > .content .products a.product .variants .variant .title:after {
      content: ":";
      margin-right: 0.5rem; }

#adminCorporateInvoicingFilter #container .title h1 {
  margin-bottom: 1rem; }
  #adminCorporateInvoicingFilter #container .title .group {
    color: #1a377d; }
  #adminCorporateInvoicingFilter #container .menu {
    background-color: #cecece;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    width: 100%; }
  #adminCorporateInvoicingFilter #container .menu button[name="back"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #1a377d; }
  #adminCorporateInvoicingFilter #container .menu button[name="back"]:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #1a377d;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #adminCorporateInvoicingFilter #container .products h2 {
    margin: 1rem 1rem 0rem; }
  #adminCorporateInvoicingFilter #container .products .enrollments {
    overflow: scroll; }
  #adminCorporateInvoicingFilter #container .products .enrollments table {
    border: solid 1px #000;
    margin: 1rem;
    width: calc(100% - 2rem); }
  #adminCorporateInvoicingFilter #container .products .enrollments table thead tr th, #adminCorporateInvoicingFilter #container .products .enrollments table tbody tr th, #adminCorporateInvoicingFilter #container .products .enrollments table tfoot tr th, #adminCorporateInvoicingFilter #container .products .enrollments table thead tr td, #adminCorporateInvoicingFilter #container .products .enrollments table tbody tr td, #adminCorporateInvoicingFilter #container .products .enrollments table tfoot tr td {
    text-align: left;
    font-size: 0.75rem;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    padding: 0.5rem 0.25rem; }
  #adminCorporateInvoicingFilter #container .products .enrollments table thead tr td.price, #adminCorporateInvoicingFilter #container .products .enrollments table tbody tr td.price, #adminCorporateInvoicingFilter #container .products .enrollments table tfoot tr td.price {
    text-align: right;
    white-space: nowrap; }
  #adminCorporateInvoicingFilter #container .products .enrollments table thead tr th {
    background-color: #1a377d;
    white-space: nowrap;
    color: #fff; }
  #adminCorporateInvoicingFilter #container .products .enrollments table tbody tr:nth-child(2n+1) td {
    background-color: #e1e1e1; }
  #adminCorporateInvoicingFilter #container .products .enrollments table tfoot tr th, #adminCorporateInvoicingFilter #container .products .enrollments table tfoot tr td {
    border-top: solid 2px #000; }
  #adminCorporateInvoicingFilter #container .products .enrollments table tfoot tr td.price {
    font-weight: bold; }
  #adminCorporateInvoicingFilter #container .products .enrollments .buttons {
    display: flex;
    margin: 0 1rem 1rem;
    justify-content: flex-end; }

#adminCorporateInvoicingProductOld #container .menu {
  background-color: #cecece;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 100%; }
  #adminCorporateInvoicingProductOld #container .menu button[name="back"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #1a377d; }
  #adminCorporateInvoicingProductOld #container .menu button[name="back"]:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #1a377d;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #adminCorporateInvoicingProductOld #container .enrollments {
    overflow: scroll; }
  #adminCorporateInvoicingProductOld #container .enrollments table {
    border: solid 1px #000;
    margin: 1rem;
    width: calc(100% - 2rem); }
  #adminCorporateInvoicingProductOld #container .enrollments table thead tr th, #adminCorporateInvoicingProductOld #container .enrollments table tbody tr th, #adminCorporateInvoicingProductOld #container .enrollments table thead tr td, #adminCorporateInvoicingProductOld #container .enrollments table tbody tr td {
    text-align: left;
    font-size: 0.75rem;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    padding: 0.5rem 0.25rem; }
  #adminCorporateInvoicingProductOld #container .enrollments table thead tr th {
    background-color: #1a377d;
    color: #fff; }
  #adminCorporateInvoicingProductOld #container .enrollments table tbody tr:nth-child(2n+1) td {
    background-color: #e1e1e1; }

#adminImportOtazekRozdily table {
  background-color: #fff;
  border-collapse: collapse;
  font-size: 0.75rem;
  border-top: solid 2px #383838;
  border-bottom: solid 2px #383838;
  margin: 1rem 0; }
  #adminImportOtazekRozdily table tr th, #adminImportOtazekRozdily table tr td {
    vertical-align: top;
    padding: 0 0.5rem; }
  #adminImportOtazekRozdily table tr th {
    text-align: left;
    vertical-align: top;
    padding-right: 1rem;
    white-space: nowrap; }
  #adminImportOtazekRozdily table tr td.categories a {
    display: block; }
  #adminImportOtazekRozdily table tr td.arrow {
    padding: 0 1rem; }
  #adminImportOtazekRozdily table tr.is-different td {
    font-weight: bold; }
  #adminImportOtazekRozdily table tr.is-different td.old, #adminImportOtazekRozdily table tr.is-different td.old a {
    color: red; }
  #adminImportOtazekRozdily table tr.is-different td.new, #adminImportOtazekRozdily table tr.is-different td.new a {
    color: green; }
  #adminImportOtazekRozdily table tr.text th, #adminImportOtazekRozdily table tr.answers th, #adminImportOtazekRozdily table tr.text td, #adminImportOtazekRozdily table tr.answers td {
    border-bottom: solid 2px #383838; }
  #adminImportOtazekRozdily table tr.answer-right th, #adminImportOtazekRozdily table tr.answer-right td {
    border-bottom: solid 1px #383838; }
  #adminImportOtazekRozdily table tr.cleaner th, #adminImportOtazekRozdily table tr.cleaner td {
    background-color: #ddd;
    border-top: solid 2px #383838;
    border-bottom: solid 2px #383838;
    height: 1rem; }

#adminEditInvoice #invoice .content .body .note textarea {
  width: 100%;
  max-width: 50rem; }
  #adminEditInvoice #invoice .content .body .items table tbody tr td input {
    width: 3rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr td input[name='unitPrice'] {
      width: 5rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr td input[name='quantity'] {
      width: 4rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr td.title textarea {
      width: 15rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr td.actions {
      padding: 0.125rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr td.addItem {
      padding-bottom: 0.25rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr td.addItem input {
      width: 15rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr.rounding td {
      background-color: #e7e7e7; }
    #adminEditInvoice #invoice .content .body .items table tbody tr.rounding td input[name='totalAmountVat'] {
      width: 5rem; }
    #adminEditInvoice #invoice .content .body .items table tbody tr.rounding-item-note td {
      padding-top: 0.25rem; }
  #adminEditInvoice #invoice .content .body .partners .supplier .qr-code img {
    max-width: 10rem; }
  #adminEditInvoice .original-invoice {
    text-align: center;
    padding: 0.5rem 1rem; }

#adminInvoicesMonth #container .menu {
  background-color: #cecece;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 100%; }
  #adminInvoicesMonth #container .menu button[name="back"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #1a377d; }
  #adminInvoicesMonth #container .menu button[name="back"]:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #1a377d;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #adminInvoicesMonth #container form[name="filter"], #adminInvoicesMonth #container table {
    width: calc(100% - 4rem); }
  #adminInvoicesMonth #container form[name="filter"] {
    display: flex;
    align-items: center;
    margin: 1rem auto; }
  #adminInvoicesMonth #container form[name="filter"] label {
    margin-right: 0.5rem; }
  #adminInvoicesMonth #container form[name="filter"] input {
    margin: 0 0.5rem 0 0;
    width: 8rem; }
  #adminInvoicesMonth #container table {
    margin: 1rem auto 2rem;
    border: solid 1px #000; }
  #adminInvoicesMonth #container table thead tr th, #adminInvoicesMonth #container table tbody tr th, #adminInvoicesMonth #container table thead tr td, #adminInvoicesMonth #container table tbody tr td {
    text-align: left;
    padding: 0.25rem 0.5rem; }
  #adminInvoicesMonth #container table thead tr th {
    background-color: #1a377d;
    color: #fff; }
  #adminInvoicesMonth #container table thead tr th a {
    color: #fff; }
  #adminInvoicesMonth #container table tbody tr:nth-child(2n+1) td {
    background-color: #fff; }

#adminInvoicesMonths .years {
  width: 100%; }
  #adminInvoicesMonths .years h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #f1f1f1;
    width: 100%;
    min-height: 2.5rem; }
  #adminInvoicesMonths .years .months {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem; }
  #adminInvoicesMonths .years .months .month {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    min-width: 20rem; }
  #adminInvoicesMonths .years .months .month .title {
    flex-grow: 1; }
  #adminInvoicesMonths .years .months .month .separator:after {
    content: "|";
    margin: 0 0.5rem; }

#adminInvoicesOldMonth #container .menu {
  background-color: #cecece;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 100%; }
  #adminInvoicesOldMonth #container .menu button[name="back"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #1a377d; }
  #adminInvoicesOldMonth #container .menu button[name="back"]:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #1a377d;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #adminInvoicesOldMonth #container form[name="filter"], #adminInvoicesOldMonth #container table {
    width: calc(100% - 4rem); }
  #adminInvoicesOldMonth #container form[name="filter"] {
    display: flex;
    align-items: center;
    margin: 1rem auto; }
  #adminInvoicesOldMonth #container form[name="filter"] label {
    margin-right: 0.5rem; }
  #adminInvoicesOldMonth #container form[name="filter"] input {
    margin: 0 0.5rem 0 0;
    width: 8rem; }
  #adminInvoicesOldMonth #container table {
    margin: 1rem auto 2rem;
    border: solid 1px #000; }
  #adminInvoicesOldMonth #container table thead tr th, #adminInvoicesOldMonth #container table tbody tr th, #adminInvoicesOldMonth #container table thead tr td, #adminInvoicesOldMonth #container table tbody tr td {
    text-align: left;
    padding: 0.25rem 0.5rem; }
  #adminInvoicesOldMonth #container table thead tr th {
    background-color: #1a377d;
    color: #fff; }
  #adminInvoicesOldMonth #container table thead tr th a {
    color: #fff; }
  #adminInvoicesOldMonth #container table tbody tr:nth-child(2n+1) td {
    background-color: #fff; }

.adminNCEventListItemParams .param {
  display: flex;
  align-items: center; }
  .adminNCEventListItemParams .param .operators {
    background-color: powderblue; }
  .adminNCEventListItemParams .param .operators .operator {
    color: cadetblue; }
  .adminNCEventListItemParams .param .operators .operator:first-child:before {
    display: none; }
  .adminNCEventListItemParams .param .operators .operator:before {
    content: "|";
    margin: 0 0.25rem;
    color: cadetblue; }

#adminNCEvents #adminNCEventsList {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem {
    padding: 1rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem h3 {
    color: #1a377d; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .listItemTitle {
    font-weight: bold; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .tag {
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    padding: 0.125rem 0.5rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .list {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    margin-bottom: 1rem;
    gap: 0.5rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .list .listItem {
    font-size: 0.875rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .list .listItem:before {
    content: "-";
    font-weight: bold;
    margin-right: 0.5rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .listItemTitle {
    margin-right: 0.5rem; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .variable, #adminNCEvents #adminNCEventsList .adminNCEventListItem .button, #adminNCEvents #adminNCEventsList .adminNCEventListItem .block {
    display: flex;
    align-items: center; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .variable .name {
    background-color: lightpink; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .button .name {
    background-color: lightgreen; }
  #adminNCEvents #adminNCEventsList .adminNCEventListItem .block .name {
    background-color: lightyellow; }
  #adminNCEvents #adminNCEventsList .separator {
    background-color: lightgrey;
    width: 100%;
    height: 1px; }
  #adminNCEvents #adminNCEventsList .separator:last-child {
    display: none; }

#adminAddManualNotifications > #adminWrapper > #container > .content h2 {
  text-align: center;
  margin: 1rem; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form {
    margin: 1rem 2rem; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form fieldset {
    box-sizing: border-box;
    border: solid 1px #bfbfbf;
    margin-bottom: 1rem;
    padding: 1rem;
    width: 100%; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form fieldset legend {
    font-weight: bold; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row .selectedItems {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row .selectedItems .selectedItem {
    position: relative;
    background-color: #f1f1f1;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: solid 1px #bfbfbf;
    padding: 0.5rem; }
    #adminAddManualNotifications > #adminWrapper > #container > .content form .row .selectedItems .selectedItem button {
      position: absolute;
      background-image: url("/static/img/icons/close.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 0.75rem;
      display: block;
      margin-right: auto;
      border-radius: 100%;
      padding: 0;
      width: 1.25rem;
      height: 1.25rem;
      top: -0.5rem;
      right: -0.5rem; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row .dateEvaluatedLimit {
    display: flex;
    padding-left: 2rem;
    gap: 1rem; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.notificationBody {
    width: 100%; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.notificationBody #notificationBody {
    border-radius: 0.25rem;
    border: solid 1px #bfbfbf;
    padding: 0.1rem 0.5rem;
    min-height: 5rem;
    width: 100%; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .switch-container {
    display: flex;
    align-items: center;
    /* Styl přepínače */ }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.7rem;
    /* Přidání mezery okolo přepínače */
    margin: 0 10px; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .slider:before {
    position: absolute;
    content: "";
    height: 1.25rem;
    width: 1.25rem;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups input:checked + .slider {
    background-color: #183376; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups input:checked + .slider:before {
    transform: translateX(1.25rem);
    /* Styl pro kulatý přepínač */ }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .slider.round {
    border-radius: 34px; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.groups .slider.round:before {
    border-radius: 50%; }
  #adminAddManualNotifications > #adminWrapper > #container > .content form .row.error-message {
    color: #e91c1c; }

#adminViewOrder #container .title h1 {
  text-transform: none; }
  #adminViewOrder #container .title .title-item {
    display: flex; }
  #adminViewOrder #container .title .title-item label {
    margin-right: 0.5rem;
    color: #1a377d; }
  #adminViewOrder #container .title .title-item .value {
    font-weight: bold; }
  #adminViewOrder #container .content {
    padding: 1rem; }
  #adminViewOrder #container .content #cartSummaryComponent {
    margin: auto; }
  #adminViewOrder #container .content #cartSummaryComponent a {
    display: none; }
  #adminViewOrder #container .content #cartSummaryComponent button {
    background-color: #f1f1f1; }

#adminProduct #adminWrapper .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem; }
  #adminProduct #adminWrapper #container .content .fieldsets {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%; }
  #adminProduct #adminWrapper #container .content .fieldsets fieldset {
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin-right: 2rem;
    padding: 1.5rem; }
  #adminProduct #adminWrapper #container .content form {
    padding: 2rem 1rem; }
  #adminProduct #adminWrapper #container .content form .fieldsets fieldset input[type='text']:not(.small), #adminProduct #adminWrapper #container .content form .fieldsets fieldset textarea {
    width: 100%; }
  #adminProduct #adminWrapper #container .content form .fieldsets fieldset label.label {
    margin-left: 1rem; }
  #adminProduct #adminWrapper #container .content form .fieldsets fieldset label {
    margin-bottom: 0.5rem; }
  #adminProduct #adminWrapper #container .content form .fieldsets fieldset #examInfo, #adminProduct #adminWrapper #container .content form .fieldsets fieldset #contentText {
    padding: 0.5rem;
    border-radius: 0.25rem;
    min-height: 1rem;
    border: solid 1px #bfbfbf; }
  #adminProduct #adminWrapper #container .content form .fieldsets fieldset.grow {
    flex-grow: 1; }
  #adminProduct #adminWrapper #container .content form .fieldsets fieldset .sector-categories .categories {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
    #adminProduct #adminWrapper #container .content form .fieldsets fieldset .sector-categories .categories .category {
      width: 100%;
      box-sizing: border-box;
      padding: 0.125rem 0.25rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start; }
    #adminProduct #adminWrapper #container .content form .fieldsets fieldset .sector-categories .categories .category:nth-child(even) {
      background-color: #eee; }
    #adminProduct #adminWrapper #container .content form .fieldsets fieldset .sector-categories .categories .category .title {
      max-width: 90%;
      flex: 1 0 auto; }
    #adminProduct #adminWrapper #container .content form .fieldsets fieldset .sector-categories .categories .category .cross {
      color: #e91c1c; }
  #adminProduct #adminWrapper #container .content .otherSettings {
    padding: 2rem 1rem; }
  #adminProduct #adminWrapper #container .content .otherSettings .subscriptionPrices input {
    margin-bottom: 0; }
  #adminProduct #adminWrapper #container .content .otherSettings .subscriptionPrices .subscriptionPrice {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
    height: 3rem; }
  #adminProduct #adminWrapper #container .content .otherSettings .subscriptionPrices .subscriptionPrice .title {
    font-weight: bold; }
  #adminProduct #adminWrapper #container .content .otherSettings .subscriptionPrices .subscriptionPrice .price {
    width: 5rem; }
  #adminProduct #adminWrapper #container .content .otherSettings .subscriptionPrices .subscriptionPrice .buttons {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
  #adminProduct #adminWrapper #container .content .otherSettings .subscriptionPrices #addSubscriptionPrice {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0.5rem;
    gap: 0.5rem; }

#adminAddSigningCert .content form {
  padding: 1rem;
  box-sizing: border-box; }
  #adminAddSigningCert .content form .row {
    display: block;
    margin-bottom: 0.5rem;
    padding: 0.25rem;
    box-sizing: border-box; }
  #adminAddSigningCert .content form .row label {
    color: #1a377d;
    font-weight: bold; }
  #adminAddSigningCert .content form .row.tempFile .hidden {
    display: none; }
  #adminAddSigningCert .content form .row.tempFile .tempFileDetail {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminAddSigningCert .content form .row.tempFile .tempFileDetail img, #adminAddSigningCert .content form .row.tempFile .tempFileDetail video {
    margin-bottom: 0.5rem;
    width: 15rem; }
  #adminAddSigningCert .content form .row.tempFile .tempFileDetail progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #adminAddSigningCert .content form .row.tempFile .tempFileDetail progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #adminAddSigningCert .content form .row.tempFile .tempFileDetail progress::-webkit-progress-value {
    background-color: #1a377d; }
  #adminAddSigningCert .content form .row.tempFile button {
    margin: auto;
    display: block; }

#adminTermCNBObservers {
  padding: 1rem; }
  #adminTermCNBObservers .fieldsets {
    display: flex;
    flex-wrap: wrap; }
  #adminTermCNBObservers .fieldsets fieldset {
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    width: 100%;
    max-width: 30rem; }

#adminTermChecklist {
  padding: 1rem; }
  #adminTermChecklist .items .item {
    display: flex;
    align-items: center;
    padding: 0.25rem 0; }
  #adminTermChecklist .items .item img {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem; }
  #adminTermChecklist .items .item span {
    white-space: nowrap; }

#adminTermCommissars, #adminTermFiles {
  padding: 1rem; }

#adminTermCommissars .fieldsets {
  display: flex;
  flex-wrap: wrap; }
  #adminTermCommissars .fieldsets fieldset {
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    width: 100%;
    max-width: 30rem; }

#adminTermEnrollments button[name="sendAllTestResults"] {
  display: block;
  margin-left: auto; }

#adminTermFiles .files {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  #adminTermFiles .files .file {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #adminTermFiles .files .file + .file {
    margin-left: 0.5rem; }
  #adminTermFiles .files .file img {
    margin-bottom: 0.5rem;
    width: 4rem;
    height: 4rem; }
  #adminTermFiles .files .file .title {
    font-size: 0.75rem; }

#adminTermProducts, #adminTermEnrollments, #adminTermUnassignedTests {
  padding: 1rem; }
  #adminTermProducts table, #adminTermEnrollments table, #adminTermUnassignedTests table {
    box-sizing: border-box;
    border: solid 1px #383838;
    width: 100%; }
  #adminTermProducts table thead tr th, #adminTermEnrollments table thead tr th, #adminTermUnassignedTests table thead tr th, #adminTermProducts table tbody tr th, #adminTermEnrollments table tbody tr th, #adminTermUnassignedTests table tbody tr th, #adminTermProducts table thead tr td, #adminTermEnrollments table thead tr td, #adminTermUnassignedTests table thead tr td, #adminTermProducts table tbody tr td, #adminTermEnrollments table tbody tr td, #adminTermUnassignedTests table tbody tr td {
    text-align: left;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem; }
  #adminTermProducts table thead tr th.center, #adminTermEnrollments table thead tr th.center, #adminTermUnassignedTests table thead tr th.center, #adminTermProducts table tbody tr th.center, #adminTermEnrollments table tbody tr th.center, #adminTermUnassignedTests table tbody tr th.center, #adminTermProducts table thead tr td.center, #adminTermEnrollments table thead tr td.center, #adminTermUnassignedTests table thead tr td.center, #adminTermProducts table tbody tr td.center, #adminTermEnrollments table tbody tr td.center, #adminTermUnassignedTests table tbody tr td.center {
    text-align: center; }
  #adminTermProducts table thead tr th, #adminTermEnrollments table thead tr th, #adminTermUnassignedTests table thead tr th, #adminTermProducts table tbody tr th, #adminTermEnrollments table tbody tr th, #adminTermUnassignedTests table tbody tr th {
    border-bottom: solid 1px #383838; }
  #adminTermProducts table tbody tr:nth-child(2n), #adminTermEnrollments table tbody tr:nth-child(2n), #adminTermUnassignedTests table tbody tr:nth-child(2n) {
    background-color: #f1f1f1; }
  #adminTermProducts table tbody tr:last-child td, #adminTermEnrollments table tbody tr:last-child td, #adminTermUnassignedTests table tbody tr:last-child td {
    border-bottom: none; }
  #adminTermProducts table tbody tr td, #adminTermEnrollments table tbody tr td, #adminTermUnassignedTests table tbody tr td {
    border-top: solid 1px #bfbfbf; }
  #adminTermProducts table tbody tr td:first-child, #adminTermEnrollments table tbody tr td:first-child, #adminTermUnassignedTests table tbody tr td:first-child {
    border-left: solid 1px #383838; }
  #adminTermProducts table tbody tr td:last-child, #adminTermEnrollments table tbody tr td:last-child, #adminTermUnassignedTests table tbody tr td:last-child {
    border-right: solid 1px #383838; }
  #adminTermProducts table tbody tr td img.enough-tests, #adminTermEnrollments table tbody tr td img.enough-tests, #adminTermUnassignedTests table tbody tr td img.enough-tests {
    width: 1.25rem;
    height: 1.25rem; }
  #adminTermProducts table tbody tr td.actions button.small, #adminTermEnrollments table tbody tr td.actions button.small, #adminTermUnassignedTests table tbody tr td.actions button.small {
    font-size: 0.5rem;
    border-radius: 0.25rem;
    padding: 0.125rem 0.5rem;
    line-height: 2; }

#adminTermProps form {
  padding: 1rem; }
  #adminTermProps form .fieldsets {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #adminTermProps form .fieldsets fieldset {
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    width: 100%;
    max-width: 20rem; }
  @media (min-width: 90em) {
        #adminTermProps form .fieldsets fieldset {
          width: calc(100% / 4); } }
  #adminTermProps form .fieldsets fieldset .row .label {
    margin-bottom: 0.25rem; }
  #adminTermProps form .fieldsets fieldset .row .datetimePickerWrap {
    display: flex;
    align-items: center; }
  #adminTermProps form .fieldsets fieldset .row .datetimePickerWrap .datePicker {
    margin-right: 0.5rem;
    margin-bottom: 0; }
  #adminTermProps form .fieldsets fieldset .row .datetimePickerWrap .datePicker label {
    display: none; }
  #adminTermProps form .fieldsets fieldset .row .datetimePickerWrap .datePicker input {
    margin-bottom: 0; }
  #adminTermProps form .fieldsets fieldset .row .datetimePickerWrap .timePicker {
    height: 2rem;
    padding-top: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
    margin-bottom: 0; }
  #adminTermProps form .fieldsets fieldset .row > select, #adminTermProps form .fieldsets fieldset .row > input, #adminTermProps form .fieldsets fieldset .row > textarea {
    margin-bottom: 1rem;
    width: 100%; }
  #adminTermProps form .fieldsets fieldset .row.checkbox {
    margin-bottom: 0.5rem; }
  #adminTermProps form .fieldsets fieldset .row.blacklistGroupsSelect {
    border-top: 1px solid #bfbfbf;
    padding-top: 0.5rem; }
  #adminTermProps form .fieldsets fieldset .selectedGroups, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups, #adminTermProps form .fieldsets fieldset .selectedProducts {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }
  #adminTermProps form .fieldsets fieldset .selectedGroups .group, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .group, #adminTermProps form .fieldsets fieldset .selectedProducts .group, #adminTermProps form .fieldsets fieldset .selectedGroups .product, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .product, #adminTermProps form .fieldsets fieldset .selectedProducts .product {
    background: #f1f1f1;
    box-sizing: border-box;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0.5rem;
    width: 100%; }
  #adminTermProps form .fieldsets fieldset .selectedGroups .group + .group, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .group + .group, #adminTermProps form .fieldsets fieldset .selectedProducts .group + .group, #adminTermProps form .fieldsets fieldset .selectedGroups .product + .group, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .product + .group, #adminTermProps form .fieldsets fieldset .selectedProducts .product + .group, #adminTermProps form .fieldsets fieldset .selectedGroups .group + .product, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .group + .product, #adminTermProps form .fieldsets fieldset .selectedProducts .group + .product, #adminTermProps form .fieldsets fieldset .selectedGroups .product + .product, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .product + .product, #adminTermProps form .fieldsets fieldset .selectedProducts .product + .product {
    margin-top: 0.25rem; }
  #adminTermProps form .fieldsets fieldset .selectedGroups .group .cross, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .group .cross, #adminTermProps form .fieldsets fieldset .selectedProducts .group .cross, #adminTermProps form .fieldsets fieldset .selectedGroups .product .cross, #adminTermProps form .fieldsets fieldset .selectedBlacklistGroups .product .cross, #adminTermProps form .fieldsets fieldset .selectedProducts .product .cross {
    color: #e91c1c; }
  #adminTermProps form .buttons {
    margin-bottom: 1rem; }
  #adminTermProps form .buttons .duplicate {
    background-color: White;
    color: #1a377d;
    border: 1px solid #1a377d; }
  #adminTermProps form .error-message {
    color: #e91c1c; }

#adminTermSupervisingCommissars #adminWrapper #container > .content table {
  margin: auto; }
  #adminTermSupervisingCommissars #adminWrapper #container > .content table td, #adminTermSupervisingCommissars #adminWrapper #container > .content table th {
    padding: 0.5rem; }
  #adminTermSupervisingCommissars #adminWrapper #container > .content table tr td.bold {
    font-weight: bold; }
  #adminTermSupervisingCommissars #adminWrapper #container > .content table tr td.dateTime {
    font-size: 0.75rem; }
  #adminTermSupervisingCommissars #adminWrapper #container > .content table tr td.commissar {
    border-bottom: 1px solid #bfbfbf; }
  #adminTermSupervisingCommissars #adminWrapper #container > .content table tr.last td {
    border-bottom: 1px solid #bfbfbf; }

#adminCreateUser #adminWrapper #container > .content .user-data {
  margin: 1rem; }

#adminUserRoles form {
  padding: 1rem; }
  #adminUserRoles form > .adminUserRolesList {
    width: 100%; }
  #adminUserRoles form .adminUserRolesList > .adminUserRolesList {
    border-left: solid 2px #000;
    margin-left: calc(1.25rem + 2px); }
  #adminUserRoles form .adminUserRolesList > .adminUserRolesList label {
    margin-left: 0; }
  #adminUserRoles form .adminUserRolesList > .adminUserRolesList label:before {
    content: "--";
    font-weight: bold; }
  #adminUserRoles form .adminUserRolesList label {
    margin-left: 0.75rem;
    margin-bottom: 0.25rem; }
  #adminUserRoles form .adminUserRolesList label input {
    margin: 0 0.5rem 0 0; }

#adminUsersCsvImport #container > .content {
  padding: 1rem; }
  #adminUsersCsvImport #container > .content form {
    align-items: flex-start; }
  #adminUsersCsvImport #container > .content form .row input[type="file"] {
    display: none; }
  #adminUsersCsvImport #container > .content form .row .button-and-filename {
    display: flex;
    align-items: center; }
  #adminUsersCsvImport #container > .content form .row .button-and-filename input {
    margin-right: 0.5rem; }
  #adminUsersCsvImport #container > .content .help {
    font-size: 0.75rem; }
  #adminUsersCsvImport #container > .content .help table {
    border: solid 1px #383838; }
  #adminUsersCsvImport #container > .content .help table thead tr th, #adminUsersCsvImport #container > .content .help table tbody tr th, #adminUsersCsvImport #container > .content .help table thead tr td, #adminUsersCsvImport #container > .content .help table tbody tr td {
    border: solid 1px #383838;
    padding: 0.25rem 0.5rem; }

#admin #adminWrapper #container.admin-router > .content {
  box-sizing: border-box;
  padding: 2rem; }
  #admin #adminWrapper #container.admin-router > .content a {
    display: block; }
  #admin #adminWrapper #container.admin-router > .content a + h2 {
    margin-top: 2rem; }

#adminExportTermStats #container h2 {
  text-align: center;
  margin: 2rem auto; }
  #adminExportTermStats #container table {
    border-collapse: collapse;
    border: solid 1px #000;
    margin: 1rem auto;
    width: 100%;
    max-width: calc(100% - 2rem); }
  #adminExportTermStats #container table thead tr th, #adminExportTermStats #container table tbody tr th, #adminExportTermStats #container table thead tr td, #adminExportTermStats #container table tbody tr td {
    text-align: right;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem; }
  #adminExportTermStats #container table thead tr th:nth-child(3), #adminExportTermStats #container table tbody tr th:nth-child(3), #adminExportTermStats #container table thead tr td:nth-child(3), #adminExportTermStats #container table tbody tr td:nth-child(3), #adminExportTermStats #container table thead tr th:nth-child(12), #adminExportTermStats #container table tbody tr th:nth-child(12), #adminExportTermStats #container table thead tr td:nth-child(12), #adminExportTermStats #container table tbody tr td:nth-child(12) {
    text-align: left; }
  #adminExportTermStats #container table thead tr th, #adminExportTermStats #container table tbody tr th {
    border-bottom: solid 1px #000; }
  #adminExportTermStats #container table thead tr:nth-child(2n+1) td, #adminExportTermStats #container table tbody tr:nth-child(2n+1) td {
    background-color: #8fbcd9; }

#aktualita #container {
  background-color: white;
  border-top: solid 1px #bfbfbf; }
  #aktualita #container .content .message {
    -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 1500;
    top: 10%;
    left: 0;
    right: 0;
    width: 60rem;
    max-width: 100%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #1a377d;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 1.5rem;
    text-align: center; }
  #aktualita #container .content .message .success {
    color: green; }
  #aktualita #container .content .message .error {
    color: red; }
  #aktualita #container .content .message .common {
    color: #444; }
  #aktualita #container .content .actions {
    margin-bottom: 1rem; }
  #aktualita #container .content h1.aktualita {
    display: flex;
    align-items: center; }
  #aktualita #container .content h1.aktualita button {
    margin-left: 0.5rem; }
  #aktualita #container .content .date {
    margin-bottom: 1rem;
    color: #898989; }
  #aktualita #container .content .image-wrapper {
    max-width: 30rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem; }
  #aktualita #container .content .image-wrapper img {
    margin-bottom: 0.5rem;
    width: 100%; }
  #aktualita #container .content .image-wrapper input[type="file"] {
    display: none; }
  #aktualita #container .content .description-wrapper {
    width: 100%;
    margin-bottom: 1rem; }
  #aktualita #container .content .description-wrapper .description {
    width: 100%;
    margin-bottom: 0.5rem; }
  #aktualita #container .content .description-wrapper .description#tinyMCEDescription {
    min-height: 4rem;
    border: 1px solid #bfbfbf;
    padding: 0.5rem; }
  #aktualita #container .content .description-wrapper button {
    display: block;
    margin: auto; }
  #aktualita #container .content a {
    color: #1a377d; }

#aktuality #container .page-header {
  background-color: white;
  border-top: solid 1px #bfbfbf;
  text-align: center;
  padding: 1rem; }
  #aktuality #container .page-header h2 {
    display: none; }
  @media only screen and (min-width: 60em) {
      #aktuality #container .page-header h2 {
        display: block; } }
  #aktuality #container .content {
    background-color: transparent; }
  #aktuality #container .content .month {
    font-weight: bold;
    padding-left: 1rem; }
  #aktuality #container .content .month-news {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 1rem; }

#appealPdf {
  background-color: white; }
  #appealPdf .page-wrapper {
    margin: 0 auto;
    width: 210mm;
    padding: 5mm;
    box-sizing: border-box; }
  #appealPdf .page-wrapper header {
    text-align: right;
    margin-bottom: 0.5rem; }
  #appealPdf .page-wrapper header img {
    width: 16rem; }
  #appealPdf .page-wrapper h1 {
    text-transform: initial;
    font-size: 1.5rem;
    text-align: center;
    width: 100%; }
  #appealPdf .page-wrapper table {
    font-size: 0.875rem; }
  #appealPdf .page-wrapper table tbody tr td {
    vertical-align: top;
    padding: 0.125rem 0.5rem; }
  #appealPdf .page-wrapper table tbody tr td:first-child {
    font-weight: bold;
    width: 12rem; }
  #appealPdf .page-wrapper table tbody tr td #appealResponseMCE {
    width: 100%;
    min-height: 5rem;
    border: 1px solid #bfbfbf;
    padding: 0.5rem;
    border-radius: 0.25rem; }
  #appealPdf .page-wrapper table tbody tr td .commissar {
    display: flex;
    align-items: center; }
  #appealPdf .page-wrapper table tbody tr td .commissar span {
    flex-grow: 1; }
  #appealPdf .page-wrapper table tbody tr td .commissar button.danger.small {
    min-width: initial;
    border-radius: 0.25rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem; }
  @media print {
          #appealPdf .page-wrapper table tbody tr {
            page-break-inside: avoid; } }

#autor {
  background-color: white; }
  #autor .content {
    padding: 0.5rem;
    box-sizing: border-box;
    max-width: 80rem;
    width: 100%;
    margin: auto; }
  #autor .content progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #autor .content progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #autor .content progress::-webkit-progress-value {
    background-color: #1a377d; }
  #autor .content .message {
    -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 25;
    top: 10%;
    left: 0;
    right: 0;
    width: 60rem;
    max-width: 100%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #1a377d;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 1.5rem;
    text-align: center; }
  #autor .content .message .success {
    color: green; }
  #autor .content .message .error {
    color: red; }
  #autor .content .actions {
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    text-align: center; }
  #autor .content .actions .button {
    background-color: white;
    color: #1a377d;
    border: 1px solid #1a377d; }
  #autor .content .actions .button:hover {
    color: white;
    background-color: #1a377d; }
  #autor .content h1 {
    color: #1a377d;
    text-transform: initial;
    font-size: 1.75rem;
    margin-left: 0.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
  #autor .content h1 button {
    margin-left: 0.25rem; }
  #autor .content h2 {
    color: #1a377d;
    text-align: center; }
  #autor .content .image-wrapper {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1rem; }
  #autor .content .image-wrapper input[type="file"] {
    display: none; }
  #autor .content .image-wrapper img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    object-position: center center;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    margin-bottom: 0.5rem; }
  #autor .content .description-wrapper {
    max-width: 40rem;
    width: 100%;
    margin: auto;
    margin-bottom: 1rem; }
  #autor .content .description-wrapper .description {
    width: 100%;
    margin-bottom: 0.5rem; }
  #autor .content .description-wrapper .description#tinyMCEDescription {
    min-height: 4rem;
    border: 1px solid #bfbfbf;
    padding: 0.5rem; }
  #autor .content .description-wrapper button {
    display: block;
    margin: auto; }
  #autor .content .video-wrapper {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1rem; }
  #autor .content .video-wrapper input[type="file"] {
    display: none; }
  #autor .content .video-wrapper video {
    max-width: 25rem;
    width: 100%;
    margin-bottom: 0.5rem; }
  #autor .products {
    background-color: #e6eaf3;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0; }
  #autor .products h2 {
    color: #1a377d;
    text-align: center; }
  #autor .products .products-wrapper {
    display: flex;
    width: max-content;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: auto; }
  #autor .products .products-wrapper > .title {
    color: #1a377d;
    font-family: Montserrat;
    font-size: 2rem;
    width: 100%;
    margin-left: 0.75rem; }
  #autor .products .productCard.placeholder {
    display: none; }
  @media screen and (min-width: 40rem) {
    #autor .products {
      padding: 2rem; }
      #autor .products .products-wrapper {
        max-width: 80rem;
        width: 100%; }
      #autor .products .productCard.placeholder {
        display: block;
        border: none;
        height: initial;
        min-height: 0;
        margin: 0 0.75rem;
        padding: 0; } }

#cartContent #container .cart-wrapper form[name="voucher"], #cartContent #container .cart-wrapper > .surcharge, #cartContent #container .cart-wrapper > .total-price, #cartContent #container .cart-wrapper > .buttons {
  display: flex; }
  #cartContent #container .cart-wrapper .items {
    margin-bottom: 2rem;
    width: 100%; }
  #cartContent #container .cart-wrapper .items .item {
    -webkit-box-shadow: 0 2px 10px 0px #000;
    -moz-box-shadow: 0 2px 10px 0px #000;
    box-shadow: 0 2px 10px 0px #000;
    position: relative;
    background-color: #fff;
    border-radius: 0.5rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    overflow: hidden; }
  #cartContent #container .cart-wrapper .items .item .top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 2rem; }
  #cartContent #container .cart-wrapper .items .item .top .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 1rem;
    padding: 1rem;
    width: 2rem;
    height: 2rem; }
  #cartContent #container .cart-wrapper .items .item .top .icon img {
    width: 100%;
    height: 100%; }
  #cartContent #container .cart-wrapper .items .item .top .product-name {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 0.25rem; }
  #cartContent #container .cart-wrapper .items .item .top .related-product {
    margin-bottom: 0.25rem; }
  #cartContent #container .cart-wrapper .items .item .top .term {
    font-size: 0.9rem; }
  #cartContent #container .cart-wrapper .items .item.exam-zkouska-efa .top .icon {
    background-color: #487bbc; }
  #cartContent #container .cart-wrapper .items .item.exam-zkouska-efp .top .icon {
    background-color: #e2b400; }
  #cartContent #container .cart-wrapper .items .item.exam-zkouska-pfp .top .icon {
    background-color: #6fb4da; }
  #cartContent #container .cart-wrapper .items .item.exam-zkousky-zpkt .top .icon, #cartContent #container .cart-wrapper .items .item.exam-zkouska-uvery .top .icon, #cartContent #container .cart-wrapper .items .item.exam-zkouska-podle-zakona-zpkt .top .icon, #cartContent #container .cart-wrapper .items .item.exam-zkouska-zpkt-2018 .top .icon, #cartContent #container .cart-wrapper .items .item.exam-consumer-credit-en .top .icon, #cartContent #container .cart-wrapper .items .item.exam-zkouska-zdpz .top .icon, #cartContent #container .cart-wrapper .items .item.exam-zkouska-podle-zakona-zdpz .top .icon, #cartContent #container .cart-wrapper .items .item.exam-zpkt-en .top .icon {
    background-color: #a6cd5c; }
  #cartContent #container .cart-wrapper .items .item.course-investice .top .icon {
    background-color: #eeae28; }
  #cartContent #container .cart-wrapper .items .item.course-uvery .top .icon {
    background-color: #517ba4; }
  #cartContent #container .cart-wrapper .items .item.course-pojistky .top .icon {
    background-color: #4abeda; }
  #cartContent #container .cart-wrapper .items .item.course-penze .top .icon {
    background-color: #8fbc7e; }
  #cartContent #container .cart-wrapper .items .item.course-obecne .top .icon {
    background-color: #be6e46; }
  #cartContent #container .cart-wrapper .items .item.course-soft .top .icon {
    background-color: #a63d40; }
  #cartContent #container .cart-wrapper .items .item.course-reality .top .icon {
    background-color: #29335c; }
  #cartContent #container .cart-wrapper .items .item.course-legislativa .top .icon {
    background-color: #44af69; }
  #cartContent #container .cart-wrapper .items .item.course-bankovnictvi .top .icon {
    background-color: #f08a4b; }
  #cartContent #container .cart-wrapper .items .item .bottom {
    padding: 0 2rem 1rem; }
  #cartContent #container .cart-wrapper .items .item .bottom .unit-price, #cartContent #container .cart-wrapper .items .item .bottom .number-of-participants, #cartContent #container .cart-wrapper .items .item .bottom .discount, #cartContent #container .cart-wrapper .items .item .bottom .total-price {
    display: flex;
    margin-top: 0.25rem; }
  #cartContent #container .cart-wrapper .items .item .bottom .unit-price .label, #cartContent #container .cart-wrapper .items .item .bottom .number-of-participants .label, #cartContent #container .cart-wrapper .items .item .bottom .discount .label, #cartContent #container .cart-wrapper .items .item .bottom .total-price .label {
    margin: 0 0.5rem 0 auto; }
    #cartContent #container .cart-wrapper .items .item .bottom .unit-price .label:after, #cartContent #container .cart-wrapper .items .item .bottom .number-of-participants .label:after, #cartContent #container .cart-wrapper .items .item .bottom .discount .label:after, #cartContent #container .cart-wrapper .items .item .bottom .total-price .label:after {
      content: ":"; }
  #cartContent #container .cart-wrapper .items .item .bottom .unit-price, #cartContent #container .cart-wrapper .items .item .bottom .number-of-participants {
    font-size: 0.9rem; }
  #cartContent #container .cart-wrapper .items .item .bottom button[name="editParticipants"] {
    border-radius: 0.25rem;
    display: block;
    margin: 0.25rem 0 0 auto;
    padding: 0.125rem 0.5rem; }
  #cartContent #container .cart-wrapper .items .item .bottom .discount .value, #cartContent #container .cart-wrapper .items .item .bottom .total-price .value {
    font-weight: bold;
    color: #1a377d; }
  #cartContent #container .cart-wrapper .items .item .bottom .discount {
    margin-top: 1rem; }
  #cartContent #container .cart-wrapper .items .item button[name="remove"] {
    position: absolute;
    background-color: #e91c1c;
    background-image: url("/static/img/icons/close.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1rem 1rem;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    top: 0.5rem;
    right: 0.5rem; }
  #cartContent #container .cart-wrapper form[name="voucher"] {
    align-items: flex-end;
    margin-right: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    width: 100%; }
  #cartContent #container .cart-wrapper form[name="voucher"] input[name="voucherCode"] {
    background-color: #fff;
    height: 2.25rem; }
  #cartContent #container .cart-wrapper form[name="voucher"] input[type="submit"] {
    margin-left: 0.5rem;
    height: 2.25rem; }
  #cartContent #container .cart-wrapper form[name="voucher"] .vouchers .voucher {
    display: flex;
    align-items: center; }
  #cartContent #container .cart-wrapper form[name="voucher"] .vouchers .voucher .label, #cartContent #container .cart-wrapper form[name="voucher"] .vouchers .voucher .code {
    margin-right: 0.5rem; }
  #cartContent #container .cart-wrapper form[name="voucher"] .vouchers .voucher .label:after {
    content: ":"; }
  #cartContent #container .cart-wrapper form[name="voucher"] .vouchers .voucher .code {
    font-weight: bold;
    color: #1a377d; }
  #cartContent #container .cart-wrapper form[name="voucher"] .vouchers .voucher button[name="remove"] {
    background-color: #e91c1c;
    background-image: url("/static/img/icons/close.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 0.75rem 0.75rem;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem; }
  #cartContent #container .cart-wrapper form[name="voucher"] .error-message {
    width: 100%;
    text-align: right;
    margin-bottom: 0.5rem;
    color: #e91c1c; }
  #cartContent #container .cart-wrapper > .surcharge, #cartContent #container .cart-wrapper > .total-price {
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 2rem;
    width: 100%; }
  #cartContent #container .cart-wrapper > .surcharge .row, #cartContent #container .cart-wrapper > .total-price .row {
    display: flex;
    margin-right: 1rem; }
  #cartContent #container .cart-wrapper > .surcharge .row .label, #cartContent #container .cart-wrapper > .total-price .row .label {
    margin-right: 0.5rem; }
  #cartContent #container .cart-wrapper > .surcharge .row .label:after, #cartContent #container .cart-wrapper > .total-price .row .label:after {
    content: ":"; }
  #cartContent #container .cart-wrapper > .surcharge .row .value, #cartContent #container .cart-wrapper > .total-price .row .value {
    font-weight: bold;
    color: #1a377d; }
  #cartContent #container .cart-wrapper > .surcharge {
    margin-bottom: 1rem; }
  #cartContent #container .cart-wrapper .buttons {
    width: 100%; }
  #cartContent #container .cart-wrapper .buttons a.button {
    margin-left: auto; }

#cartFinish #container, #cartThanks #container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #cartFinish #container .ok-message, #cartThanks #container .ok-message, #cartFinish #container .error-message, #cartThanks #container .error-message {
    display: flex;
    justify-content: center;
    margin: 2rem 1rem; }
  #cartFinish #container .error-message, #cartThanks #container .error-message {
    color: #e91c1c; }
  #cartFinish #container a.button, #cartThanks #container a.button {
    margin-bottom: 1rem; }

#cartInvoicing #container .cart-wrapper .subject-type {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }
  #cartInvoicing #container .cart-wrapper .subject-type .company, #cartInvoicing #container .cart-wrapper .subject-type .private-person {
    display: flex;
    align-items: center; }
  #cartInvoicing #container .cart-wrapper .subject-type .company input[type="radio"], #cartInvoicing #container .cart-wrapper .subject-type .private-person input[type="radio"] {
    margin-right: 0.5rem; }
  #cartInvoicing #container .cart-wrapper .subject-type .private-person {
    margin-right: 1rem; }
  #cartInvoicing #container .cart-wrapper form[name="company"], #cartInvoicing #container .cart-wrapper form[name="privatePerson"] {
    margin-bottom: 1rem;
    width: calc(100% - 2rem);
    max-width: 30rem; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row {
    display: flex;
    flex-direction: column; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row input, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row input, #cartInvoicing #container .cart-wrapper form[name="company"] .row textarea, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row textarea {
    background-color: #fff;
    width: 100%; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row .ares-error-message, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row .ares-error-message {
    text-align: center;
    margin-bottom: 0.5rem;
    color: #e91c1c; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row a.load-ares-data, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row a.load-ares-data {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #1a377d;
    margin-bottom: 2rem; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row a.load-ares-data .loader, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row a.load-ares-data .loader {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1rem 1rem;
    display: none;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row a.load-ares-data.loading, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row a.load-ares-data.loading {
    background-color: transparent;
    color: #1a377d; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row a.load-ares-data.loading .loader, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row a.load-ares-data.loading .loader {
    display: block; }
  #cartInvoicing #container .cart-wrapper form[name="company"] .row.error-message, #cartInvoicing #container .cart-wrapper form[name="privatePerson"] .row.error-message {
    text-align: center;
    margin-top: 1rem;
    color: #e91c1c; }
  #cartInvoicing #container .cart-wrapper .buttons input[name="nextStep"] {
    margin-bottom: 0.5rem;
    max-width: 15rem; }

#cartPay #container {
  text-align: center;
  padding: 2rem;
  box-sizing: border-box; }
  #cartPay #container .cart-wrapper p, #cartPay #container .cart-wrapper #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #cartPay #container .cart-wrapper li, #cartPay #container .cart-wrapper #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #cartPay #container .cart-wrapper div {
    text-align: left;
    width: 100%; }
  #cartPay #container .cart-wrapper .payment-summary {
    border: 1px solid #bfbfbf;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 2rem;
    width: 30rem;
    box-sizing: border-box; }
  #cartPay #container .cart-wrapper .payment-summary h2 {
    margin-bottom: 0.5rem; }
  #cartPay #container .cart-wrapper .payment-summary .row {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem; }
  #cartPay #container .cart-wrapper .payment-summary .row .label {
    margin-right: 0.5rem; }
  #cartPay #container .cart-wrapper .payment-summary .row .label:after {
    content: ":"; }
  #cartPay #container .cart-wrapper .payment-summary .row .value {
    font-weight: bold;
    color: #1a377d; }
  #cartPay #container .cart-wrapper .button-wrap {
    margin: auto; }
  #cartPay #container .cart-wrapper .button-wrap a {
    display: block;
    width: 17rem;
    margin: 0 auto 0.5rem; }
  #cartPay #container .cart-wrapper .button-wrap a.proforma {
    font-size: 1rem;
    white-space: normal;
    box-sizing: border-box;
    text-transform: none; }

#cartPayment #container .cart-wrapper form {
  margin: 0 auto 1rem;
  width: calc(100% - 2rem);
  max-width: 80rem; }
  #cartPayment #container .cart-wrapper form h3 {
    text-align: center;
    margin-bottom: 1rem; }
  #cartPayment #container .cart-wrapper form .row {
    margin-bottom: 2rem; }
  #cartPayment #container .cart-wrapper form .row.payment-methods {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #cartPayment #container .cart-wrapper form .row.payment-methods .payment-method {
    -webkit-box-shadow: 0 2px 10px 0px #000;
    -moz-box-shadow: 0 2px 10px 0px #000;
    box-shadow: 0 2px 10px 0px #000;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem;
    padding: 0.25rem;
    width: 8rem;
    overflow: hidden; }
  #cartPayment #container .cart-wrapper form .row.payment-methods .payment-method.placeholder {
    border: none; }
  #cartPayment #container .cart-wrapper form .row.payment-methods .payment-method img {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    width: 100px;
    height: 100px; }
  #cartPayment #container .cart-wrapper form .row.payment-methods .payment-method .name {
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 0.75rem; }
  #cartPayment #container .cart-wrapper form .row.payment-methods .payment-method input {
    margin-bottom: 0.5rem; }
  #cartPayment #container .cart-wrapper form .row.error-message {
    text-align: center;
    margin-top: 1rem;
    color: #e91c1c; }

#cartSummary #container .cart-wrapper h3 {
  margin-bottom: 0.5rem;
  width: 100%; }
  #cartSummary #container .cart-wrapper hr {
    display: none;
    background-color: #a1a1a1;
    border: none;
    width: 100%;
    height: 1px; }
  #cartSummary #container .cart-wrapper #cartSummaryComponent {
    align-self: stretch; }
  #cartSummary #container .cart-wrapper #fixedPriceInfo {
    margin-bottom: 1rem;
    width: 100%; }
  #cartSummary #container .cart-wrapper form {
    width: calc(100% - 2rem); }
  #cartSummary #container .cart-wrapper form .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  #cartSummary #container .cart-wrapper form .row.agreements {
    margin-bottom: 2rem; }
  #cartSummary #container .cart-wrapper form .row.agreements .agreement {
    margin-bottom: 0.5rem; }
  #cartSummary #container .cart-wrapper .error-message {
    margin-bottom: 2rem;
    color: #e91c1c; }

#cartThanks #container img.checkmark {
  margin: 2rem 0 1rem;
  width: 4rem; }
  #cartThanks #container .ok-message {
    margin-top: 0; }
  #cartThanks #container a.button {
    margin-bottom: 1rem; }

.cart #container {
  background-color: #fff;
  border-top: solid 1px #bfbfbf;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .cart #container h1 {
    margin-top: 1rem; }
  .cart #container .cart-wrapper {
    border: solid 1px #a1a1a1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5rem;
    box-sizing: border-box;
    margin-bottom: 2rem;
    padding: 2rem;
    width: calc(100% - 2rem);
    max-width: 60rem; }
  .cart #container .cart-wrapper h2 {
    margin-bottom: 2rem; }
  .cart #container .cart-wrapper .buttons {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .cart #container .cart-wrapper .buttons button[name="submit"], .cart #container .cart-wrapper .buttons a.button {
    display: flex;
    justify-content: center;
    align-items: center; }
  .cart #container .cart-wrapper .buttons a.button .arrow {
    border: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  .cart #container .cart-wrapper .buttons a.button .arrow.left {
    transform: rotate(-45deg);
    margin-right: 0.5rem; }
  .cart #container .cart-wrapper .buttons a.button .arrow.right {
    transform: rotate(135deg);
    margin-left: 0.5rem; }
  .cart #container .cart-wrapper .buttons a.button.back {
    border: solid 1px #1a377d;
    background-color: transparent;
    color: #1a377d; }
  .cart #container .cart-wrapper .buttons a.button.back > .left, .cart #container .cart-wrapper .buttons a.button.back > .right {
    border-color: #1a377d; }

#certTemplateCourse, #certTemplateCourseSimple, #certTemplateSector, #certTemplatePackage, #certTemplateKapitol1, #certTemplateKapitol2 {
  width: 210mm;
  height: 296mm;
  box-sizing: border-box; }
  #certTemplateCourse .foreground .footer .committee-and-signatures .signatures, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures, #certTemplateSector .foreground .footer .committee-and-signatures .signatures, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures {
    justify-content: space-between; }
  #certTemplateCourse .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateCourseSimple .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateSector .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplatePackage .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateKapitol1 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateKapitol2 .foreground .footer .committee-and-signatures .signatures .signature .name-and-role {
    text-align: center; }

#certTemplateExam, #certTemplateCourseSimpleLandscape, #certTemplateExamPfp, #certTemplateSelfRegStd, #certTemplateUniqaInternal, #certTemplateSantia {
  width: 297mm;
  height: 209mm; }
  #certTemplateExam .foreground .footer, #certTemplateCourseSimpleLandscape .foreground .footer, #certTemplateExamPfp .foreground .footer, #certTemplateSelfRegStd .foreground .footer, #certTemplateUniqaInternal .foreground .footer, #certTemplateSantia .foreground .footer {
    margin: auto;
    max-width: calc(100% - 90pt); }
  #certTemplateExam .foreground .footer .committee-and-signatures, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures, #certTemplateExamPfp .foreground .footer .committee-and-signatures, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures, #certTemplateSantia .foreground .footer .committee-and-signatures {
    display: flex;
    justify-content: space-between; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures {
    justify-content: flex-end; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures .signature {
    flex-direction: row; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature hr, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures .signature hr {
    display: none; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature img, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures .signature img {
    order: 1; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature .name-and-role, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures .signature .name-and-role {
    margin-right: 0.5rem; }
  #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .name, #certTemplateExam .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateCourseSimpleLandscape .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateExamPfp .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateSelfRegStd .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateUniqaInternal .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role, #certTemplateSantia .foreground .footer .committee-and-signatures .signatures .signature .name-and-role .role {
    white-space: nowrap; }
  #certTemplateExam .foreground .footer #certEfpaFooterData, #certTemplateCourseSimpleLandscape .foreground .footer #certEfpaFooterData, #certTemplateExamPfp .foreground .footer #certEfpaFooterData, #certTemplateSelfRegStd .foreground .footer #certEfpaFooterData, #certTemplateUniqaInternal .foreground .footer #certEfpaFooterData, #certTemplateSantia .foreground .footer #certEfpaFooterData {
    text-align: right;
    margin-top: 0; }

#certTemplateSector .foreground .body #certCreditsListBlock, #certTemplateKapitol1 .foreground .body #certCreditsListBlock, #certTemplateKapitol2 .foreground .body #certCreditsListBlock, #certTemplatePackage .foreground .body #certCreditsListBlock, #certTemplateSector .foreground .body #certPackageItemsListBlock, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock, #certTemplatePackage .foreground .body #certPackageItemsListBlock {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #certTemplateSector .foreground .body #certCreditsListBlock .title, #certTemplateKapitol1 .foreground .body #certCreditsListBlock .title, #certTemplateKapitol2 .foreground .body #certCreditsListBlock .title, #certTemplatePackage .foreground .body #certCreditsListBlock .title, #certTemplateSector .foreground .body #certPackageItemsListBlock .title, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock .title, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock .title, #certTemplatePackage .foreground .body #certPackageItemsListBlock .title {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #1a377d; }
  #certTemplateSector .foreground .body #certCreditsListBlock table, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table, #certTemplatePackage .foreground .body #certCreditsListBlock table, #certTemplateSector .foreground .body #certPackageItemsListBlock table, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table, #certTemplatePackage .foreground .body #certPackageItemsListBlock table {
    width: 75%;
    color: #1a377d; }
  #certTemplateSector .foreground .body #certCreditsListBlock table thead tr th, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table thead tr th, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table thead tr th, #certTemplatePackage .foreground .body #certCreditsListBlock table thead tr th, #certTemplateSector .foreground .body #certPackageItemsListBlock table thead tr th, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table thead tr th, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table thead tr th, #certTemplatePackage .foreground .body #certPackageItemsListBlock table thead tr th {
    font-style: italic;
    font-weight: 300; }
  #certTemplateSector .foreground .body #certCreditsListBlock table tfoot tr th, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tfoot tr th, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tfoot tr th, #certTemplatePackage .foreground .body #certCreditsListBlock table tfoot tr th, #certTemplateSector .foreground .body #certPackageItemsListBlock table tfoot tr th, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tfoot tr th, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tfoot tr th, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tfoot tr th {
    border-top: solid 1pt #1a377d; }
  #certTemplateSector .foreground .body #certCreditsListBlock table tr th, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr th, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr th, #certTemplatePackage .foreground .body #certCreditsListBlock table tr th, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr th, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr th, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr th, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr th, #certTemplateSector .foreground .body #certCreditsListBlock table tr td, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr td, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr td, #certTemplatePackage .foreground .body #certCreditsListBlock table tr td, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr td, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr td, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr td, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr td {
    font-size: 8pt;
    vertical-align: top;
    padding: 0.125rem 0.5rem; }
  #certTemplateSector .foreground .body #certCreditsListBlock table tr th, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr th, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr th, #certTemplatePackage .foreground .body #certCreditsListBlock table tr th, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr th, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr th, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr th, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr th {
    text-align: left;
    white-space: nowrap; }
  #certTemplateSector .foreground .body #certCreditsListBlock table tr th.date, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr th.date, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr th.date, #certTemplatePackage .foreground .body #certCreditsListBlock table tr th.date, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr th.date, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr th.date, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr th.date, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr th.date, #certTemplateSector .foreground .body #certCreditsListBlock table tr td.date, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr td.date, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr td.date, #certTemplatePackage .foreground .body #certCreditsListBlock table tr td.date, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr td.date, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr td.date, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr td.date, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr td.date {
    white-space: nowrap; }
  #certTemplateSector .foreground .body #certCreditsListBlock table tr th.description .categories, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr th.description .categories, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr th.description .categories, #certTemplatePackage .foreground .body #certCreditsListBlock table tr th.description .categories, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr th.description .categories, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr th.description .categories, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr th.description .categories, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr th.description .categories, #certTemplateSector .foreground .body #certCreditsListBlock table tr td.description .categories, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr td.description .categories, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr td.description .categories, #certTemplatePackage .foreground .body #certCreditsListBlock table tr td.description .categories, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr td.description .categories, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr td.description .categories, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr td.description .categories, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr td.description .categories {
    font-size: 0.625rem;
    font-style: italic; }
  #certTemplateSector .foreground .body #certCreditsListBlock table tr th.credits, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr th.credits, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr th.credits, #certTemplatePackage .foreground .body #certCreditsListBlock table tr th.credits, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr th.credits, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr th.credits, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr th.credits, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr th.credits, #certTemplateSector .foreground .body #certCreditsListBlock table tr td.credits, #certTemplateKapitol1 .foreground .body #certCreditsListBlock table tr td.credits, #certTemplateKapitol2 .foreground .body #certCreditsListBlock table tr td.credits, #certTemplatePackage .foreground .body #certCreditsListBlock table tr td.credits, #certTemplateSector .foreground .body #certPackageItemsListBlock table tr td.credits, #certTemplateKapitol1 .foreground .body #certPackageItemsListBlock table tr td.credits, #certTemplateKapitol2 .foreground .body #certPackageItemsListBlock table tr td.credits, #certTemplatePackage .foreground .body #certPackageItemsListBlock table tr td.credits {
    text-align: center; }

#charts #container .content {
  background-color: #fff; }
  #charts #container .content #myChart {
    width: 20rem;
    height: 15rem; }

#conferenceEfpa > .block.conference > .content {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  #conferenceEfpa > .block.conference > .content .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 0;
    width: 100%; }
  #conferenceEfpa > .block.conference > .content .block.main {
    position: relative;
    text-align: center;
    background-image: url("/static/img/pages/conference/konference-pic.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden; }
  #conferenceEfpa > .block.conference > .content .block.main h1 {
    color: #1a377d; }
  #conferenceEfpa > .block.conference > .content .block.main h2 {
    text-transform: uppercase;
    color: #000; }
  #conferenceEfpa > .block.conference > .content .block.main .date {
    font-size: 1.25rem;
    margin-bottom: 1rem; }
  #conferenceEfpa > .block.conference > .content .block.main button[name="enter"] {
    margin-bottom: 2rem; }
  #conferenceEfpa > .block.conference > .content .block.main .arrow {
    position: absolute;
    display: none;
    z-index: 1; }
  #conferenceEfpa > .block.conference > .content .block.main .arrow.right {
    background-image: url("/static/img/pages/conference/velesipka-retina-right.png");
    background-repeat: no-repeat;
    background-size: calc(20vw / 1.23) 20vw;
    width: calc(20vw / 1.23);
    height: 20vw;
    top: 15rem;
    left: 0; }
  #conferenceEfpa > .block.conference > .content .block.main .arrow.top {
    background-image: url("/static/img/pages/conference/velesipka-retina-top.png");
    background-repeat: no-repeat;
    background-size: 20vw calc(20vw / 1.23);
    width: 20vw;
    height: calc(20vw / 1.23);
    bottom: 0;
    right: 2rem; }
  @media screen and (min-width: 50em) {
              #conferenceEfpa > .block.conference > .content .block.main .arrow {
                display: block; } }
  #conferenceEfpa > .block.conference > .content .block.main .box {
    position: relative;
    background-color: rgba(255, 255, 255, .7);
    padding: 2rem;
    width: calc(100% - 4rem);
    max-width: 50rem; }
  #conferenceEfpa > .block.conference > .content .block.main .box .circle350 {
    position: absolute;
    background-image: url("/static/img/pages/conference/kolecko-350.png");
    background-repeat: no-repeat;
    background-size: 12rem 12rem;
    display: none;
    width: 12rem;
    height: 12rem;
    top: -6rem;
    right: -6rem; }
    @media screen and (min-width: 60em) {
              #conferenceEfpa > .block.conference > .content .block.main .box .circle350 {
                display: block; } }
  #conferenceEfpa > .block.conference > .content .block.main .box > div {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .when, #conferenceEfpa > .block.conference > .content .block.main .box > div .where, #conferenceEfpa > .block.conference > .content .block.main .box > div .who, #conferenceEfpa > .block.conference > .content .block.main .box > div .why, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations {
      text-align: center;
      width: 100%;
      max-width: 16rem; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .when > .title, #conferenceEfpa > .block.conference > .content .block.main .box > div .where > .title, #conferenceEfpa > .block.conference > .content .block.main .box > div .who > .title, #conferenceEfpa > .block.conference > .content .block.main .box > div .why > .title, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations > .title {
      font-size: 2rem;
      font-weight: 300;
      color: #1a377d;
      text-transform: uppercase; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .when a, #conferenceEfpa > .block.conference > .content .block.main .box > div .where a, #conferenceEfpa > .block.conference > .content .block.main .box > div .who a, #conferenceEfpa > .block.conference > .content .block.main .box > div .why a, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations a {
      color: #383838; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .why, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations {
      max-width: 30rem; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .why .list .item, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list .item {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      align-items: flex-start;
      text-align: left;
      margin-bottom: 0.5rem; }
      #conferenceEfpa > .block.conference > .content .block.main .box > div .why .list .item .circle, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list .item .circle {
        border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        position: relative;
        flex-shrink: 0;
        background-color: #fdef18;
        margin-right: 0.5rem;
        width: 1rem;
        height: 1rem;
        top: 0.25rem; }
      #conferenceEfpa > .block.conference > .content .block.main .box > div .why .list .item .container, #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list .item .container {
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -webkit-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -moz-box;
        /* TWEENER - IE 10 */
        display: -ms-flexbox;
        /* NEW - Chrome */
        display: -webkit-flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .who ul li {
      text-align: left; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations {
      max-width: initial; }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .lists {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      position: relative;
      margin-top: 0.5rem;
      z-index: 2; }
    @media screen and (min-width: 45em) {
                  #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list {
                    width: calc(50% - 1rem); } }
    #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list .item .circle {
      background-color: #1a377d;
      width: 0.5rem;
      height: 0.5rem;
      top: 0.5rem; }
      #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list .item a.title {
        color: #1a377d; }
      #conferenceEfpa > .block.conference > .content .block.main .box > div .presentations .list .item .speakers {
        font-size: 0.9rem; }
  #conferenceEfpa > .block.conference > .content .block.video .container {
    padding: 0 1rem;
    width: calc(100% - 2rem);
    max-width: 30rem; }
  #conferenceEfpa > .block.conference > .content .block.video .container .video {
    position: relative;
    padding-top: 56%; }
    #conferenceEfpa > .block.conference > .content .block.video .container .video iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
  #conferenceEfpa > .block.conference > .content .block.login {
    background-color: #f1f1f1;
    background-image: url("/static/img/pages/conference/velesipka-retina-top.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 10rem calc(10rem / 1.23); }
  #conferenceEfpa > .block.conference > .content .block.login .products {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%; }
  #conferenceEfpa > .block.conference > .content .block.login .products .product {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: solid 1px #898989;
    margin: 0 2rem 1rem;
    width: calc(100% - 4rem);
    max-width: 20rem; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product.efp-efa button {
      -webkit-box-shadow: 0 2px 1px 0px #e1d515ff;
      -moz-box-shadow: 0 2px 1px 0px #e1d515ff;
      box-shadow: 0 2px 1px 0px #e1d515ff;
      background-color: #fdef18;
      color: #1a377d; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product > div {
      text-align: center;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      padding: 1rem;
      width: calc(100% - 2rem);
      min-height: 5rem; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product > div h3, #conferenceEfpa > .block.conference > .content .block.login .products .product > div .price {
      font-size: 2rem;
      font-weight: bold; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product > div .vat {
      text-transform: uppercase;
      margin-bottom: 1rem; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product.public > div {
      background-image: url("/static/img/pages/conference/verejnost.jpg");
      color: #fff; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product.efp-efa > div {
      background-image: url("/static/img/pages/conference/poradci.jpg");
      color: #1a377d; }
    #conferenceEfpa > .block.conference > .content .block.login .products .product button {
      margin: 1rem; }
  #conferenceEfpa > .block.conference > .content .block.speakers {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    padding-bottom: 0; }
  #conferenceEfpa > .block.conference > .content .block.speakers .top {
    background-color: #fdef18;
    width: 10rem;
    height: 1rem; }
  #conferenceEfpa > .block.conference > .content .block.speakers .list {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url("/static/img/pages/conference/stick.png");
    background-repeat: repeat-y;
    background-position: 50% 50%;
    background-size: 1rem 1px;
    padding-bottom: 2rem;
    width: 100%;
    max-width: 60rem;
    overflow: hidden; }
  #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-color: #fff;
    margin-top: 2rem;
    padding: 1rem;
    width: calc(100% - 2rem);
    max-width: 20rem; }
    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker.hidden {
      display: none; }
    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker img {
      margin-bottom: 1rem;
      width: 10rem; }
    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker .name, #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker .topic {
      text-align: center;
      margin-bottom: 0.5rem; }
    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker .name {
      font-size: 1.25rem;
      color: #1a377d; }
    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker .topic {
      font-size: 1rem; }
    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker a.more-info {
      text-align: right;
      font-size: 0.9rem;
      display: block;
      margin-bottom: 1rem;
      width: 100%; }
  @media screen and (min-width: 60em) {
              #conferenceEfpa > .block.conference > .content .block.speakers .list {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center; }
                #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker {
                  margin: 2rem 0.5rem;
                  padding: 1rem 4rem; }
                  #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker .stick {
                    position: absolute;
                    background-color: #fdef18;
                    width: 4rem;
                    height: 1rem;
                    top: 5rem; }
                  #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker:nth-child(2n+1) .stick {
                    right: 0; }
                  #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker:nth-child(2n) {
                    position: relative;
                    top: 5rem; }
                    #conferenceEfpa > .block.conference > .content .block.speakers .list .speaker:nth-child(2n) .stick {
                      left: 0; } }
  #conferenceEfpa > .block.conference > .content .block.speakers a.more-speakers {
    padding: 1rem; }
  @media screen and (min-width: 90em) {
            #conferenceEfpa > .block.conference > .content .block.speakers {
              background-image: url("/static/img/pages/conference/velesipka-retina-right.png"), url("/static/img/pages/conference/velesipka-retina-left.png");
              background-repeat: no-repeat, no-repeat;
              background-position: 0% 10%, 100% 90%;
              background-size: calc(20rem / 1.23) 20rem, calc(20rem / 1.23) 20rem; } }
  #conferenceEfpa > .block.conference > .content .block.program .box {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    background-image: url("/static/img/pages/conference/stick.png");
    background-repeat: repeat-y;
    background-position: 0% 50%;
    background-size: 1rem 1px;
    border: solid 1px #898989;
    margin: 2rem 0;
    padding: 2rem 0 2rem 1rem;
    width: calc(100% - 3rem);
    max-width: 60rem; }
  #conferenceEfpa > .block.conference > .content .block.program .box .title, #conferenceEfpa > .block.conference > .content .block.program .box .subtitle {
    margin-bottom: 0.5rem; }
  #conferenceEfpa > .block.conference > .content .block.program .box .title {
    font-size: 1.5rem;
    color: #1a377d; }
  #conferenceEfpa > .block.conference > .content .block.program .box .subtitle {
    text-transform: uppercase;
    font-size: 1.25rem;
    color: #000; }
  #conferenceEfpa > .block.conference > .content .block.program .box .date {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1rem #fdef18; }
  #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    width: 100%; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-direction: column;
      margin-bottom: 2rem; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item.hidden {
      display: none; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      justify-content: flex-start;
      margin-bottom: 1rem; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main .stick {
      background-color: #fdef18;
      width: 2rem;
      height: 1rem; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main .time {
      width: 10rem;
      color: #898989; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main .name {
      flex: 1 1 auto;
      text-align: left;
      font-size: 1.25rem; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main .name.break {
        font-style: italic; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main .name .more-info {
        font-size: 0.875rem; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .main .name .special {
        margin-top: 0.5rem; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .speakers {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 3rem; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .speakers .speaker {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 0.5rem; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .speakers .speaker img {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -moz-border-radius: 2rem;
        width: 4rem;
        height: 4rem; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .speakers .speaker > div {
        text-align: left;
        margin-left: 1rem; }
      @media screen and (min-width: 30rem) {
                #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .speakers {
                  margin-left: 11rem; } }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops {
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -webkit-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -moz-box;
      /* TWEENER - IE 10 */
      display: -ms-flexbox;
      /* NEW - Chrome */
      display: -webkit-flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: flex;
      flex-wrap: wrap;
      text-align: left;
      margin: 0 1rem; }
    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall {
      margin-bottom: 1rem;
      flex: 1 0 auto; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .hall-name {
        font-weight: bold;
        margin-left: 6.5rem; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item {
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -webkit-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -moz-box;
        /* TWEENER - IE 10 */
        display: -ms-flexbox;
        /* NEW - Chrome */
        display: -webkit-flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        display: flex;
        padding: 0.2rem 0; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item:nth-child(2n) {
        background-color: #f1f1f1; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item .time {
        width: 5rem;
        flex: 0 0 auto;
        color: #898989; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item .texts {
        flex: 1 1 auto;
        padding-left: 0.5rem;
        font-size: 0.75rem; }
      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item .texts .company {
        font-style: italic; }
    @media screen and (min-width: 30rem) {
                  #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops {
                    margin: 0 2rem;
                    margin-left: 5rem; } }
    @media screen and (min-width: 65rem) {
                  #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops {
                    margin-right: 2rem; }
                    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall {
                      width: 50%; }
                      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item {
                        height: 5rem; }
                        #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item .time {
                          width: 6rem; }
                        #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall .workshop-item .texts {
                          font-size: 0.875rem; }
                    #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall-2 .hall-name {
                      margin-left: 0.5rem; }
                      #conferenceEfpa > .block.conference > .content .block.program .box .harmonogram .item .workshops .hall-2 .workshop-item .time {
                        display: none; } }
  #conferenceEfpa > .block.conference > .content .block.more-information {
    background-color: #1a377d;
    color: #fff; }
  #conferenceEfpa > .block.conference > .content .block.more-information .content {
    padding: 1rem;
    width: calc(100% - 2rem);
    max-width: 60rem; }
  #conferenceEfpa > .block.conference > .content .block.more-information .content a {
    text-decoration: underline;
    color: #fff; }
  #conferenceEfpa > .block.conference > .content .block.more-information .content #map {
    background-image: url("/static/img/pages/conference/map.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 20rem;
    height: 15rem; }
  #conferenceEfpa > .block.conference > .content .block.more-information .content .contact {
    margin-bottom: 2rem; }
  #conferenceEfpa > .block.conference > .content .block.charity {
    background-color: white; }
  #conferenceEfpa > .block.conference > .content .block.charity h2 {
    text-align: center; }
  #conferenceEfpa > .block.conference > .content .block.charity .sance-header {
    margin-bottom: 1rem; }
  #conferenceEfpa > .block.conference > .content .block.charity .sance {
    margin-bottom: 2rem; }
  #conferenceEfpa > .block.conference > .content .block.charity .sance img {
    width: 162px; }
  #conferenceEfpa > .block.conference > .content .block.partners {
    text-align: center;
    background-color: #fff; }
  #conferenceEfpa > .block.conference > .content .block.partners .category {
    margin-bottom: 3rem; }
  #conferenceEfpa > .block.conference > .content .block.partners .category h2 {
    text-align: center;
    margin-bottom: 0;
    color: #000; }
  #conferenceEfpa > .block.conference > .content .block.partners .category.platinum h2 {
    color: #20989f; }
  #conferenceEfpa > .block.conference > .content .block.partners .category.gold h2 {
    color: #c6b500; }
  #conferenceEfpa > .block.conference > .content .block.partners .category.silver h2 {
    color: #9d9d9d; }
  #conferenceEfpa > .block.conference > .content .block.partners .category .container {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 739px; }
    #conferenceEfpa > .block.conference > .content .block.partners .category .container a {
      margin: 1rem; }
    #conferenceEfpa > .block.conference > .content .block.partners .category .container a img {
      width: auto;
      max-width: 300px; }
  #conferenceEfpa > .block.conference > .content .block.become-partner {
    background-color: #183376; }
  #conferenceEfpa > .block.conference > .content .block.become-partner h2 {
    text-align: center;
    color: #fff; }
  #conferenceEfpa > .block.conference > .content .block.become-partner p.done, #conferenceEfpa > .block.conference > .content .block.become-partner #poradci #container > .block.info .contents .content ul li.done, #poradci #container > .block.info .contents .content ul #conferenceEfpa > .block.conference > .content .block.become-partner li.done, #conferenceEfpa > .block.conference > .content .block.become-partner #poradci #container > .block.info .contents .content div.done, #poradci #container > .block.info .contents .content #conferenceEfpa > .block.conference > .content .block.become-partner div.done {
    color: #fff; }
  #conferenceEfpa > .block.conference > .content .block.become-partner form {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 2rem);
    max-width: 20rem; }
  #conferenceEfpa > .block.conference > .content .block.become-partner form .row {
    width: 100%; }
    #conferenceEfpa > .block.conference > .content .block.become-partner form .row input, #conferenceEfpa > .block.conference > .content .block.become-partner form .row textarea, #conferenceEfpa > .block.conference > .content .block.become-partner form .row button {
      background-color: #fff;
      width: 100%; }
    #conferenceEfpa > .block.conference > .content .block.become-partner form .row input[name="submit"] {
      -webkit-box-shadow: 0 2px 1px 0px #629695ff;
      -moz-box-shadow: 0 2px 1px 0px #629695ff;
      box-shadow: 0 2px 1px 0px #629695ff;
      background-color: #77b7b6;
      margin: 0;
      width: 100%; }
  #conferenceEfpa > .block.conference > .content .block.past-conferences, #conferenceEfpa > .block.conference > .content .block.photos {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    width: calc(100% - 2rem); }
  #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference, #conferenceEfpa > .block.conference > .content .block.photos .past-conference, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container, #conferenceEfpa > .block.conference > .content .block.photos > .container {
    width: 100%;
    max-width: 63.5rem; }
  #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference .row, #conferenceEfpa > .block.conference > .content .block.photos .past-conference .row, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container .row, #conferenceEfpa > .block.conference > .content .block.photos > .container .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start; }
    #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference .row .label, #conferenceEfpa > .block.conference > .content .block.photos .past-conference .row .label, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container .row .label, #conferenceEfpa > .block.conference > .content .block.photos > .container .row .label {
      font-weight: bold;
      margin-right: 1rem;
      min-width: 7rem; }
    #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference .row .label:after, #conferenceEfpa > .block.conference > .content .block.photos .past-conference .row .label:after, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container .row .label:after, #conferenceEfpa > .block.conference > .content .block.photos > .container .row .label:after {
      content: ":"; }
  #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference .gallery, #conferenceEfpa > .block.conference > .content .block.photos .past-conference .gallery, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container .gallery, #conferenceEfpa > .block.conference > .content .block.photos > .container .gallery {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 1rem 0; }
    #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference .gallery .image, #conferenceEfpa > .block.conference > .content .block.photos .past-conference .gallery .image, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container .gallery .image, #conferenceEfpa > .block.conference > .content .block.photos > .container .gallery .image {
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      display: block;
      margin: 0 0.5rem 0.5rem 0;
      width: 12rem;
      height: calc(12rem / 3 * 2); }
    #conferenceEfpa > .block.conference > .content .block.past-conferences .past-conference .gallery + .a.download-all, #conferenceEfpa > .block.conference > .content .block.photos .past-conference .gallery + .a.download-all, #conferenceEfpa > .block.conference > .content .block.past-conferences > .container .gallery + .a.download-all, #conferenceEfpa > .block.conference > .content .block.photos > .container .gallery + .a.download-all {
      margin-bottom: 2rem; }

#conferenceFinfest > .content .block > .container {
  width: 100%;
  max-width: 80rem;
  margin: auto;
  box-sizing: border-box;
  padding: 1rem; }
  @media screen and (min-width: 30rem) {
        #conferenceFinfest > .content .block > .container {
          padding: 1rem 2rem; } }
  #conferenceFinfest > .content .block.main {
    background-image: url("/static/img/pages/finfest/main.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    font-weight: lighter;
    padding: 2rem 1rem; }
  #conferenceFinfest > .content .block.main .header {
    text-align: center;
    font-size: 0.875rem;
    margin-bottom: 1rem; }
  #conferenceFinfest > .content .block.main .header .logo {
    width: 10rem;
    position: relative;
    margin: auto; }
  #conferenceFinfest > .content .block.main .conferenceSection {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1rem;
    margin-bottom: 2rem; }
  #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item {
    width: calc(100% - 1rem);
    margin: 0.5rem; }
  #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item p, #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item li, #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item div {
    font-size: 0.875rem;
    font-weight: lighter; }
  #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item h3 {
    text-align: center; }
  @media screen and (min-width: 30rem) {
              #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item {
                width: calc(50% - 1rem); } }
  @media screen and (min-width: 50rem) {
              #conferenceFinfest > .content .block.main .conferenceSection #finfest-main-section .first-block-item {
                width: calc(25% - 1rem); } }
  #conferenceFinfest > .content .block.main .finfest-link {
    text-align: center; }
  #conferenceFinfest > .content .block.main .finfest-link a {
    color: white;
    background-color: red;
    padding: 0.5rem 0.75rem;
    text-transform: none;
    font-weight: normal; }
  #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item {
    text-align: center;
    width: calc(50% - 1rem);
    margin: 0.5rem; }
  #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item .number {
    color: red;
    font-size: 2rem;
    font-weight: bold; }
  #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item p, #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item li, #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item div {
    font-weight: bold;
    margin-bottom: 0; }
  @media screen and (min-width: 50rem) {
              #conferenceFinfest > .content .block.numbers .conferenceSection #finfest-numbers .numbers-item {
                width: calc(25% - 1rem); } }
  #conferenceFinfest > .content .block.products {
    background-color: #d3d3d3; }
  #conferenceFinfest > .content .block.products .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #conferenceFinfest > .content .block.products .container .no-user {
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1rem; }
  #conferenceFinfest > .content .block.products .container a.button {
    background-color: #f62b0a;
    border-radius: 0.25rem;
    font-weight: 300;
    margin-bottom: 2rem; }
  #conferenceFinfest > .content .block.products .container h2 {
    text-align: center;
    text-transform: uppercase;
    margin: 2rem 0 1rem; }
  #conferenceFinfest > .content .block.products .container .products-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 1rem;
    width: calc(100% - 2rem);
    max-width: 16rem; }
  #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header, #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .body {
    padding: 1rem; }
  #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header {
    position: relative;
    background-color: #ddd;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    min-height: 4rem; }
    #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header .title, #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header .price {
      font-weight: bold; }
    #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header .title {
      margin-bottom: 1rem; }
    #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header .price {
      color: #f62b0a; }
    #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .header .favourite {
      position: absolute;
      background-color: #f62b0a;
      text-transform: none;
      transform: rotate(45deg);
      font-size: 0.75rem;
      padding: 0.25rem 3rem;
      color: #fff;
      top: 1.25rem;
      right: -2.75rem; }
  #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct .body {
    flex-grow: 1;
    background-color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    color: #8b8b8b; }
  #conferenceFinfest > .content .block.products .container .products-list .conferenceFinfestProduct form input[type="submit"] {
    background-color: #f62b0a;
    border-radius: 0;
    font-size: 0.9rem;
    width: 100%; }
  #conferenceFinfest > .content .block.speakers .conferenceSection {
    margin: 1rem 2rem;
    width: calc(100% - 2rem); }
  #conferenceFinfest > .content .block.speakers .conferenceSection h2, #conferenceFinfest > .content .block.speakers .conferenceSection h3 {
    text-align: center; }
  #conferenceFinfest > .content .block.speakers .conferenceSection h2 {
    font-size: 2rem; }
  #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker {
    text-align: center;
    width: calc(50% - 1rem);
    margin: 0.5rem; }
  #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker img {
    border-radius: 0.5rem;
    margin-bottom: 0.5rem; }
  #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker h3 {
    text-transform: uppercase; }
    #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker h3 a {
      color: black; }
  #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker p, #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker li, #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker div {
    font-style: italic;
    margin-bottom: 0; }
  @media screen and (min-width: 50rem) {
              #conferenceFinfest > .content .block.speakers .conferenceSection .speakers-wrap .speaker {
                width: calc(25% - 1rem); } }

#conferenceGmw > .block {
  padding: 1rem;
  padding-top: 3rem; }
  #conferenceGmw > .block h1 {
    text-align: center; }
  #conferenceGmw > .block > .content {
    max-width: 80rem;
    margin: auto; }
  #conferenceGmw > .block.page-header {
    background-image: url("/static/img/pages/gmw/gmw.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 0;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem; }
  #conferenceGmw > .block.page-header .texts {
    position: relative; }
  #conferenceGmw > .block.page-header .texts h1, #conferenceGmw > .block.page-header .texts .info {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    box-sizing: border-box; }
  #conferenceGmw > .block.page-header .texts h1 {
    margin-bottom: 1rem; }
  #conferenceGmw > .block.page-header .texts .info {
    margin-bottom: 1rem;
    padding: 1rem 2rem; }
  #conferenceGmw > .block.page-header .texts .info h2 {
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 1.25rem; }
  #conferenceGmw > .block.page-header .circles {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 80rem;
    margin-bottom: -1.5rem;
    z-index: 2; }
  #conferenceGmw > .block.page-header .circles .circle-wrap {
    width: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: flex-end;
    justify-content: center; }
  @media only screen and (min-width: 30em) {
          #conferenceGmw > .block.page-header .circles .circle-wrap {
            width: 50%; } }
  @media only screen and (min-width: 50em) {
          #conferenceGmw > .block.page-header .circles .circle-wrap {
            width: 25%; } }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle {
    position: relative;
    margin-top: 1rem;
    color: white;
    background-color: #e9bf1a;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0 2px 1px 0px black;
    -moz-box-shadow: 0 2px 1px 0px black;
    box-shadow: 0 2px 1px 0px black;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .white-line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid white;
    margin: 0.5rem; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text {
    z-index: 2; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text p, #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text li, #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text div {
    font-family: Montserrat;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: bold; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text.countries .number {
    font-size: 3.5rem;
    margin-bottom: -0.5rem; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text.kids .number {
    font-size: 1.375rem; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text.actions .number {
    font-size: 1.875rem; }
  #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text.organizations .number {
    font-size: 1.75rem; }
    #conferenceGmw > .block.page-header .circles .circle-wrap .circle .circle-text.organizations .unit {
      font-size: 1rem; }
  #conferenceGmw > .block.about {
    padding: 2rem;
    background-color: white; }
  #conferenceGmw > .block.about > .content {
    max-width: 70rem; }
  #conferenceGmw > .block.about > .content .image {
    text-align: center;
    margin-bottom: 2rem; }
  #conferenceGmw > .block.about > .content .image img {
    width: 20rem; }
  #conferenceGmw > .block.about > .content h2 {
    margin-bottom: 2rem; }
  #conferenceGmw > .block.about > .content .texts .show-more-wrap {
    text-align: center;
    margin-bottom: 1rem; }
  #conferenceGmw > .block.about > .content .texts .shown a {
    font-weight: normal; }
  #conferenceGmw > .block.about > .content .texts .shown a.na-penezich-zalezi {
    display: block;
    margin: 1rem auto 0;
    width: 15rem; }
  #conferenceGmw > .block.about > .content .texts .hidden {
    display: none; }
  #conferenceGmw > .block.about > .content .texts.show-texts .hidden {
    display: block; }
  #conferenceGmw > .block.download {
    background-color: #f1f1f1; }
  #conferenceGmw > .block.download > .content .buttons {
    text-align: center;
    margin-bottom: 2rem; }
  #conferenceGmw > .block.download > .content .buttons .button {
    margin-right: 1rem;
    padding: 0.5rem 1.5rem; }
  #conferenceGmw > .block.download > .content .buttons .button:nth-last-of-type(1) {
    margin-right: 0; }
  #conferenceGmw > .block.download > .content .buttons .button.not-published {
    border-color: #bfbfbf;
    color: #bfbfbf; }
  #conferenceGmw > .block.download > .content h2 {
    margin-bottom: 2rem; }
  #conferenceGmw > .block.download > .content .editable-presentations {
    width: 80%;
    text-align: center;
    margin: auto; }
  #conferenceGmw > .block.download > .content .editable-presentations p, #conferenceGmw > .block.download > .content .editable-presentations #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceGmw > .block.download > .content .editable-presentations li, #conferenceGmw > .block.download > .content .editable-presentations #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceGmw > .block.download > .content .editable-presentations div {
    margin-bottom: 0.25rem; }
  #conferenceGmw > .block.program-block {
    background-color: white; }
  #conferenceGmw > .block.program-block > .content .program {
    margin-left: 2rem; }
  #conferenceGmw > .block.program-block > .content .program .program-item {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    margin-bottom: 0.125rem; }
  #conferenceGmw > .block.program-block > .content .program .program-item .time {
    font-weight: bold;
    min-width: 7rem; }
  @media only screen and (min-width: 40em) {
          #conferenceGmw > .block.program-block > .content .program {
            margin-left: 5rem; } }
  #conferenceGmw > .block.institutions-block > .content .double-column, #conferenceGmw > .block.schools-block > .content .double-column {
    list-style-type: disc; }
  @media only screen and (min-width: 40em) {
          #conferenceGmw > .block.institutions-block > .content .double-column, #conferenceGmw > .block.schools-block > .content .double-column {
            -webkit-columns: 2;
            -moz-columns: 2;
            columns: 2;
            list-style-position: inside; } }
  #conferenceGmw > .block.schools-block {
    background-color: white; }
  #conferenceGmw > .block.schools-block .hidden {
    display: none; }
  #conferenceGmw > .block.schools-block .show-more-schools {
    display: block;
    text-align: center; }

#conferenceNew > .content .block > .container {
  width: 100%;
  max-width: 80rem;
  margin: auto;
  box-sizing: border-box;
  padding: 1rem; }
  @media screen and (min-width: 30rem) {
        #conferenceNew > .content .block > .container {
          padding: 1rem 2rem; } }
  #conferenceNew > .content .block.main {
    background-image: url('/static/img/pages/conference/conferenceNewBackground.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding: 2rem 1rem; }
  #conferenceNew > .content .block.main .container .header {
    margin-bottom: 2rem;
    z-index: 2; }
  #conferenceNew > .content .block.main .container .header h1 {
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 4rem;
    text-transform: none; }
  #conferenceNew > .content .block.main .container .header .line {
    background-color: #fff200;
    height: 1rem;
    width: 15rem;
    margin-left: -3.5rem;
    margin-bottom: 1rem; }
  #conferenceNew > .content .block.main .container .header .day {
    font-family: 'Sora', sans-serif;
    font-size: 5.6rem;
    font-weight: 800; }
  #conferenceNew > .content .block.main .container .header .time, #conferenceNew > .content .block.main .container .header .where {
    font-family: 'Sora', sans-serif;
    font-size: 2rem;
    font-weight: 500; }
  #conferenceNew > .content .block.main .container .conferenceSection {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1rem;
    margin-bottom: 2rem; }
  #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item {
    width: calc(100% - 1rem);
    margin: 0.5rem; }
    #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item p, #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item li, #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item div {
      font-size: 0.875rem;
      font-weight: lighter; }
    #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item h3 {
      text-align: center; }
    @media screen and (min-width: 30rem) {
              #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item {
                width: calc(50% - 1rem); } }
    @media screen and (min-width: 50rem) {
              #conferenceNew > .content .block.main .container .conferenceSection #roadshow-main-section .first-block-item {
                width: calc(25% - 1rem); } }
  #conferenceNew > .content .block.main .container .roadshow-link {
    text-align: center; }
  #conferenceNew > .content .block.main .container .roadshow-link a {
    color: #19388a;
    background-color: #fff200;
    padding: 0.5rem 2rem;
    text-transform: none;
    font-weight: bold; }
  #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item {
    text-align: center;
    width: calc(50% - 1rem);
    margin: 0.5rem; }
  #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item .number {
    color: #19388a;
    font-size: 2rem;
    font-weight: bold; }
  #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item p, #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item li, #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item div {
    font-weight: bold;
    margin-bottom: 0; }
  @media screen and (min-width: 50rem) {
              #conferenceNew > .content .block.numbers .conferenceSection #conference-new-numbers .numbers-item {
                width: calc(25% - 1rem); } }
  #conferenceNew > .content .block.info {
    background: white; }
  #conferenceNew > .content .block.info .container {
    max-width: 65rem;
    padding: 3rem 2rem; }
  #conferenceNew > .content .block.info .container #conference-new-info {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceNew > .content .block.info .container #conference-new-info p, #conferenceNew > .content .block.info .container #conference-new-info #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.info .container #conference-new-info li, #conferenceNew > .content .block.info .container #conference-new-info #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.info .container #conference-new-info div {
    color: #19388a;
    text-align: center;
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 1.5rem; }
  @media screen and (min-width: 70rem) {
          #conferenceNew > .content .block.info .container {
            max-width: 50rem; } }
  @media screen and (min-width: 78rem) {
          #conferenceNew > .content .block.info .container {
            margin: auto;
            max-width: 45rem; } }
  @media screen and (min-width: 80rem) {
          #conferenceNew > .content .block.info .container {
            margin: auto;
            max-width: 41rem; } }
  #conferenceNew > .content .block.partner {
    background: white; }
  #conferenceNew > .content .block.partner .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #conferenceNew > .content .block.partner .container h2 {
    font-family: 'Sora', sans-serif; }
  #conferenceNew > .content .block.partner .container p, #conferenceNew > .content .block.partner .container #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.partner .container li, #conferenceNew > .content .block.partner .container #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.partner .container div {
    color: #19388a;
    text-align: left;
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 1.5rem; }
  #conferenceNew > .content .block.speakers {
    background: white; }
  #conferenceNew > .content .block.speakers .container {
    max-width: 78rem; }
  #conferenceNew > .content .block.speakers .container .conferenceSection {
    margin: 1rem 2rem; }
  #conferenceNew > .content .block.speakers .container .conferenceSection h2, #conferenceNew > .content .block.speakers .container .conferenceSection h3 {
    text-align: center; }
  #conferenceNew > .content .block.speakers .container .conferenceSection h2 {
    font-size: 4.17rem;
    color: #19388a;
    margin-bottom: 1rem;
    font-family: 'Sora', sans-serif; }
  #conferenceNew > .content .block.speakers .container .conferenceSection .line {
    background-color: #fff200;
    height: 1rem;
    width: 15rem;
    margin: 0.5rem auto; }
  #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }
  #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0.5rem;
    flex-wrap: wrap;
    justify-content: center; }
    #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .image {
      margin-right: 1rem;
      max-width: 100%;
      height: auto;
      flex: 1 1 auto; }
    #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .image img {
      border-radius: 100%; }
    #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info {
      display: flex;
      flex-direction: column;
      align-items: start;
      /* Flex-grow, flex-shrink, flex-basis */
      flex: 20 1 300px; }
    #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info h3 {
      color: #19388a;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 0;
      font-family: 'Sora', sans-serif; }
    #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info p, #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info li, #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap .speaker .info div {
      text-align: start;
      margin-bottom: 0;
      color: black; }
  #conferenceNew > .content .block.speakers .container .conferenceSection .speakers-wrap table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #conferenceNew > .content .block.program .container .conferenceSection {
    margin: 1rem 2rem; }
  #conferenceNew > .content .block.program .container .conferenceSection h2 {
    font-size: 4.17rem;
    color: #19388a;
    margin-bottom: 1rem;
    font-family: 'Sora', sans-serif; }
  #conferenceNew > .content .block.program .container .conferenceSection .line {
    background-color: #fff200;
    height: 1rem;
    width: 15rem;
    margin: 0.5rem auto 2rem; }
  #conferenceNew > .content .block.program .container .conferenceSection .time {
    margin-bottom: 2rem; }
  #conferenceNew > .content .block.program .container .conferenceSection .time h3 {
    color: #19388a;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0;
    font-family: 'Sora', sans-serif; }
  #conferenceNew > .content .block.program .container .conferenceSection .time .grey {
    color: #978ebc; }
  #conferenceNew > .content .block.program .container .conferenceSection .time p, #conferenceNew > .content .block.program .container .conferenceSection .time #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.program .container .conferenceSection .time li, #conferenceNew > .content .block.program .container .conferenceSection .time #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.program .container .conferenceSection .time div {
    margin-bottom: 0; }
  #conferenceNew > .content .block.place {
    background: white; }
  #conferenceNew > .content .block.place .container .conferenceSection {
    margin: 1rem 2rem; }
  #conferenceNew > .content .block.place .container .conferenceSection h2 {
    font-size: 4.17rem;
    color: #19388a;
    margin-bottom: 1rem;
    font-family: 'Sora', sans-serif; }
  #conferenceNew > .content .block.place .container .conferenceSection .line {
    background-color: #fff200;
    height: 1rem;
    width: 15rem;
    margin: 0.5rem auto 2rem; }
  #conferenceNew > .content .block.place .container .conferenceSection .place-blok {
    display: flex;
    flex-direction: column;
    max-width: 50rem;
    margin: auto; }
  #conferenceNew > .content .block.place .container .conferenceSection .place-blok img {
    max-width: 100%;
    height: 100%;
    margin-right: 3rem; }
  #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text {
    display: flex;
    margin-bottom: 1rem; }
    #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text p, #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text li, #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text div {
      margin-left: 1rem; }
  @media screen and (min-width: 50rem) {
              #conferenceNew > .content .block.place .container .conferenceSection .place-blok {
                display: flex;
                flex-direction: row; }
                #conferenceNew > .content .block.place .container .conferenceSection .place-blok .text {
                  margin-bottom: 0; }
                #conferenceNew > .content .block.place .container .conferenceSection .place-blok img {
                  margin-bottom: 0; } }

#conferenceRoadshow > .content .block > .container {
  width: 100%;
  max-width: 80rem;
  margin: auto;
  box-sizing: border-box;
  padding: 1rem; }
  @media screen and (min-width: 30rem) {
        #conferenceRoadshow > .content .block > .container {
          padding: 1rem 2rem; } }
  #conferenceRoadshow > .content .block.main {
    background-image: url("/static/img/pages/finfest/main.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    font-weight: lighter;
    padding: 2rem 1rem; }
  #conferenceRoadshow > .content .block.main .header {
    text-align: center;
    font-size: 0.875rem;
    margin-bottom: 1rem; }
  #conferenceRoadshow > .content .block.main .header .logo {
    width: 10rem;
    position: relative;
    margin: auto; }
  #conferenceRoadshow > .content .block.main .conferenceSection {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1rem;
    margin-bottom: 2rem; }
  #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item {
    width: calc(100% - 1rem);
    margin: 0.5rem; }
  #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item p, #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item li, #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item div {
    font-size: 0.875rem;
    font-weight: lighter; }
  #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item h3 {
    text-align: center; }
  @media screen and (min-width: 30rem) {
              #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item {
                width: calc(50% - 1rem); } }
  @media screen and (min-width: 50rem) {
              #conferenceRoadshow > .content .block.main .conferenceSection #roadshow-main-section .first-block-item {
                width: calc(25% - 1rem); } }
  #conferenceRoadshow > .content .block.main .roadshow-link {
    text-align: center; }
  #conferenceRoadshow > .content .block.main .roadshow-link a {
    color: white;
    background-color: red;
    padding: 0.5rem 0.75rem;
    text-transform: none;
    font-weight: normal; }
  #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item {
    text-align: center;
    width: calc(50% - 1rem);
    margin: 0.5rem; }
  #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item .number {
    color: red;
    font-size: 2rem;
    font-weight: bold; }
  #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item p, #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item li, #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item div {
    font-weight: bold;
    margin-bottom: 0; }
  @media screen and (min-width: 50rem) {
              #conferenceRoadshow > .content .block.numbers .conferenceSection #roadshow-numbers .numbers-item {
                width: calc(25% - 1rem); } }
  #conferenceRoadshow > .content .block.products {
    background-color: #d3d3d3; }
  #conferenceRoadshow > .content .block.products .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #conferenceRoadshow > .content .block.products .container .no-user {
    font-style: italic;
    font-weight: 300;
    margin-bottom: 1rem; }
  #conferenceRoadshow > .content .block.products .container a.button {
    background-color: #f62b0a;
    border-radius: 0.25rem;
    font-weight: 300;
    margin-bottom: 2rem; }
  #conferenceRoadshow > .content .block.products .container h2 {
    text-align: center;
    text-transform: uppercase;
    margin: 2rem 0 1rem; }
  #conferenceRoadshow > .content .block.products .container .products-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 1rem;
    width: calc(100% - 2rem);
    max-width: 16rem; }
  #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header, #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .body {
    padding: 1rem; }
  #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header {
    position: relative;
    background-color: #ddd;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    min-height: 4rem; }
    #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header .title, #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header .price {
      font-weight: bold; }
    #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header .title {
      margin-bottom: 1rem; }
    #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header .price {
      color: #f62b0a; }
    #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .header .favourite {
      position: absolute;
      background-color: #f62b0a;
      text-transform: none;
      transform: rotate(45deg);
      font-size: 0.75rem;
      padding: 0.25rem 3rem;
      color: #fff;
      top: 1.25rem;
      right: -2.75rem; }
  #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct .body {
    flex-grow: 1;
    background-color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    color: #8b8b8b; }
  #conferenceRoadshow > .content .block.products .container .products-list .conferenceFinfestProduct form input[type="submit"] {
    background-color: #f62b0a;
    border-radius: 0;
    font-size: 0.9rem;
    width: 100%; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection {
    margin: 1rem 2rem;
    width: calc(100% - 2rem); }
  #conferenceRoadshow > .content .block.speakers .conferenceSection h2, #conferenceRoadshow > .content .block.speakers .conferenceSection h3 {
    text-align: center; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection h2 {
    font-size: 2rem; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap {
    margin: auto;
    display: flex;
    flex-wrap: wrap; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker {
    text-align: center;
    width: calc(50% - 1rem);
    margin: 0.5rem; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker img {
    border-radius: 0.5rem;
    margin-bottom: 0.5rem; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker h3 {
    text-transform: uppercase; }
    #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker h3 a {
      color: black; }
  #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker p, #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker li, #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker div {
    font-style: italic;
    margin-bottom: 0; }
  @media screen and (min-width: 50rem) {
              #conferenceRoadshow > .content .block.speakers .conferenceSection .speakers-wrap .speaker {
                width: calc(25% - 1rem); } }

#cookieMaster .content {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1; }
  #cookieMaster .content form .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center; }
  #cookieMaster .content form .row label {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center; }
  #cookieMaster .content form .row label input {
    margin-right: 0.5rem; }
  #cookieMaster .content form .row a.go-home {
    display: block;
    margin-top: 1rem; }

#dashboard2AktivaceLicence .right .block.activation > .box h1 {
  text-align: center; }
  #dashboard2AktivaceLicence .right .block.activation > .box > .row {
    margin-bottom: 0.5rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box > .row.related-product {
    margin-left: 1.5rem;
    margin-bottom: 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box > .row.choose-order-type input[name='orderForOthers'] {
    background-color: #f08a4b; }
  #dashboard2AktivaceLicence .right .block.activation > .box .product-title {
    font-weight: bold;
    font-size: 1.125rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others {
    margin-top: 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap {
    overflow-x: auto; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users td.email, #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users th.email {
    min-width: 8rem; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users td.existing, #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users th.existing {
      width: 3rem;
      white-space: normal; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users th {
      padding: 0.25rem;
      text-align: center; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users tbody tr.new-user td {
      padding: 0.25rem; }
      #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users tbody tr.new-user td input {
        width: 100%;
        margin-bottom: 0;
        font-size: 0.75rem;
        padding: 0.125rem; }
      #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others .table-wrap table.users tbody tr.new-user td.controll {
        padding: 0.5rem 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row.bulk-insert label {
    display: block;
    margin-bottom: 0.5rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row textarea[name='listOfUsers'] {
    width: 40rem;
    min-height: 7rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file .upload-progress {
      border: solid 1px #79be48;
      border-radius: 0.125rem;
      box-sizing: border-box;
      margin-top: 0.25rem;
      width: 100%;
      height: 0.25rem; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file .upload-progress .value {
      background-color: #79be48;
      overflow: hidden;
      height: 100%; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div {
      display: flex;
      align-items: center;
      width: 100%; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div .name, #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div .size {
      font-size: 0.75rem; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      margin-right: 0.25rem; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div button[name="remove"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      position: relative;
      background: transparent;
      margin-right: 0.25rem;
      border: none;
      padding: 0;
      min-width: 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
      #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div button[name="remove"]:before, #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div button[name="remove"]:after {
        position: absolute;
        background-color: #000;
        top: 0;
        left: 0.5rem;
        content: " ";
        height: 1.25rem;
        width: 0.125rem; }
      #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div button[name="remove"]:before {
        transform: rotate(45deg); }
      #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div button[name="remove"]:after {
        transform: rotate(-45deg); }
      #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .attachment .file > div button[name="remove"]:hover {
        opacity: 0.7;
        cursor: pointer; }
  #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .drop-zone {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #d1d1d1;
    padding: 0.25rem;
    width: calc(100% - .5rem - 2px);
    min-height: 4rem;
    display: none; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .drop-zone div {
      text-align: center;
      font-family: RobotoSlab, serif;
      font-size: 0.8rem;
      line-height: 1.5;
      color: #d1d1d1; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .drop-zone.dragover {
      background-color: #79be4833; }
    #dashboard2AktivaceLicence .right .block.activation > .box .order-for-others > .row .drop-zone:hover {
      cursor: pointer; }
  #dashboard2AktivaceLicence .right .block.activation > .box .data-row {
    display: flex;
    margin-bottom: 0.5rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .data-row .label {
    width: 6rem;
    margin-right: 0.5rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .data-row .map-link {
    display: flex;
    align-items: center; }
  #dashboard2AktivaceLicence .right .block.activation > .box .data-row .map-link img {
    width: 1.5rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .price-note {
    display: flex;
    align-items: center;
    font-style: italic;
    margin-bottom: 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .price-note .checkmark {
    margin-right: 0.5rem;
    width: 2rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box #fixedPriceInfo {
    margin-bottom: 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .button-wrap {
    text-align: center; }
  #dashboard2AktivaceLicence .right .block.activation > .box .confirmation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 2rem auto;
    padding: 0 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .confirmation .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .confirmation .announcement {
    flex-shrink: 1;
    text-align: left;
    font-size: 1rem;
    font-weight: 200; }
  #dashboard2AktivaceLicence .right .block.activation > .box .confirmation .announcement .users {
    margin-bottom: 1rem; }
  #dashboard2AktivaceLicence .right .block.activation > .box .confirmation .announcement .button {
    font-weight: normal; }

#dashboard2ProduktJizZakoupen .right .block.head .box {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #dashboard2ProduktJizZakoupen .right .block.head .box h2 {
    text-align: center; }
  #dashboard2ProduktJizZakoupen .right .block.head .box a {
    margin-bottom: 1rem; }

#dashboardCommissariato .right .block {
  background-color: #fff; }

#dashboardCommissariatoTerm #dashboard2PageWrapper > .right {
  display: flex;
  flex-direction: column; }
  #dashboardCommissariatoTerm #dashboard2PageWrapper > .right .block {
    background-color: #fff;
    flex-grow: 1; }
  #dashboardCommissariatoTerm #dashboard2PageWrapper > .right .block.head {
    padding-bottom: 0; }
  #dashboardCommissariatoTerm #dashboard2PageWrapper > .right .block.head h2 {
    margin-bottom: 1rem; }
  #dashboardCommissariatoTerm #dashboard2PageWrapper > .right .block.head .buttons {
    display: flex;
    flex-wrap: wrap; }
  #dashboardCommissariatoTerm #dashboard2PageWrapper > .right .block.head .buttons button, #dashboardCommissariatoTerm #dashboard2PageWrapper > .right .block.head .buttons .button {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem; }
  #dashboardCommissariatoTerm #dashboard2PageWrapper > .chat {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    max-width: 18rem;
    max-height: 90vh;
    bottom: 0;
    right: 0.5rem; }
  @media (min-height: 30em) {
      #dashboardCommissariatoTerm #dashboard2PageWrapper > .chat {
        max-height: calc(80vh); } }

#dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head h2, #dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head h3 {
  text-align: center; }
  #dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head form {
    max-width: 25rem;
    margin: auto;
    align-items: stretch; }
  #dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head form .row {
    text-align: left;
    margin-bottom: 0.5rem; }
  #dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head form .row input {
    margin-bottom: 0; }
  #dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head form .row .note {
    color: #bfbfbf; }
  #dashboardDoplneniUdaju #dashboard2PageWrapper .right .block.head form .row.submit {
    text-align: center; }

#dashboardMojeCertifikaty .right .block .box.list {
  overflow-x: auto; }
  #dashboardMojeCertifikaty .right .block .box.list .head {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #dashboardMojeCertifikaty .right .block .box.list .head button {
    height: fit-content; }
  #dashboardMojeCertifikaty .right .block .box.list table thead tr th.dateFrom, #dashboardMojeCertifikaty .right .block .box.list table tbody tr th.dateFrom, #dashboardMojeCertifikaty .right .block .box.list table thead tr td.dateFrom, #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.dateFrom, #dashboardMojeCertifikaty .right .block .box.list table thead tr th.dateTo, #dashboardMojeCertifikaty .right .block .box.list table tbody tr th.dateTo, #dashboardMojeCertifikaty .right .block .box.list table thead tr td.dateTo, #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.dateTo {
    text-align: right; }
  #dashboardMojeCertifikaty .right .block .box.list table thead tr.year, #dashboardMojeCertifikaty .right .block .box.list table tbody tr.year {
    border-bottom: none; }
  #dashboardMojeCertifikaty .right .block .box.list table tbody tr td {
    padding: 0.5rem; }
    #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.code {
      white-space: nowrap; }
    #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.buttons {
      padding-left: 1rem; }
    #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.buttons > div {
      display: flex; }
    #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.buttons > div > a.download, #dashboardMojeCertifikaty .right .block .box.list table tbody tr td.buttons > div > a.regenerate {
      margin-bottom: 0.25rem; }

#dashboardMojeNotifikace .right .block .box.list {
  overflow-x: auto; }
  #dashboardMojeNotifikace .right .block .box.list table tbody tr {
    cursor: pointer; }
  #dashboardMojeNotifikace .right .block .box.list table tbody tr .orangeDot {
    border-radius: 50%;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #fd7e40;
    border: 2px solid #fd7e40; }
    #dashboardMojeNotifikace .right .block .box.list table tbody tr .orangeDot.read {
      background-color: transparent; }
  #dashboardMojeNotifikace .right .block .box.list table tbody tr.unread {
    font-weight: bold; }

#dashboardMojeObjednavky .right .block .box.list {
  overflow-x: auto; }
  #dashboardMojeObjednavky .right .block .box.list table tbody tr.year {
    border-bottom: none; }
  #dashboardMojeObjednavky .right .block .box.list table tbody tr td.buttons {
    padding-left: 1rem;
    text-align: center; }
    #dashboardMojeObjednavky .right .block .box.list table tbody tr td.buttons a:not(:last-child) {
      margin-right: 0.25rem;
      margin-bottom: 0.5rem; }
    #dashboardMojeObjednavky .right .block .box.list table tbody tr td.expirationDate {
      color: #e91c1c; }

#dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback {
  padding-bottom: 0; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box {
    position: relative;
    background-color: #fff;
    padding: 1rem;
    border: solid 3px #fd7e40; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box p, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box li, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box div, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box button[name="showFeedbackModal"] {
    margin-right: 4rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box button[name="rejectFeedback"] {
    position: absolute;
    background-image: url("/static/img/icons/checkmark-cross.png");
    background-size: 2rem 4rem;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0;
    width: 2rem;
    height: 2rem;
    top: 0.5rem;
    right: 0.5rem; }
  @media (min-width: 88em) {
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.5rem; }
            #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box p, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box li, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #dashboardMojeVzdelavani #dashboard2PageWrapper .block.feedback .box div {
              margin-bottom: 0; } }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-bottom: 0; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box {
    padding: 1rem;
    font-size: 0.875rem;
    width: 100%;
    min-width: 15rem;
    margin-bottom: 1rem;
    color: #9ea5be; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box .box-title {
    text-transform: uppercase;
    margin-bottom: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.next-term .term {
    color: #1a377d;
    font-size: 2.25rem;
    margin-bottom: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.next-term .notice {
    margin-top: 0.25rem;
    color: #e91c1c; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status {
    padding: 1rem 0 0 0;
    display: flex;
    flex-direction: column; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .box-title {
    padding-left: 1rem;
    margin-bottom: 0.5rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .status-content {
    background-image: url('/static/img/icons/dashboard/SVG_sprite_dashboard_dlazdice_stavu 1.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 97%;
    flex-grow: 1;
    min-height: 13rem;
    position: relative; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .status-content.variant_2 {
    background-image: url('/static/img/icons/dashboard/SVG_sprite_dashboard_dlazdice_stavu 2.svg'); }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .status-content.variant_3 {
    background-image: url('/static/img/icons/dashboard/SVG_sprite_dashboard_dlazdice_stavu 3.svg'); }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .status-content.variant_4 {
    background-image: url('/static/img/icons/dashboard/SVG_sprite_dashboard_dlazdice_stavu 4.svg'); }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .status-content.variant_5 {
    background-image: url('/static/img/icons/dashboard/SVG_sprite_dashboard_dlazdice_stavu 5.svg'); }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.status .status-content .status-text {
    position: absolute;
    right: 10rem;
    bottom: 2rem;
    max-width: 5rem;
    color: #1a377d;
    font-weight: bold;
    text-align: center; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector {
    margin-bottom: 0.5rem;
    display: block;
    text-decoration: none; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector .sector-title {
    color: #1a377d;
    text-transform: capitalize; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector .sector-data {
    display: flex;
    align-items: center; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector .sector-data progress {
      width: 8rem;
      height: 0.75rem;
      /* Reset the default appearance */
      margin-right: 0.5rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      border-radius: 0.625rem;
      border: none;
      background-color: #e6e6e6; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector .sector-data progress::-webkit-progress-bar {
      background-color: #e6e6e6;
      border-radius: 0.625rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector .sector-data progress::-webkit-progress-value {
      background-image: linear-gradient(to right, #3d5fc2, #4b21a5);
      border-radius: 0.625rem;
      /* Firefox */ }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.subsequent-education .sector .sector-data progress::-moz-progress-bar {
      background-image: linear-gradient(to right, #3d5fc2, #4b21a5);
      border-radius: 0.625rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .circle {
      position: relative;
      display: flex;
      margin-bottom: 0.5rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .circle #svg {
    margin: auto; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .circle #svg circle {
      stroke-dashoffset: 0;
      stroke: #e6e6e6;
      stroke-width: 1rem;
      transform: rotate(-90 50 50); }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .circle #svg .progress {
      stroke-width: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .circle .percentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1a377d;
    font-size: 2.25rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .numbers {
    text-align: center; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box.total-data .numbers .passed {
    color: #1a377d; }
  @media (min-width: 37rem) {
        #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head {
          justify-content: center; }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box {
            margin-right: 1rem;
            width: calc(50% - 0.75rem); }
            #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box:nth-of-type(2n) {
              margin-right: 0; }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .spacer {
            width: 100%; } }
  @media (min-width: 88em) {
        #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box {
          margin-right: 1rem;
          width: calc(25% - 0.75rem); }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box:nth-of-type(2n) {
            margin-right: 1rem; }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .box:last-child {
            margin-right: 0; }
        #dashboardMojeVzdelavani #dashboard2PageWrapper .block.head .spacer {
          width: 0; } }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.messages .message {
    background-color: #fff;
    border-bottom: solid 1px #f5f5f5;
    padding: 1rem 2rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.messages .message .title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.messages .message .title img.exclamation-mark, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.messages .message .title img.checkmark {
    margin-right: 0.5rem;
    width: 1.5rem;
    height: 1.5rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.messages .message .title span {
    line-height: 1.75rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.notifications {
    padding-top: 1rem;
    padding-bottom: 2rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.notifications .notification {
    background-color: #fff;
    border-bottom: solid 1px #f5f5f5;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.notifications .notification .orangeDot {
    flex-shrink: 0;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fd7e40;
    margin-right: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.notifications .notification .notificationDate {
    margin-right: 1rem;
    font-size: 0.75rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.block.notifications .notification .notificationSubject {
    font-weight: bold;
    color: #1a377d; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block {
    padding-top: 0; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects {
    width: 100%;
    overflow-x: auto; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table.subjects > thead tr th {
    text-align: center; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table.subjects > thead tr th:first-child {
      min-width: 30rem;
      text-align: left; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.additional-info td {
    border-bottom: 1px solid #bfbfbf; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.additional-info td .term-detail {
      padding: 0.5rem;
      padding-left: 2rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.additional-info td .term-detail .row {
        display: flex;
        margin-bottom: 0.25rem;
        font-size: 1rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.additional-info td .term-detail .row .name {
        font-weight: bold;
        min-width: 6rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.additional-info td .term-detail .row .map-link {
        display: flex;
        align-items: center; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.additional-info td .term-detail .row .map-link img {
        width: 1.5rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.packageRow .mainTitle {
      display: flex; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.packageRow .mainTitle .details {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #1a377d;
      border-radius: 50%;
      width: 2rem;
      height: 2rem;
      margin-right: 1rem;
      flex-shrink: 0; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.packageRow .mainTitle .details .klikev {
        margin-right: 0;
        background-position-x: -0.05rem;
        background-position-y: -6rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.packageRow .mainTitle .details .klikev.opened {
        background-position-x: -2rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr.packageRow .mainTitle .details:hover {
        cursor: pointer; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td {
      padding: 0.5rem 0.125rem;
      height: 100%;
      position: relative; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .state {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0.5rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions {
      text-align: center; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions a.button + a.button, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions input[type="button"] + a.button, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions button + a.button, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions a.button + input[type="button"], #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions input[type="button"] + input[type="button"], #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions button + input[type="button"], #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions a.button + button, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions input[type="button"] + button, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td .actions button + button {
      margin-top: 0.5rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td a.button, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td input[type='button'] {
      min-width: 4rem;
      text-transform: none;
      line-height: 1.5rem;
      padding: 0.125rem 0.5rem;
      font-size: 0.875rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td a.button.inverse, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td input[type='button'].inverse {
      color: #1a377d;
      background-color: white;
      border: 1px solid #1a377d; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td a.button.inverse:hover, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td input[type='button'].inverse:hover {
        background-color: rgba(26, 55, 125, .1); }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.no-subjects {
      padding: 0.5rem;
      text-align: center;
      font-size: 1rem;
      font-weight: bold;
      font-style: italic;
      color: #888; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general {
      width: 60%;
      padding: 0;
      height: 102px; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 0.25rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .author-image-wrapper {
        width: 5rem;
        height: 5rem;
        margin-right: 0.5rem;
        padding: 0.25rem 0;
        flex-shrink: 0; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .author-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        border-radius: 50%; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .details {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #1a377d;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        margin-right: 1rem;
        flex-shrink: 0; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .details .klikev {
        margin-right: 0;
        background-position-x: -0.05rem;
        background-position-y: -6rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .details .klikev.opened {
        background-position-x: -2rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .details:hover {
        cursor: pointer; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .title-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 100%;
        margin-right: 0.25rem;
        max-width: 30rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .title-wrap .subject-title {
        font-size: 1rem;
        margin-top: 0.5rem;
        color: #1a377d;
        font-weight: bold; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .title-wrap .subsequent-education {
        color: #939393;
        font-size: 0.875rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.subject-general .wrapper .title-wrap .subject-type {
        padding: 0.25rem 1.25rem;
        background-color: #9a9a9a;
        color: white; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.activity .activity-wrap, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.activity-state .activity-wrap {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.activity .activity-wrap .activity-row + .activity-row, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.activity-state .activity-wrap .activity-row + .activity-row {
        padding-top: 0.5rem;
        border-top: 1px solid #f2f2f2;
        margin-top: 0.5rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.activity-state .activity-wrap .activity-row {
      height: 2rem; }
      #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.activity-state .activity-wrap .activity-row .value {
        margin-top: 0.25rem;
        text-align: center;
        color: #1a377d; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.term .date, #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.term .time {
      color: #1a377d;
      text-align: center; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.cert {
      text-align: center; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.cert .dashboard-icon {
      margin: auto; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table tbody tr td.cert.expiring {
      color: #e91c1c; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.subject-block .subjects table.drills thead th {
    text-align: center; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products {
    box-shadow: inset 1rem 0 1rem -1rem rgba(0, 0, 0, 0.5); }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products h2 {
    color: white;
    font-weight: lighter;
    font-family: Roboto;
    margin-bottom: 1rem; }
  @media (min-width: 40em) {
        #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper {
          overflow-y: hidden;
          display: flex; }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper .productCard {
            flex-shrink: 0;
            min-width: 18rem; }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper:first-child {
            margin-left: 0; }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper::-webkit-scrollbar {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            height: 0.5rem;
            background-color: transparent; }
            #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper::-webkit-scrollbar-thumb {
              border-radius: 0.5rem;
              -webkit-border-radius: 0.5rem;
              -moz-border-radius: 0.5rem;
              background-color: rgba(0, 0, 0, .1); }
            #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper::-webkit-scrollbar-button {
              display: none; }
            #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper::-webkit-scrollbar-track {
              border-radius: 0.5rem;
              -webkit-border-radius: 0.5rem;
              -moz-border-radius: 0.5rem;
              background-color: rgba(0, 0, 0, .05); }
          #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper:hover::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.25); }
            #dashboardMojeVzdelavani #dashboard2PageWrapper .block.recommended-products .slider-wrapper:hover::-webkit-scrollbar-track-piece {
              background-color: rgba(0, 0, 0, 0.15); } }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .show-archive-wrap {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .show-archive-wrap a {
    color: #9aa0ba;
    text-decoration: none;
    display: flex;
    align-items: center; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers-head {
    padding: 0.75rem;
    text-align: center;
    text-transform: uppercase; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section {
    margin-bottom: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #f5f5f5;
    color: #1a377d;
    padding: 0.5rem;
    position: relative;
    box-sizing: border-box;
    cursor: pointer; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details {
    background-color: white;
    display: none;
    padding: 1rem 0.5rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level {
    width: 100%; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level .level-head {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 1rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level .level-head .level-name {
      text-transform: uppercase;
      color: #9aa0ba;
      margin-right: 0.5rem;
      font-size: 0.875rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level .level-head .circle {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #9aa0ba;
      color: white;
      flex-shrink: 0; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level .level-details {
    display: none;
    margin-left: 2.5rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level .level-details .product-wrap {
      display: flex;
      margin-bottom: 0.5rem; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level .level-details .product-wrap .product-details .product-name {
      color: #1a377d;
      margin-bottom: 0.5rem;
      font-weight: bold; }
    #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section .section-details .level-wrap .level.show-details .level-details {
      display: block; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .offers .section.show-details .section-details {
    display: block; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .recommended-offers {
    width: 100%; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .recommended-offers .product-wrap {
    display: flex;
    margin-bottom: 1rem; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .recommended-offers .product-wrap .product-details {
    flex-grow: 1; }
  #dashboardMojeVzdelavani #dashboard2PageWrapper .recommended-offers .product-wrap .product-details .product-name {
    color: #1a377d;
    margin-bottom: 0.5rem;
    font-weight: bold; }

#dashboardMujTym .right .block .children table tbody tr td form {
  display: flex;
  flex-wrap: wrap; }
  #dashboardMujTym .right .block .children table tbody tr td form #searchSubordinateUser {
    margin-right: 0.5rem;
    width: 100%; }
  #dashboardMujTym .right .block .children table tbody tr td form .error-message {
    width: 100%; }
  #dashboardMujTym .right .block .children table tbody tr td a.delete {
    color: #e91c1c;
    display: inline-block;
    margin-left: 0.5rem; }
  #dashboardMujTym .right .block .children .claimer {
    font-size: 3rem;
    font-weight: bold;
    color: #888;
    text-align: center;
    margin: 2rem auto; }
  #dashboardMujTym .right .block .free-grazing-users form {
    margin: auto;
    text-align: center; }
  #dashboardMujTym .right .block .free-grazing-users #searchUserWithoutLeader {
    width: 100%;
    margin: 0.5rem auto;
    max-width: 20rem; }
  #dashboardMujTym .right .block .import h2 {
    text-transform: uppercase;
    text-align: center; }
  #dashboardMujTym .right .block .import .claim {
    text-align: center; }
  #dashboardMujTym .right .block .import input[type="file"] {
    display: none; }
  #dashboardMujTym .right .block .import button {
    display: block;
    margin: 0.5rem auto; }
  #dashboardMujTym .right .error-message {
    color: #e91c1c; }

#dashboardNasledneVzdelavani .right .block .top {
  display: flex;
  flex-direction: column; }
  #dashboardNasledneVzdelavani .right .block .top .buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
  #dashboardNasledneVzdelavani .right .block .top .buttons button {
    width: max-content;
    margin: 1rem 0; }
  #dashboardNasledneVzdelavani .right .block p.no-sectors, #dashboardNasledneVzdelavani .right .block #poradci #container > .block.info .contents .content ul li.no-sectors, #poradci #container > .block.info .contents .content ul #dashboardNasledneVzdelavani .right .block li.no-sectors, #dashboardNasledneVzdelavani .right .block #poradci #container > .block.info .contents .content div.no-sectors, #poradci #container > .block.info .contents .content #dashboardNasledneVzdelavani .right .block div.no-sectors {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding: 1rem 2rem; }
  #dashboardNasledneVzdelavani .right .block .membership {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #dashboardNasledneVzdelavani .right .block .sectors {
    padding: 1rem; }
  #dashboardNasledneVzdelavani .right .block .sectors.inactive table {
    opacity: 0.25; }

.dashboardNastaveni h2 .alert {
  color: #e91c1c; }
  .dashboardNastaveni .message {
    text-align: center;
    width: 100%;
    padding: 0.5rem 0;
    font-weight: bold;
    font-size: 1.25rem; }
  .dashboardNastaveni .message.success {
    color: green; }
  .dashboardNastaveni .message.error {
    color: red; }
  .dashboardNastaveni #dashboard2PageWrapper {
    width: initial; }
  .dashboardNastaveni form fieldset {
    border: 1px solid #bababa;
    padding: 1rem;
    margin-bottom: 1rem; }
  .dashboardNastaveni form fieldset legend {
    color: #888;
    font-weight: bold; }
  .dashboardNastaveni form fieldset legend.admin {
    color: #e91c1c; }
  .dashboardNastaveni form fieldset label.public {
    display: block;
    align-items: center;
    font-size: 0.875rem; }
  .dashboardNastaveni form fieldset label.public input[type="checkbox"] {
    margin-right: 0.5rem;
    margin-bottom: 0; }
  .dashboardNastaveni form fieldset input, .dashboardNastaveni form fieldset select {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .label {
    margin-bottom: 0.5rem;
    flex-direction: column;
    display: flex; }
  .dashboardNastaveni form fieldset .fieldset {
    display: flex; }
  .dashboardNastaveni form fieldset .fieldset hr {
    height: 1px;
    background-color: #bababa;
    border: none;
    margin: auto;
    margin-bottom: 0.5rem;
    width: calc(100% - 1rem); }
  .dashboardNastaveni form fieldset .fieldset .title {
    font-weight: bold;
    color: #1a377d; }
  .dashboardNastaveni form fieldset .fieldset .title.bot-space {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .title.required:after {
    content: " *";
    color: red; }
  .dashboardNastaveni form fieldset .fieldset .left .image-wrapper {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1rem; }
  .dashboardNastaveni form fieldset .fieldset .left .image-wrapper .title {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .left .image-wrapper input[type="file"] {
    display: none; }
  .dashboardNastaveni form fieldset .fieldset .left .image-wrapper button {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .left .image-wrapper img {
    width: 8rem;
    height: 8rem;
    object-fit: cover;
    object-position: center center;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .left .image-wrapper img.default {
    border: 1px solid #737373; }
  .dashboardNastaveni form fieldset .fieldset .right {
    flex-grow: 1; }
  .dashboardNastaveni form fieldset .fieldset .right .row.name {
    display: flex;
    flex-direction: column; }
  .dashboardNastaveni form fieldset .fieldset .right .row.gender .title, .dashboardNastaveni form fieldset .fieldset .right .row.public-profile .title {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .right .row.gender .labels, .dashboardNastaveni form fieldset .fieldset .right .row.public-profile .labels {
    display: flex; }
  .dashboardNastaveni form fieldset .fieldset .right .row.gender .labels label, .dashboardNastaveni form fieldset .fieldset .right .row.public-profile .labels label {
    margin-right: 2rem;
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .right .row.gender .labels label input[type="radio"], .dashboardNastaveni form fieldset .fieldset .right .row.public-profile .labels label input[type="radio"] {
    margin-right: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .right .row.birthdate .inlineDatePicker {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center {
    margin: auto;
    width: 100%;
    padding: 0 2rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row {
    width: 100%; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label {
    width: 100%; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label input[type="text"] {
    width: 100%; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.third-party .title {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.third-party .labels {
    display: flex; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.third-party .labels label {
    margin-right: 2rem;
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.third-party .labels label input[type="radio"] {
    margin-right: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.vignette textarea {
    width: 100%;
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.agreements label {
    margin-bottom: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.agreements label .agreementText {
    flex-grow: 1; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.agreements label .date {
    width: 5rem;
    flex-shrink: 0;
    margin-right: 0.5rem; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label.agreements label .version {
    width: 2rem;
    flex-shrink: 0; }
  .dashboardNastaveni form fieldset .fieldset .center .row .label .claim .active {
    color: green;
    font-weight: bold; }
  .dashboardNastaveni form fieldset .fieldset .center .row.notEUCitizen label span {
    color: #1a377d;
    font-weight: bold; }
  .dashboardNastaveni form fieldset .fieldset .center .row.getDataFromUser {
    text-align: right; }
  .dashboardNastaveni form fieldset .fieldset.personalData {
    flex-direction: column; }
  @media screen and (min-width: 50em) {
  .dashboardNastaveni #dashboard2PageWrapper {
    width: 100%; }
  .dashboardNastaveni form fieldset .fieldset {
    flex-direction: row; }
    .dashboardNastaveni form fieldset .fieldset .center .label input[type="text"] {
      width: initial; } }
  @media screen and (min-width: 75em) {
  .dashboardNastaveni form {
    align-items: stretch; }
    .dashboardNastaveni form fieldset {
      margin: 0 auto 1rem; }
      .dashboardNastaveni form fieldset .fieldset.personalData {
        flex-direction: row; }
        .dashboardNastaveni form fieldset .fieldset.personalData .left {
          margin-right: 1rem;
          padding-right: 1rem;
          border-right: 1px solid #bababa; }
        .dashboardNastaveni form fieldset .fieldset.personalData .right {
          width: initial; }
          .dashboardNastaveni form fieldset .fieldset.personalData .right .row.gender, .dashboardNastaveni form fieldset .fieldset.personalData .right .row.certificate-data, .dashboardNastaveni form fieldset .fieldset.personalData .right .row.phone, .dashboardNastaveni form fieldset .fieldset.personalData .right .row.public-profile, .dashboardNastaveni form fieldset .fieldset.personalData .right .row.birthdate, .dashboardNastaveni form fieldset .fieldset.personalData .right .row.name {
            padding: 0.5rem; }
          .dashboardNastaveni form fieldset .fieldset.personalData .right .label {
            display: block; }
            .dashboardNastaveni form fieldset .fieldset.personalData .right .label input[type="text"] {
              width: initial; }
            .dashboardNastaveni form fieldset .fieldset.personalData .right .label.vignette textarea {
              width: 30rem; }
        .dashboardNastaveni form fieldset .fieldset .right {
          padding: 0; }
        .dashboardNastaveni form fieldset .fieldset .right .row.name {
          flex-direction: row; }
          .dashboardNastaveni form fieldset .fieldset .right .row.name .label {
            display: flex;
            padding: 0.5rem;
            box-sizing: border-box;
            flex-grow: 1; }
            .dashboardNastaveni form fieldset .fieldset .right .row.name .label.title-before, .dashboardNastaveni form fieldset .fieldset .right .row.name .label.title-after {
              max-width: 8rem; }
            .dashboardNastaveni form fieldset .fieldset .right .row.name .label input[type="text"] {
              margin-bottom: 0.5rem;
              width: 100%; }
        .dashboardNastaveni form fieldset .fieldset .center {
          width: 30rem; } }

#dashboardProdlouzeniClenstvi .block .box.invoice .row {
  margin-top: 1rem;
  text-align: center; }
  #dashboardProdlouzeniClenstvi .block .box .variant {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; }
  #dashboardProdlouzeniClenstvi .block .box .variant .left {
    flex-shrink: 0;
    width: 7.25rem;
    height: 4.75rem;
    margin-right: 1rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .left .image {
    width: 100%;
    height: 100%;
    background-color: #efefef;
    background-size: cover;
    background-position: center center; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center {
    flex-grow: 1;
    padding-top: 0.25rem;
    margin-right: auto; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center .title {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0.25rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center .description {
    margin: 0;
    font-family: Roboto;
    font-size: 0.875rem;
    color: black;
    margin-bottom: 0.25rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center .bot {
    display: flex;
    flex-wrap: wrap;
    justify-content: end; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center .bot .info {
    display: flex; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center .bot .info .price {
    font-size: 0.875rem;
    margin-right: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  #dashboardProdlouzeniClenstvi .block .box .variant .center .bot .info .price img {
    height: 1.5rem;
    margin-right: 0.25rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 1rem;
    flex-direction: column; }
  #dashboardProdlouzeniClenstvi .block .box .variant .right progress {
    display: block;
    margin: auto;
    margin-bottom: 0.5rem;
    width: 5rem;
    /* Reset the default appearance */
    height: 1rem;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .right progress::-webkit-progress-bar {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .right progress::-webkit-progress-value {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem;
    /* Firefox */ }
  #dashboardProdlouzeniClenstvi .block .box .variant .right progress::-moz-progress-bar {
    background-color: white;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant .right .extend {
    display: block;
    background-color: white;
    border: 1px solid #01bf8c;
    color: #01bf8c;
    font-family: Roboto;
    margin-bottom: 0.5rem; }
  #dashboardProdlouzeniClenstvi .block .box .variant:last-child {
    border-bottom: none; }
  #dashboardProdlouzeniClenstvi .block .box .variant:last-child .p-right .extend {
    margin-bottom: 0; }
  @media screen and (min-width: 35em) {
        #dashboardProdlouzeniClenstvi .block .box .variant {
          flex-direction: row;
          align-items: initial; } }
  #dashboardProdlouzeniClenstvi .block .box.invoice {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #dashboardProdlouzeniClenstvi .block .box .error-message {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    color: #e91c1c; }

.dashboardUserSubjectDetails table {
  width: 100%;
  margin-bottom: 0.5rem !important; }
  .dashboardUserSubjectDetails table thead th {
    padding: 0.25rem !important;
    text-align: center; }
  .dashboardUserSubjectDetails table tbody td {
    padding: 0.25rem;
    text-align: center !important; }

#dashboardVolbaTerminu .right .block.head .box form {
  align-items: stretch; }
  #dashboardVolbaTerminu .right .block.head .box form .packageProduct .detail {
    padding-left: 1rem; }
  #dashboardVolbaTerminu .right .block.head .box form .buttons {
    text-align: center; }

#dashboardNasledneVzdelavaniSector .right .block .top-stripe {
  display: flex;
  justify-content: space-between; }
  #dashboardNasledneVzdelavaniSector .right .block .top-stripe .filter h3 {
    color: #1a377d; }
  #dashboardNasledneVzdelavaniSector .right .block .buttons {
    padding: 2rem;
    text-align: center; }
  #dashboardNasledneVzdelavaniSector .right .block .credits, #dashboardNasledneVzdelavaniSector .right .block .extra-credits, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors {
    padding: 0; }
  #dashboardNasledneVzdelavaniSector .right .block .credits .head, #dashboardNasledneVzdelavaniSector .right .block .extra-credits .head, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors .head, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits .head, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors .head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 2rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits .head .text, #dashboardNasledneVzdelavaniSector .right .block .extra-credits .head .text, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors .head .text, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits .head .text, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors .head .text {
    font-size: 1.25rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits .head .subsequentEducationBattery .credit, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors .head .subsequentEducationBattery .credit, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits .head .subsequentEducationBattery .credit, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors .head .subsequentEducationBattery .credit {
    width: 1.25rem;
    height: 1.25rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits .head .actions, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors .head .actions, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits .head .actions, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors .head .actions {
    text-align: center;
    margin-top: 1rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits .head .actions > div, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors .head .actions > div, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits .head .actions > div, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors .head .actions > div {
    margin-bottom: 0.5rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits .products, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors .products, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits .products, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors .products {
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e1e1e1;
    margin-bottom: 1rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table {
    border: none;
    margin-bottom: 0; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.credits, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.credits, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.credits, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.credits {
    width: 1.5rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.credits .credit, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.credits .credit, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.credits .credit, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.credits .credit {
    background-color: #c1c1c1;
    font-size: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 1.5rem;
    height: 1.5rem;
    color: #fff; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.credits .credit.done, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.credits .credit.done, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.credits .credit.done, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.credits .credit.done {
    background-color: #79be48; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.credits .credit.enrolled, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.credits .credit.enrolled, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.credits .credit.enrolled, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.credits .credit.enrolled {
    background-color: #1b72e6; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.description, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.description, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.description, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.description {
    width: 100%; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.state > div, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.state > div, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.state > div, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.state > div {
    display: flex;
    align-items: center; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.state > div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.state > div .icon, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.state > div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.state > div .icon {
    margin-right: 0.5rem;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.state.done div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.state.done div .icon, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.state.done div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.state.done div .icon {
    background-image: url("/static/img/icons/checkmark.svg"); }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.state.enrolled div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.state.enrolled div .icon, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.state.enrolled div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.state.enrolled div .icon {
    background-image: url("/static/img/icons/pencil.svg"); }
  #dashboardNasledneVzdelavaniSector .right .block .credits table tbody tr td.state.waiting-for-approval div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-sectors table tbody tr td.state.waiting-for-approval div .icon, #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.state.waiting-for-approval div .icon, #dashboardNasledneVzdelavaniSector .right .block .not-enrolled-products-package-sectors table tbody tr td.state.waiting-for-approval div .icon {
    background-image: url("/static/img/icons/pencil-violet.svg"); }
  #dashboardNasledneVzdelavaniSector .right .block .credits .head .text {
    margin-bottom: 1rem; }
  #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.credits .credit.waiting-for-approval {
    background-color: #b91be6; }
  #dashboardNasledneVzdelavaniSector .right .block .requested-user-sector-credits table tbody tr td.credits .credit.rejected {
    background-color: #e91c1c; }
  #dashboardNasledneVzdelavaniSector .right .block .extra-credits .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0; }

#develAudioteka {
  background-color: #333;
  padding: 1rem 0.5rem;
  font-family: sans-serif; }
  #develAudioteka .wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap; }
  #develAudioteka .wrapper .left, #develAudioteka .wrapper .right {
    flex-grow: 1;
    max-width: 30rem; }
  #develAudioteka h1 {
    color: #fdef18;
    text-align: center;
    font-family: sans-serif;
    font-weight: 400; }
  #develAudioteka h2, #develAudioteka h3 {
    color: white;
    text-align: center;
    font-family: sans-serif; }
  #develAudioteka .control-panel-wrapper {
    width: calc(min(100vw - 2rem, 100vh - 2rem));
    height: calc(min(100vw - 2rem, 100vh - 2rem));
    max-height: 20rem;
    max-width: 20rem;
    margin: 1rem auto;
    box-sizing: border-box; }
  #develAudioteka .control-panel-wrapper .control-panel {
    -webkit-box-shadow: inset 0 0 1rem 0.5rem #666;
    -moz-box-shadow: inset 0 0 1rem 0.5rem #666;
    box-shadow: inset 0 0 1rem 0.5rem #666;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    padding-top: 100%;
    width: 100%;
    height: 0;
    background-color: #111; }
  #develAudioteka .control-panel-wrapper .control-panel button {
    background-color: transparent;
    padding: initial;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; }
  #develAudioteka .control-panel-wrapper .control-panel .center {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0 0 0.5rem 0.25rem #666;
    -moz-box-shadow: 0 0 0.5rem 0.25rem #666;
    box-shadow: 0 0 0.5rem 0.25rem #666;
    position: absolute;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    background-color: #333;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  #develAudioteka .control-panel-wrapper .control-panel .center button {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  #develAudioteka .control-panel-wrapper .control-panel .center button .icon {
    width: 50%;
    height: 50%;
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  #develAudioteka .control-panel-wrapper .control-panel .center button[name='play'] .icon {
    background-image: url("/static/img/icons/media/ic_play.svg"); }
  #develAudioteka .control-panel-wrapper .control-panel .center button[name='pause'] .icon {
    background-image: url("/static/img/icons/media/ic_pause.svg"); }
  #develAudioteka .control-panel-wrapper .control-panel .track-move {
    position: absolute;
    top: calc(50% - 4rem);
    height: 8rem;
    width: 5rem;
    background-image: url("/static/img/icons/media/ic_track-move.svg");
    background-size: 3rem 3rem;
    background-repeat: no-repeat;
    background-position: center; }
  #develAudioteka .control-panel-wrapper .control-panel .track-move.next {
    right: calc(12.5% - 2.5rem); }
  #develAudioteka .control-panel-wrapper .control-panel .track-move.previous {
    left: calc(12.5% - 2.5rem);
    transform: rotate(180deg); }
  #develAudioteka .control-panel-wrapper .control-panel .playlist-move {
    position: absolute;
    left: calc(50% - 4rem);
    height: 5rem;
    width: 8rem;
    background-image: url("/static/img/icons/media/ic_playlist-move.svg");
    background-size: 3rem 3rem;
    background-repeat: no-repeat;
    background-position: center; }
  #develAudioteka .control-panel-wrapper .control-panel .playlist-move.next {
    top: calc(12.5% - 2.5rem); }
  #develAudioteka .control-panel-wrapper .control-panel .playlist-move.previous {
    bottom: calc(12.5% - 2.5rem);
    transform: rotate(180deg); }
  #develAudioteka .label {
    max-width: 20rem;
    margin: 0 auto;
    margin-bottom: 1rem;
    width: calc(70% - 1rem); }
  #develAudioteka .label .time {
    display: flex;
    justify-content: space-between;
    color: #dedede; }
  #develAudioteka .label input[type='range'] {
    border: none;
    height: initial;
    width: 100%;
    padding: 0;
    margin: 1rem auto; }
  #develAudioteka .label input[type='range']::-webkit-slider-runnable-track {
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    width: 100%;
    height: 0.5rem;
    cursor: pointer;
    background: #808080; }
  #develAudioteka .label input[type='range']::-webkit-slider-thumb {
    margin-top: calc(-.75rem + .25rem);
    -webkit-appearance: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    background-color: #555;
    cursor: pointer; }
  #develAudioteka .label input[type='range']::-ms-thumb {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    background-color: #555;
    cursor: pointer; }
  #develAudioteka .label input[type='range']:focus {
    outline: none; }
  #develAudioteka .playlist-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    box-sizing: border-box;
    max-width: 20rem;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1rem; }
  #develAudioteka .playlist-list a {
    color: #fdef18;
    font-size: 1.25rem;
    display: block;
    padding: 0.25rem; }
  #develAudioteka .playlist-list a.active {
    font-weight: bold;
    background-color: #555; }
  #develAudioteka .playlist-list a:hover {
    background-color: #555;
    text-decoration: none; }

#develBlendMode .background {
  width: 100%;
  height: 40rem;
  background-image: url("/static/img/404.jpg");
  background-color: #4b0080;
  background-blend-mode: screen; }

#distantTermIntro {
  min-height: initial; }
  #distantTermIntro #container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
  #distantTermIntro #container > .content {
    max-width: 60rem; }
  #distantTermIntro #container > .content ul li .warn {
    font-weight: bold;
    color: #e91c1c; }
  #distantTermIntro #container > .content .imageWrap {
    margin-left: 1rem;
    margin-top: 0.5rem; }
  #distantTermIntro #container > .content .imageWrap .images {
    display: flex; }
  #distantTermIntro #container > .content .imageWrap p, #distantTermIntro #container > .content .imageWrap #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #distantTermIntro #container > .content .imageWrap li, #distantTermIntro #container > .content .imageWrap #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #distantTermIntro #container > .content .imageWrap div {
    font-style: italic;
    margin-bottom: 0.5rem; }
  #distantTermIntro #container > .content .imageWrap.main img {
    width: 30rem; }
  #distantTermIntro #container > .content .imageWrap.monitoring img {
    width: 15rem; }

#distancniZkouska {
  min-height: initial; }
  #distancniZkouska #container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center; }
  #distancniZkouska #container .bar {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    background-color: #fff; }
  #distancniZkouska #container .bar h1 {
    text-align: center; }
  #distancniZkouska #container .loader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 50rem; }
  #distancniZkouska #container .loader img {
    margin-bottom: 1rem;
    width: 3rem;
    height: 3rem; }
  #distancniZkouska #container .initWrapper {
    box-sizing: border-box;
    max-width: 50rem;
    padding: 1rem; }
  #distancniZkouska #container .initWrapper form[name="agreements"] {
    margin-top: 2rem; }
  #distancniZkouska #container .initWrapper form[name="agreements"] input {
    margin-right: 0.5rem; }
  #distancniZkouska #container .initWrapper form[name="agreements"] label {
    margin-bottom: 0.5rem; }
  #distancniZkouska #container .initWrapper form[name="agreements"] label a {
    text-decoration: underline; }
  #distancniZkouska #container .initWrapper form[name="agreements"] label a:hover {
    color: #e91c1c; }
  #distancniZkouska #container .initWrapper .buttons .big, #distancniZkouska #container .initWrapper .buttons .small {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #distancniZkouska #container .initWrapper .buttons .big #distantTermStudentMainDevice, #distancniZkouska #container .initWrapper .buttons .big #distantTermStudentMonitoringDevice {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 1rem;
    background-color: #79be48;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50% 50%;
    width: calc(50vw - 4rem);
    height: calc(50vw - 4rem);
    max-width: 10rem;
    max-height: 10rem; }
  #distancniZkouska #container .initWrapper .buttons .big #distantTermStudentMainDevice {
    background-image: url("/static/img/icons/monitoring/monitor.svg"); }
  #distancniZkouska #container .initWrapper .buttons .big #distantTermStudentMonitoringDevice {
    background-image: url("/static/img/icons/monitoring/videocamera.svg"); }
  #distancniZkouska #container .initWrapper .buttons .small a {
    text-decoration: underline;
    font-size: 0.9rem;
    color: #a1a1a1; }
  #distancniZkouska #container .initWrapper .buttons button[name="enter"] {
    display: block;
    margin: 2rem auto; }
  #distancniZkouska #container .content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: initial;
    width: 100%; }
  #distancniZkouska #container .content.isApproved h1, #distancniZkouska #container .content.isApproved h2, #distancniZkouska #container .content.isApproved h3, #distancniZkouska #container .content.isApproved #distantTermStudentMonitoringDevice .mainContent #waitingForCommissar {
    display: none; }
  #distancniZkouska #container .content.isApproved #distantTermStudentMonitoringDevice .mainContent #myVideo {
    width: 100%;
    max-width: initial; }
  #distancniZkouska #container .content #distantTermStudentMainDevice #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 10rem; }
  #distancniZkouska #container .content #distantTermStudentMainDevice #qrCode {
    box-sizing: border-box;
    border-radius: 1rem;
    border: solid 2px #000;
    width: 10rem; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice {
    position: relative;
    flex-grow: 1;
    width: 100%; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice .mainContent {
    display: flex; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice .mainContent #waitingForCommissar {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice .mainContent #waitingForCommissar .loader {
    width: 4rem;
    height: 4rem; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice .mainContent #myVideo {
    position: relative;
    margin-left: auto;
    margin-bottom: 1rem;
    width: 40vw;
    max-width: 30rem; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice .mainContent #myVideo video {
    border-radius: 1rem; }
  #distancniZkouska #container .content #distantTermStudentMonitoringDevice .mainContent #myVideo button[name="switchCamera"] {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    background-image: url("/static/img/icons/monitoring/switch-camera.svg");
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 50% 50%;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    bottom: 0.5rem;
    right: 0.5rem; }
  #distancniZkouska #container .content canvas {
    display: none; }
  #distancniZkouska #container .content .loader {
    background-image: url("/static/img/loader.gif");
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem; }
  #distancniZkouska #container .content .video-wrapper {
    position: relative;
    width: 20rem; }
  #distancniZkouska #container .content .video-wrapper video {
    width: 100%;
    background-color: #dcdcdc;
    border-radius: 0.25rem; }
  #distancniZkouska #container .content .video-wrapper .devicePlatform {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    text-shadow: 2px 1px #c5c5c5; }
  #distancniZkouska #container .content #distantTermStudentMainDevice #distantTermTest {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 20rem; }
  #distancniZkouska #container .exclusion {
    border: solid 2px #e91c1c;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    color: #e91c1c; }
  #distancniZkouska #container .exclusion img {
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 2.5rem; }
  #distancniZkouska #container .exclusion p, #distancniZkouska #container .exclusion #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #distancniZkouska #container .exclusion li, #distancniZkouska #container .exclusion #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #distancniZkouska #container .exclusion div {
    margin-bottom: 0; }
  #distancniZkouska #container .exclusion + a {
    display: block;
    margin: 1rem auto;
    max-width: 10rem; }

#distancniZkousky {
  background-color: white; }
  #distancniZkousky .distancni-zkousky-icon {
    background-image: url('/static/img/icons/SVG_sprite_pravidla_ucasti-byUs.svg');
    background-repeat: no-repeat;
    background-size: 15rem 11.25rem;
    background-position: 0 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0; }
  #distancniZkousky .distancni-zkousky-icon.checkmark {
    background-position-y: 0;
    background-position-x: -7.5rem; }
  #distancniZkousky .distancni-zkousky-icon.first {
    margin-right: 0.75rem;
    background-position-y: -1.5rem;
    background-position-x: 0; }
  #distancniZkousky .distancni-zkousky-icon.second {
    margin-right: 0.75rem;
    background-position-y: -1.5rem;
    background-position-x: -1.5rem; }
  #distancniZkousky .distancni-zkousky-icon.arrow {
    background-position-y: -1.5rem;
    background-position-x: -3rem; }
  #distancniZkousky .distancni-zkousky-icon.download {
    background-position-y: 0;
    background-position-x: -3rem; }
  @media (min-width: 40em) {
    #distancniZkousky .distancni-zkousky-icon {
      background-size: 20rem 15rem;
      width: 2rem;
      height: 2rem; }
      #distancniZkousky .distancni-zkousky-icon.checkmark {
        background-position-y: 0;
        background-position-x: -10rem; }
      #distancniZkousky .distancni-zkousky-icon.first {
        margin-right: 0.75rem;
        background-position-y: -2rem;
        background-position-x: 0; }
      #distancniZkousky .distancni-zkousky-icon.second {
        margin-right: 0.75rem;
        background-position-y: -2rem;
        background-position-x: -2rem; }
      #distancniZkousky .distancni-zkousky-icon.arrow {
        background-position-y: -2rem;
        background-position-x: -4rem; }
      #distancniZkousky .distancni-zkousky-icon.download {
        background-position-y: 0;
        background-position-x: -4rem; } }
  #distancniZkousky > .block {
    font-family: Roboto;
    padding: 1rem;
    box-sizing: border-box;
    width: 100%; }
  #distancniZkousky > .block .content {
    max-width: 70rem;
    margin: auto;
    width: 100%; }
  #distancniZkousky > .block .box {
    background-color: #f8f8f8; }
  #distancniZkousky > .block p, #distancniZkousky > .block #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #distancniZkousky > .block li, #distancniZkousky > .block #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #distancniZkousky > .block div, #distancniZkousky > .block ul, #distancniZkousky > .block .description, #distancniZkousky > .block .link {
    font-size: 1rem; }
  @media screen and (min-width: 30em) {
    #distancniZkousky > .block {
      padding: 2rem 1rem; } }
  @media screen and (min-width: 40em) {
    #distancniZkousky > .block {
      padding: 5rem 1.5rem; } }
  #distancniZkousky #block1 {
    background-image: linear-gradient(to right bottom, #421481, #1d2e86);
    background-position: center center;
    background-size: cover; }
  #distancniZkousky #block1 h1 {
    color: white;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    font-size: 1.5rem; }
  #distancniZkousky #block1 .line {
    width: 11.5rem;
    height: 0.25rem;
    background-color: #f1f510;
    margin: auto; }
  @media screen and (min-width: 30em) {
    #distancniZkousky #block1 h1 {
      font-size: 1.75rem; } }
  @media screen and (min-width: 40em) {
    #distancniZkousky #block1 h1 {
      text-align: left;
      margin-bottom: 0.5rem;
      font-size: 2.75rem; }

    #distancniZkousky #block1 .line {
      margin: initial; } }
  #distancniZkousky #block2 .content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #distancniZkousky #block2 .content .main {
    width: 100%; }
  #distancniZkousky #block2 .content .main .title {
    font-size: 1.75rem;
    font-weight: lighter;
    color: #1a377d;
    margin-bottom: 1rem; }
  #distancniZkousky #block2 .content .main ul {
    padding: 0; }
  #distancniZkousky #block2 .content .main ul li {
    display: flex;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #1a377d;
    text-align: left;
    line-height: 1.5; }
  #distancniZkousky #block2 .content .main ul li:before {
    content: "";
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    background-image: url('/static/img/icons/SVG_sprite_pravidla_ucasti-byUs.svg');
    background-size: 17.5rem 13.125rem;
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    margin-right: 1rem;
    margin-top: -0.125rem;
    flex-shrink: 0; }
  #distancniZkousky #block2 .content .main ul li:last-child {
    margin-bottom: 0; }
  #distancniZkousky #block2 .content .box {
    display: flex;
    padding: 1rem;
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap; }
  #distancniZkousky #block2 .content .box .wrapper {
    width: 100%; }
  #distancniZkousky #block2 .content .box .wrapper .title {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: #1a377d;
    margin-left: 1.5rem;
    margin-bottom: 1rem; }
  #distancniZkousky #block2 .content .box .wrapper ul {
    padding: 0; }
  #distancniZkousky #block2 .content .box .wrapper ul li {
    display: flex;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #1a377d;
    text-align: left;
    line-height: 1.5; }
  #distancniZkousky #block2 .content .box .wrapper ul li:before {
    content: "";
    display: block;
    margin-top: 0.25rem;
    width: 1rem;
    height: 1rem;
    background-image: url('/static/img/icons/SVG_sprite_pravidla_ucasti-byUs.svg');
    background-size: 10rem 7.5rem;
    background-repeat: no-repeat;
    background-position-y: -1rem;
    background-position-x: -2rem;
    margin-right: 0.5rem;
    flex-shrink: 0; }
  #distancniZkousky #block2 .content .box .wrapper ul li:last-child {
    margin-bottom: 0; }
  @media (min-width: 40em) {
    #distancniZkousky #block2 .content .main .title {
      font-size: 2.5rem; }
      #distancniZkousky #block2 .content .box {
        flex-direction: row;
        padding: 2rem; }
        #distancniZkousky #block2 .content .box .wrapper {
          width: calc(50% - 1rem);
          margin: 0 0.5rem; }
          #distancniZkousky #block2 .content .box .wrapper .title {
            font-size: 1.5rem; } }
  @media (min-width: 62.5em) {
    #distancniZkousky #block2 .content {
      flex-direction: row; }
      #distancniZkousky #block2 .content .main {
        max-width: 22rem;
        margin-right: 2rem; }
        #distancniZkousky #block2 .content .main ul {
          width: 18rem; }
      #distancniZkousky #block2 .content .box {
        width: calc(100% - 22rem - 2rem); } }
  #distancniZkousky #block3 {
    background-image: url("/static/img/pages/marketplace/img_bg_pruh3.png");
    background-position: center center;
    background-size: cover; }
  #distancniZkousky #block3 .content .title {
    color: white;
    font-size: 1.75rem;
    font-weight: lighter;
    text-align: center;
    margin-bottom: 2.5rem; }
  #distancniZkousky #block3 .content .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 60rem;
    margin: auto; }
  #distancniZkousky #block3 .content .wrapper .box {
    background-color: #1a377dCC;
    color: white;
    text-align: center;
    width: 100%;
    max-width: 20rem;
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 1rem auto; }
  #distancniZkousky #block3 .content .wrapper .box .subtitle {
    font-size: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 1rem; }
  #distancniZkousky #block3 .content .wrapper .arrow {
    transform: rotate(90deg); }
  @media screen and (min-width: 40em) {
    #distancniZkousky #block3 .content .title {
      font-size: 2.5rem; }
      #distancniZkousky #block3 .content .wrapper {
        flex-direction: row; }
        #distancniZkousky #block3 .content .wrapper .box {
          width: 12rem;
          height: 9rem;
          margin: initial; }
        #distancniZkousky #block3 .content .wrapper .arrow {
          transform: rotate(0deg); } }
  #distancniZkousky #block4 .intro {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column; }
  #distancniZkousky #block4 .intro .left {
    width: 100%;
    max-width: 35rem;
    color: #1a377d;
    line-height: 1.5; }
  #distancniZkousky #block4 .intro .left .title {
    color: #1a377d;
    font-size: 1.75rem;
    font-weight: lighter;
    margin-bottom: 0.5rem; }
  #distancniZkousky #block4 .intro .left .description {
    margin-bottom: 0.5rem; }
  #distancniZkousky #block4 .intro .right {
    flex-shrink: 0;
    flex-grow: 1; }
  #distancniZkousky #block4 .intro .right img {
    display: block;
    margin: auto; }
  #distancniZkousky #block4 .cards {
    display: flex;
    max-width: 70rem;
    margin: auto;
    flex-direction: column; }
  #distancniZkousky #block4 .cards .box {
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    color: #1a377d; }
  #distancniZkousky #block4 .cards .box img {
    display: block;
    margin-bottom: 1rem; }
  #distancniZkousky #block4 .cards .box p, #distancniZkousky #block4 .cards .box #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #distancniZkousky #block4 .cards .box li, #distancniZkousky #block4 .cards .box #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #distancniZkousky #block4 .cards .box div {
    font-weight: initial;
    margin-bottom: 0.5rem; }
  #distancniZkousky #block4 .cards .box p.attention:before, #distancniZkousky #block4 .cards .box #poradci #container > .block.info .contents .content ul li.attention:before, #poradci #container > .block.info .contents .content ul #distancniZkousky #block4 .cards .box li.attention:before, #distancniZkousky #block4 .cards .box #poradci #container > .block.info .contents .content div.attention:before, #poradci #container > .block.info .contents .content #distancniZkousky #block4 .cards .box div.attention:before {
    content: " ";
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('/static/img/icons/SVG_sprite_pravidla_ucasti-byUs.svg');
    background-size: 12.5rem 9.375rem;
    background-position-y: 0;
    background-position-x: -3.76rem;
    background-repeat: no-repeat;
    margin-right: 0.25rem;
    margin-bottom: -0.25rem; }
  #distancniZkousky #block4 .cards .box p a, #distancniZkousky #block4 .cards .box #poradci #container > .block.info .contents .content ul li a, #poradci #container > .block.info .contents .content ul #distancniZkousky #block4 .cards .box li a, #distancniZkousky #block4 .cards .box #poradci #container > .block.info .contents .content div a, #poradci #container > .block.info .contents .content #distancniZkousky #block4 .cards .box div a {
    text-decoration: underline;
    text-decoration-color: #10b988; }
  #distancniZkousky #block4 .cards .box .subtitle {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  #distancniZkousky #block4 .cards .box .links {
    display: flex; }
  #distancniZkousky #block4 .cards .box .links a {
    display: block;
    margin-right: 0.25rem; }
  @media (min-width: 40em) {
    #distancniZkousky #block4 .intro .left .title {
      font-size: 2.5rem;
      margin-bottom: 1rem; }

    #distancniZkousky #block4 .cards .box .subtitle {
      font-size: 1.5rem; } }
  @media (min-width: 45em) {
    #distancniZkousky #block4 .intro {
      flex-direction: row; } }
  @media (min-width: 60em) {
    #distancniZkousky #block4 .cards {
      flex-direction: initial;
      align-items: stretch; }
      #distancniZkousky #block4 .cards .box {
        width: calc((100% / 3) - 2rem);
        margin: initial;
        margin-right: 3rem;
        flex-grow: 1; }
        #distancniZkousky #block4 .cards .box img {
          margin: auto; }
        #distancniZkousky #block4 .cards .box:last-child {
          margin-right: 0; } }
  #distancniZkousky #block5 {
    background-color: #1a377d;
    color: white; }
  #distancniZkousky #block5 .content {
    display: flex;
    max-width: 70rem;
    margin: auto;
    flex-direction: column; }
  #distancniZkousky #block5 .content .left {
    width: 100%; }
  #distancniZkousky #block5 .content .right {
    width: 100%; }
  #distancniZkousky #block5 .content .right .title {
    font-size: 1.75rem;
    font-weight: lighter; }
  #distancniZkousky #block5 .content .right .subtitle {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 2rem; }
  @media (min-width: 40em) {
    #distancniZkousky #block5 .content .right .title {
      font-size: 2.5rem; } }
  @media (min-width: 50em) {
    #distancniZkousky #block5 .content {
      flex-direction: row; }
      #distancniZkousky #block5 .content .left {
        width: 50%; }
      #distancniZkousky #block5 .content .right {
        width: calc(50% - 2rem);
        margin-left: 2rem; } }
  #distancniZkousky #block6 {
    color: #1a377d; }
  #distancniZkousky #block6 .content {
    display: flex;
    max-width: 70rem;
    margin: auto;
    flex-direction: column; }
  #distancniZkousky #block6 .content .left {
    width: 100%; }
  #distancniZkousky #block6 .content .left .title {
    font-size: 1.75rem;
    font-weight: lighter;
    margin-bottom: 2rem; }
  #distancniZkousky #block6 .content .right {
    width: 100%; }
  #distancniZkousky #block6 .content .box {
    margin-top: 4rem;
    width: max-content;
    background-color: #f8f8f8;
    padding: 1rem;
    box-sizing: border-box; }
  #distancniZkousky #block6 .content .box .title {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1a377d;
    margin-bottom: 2rem; }
  #distancniZkousky #block6 .content .box .link {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    font-size: 0.875rem; }
  #distancniZkousky #block6 .content .box .link .distancni-zkousky-icon {
    margin-right: 1rem;
    margin-top: -0.25rem; }
  #distancniZkousky #block6 .content .box .link a {
    font-weight: bold;
    margin-right: 0.25rem;
    text-decoration: underline;
    text-decoration-color: #10b988; }
  #distancniZkousky #block6 .content .box .link a:hover {
    text-decoration: none; }
  #distancniZkousky #block6 .content .box .link:last-child {
    margin-bottom: 0; }
  @media (min-width: 40em) {
    #distancniZkousky #block6 .content .left .title {
      font-size: 2.5rem; }
      #distancniZkousky #block6 .content .box {
        padding: 2.75rem; }
        #distancniZkousky #block6 .content .box .link {
          font-size: 1rem; }
          #distancniZkousky #block6 .content .box .link .distancni-zkousky-icon {
            margin-top: -0.375rem; } }
  @media (min-width: 50em) {
    #distancniZkousky #block6 .content {
      flex-direction: row; }
      #distancniZkousky #block6 .content .left {
        width: calc(50% - 2rem);
        margin-right: 2rem; }
      #distancniZkousky #block6 .content .right {
        width: 50%; } }
  #distancniZkousky #block5 ul, #distancniZkousky #block6 ul {
    padding: 0; }
  #distancniZkousky #block5 ul li, #distancniZkousky #block6 ul li {
    display: flex;
    margin-bottom: 0.5rem;
    text-align: left;
    line-height: 1.5; }
  #distancniZkousky #block5 ul li:before, #distancniZkousky #block6 ul li:before {
    content: "";
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    background-image: url('/static/img/icons/SVG_sprite_pravidla_ucasti-byUs.svg');
    background-size: 17.5rem 13.125rem;
    background-repeat: no-repeat;
    background-position-x: -1.75rem;
    background-position-y: 0;
    margin-right: 1rem;
    margin-top: -0.25rem;
    flex-shrink: 0; }
  #distancniZkousky #block5 ul li:last-child, #distancniZkousky #block6 ul li:last-child {
    margin-bottom: 0; }
  #distancniZkousky #block7 .title {
    color: #1a377d;
    font-size: 1.75rem;
    font-weight: lighter;
    margin-bottom: 0.5rem; }
  @media (min-width: 40em) {
      #distancniZkousky #block7 .title {
        font-size: 2.5rem; } }
  #distancniZkousky #block7 .qa {
    margin-bottom: 1rem; }
  #distancniZkousky #block7 .qa .question {
    font-weight: bold; }
  #distancniZkousky #block7 .qa .answer {
    font-style: italic; }

#drill #container, #newDrill #container, #drillTest #container, #drillVysledek #container, #vysledek #container {
  background-color: #fff; }
  #drill #container .page-header, #newDrill #container .page-header, #drillTest #container .page-header, #drillVysledek #container .page-header, #vysledek #container .page-header {
    background-image: url("/static/img/pages/drill/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%; }
  #drill #container .page-header .icon, #newDrill #container .page-header .icon, #drillTest #container .page-header .icon, #drillVysledek #container .page-header .icon, #vysledek #container .page-header .icon {
    width: 3rem;
    height: 3rem; }
  #drill #container .page-header .buttons, #newDrill #container .page-header .buttons, #drillTest #container .page-header .buttons, #drillVysledek #container .page-header .buttons, #vysledek #container .page-header .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: flex-start; }
  #drill #container .page-header .buttons button, #newDrill #container .page-header .buttons button, #drillTest #container .page-header .buttons button, #drillVysledek #container .page-header .buttons button, #vysledek #container .page-header .buttons button {
    background-color: transparent;
    border: solid 0.125rem #1a377d;
    margin: 0 0.5rem;
    min-height: 4rem;
    color: #1a377d; }
  #drill #container .page-header .buttons button.selected, #newDrill #container .page-header .buttons button.selected, #drillTest #container .page-header .buttons button.selected, #drillVysledek #container .page-header .buttons button.selected, #vysledek #container .page-header .buttons button.selected {
    background-color: #1a377d;
    color: #fff; }
  #drill #container .page-header .buttons button.secondary, #newDrill #container .page-header .buttons button.secondary, #drillTest #container .page-header .buttons button.secondary, #drillVysledek #container .page-header .buttons button.secondary, #vysledek #container .page-header .buttons button.secondary {
    border-color: #79be48;
    color: #79be48; }
  #drill #container .page-header .buttons button.secondary.selected, #newDrill #container .page-header .buttons button.secondary.selected, #drillTest #container .page-header .buttons button.secondary.selected, #drillVysledek #container .page-header .buttons button.secondary.selected, #vysledek #container .page-header .buttons button.secondary.selected {
    background-color: #79be48;
    color: #fff; }
  #drill #container .page-header .buttons .description, #newDrill #container .page-header .buttons .description, #drillTest #container .page-header .buttons .description, #drillVysledek #container .page-header .buttons .description, #vysledek #container .page-header .buttons .description {
    max-width: 8rem;
    font-size: 0.875rem;
    font-style: italic;
    text-align: center;
    margin: 0.25rem auto 0; }
  #drill #container .page-header svg, #newDrill #container .page-header svg, #drillTest #container .page-header svg, #drillVysledek #container .page-header svg, #vysledek #container .page-header svg {
    margin-top: 1rem;
    width: 12rem;
    height: 6rem; }
  #drill #container .page-header svg path.bg, #newDrill #container .page-header svg path.bg, #drillTest #container .page-header svg path.bg, #drillVysledek #container .page-header svg path.bg, #vysledek #container .page-header svg path.bg {
    fill: rgba(255, 255, 255, .5);
    stroke: #e5e5e5; }
  #drill #container .page-header svg path.fg, #newDrill #container .page-header svg path.fg, #drillTest #container .page-header svg path.fg, #drillVysledek #container .page-header svg path.fg, #vysledek #container .page-header svg path.fg {
    fill: none; }
  #drill #container .page-header svg path.fg.green, #newDrill #container .page-header svg path.fg.green, #drillTest #container .page-header svg path.fg.green, #drillVysledek #container .page-header svg path.fg.green, #vysledek #container .page-header svg path.fg.green {
    stroke: #79be48; }
  #drill #container .page-header svg path.fg.red, #newDrill #container .page-header svg path.fg.red, #drillTest #container .page-header svg path.fg.red, #drillVysledek #container .page-header svg path.fg.red, #vysledek #container .page-header svg path.fg.red {
    stroke: #e91c1c; }
  #drill #container .page-header svg text.percentage, #newDrill #container .page-header svg text.percentage, #drillTest #container .page-header svg text.percentage, #drillVysledek #container .page-header svg text.percentage, #vysledek #container .page-header svg text.percentage {
    font-family: RobotoSlab, serif;
    font-size: 2.5rem;
    font-weight: bold;
    fill: #79be48; }
  #drill #container .page-header svg text.label, #newDrill #container .page-header svg text.label, #drillTest #container .page-header svg text.label, #drillVysledek #container .page-header svg text.label, #vysledek #container .page-header svg text.label {
    font-size: 0.9rem; }
  #drill #container .page-header svg + .label, #newDrill #container .page-header svg + .label, #drillTest #container .page-header svg + .label, #drillVysledek #container .page-header svg + .label, #vysledek #container .page-header svg + .label {
    cursor: help; }
  #drill #container > .content .buttons .generating, #newDrill #container > .content .buttons .generating, #drillTest #container > .content .buttons .generating, #drillVysledek #container > .content .buttons .generating, #vysledek #container > .content .buttons .generating {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1.25rem 1.25rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    color: #898989; }

#drillTest #container > .content {
  max-width: 60rem; }
  #drillTest #container > .content h2 {
    text-align: center; }
  #drillTest #container > .content #navigation {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  #drillTest #container > .content #navigation select[name="curQuestion"] {
    margin: 0 0.5rem;
    width: 20rem; }
  #drillTest #container > .content #navigation button {
    background-color: transparent;
    background-image: url("/static/img/icons/drill-navigation.png");
    background-repeat: no-repeat;
    background-size: 8rem 2rem;
    min-width: initial;
    padding: 0;
    width: 2rem;
    height: 2rem; }
  #drillTest #container > .content #navigation button[name="showFirstQuestion"] {
    background-position: 0 0; }
  #drillTest #container > .content #navigation button[name="showPreviousQuestion"] {
    background-position: -2rem 0; }
  #drillTest #container > .content #navigation button[name="showNextQuestion"] {
    background-position: -4rem 0; }
  #drillTest #container > .content #navigation button[name="showLastQuestion"] {
    background-position: -6rem 0; }
  #drillTest #container > .content #drillCountdown {
    text-align: center;
    margin-bottom: 1rem;
    color: #1a377d; }
  #drillTest #container > .content #drillCountdown .red {
    color: #e91c1c; }
  #drillTest #container > .content #drillCountdown .mono {
    font-family: "Lucida Console", Monaco, monospace; }
  #drillTest #container > .content #questions {
    width: 100%; }
  #drillTest #container > .content #questions > h2 {
    display: none;
    margin-bottom: 1rem; }
  #drillTest #container > .content #questions .basic > .question, #drillTest #container > .content #questions .multiple > .question {
    display: none; }
  #drillTest #container > .content #questions .basic > .question.visible, #drillTest #container > .content #questions .multiple > .question.visible {
    display: block; }
  #drillTest #container > .content #questions .question {
    margin-bottom: 1rem; }
  #drillTest #container > .content #questions .question > .text {
    background-color: #1a377d;
    padding: 0.25rem 0.5rem;
    color: #fff; }
  #drillTest #container > .content #questions .question .answers {
    margin-bottom: 1rem; }
  #drillTest #container > .content #questions .question .answers .answer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    border: solid 1px #898989;
    border-top: none;
    padding: 0.5rem; }
  #drillTest #container > .content #questions .question .answers .answer.gray, #drillTest #container > .content #questions .question .answers .answer.red, #drillTest #container > .content #questions .question .answers .answer.green {
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -webkit-transition: background-color 500ms linear;
    transition: background-color 500ms linear; }
  #drillTest #container > .content #questions .question .answers .answer.gray {
    background-color: #e5e5e5; }
  #drillTest #container > .content #questions .question .answers .answer.red {
    background-color: rgba(255, 0, 0, .25); }
  #drillTest #container > .content #questions .question .answers .answer.red .wrong {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #drillTest #container > .content #questions .question .answers .answer.green {
    background-color: rgba(0, 255, 0, .25); }
  #drillTest #container > .content #questions .question .answers .answer.green .right {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #drillTest #container > .content #questions .question .answers .answer input[type="radio"], #drillTest #container > .content #questions .question .answers .answer input[type="checkbox"] {
    margin-right: 0.5rem; }
  #drillTest #container > .content #questions .question .answers .answer .text {
    flex-grow: 1;
    font-size: 0.9rem; }
  #drillTest #container > .content #questions .question .answers .answer .right, #drillTest #container > .content #questions .question .answers .answer .wrong {
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    display: none;
    min-width: 5rem; }
  #drillTest #container > .content #questions .question .answers .answer .right img, #drillTest #container > .content #questions .question .answers .answer .wrong img {
    margin-right: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  #drillTest #container > .content #questions .question .hint {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    font-style: italic; }
  #drillTest #container > .content #questions .case-studies .case-study {
    border: solid 1px #898989;
    box-sizing: border-box;
    display: none;
    margin-bottom: 1rem;
    padding: 1rem 1rem 0; }
  #drillTest #container > .content #questions .case-studies .case-study.visible {
    display: block; }
  #drillTest #container > .content #questions .case-studies .case-study > .text {
    margin-bottom: 0.5rem; }
  #drillTest #container > .content .this-is-wrong-answer, #drillTest #container > .content .this-is-right-answer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem; }
  #drillTest #container > .content .this-is-wrong-answer img, #drillTest #container > .content .this-is-right-answer img {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #drillTest #container > .content .this-is-wrong-answer span, #drillTest #container > .content .this-is-right-answer span {
    font-size: 1.25rem; }
  #drillTest #container > .content h4 {
    font-weight: bolder;
    margin-bottom: 0.25rem; }
  #drillTest #container > .content .explanation, #drillTest #container > .content .source {
    margin-bottom: 1rem; }
  #drillTest #container > .content a.show-explanation, #drillTest #container > .content a.hide-explanation {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-top: 1rem; }
  #drillTest #container > .content .bottom-buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #drillTest #container > .content .bottom-buttons button[name="submit"], #drillTest #container > .content .bottom-buttons button[name="finish"] {
    margin-top: 1rem; }
  #drillTest #container > .content .bottom-buttons .saving {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1.25rem 1.25rem;
    padding-left: 1.5rem;
    color: #898989; }
  #drillTest #container > .content.closed > h2 {
    display: none; }
  #drillTest #container > .content.closed #navigation {
    display: none; }
  #drillTest #container > .content.closed #questions > h2 {
    display: block;
    margin-top: 3rem; }
  #drillTest #container > .content.closed #questions > h2:first-child {
    margin-top: 0; }
  #drillTest #container > .content.closed #questions .basic > .question, #drillTest #container > .content.closed #questions .multiple > .question, #drillTest #container > .content.closed #questions .case-studies > .question, #drillTest #container > .content.closed #questions .basic > .case-study, #drillTest #container > .content.closed #questions .multiple > .case-study, #drillTest #container > .content.closed #questions .case-studies > .case-study {
    display: block;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem; }
  #drillTest #container > .content.closed #questions .basic > .question, #drillTest #container > .content.closed #questions .multiple > .question, #drillTest #container > .content.closed #questions .case-studies > .question {
    border-bottom: solid 1px #d1d1d1; }
  #drillTest #container > .content.closed #questions .basic > .question:last-child, #drillTest #container > .content.closed #questions .multiple > .question:last-child, #drillTest #container > .content.closed #questions .case-studies > .question:last-child {
    border-bottom: none;
    padding-bottom: 0; }

#drillVysledek #container .page-header .total-time {
  margin-top: 1rem; }
  #drillVysledek #container .page-header .total-time .label {
    text-transform: uppercase;
    font-weight: bold; }
  #drillVysledek #container .page-header .total-time .value {
    font-size: 1.25rem;
    color: #79be48; }
  #drillVysledek #container .content h2 {
    text-align: center; }
  #drillVysledek #container .content .criteria-stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #drillVysledek #container .content .criteria-stats .criteria {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    padding: 1rem 1.5rem;
    min-width: 10rem; }
  #drillVysledek #container .content .criteria-stats .criteria .icon {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    margin-bottom: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #drillVysledek #container .content .criteria-stats .criteria.red {
    background-color: #e91c1c33; }
  #drillVysledek #container .content .criteria-stats .criteria.red .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #drillVysledek #container .content .criteria-stats .criteria.red .real {
    color: #e91c1c; }
  #drillVysledek #container .content .criteria-stats .criteria.green {
    background-color: #79be4833; }
  #drillVysledek #container .content .criteria-stats .criteria.green .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #drillVysledek #container .content .criteria-stats .criteria.green .real {
    color: #79be48; }
  #drillVysledek #container .content .criteria-stats .criteria .title {
    text-transform: uppercase;
    border-bottom: solid 1px #000;
    margin-bottom: 0.5rem; }
  #drillVysledek #container .content .criteria-stats .criteria .success {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between; }
  #drillVysledek #container .content .criteria-stats .criteria .success .minimal, #drillVysledek #container .content .criteria-stats .criteria .success .real {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9rem;
    margin: 0 0.5rem; }
  #drillVysledek #container .content .criteria-stats .criteria .success .minimal .value, #drillVysledek #container .content .criteria-stats .criteria .success .real .value {
    font-weight: bold; }
  #drillVysledek #container .content .criteria-stats .criteria .success .minimal .label, #drillVysledek #container .content .criteria-stats .criteria .success .real .label {
    font-size: 0.75rem; }
  #drillVysledek #container .content .criteria-stats .criteria .success .minimal {
    color: #898989; }
  #drillVysledek #container .content .implementation-stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto; }
  #drillVysledek #container .content .implementation-stats .type {
    margin-bottom: 0.5rem; }
  #drillVysledek #container .content .implementation-stats .type > .stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
    cursor: help; }
  #drillVysledek #container .content .implementation-stats .type > .stats div {
    font-size: 0.9rem;
    font-weight: bolder;
    margin: 0 0.5rem; }
  #drillVysledek #container .content .implementation-stats .type > .stats div.icon {
    background-position: 50% 50%;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem; }
  #drillVysledek #container .content .implementation-stats .type > .stats.red .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #drillVysledek #container .content .implementation-stats .type > .stats.orange .icon {
    background-image: url("/static/img/icons/warning.png"); }
  #drillVysledek #container .content .implementation-stats .type > .stats.green .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #drillVysledek #container .content .implementation-stats .type .topics .topic {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 0.75rem; }
  #drillVysledek #container .content .implementation-stats .type .topics .topic .title {
    line-height: 1.5; }
  #drillVysledek #container .content .implementation-stats .type .topics .topic .stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: start;
    align-items: center;
    font-weight: bolder;
    margin-left: 0.5rem;
    min-width: 5rem;
    cursor: help; }
  #drillVysledek #container .content .implementation-stats .type .topics .topic .stats .ratio, #drillVysledek #container .content .implementation-stats .type .topics .topic .stats .percentage {
    margin-left: 0.25rem; }
  #drillVysledek #container .content .implementation-stats .type .topics .topic .stats .icon {
    background-position: 50% 50%;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem; }
  #drillVysledek #container .content .implementation-stats .type .topics .topic .stats .percentage {
    white-space: nowrap; }
  #drillVysledek #container .content .implementation-stats .type .topics .topic.red .stats .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #drillVysledek #container .content .implementation-stats .type .topics .topic.orange .stats .icon {
    background-image: url("/static/img/icons/warning.png"); }
  #drillVysledek #container .content .implementation-stats .type .topics .topic.green .stats .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #drillVysledek #container .content .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem; }
  #drillVysledek #container .content .buttons a.button {
    margin-bottom: 1rem; }
  #drillVysledek #container .content .buttons a.back-to-test-main-page {
    margin-top: 1rem; }
  #drillVysledek #container .content .buttons .order-exam {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem; }
  #drillVysledek #container .content .buttons .order-exam a.button {
    background-color: #e05142; }

#newDrill #container > .content {
  max-width: 60rem; }
  #newDrill #container > .content h2 {
    text-align: center; }
  #newDrill #container > .content .warn-notice {
    text-align: center;
    color: #e91c1c;
    font-weight: bold; }
  #newDrill #container > .content .notice {
    font-style: italic;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    color: #898989; }
  #newDrill #container > .content form .row {
    margin-bottom: 1rem; }
  #newDrill #container > .content form .row label {
    margin-bottom: 0.5rem; }
  #newDrill #container > .content form .row.version select[name="testVersion"].hidden {
    display: none; }
  #newDrill #container > .content form .row.version p, #newDrill #container > .content form .row.version #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #newDrill #container > .content form .row.version li, #newDrill #container > .content form .row.version #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #newDrill #container > .content form .row.version div {
    font-size: 0.9rem;
    font-weight: bolder;
    color: #898989; }
  #newDrill #container > .content form .row.evaluationMethod .options {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    font-size: 0.9rem; }
  #newDrill #container > .content form .row.evaluationMethod .options label {
    margin-right: 1rem; }
  #newDrill #container > .content form .row.evaluationMethod .options label input {
    margin-right: 0.5rem; }
  #newDrill #container > .content form .row.typesFilter .options {
    font-size: 0.9rem; }
  #newDrill #container > .content form .row.typesFilter .options label input {
    margin-right: 0.5rem; }
  #newDrill #container > .content form .row.meta-buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #newDrill #container > .content form .row.meta-buttons .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
  #newDrill #container > .content form .row.meta-buttons .buttons button {
    margin: 0 0.5rem 1rem;
    width: calc(100% - 2rem);
    max-width: 15rem; }
  #newDrill #container > .content form .row.meta-buttons em {
    color: #898989; }
  @media screen and (min-width: 35em) {
            #newDrill #container > .content form .row.meta-buttons {
              align-items: flex-start; }
              #newDrill #container > .content form .row.meta-buttons .buttons {
                flex-direction: row;
                justify-content: flex-start; } }
  #newDrill #container > .content form .row.question-types .drillTopicList > label {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center; }
  #newDrill #container > .content form .row.question-types .drillTopicList > label input {
    margin: 0 0.5rem 0 0; }
  #newDrill #container > .content form .row.question-types .drillTopicList > label span {
    font-weight: bolder; }
  #newDrill #container > .content form .row.question-types .drillTopicList .topics {
    padding-left: 1rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .topics.hidden {
    display: none; }
  #newDrill #container > .content form .row.question-types .drillTopicList .topics .options .topic {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    margin-bottom: 0.5rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .topics .options .topic label {
    margin-bottom: 0; }
    #newDrill #container > .content form .row.question-types .drillTopicList .topics .options .topic label input {
      margin: 0 0.5rem 0 0; }
    #newDrill #container > .content form .row.question-types .drillTopicList .topics .options .topic label span {
      max-width: 30rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    font-weight: bolder;
    margin-left: 0.5rem;
    cursor: help; }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats .ratio, #newDrill #container > .content form .row.question-types .drillTopicList .stats .percentage {
    margin-left: 0.25rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats .icon {
    background-position: 50% 50%;
    background-size: 1rem 1rem;
    display: inline-block;
    width: 1rem;
    height: 1rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats .percentage {
    white-space: nowrap; }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats.red .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats.orange .icon {
    background-image: url("/static/img/icons/warning.png"); }
  #newDrill #container > .content form .row.question-types .drillTopicList .stats.green .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #newDrill #container > .content form .row.question-types .drillTopicList .numbers {
    white-space: nowrap; }
  #newDrill #container > .content form .row.question-types .drillTopicList .numbers .basic, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .multiple, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy {
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0% 50%;
    font-weight: bold;
    padding-left: 1.25rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .numbers .basic + .basic, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .multiple + .basic, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy + .basic, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .basic + .multiple, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .multiple + .multiple, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy + .multiple, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .basic + .caseStudy, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .multiple + .caseStudy, #newDrill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy + .caseStudy {
    margin-left: 0.5rem; }
  #newDrill #container > .content form .row.question-types .drillTopicList .numbers .basic {
    background-image: url("/static/img/icons/question-types/basic.png"); }
  #newDrill #container > .content form .row.question-types .drillTopicList .numbers .multiple {
    background-image: url("/static/img/icons/question-types/multiple.png"); }
  #newDrill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy {
    background-image: url("/static/img/icons/question-types/caseStudy.png"); }
  #newDrill #container > .content .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #newDrill #container > .content .buttons button {
    margin-bottom: 1rem; }

#drill #container > .content {
  max-width: 60rem; }
  #drill #container > .content h2 {
    text-align: center; }
  #drill #container > .content .notice {
    font-style: italic;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    color: #898989; }
  #drill #container > .content form .row {
    margin-bottom: 1rem; }
  #drill #container > .content form .row label {
    margin-bottom: 0.5rem; }
  #drill #container > .content form .row.version select[name="testVersion"].hidden {
    display: none; }
  #drill #container > .content form .row.version p, #drill #container > .content form .row.version #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #drill #container > .content form .row.version li, #drill #container > .content form .row.version #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #drill #container > .content form .row.version div {
    font-size: 0.9rem;
    font-weight: bolder;
    color: #898989; }
  #drill #container > .content form .row.evaluationMethod .options {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    font-size: 0.9rem; }
  #drill #container > .content form .row.evaluationMethod .options label {
    margin-right: 1rem; }
  #drill #container > .content form .row.evaluationMethod .options label input {
    margin-right: 0.5rem; }
  #drill #container > .content form .row.typesFilter .options {
    font-size: 0.9rem; }
  #drill #container > .content form .row.typesFilter .options label input {
    margin-right: 0.5rem; }
  #drill #container > .content form .row.meta-buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #drill #container > .content form .row.meta-buttons .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
  #drill #container > .content form .row.meta-buttons .buttons button {
    margin: 0 0.5rem 1rem;
    width: calc(100% - 2rem);
    max-width: 15rem; }
  #drill #container > .content form .row.meta-buttons em {
    color: #898989; }
  @media screen and (min-width: 35em) {
            #drill #container > .content form .row.meta-buttons {
              align-items: flex-start; }
              #drill #container > .content form .row.meta-buttons .buttons {
                flex-direction: row;
                justify-content: flex-start; } }
  #drill #container > .content form .row.question-types .drillTopicList > label {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center; }
  #drill #container > .content form .row.question-types .drillTopicList > label input {
    margin: 0 0.5rem 0 0; }
  #drill #container > .content form .row.question-types .drillTopicList > label span {
    font-weight: bolder; }
  #drill #container > .content form .row.question-types .drillTopicList .topics {
    padding-left: 1rem; }
  #drill #container > .content form .row.question-types .drillTopicList .topics.hidden {
    display: none; }
  #drill #container > .content form .row.question-types .drillTopicList .topics .options .topic {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    margin-bottom: 0.5rem; }
  #drill #container > .content form .row.question-types .drillTopicList .topics .options .topic label {
    margin-bottom: 0; }
    #drill #container > .content form .row.question-types .drillTopicList .topics .options .topic label input {
      margin: 0 0.5rem 0 0; }
    #drill #container > .content form .row.question-types .drillTopicList .topics .options .topic label span {
      max-width: 30rem; }
  #drill #container > .content form .row.question-types .drillTopicList .stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    font-weight: bolder;
    margin-left: 0.5rem;
    cursor: help; }
  #drill #container > .content form .row.question-types .drillTopicList .stats .ratio, #drill #container > .content form .row.question-types .drillTopicList .stats .percentage {
    margin-left: 0.25rem; }
  #drill #container > .content form .row.question-types .drillTopicList .stats .icon {
    background-position: 50% 50%;
    background-size: 1rem 1rem;
    display: inline-block;
    width: 1rem;
    height: 1rem; }
  #drill #container > .content form .row.question-types .drillTopicList .stats .percentage {
    white-space: nowrap; }
  #drill #container > .content form .row.question-types .drillTopicList .stats.red .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #drill #container > .content form .row.question-types .drillTopicList .stats.orange .icon {
    background-image: url("/static/img/icons/warning.png"); }
  #drill #container > .content form .row.question-types .drillTopicList .stats.green .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #drill #container > .content form .row.question-types .drillTopicList .numbers {
    white-space: nowrap; }
  #drill #container > .content form .row.question-types .drillTopicList .numbers .basic, #drill #container > .content form .row.question-types .drillTopicList .numbers .multiple, #drill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy {
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0% 50%;
    font-weight: bold;
    padding-left: 1.25rem; }
  #drill #container > .content form .row.question-types .drillTopicList .numbers .basic + .basic, #drill #container > .content form .row.question-types .drillTopicList .numbers .multiple + .basic, #drill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy + .basic, #drill #container > .content form .row.question-types .drillTopicList .numbers .basic + .multiple, #drill #container > .content form .row.question-types .drillTopicList .numbers .multiple + .multiple, #drill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy + .multiple, #drill #container > .content form .row.question-types .drillTopicList .numbers .basic + .caseStudy, #drill #container > .content form .row.question-types .drillTopicList .numbers .multiple + .caseStudy, #drill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy + .caseStudy {
    margin-left: 0.5rem; }
  #drill #container > .content form .row.question-types .drillTopicList .numbers .basic {
    background-image: url("/static/img/icons/question-types/basic.png"); }
  #drill #container > .content form .row.question-types .drillTopicList .numbers .multiple {
    background-image: url("/static/img/icons/question-types/multiple.png"); }
  #drill #container > .content form .row.question-types .drillTopicList .numbers .caseStudy {
    background-image: url("/static/img/icons/question-types/caseStudy.png"); }
  #drill #container > .content .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #drill #container > .content .buttons button {
    margin-bottom: 1rem; }

#groupAdminBanner .content form {
  padding: 1rem;
  box-sizing: border-box; }
  #groupAdminBanner .content form fieldset {
    border: 1px solid #bababa;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
    flex-grow: 1;
    box-sizing: border-box; }
  #groupAdminBanner .content form fieldset legend {
    color: #888;
    font-weight: bold; }
  #groupAdminBanner .content form fieldset .row {
    display: block;
    margin-bottom: 0.5rem;
    padding: 0.25rem;
    box-sizing: border-box; }
  #groupAdminBanner .content form fieldset .row label {
    color: #1a377d;
    font-weight: bold; }
  #groupAdminBanner .content form fieldset .row .explain {
    font-style: italic;
    color: #666;
    font-size: 0.875rem; }
  #groupAdminBanner .content form fieldset .row input {
    margin-bottom: 0; }
  #groupAdminBanner .content form fieldset .row input[type='text'], #groupAdminBanner .content form fieldset .row input[type='number'] {
    width: 100%; }
  #groupAdminBanner .content form fieldset .row textarea {
    width: 100%;
    min-height: 6rem;
    margin-bottom: 0; }
  #groupAdminBanner .content form fieldset .row select {
    width: 100%; }
  #groupAdminBanner .content form fieldset .row .tinyMCEBlock {
    background: #dfe8f2;
    background: linear-gradient(180deg, #dfe8f2 0%, #bccce0 100%);
    border: 1px solid #bfbfbf;
    padding: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    min-height: 5rem;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem; }
  #groupAdminBanner .content form fieldset .row.image .hidden {
    display: none; }
  #groupAdminBanner .content form fieldset .row.image .image {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #groupAdminBanner .content form fieldset .row.image .image img, #groupAdminBanner .content form fieldset .row.image .image video {
    margin-bottom: 0.5rem;
    width: 15rem; }
  #groupAdminBanner .content form fieldset .row.image .image progress {
    margin-bottom: 0.5rem;
    /* Reset the default appearance */
    width: 8rem;
    -webkit-appearance: none;
    appearance: none;
    height: 0.5rem; }
  #groupAdminBanner .content form fieldset .row.image .image progress::-webkit-progress-bar {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    overflow: hidden; }
  #groupAdminBanner .content form fieldset .row.image .image progress::-webkit-progress-value {
    background-color: #1a377d; }
  #groupAdminBanner .content form fieldset .row.image button {
    margin: auto;
    display: block; }
  #groupAdminBanner .content form fieldset #adminTable {
    margin-bottom: 1rem; }
  #groupAdminBanner .content form .fieldsets {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%; }
  #groupAdminBanner .content form .fieldsets fieldset {
    width: 100%; }
  @media screen and (min-width: 40em) {
          #groupAdminBanner .content form .fieldsets fieldset {
            width: calc(50% - 2rem); } }

#groupAdminLabelProducts .right {
  margin-top: 2rem; }
  #groupAdminLabelProducts .right .hint {
    text-align: center; }
  #groupAdminLabelProducts .right .products {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #groupAdminLabelProducts .right .products .product {
    display: flex;
    align-items: center;
    width: 70%;
    padding: 0.5rem; }
  #groupAdminLabelProducts .right .products .product:nth-child(even) {
    background-color: #eee; }
  #groupAdminLabelProducts .right .products .product input {
    margin: 0 0.5rem;
    max-width: 4rem; }
  #groupAdminLabelProducts .right .buttons {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0.5rem auto; }
  #groupAdminLabelProducts .right .buttons input[type='submit'] {
    margin-right: 0.25rem;
    margin-bottom: 0; }
  #groupAdminLabelProducts .right .ok-message {
    color: #79be48;
    text-align: center;
    margin-bottom: 1rem; }

#groupAdminLmsUsers #adminTable .buttons {
  display: flex;
  justify-content: space-between; }
  #groupAdminLmsUsers #adminTable .buttons .left {
    display: flex;
    align-items: center; }
  #groupAdminLmsUsers #adminTable .buttons .left .bulk-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 0.5rem; }
  #groupAdminLmsUsers #adminTable .buttons .left .bulk-actions label.lmsTagCbx {
    text-transform: uppercase;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0.5rem;
    padding: 0.25rem 0.5rem;
    color: #fff; }
  #groupAdminLmsUsers #adminTable .buttons .left .loader {
    display: flex;
    align-items: center;
    margin-right: 0.5rem; }
  #groupAdminLmsUsers #adminTable .buttons .left .loader img {
    width: 1.25rem;
    height: 1.25rem; }
  #groupAdminLmsUsers #adminTable .buttons .left .loader label {
    font-size: 0.875rem;
    margin-left: 0.25rem;
    color: #898989; }
  #groupAdminLmsUsers #adminTable .buttons .right select[name="group"], #groupAdminLmsUsers #adminTable .buttons .right .selected-group {
    margin-right: 0.5rem; }
  #groupAdminLmsUsers #adminTable table tbody tr td .lmsTags {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #groupAdminLmsUsers #adminTable table tbody tr td .lmsTags .lmsTag {
    text-transform: uppercase;
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px;
    font-size: 0.625rem;
    font-weight: bold;
    margin-right: 0.25rem;
    padding: 0.125rem 0.25rem;
    white-space: nowrap; }

#groupAdminProduct #groupAdminWrapper #container > .content .form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%;
  max-width: 80rem; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset {
    box-sizing: border-box;
    border: solid 1px #bfbfbf;
    padding: 1rem;
    width: 100%; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset label, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset label {
    margin-bottom: 0.5rem; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset select, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset select {
    width: 100%; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"], #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] {
    flex-grow: 1;
    margin-right: 1rem; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row {
    width: 100%; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row #contentText1, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row #contentText1, #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row #contentText2, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row #contentText2 {
    border: solid 1px #bfbfbf;
    display: flex;
    padding-top: 3rem;
    margin-bottom: 1rem;
    min-height: 2rem; }
    #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row #contentText1 + .tox-tinymce, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row #contentText1 + .tox-tinymce, #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row #contentText2 + .tox-tinymce, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row #contentText2 + .tox-tinymce {
      min-height: 40rem; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row input[type="text"], #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row input[type="text"], #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row input[type="number"], #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row input[type="number"], #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row textarea, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row textarea, #groupAdminProduct #groupAdminWrapper #container > .content .form > .left fieldset[name="common"] form .row select, #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset[name="common"] form .row select {
    width: 100%; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .left {
    flex-grow: 1; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .right {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    width: 20rem; }
  #groupAdminProduct #groupAdminWrapper #container > .content .form > .right fieldset {
    margin-bottom: 1rem; }

#groupAdminTermAttendanceList > .page, #groupAdminTermAttendanceList4fin > .page {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 210mm;
  padding-top: 14mm;
  padding-left: 20mm;
  padding-right: 20mm;
  padding-bottom: 18mm;
  background-color: white;
  box-sizing: border-box;
  color: black; }
  @media print {
    #groupAdminTermAttendanceList > .page, #groupAdminTermAttendanceList4fin > .page {
      page-break-after: always;
      page-break-inside: avoid; } }
  #groupAdminTermAttendanceList > .page h2, #groupAdminTermAttendanceList4fin > .page h2 {
    text-transform: uppercase; }
  #groupAdminTermAttendanceList > .page .header-wrap, #groupAdminTermAttendanceList4fin > .page .header-wrap {
    display: flex;
    flex-wrap: wrap; }
  #groupAdminTermAttendanceList > .page .header-wrap .left, #groupAdminTermAttendanceList4fin > .page .header-wrap .left {
    width: 75%;
    flex-grow: 1; }
  #groupAdminTermAttendanceList > .page .header-wrap .left .term, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .term, #groupAdminTermAttendanceList > .page .header-wrap .left .place, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .place, #groupAdminTermAttendanceList > .page .header-wrap .left .exam, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .exam {
    display: flex;
    align-items: flex-start; }
  #groupAdminTermAttendanceList > .page .header-wrap .left .term .title, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .term .title, #groupAdminTermAttendanceList > .page .header-wrap .left .place .title, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .place .title, #groupAdminTermAttendanceList > .page .header-wrap .left .exam .title, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .exam .title {
    font-size: 0.625rem;
    width: 22mm;
    margin-top: 0.125rem; }
  #groupAdminTermAttendanceList > .page .header-wrap .left .term .value, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .term .value, #groupAdminTermAttendanceList > .page .header-wrap .left .place .value, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .place .value, #groupAdminTermAttendanceList > .page .header-wrap .left .exam .value, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .exam .value {
    font-weight: bold;
    font-size: 0.875rem; }
  #groupAdminTermAttendanceList > .page .header-wrap .left .term .values .value, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .term .values .value, #groupAdminTermAttendanceList > .page .header-wrap .left .place .values .value, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .place .values .value, #groupAdminTermAttendanceList > .page .header-wrap .left .exam .values .value, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .exam .values .value {
    margin-bottom: 0.25rem; }
  #groupAdminTermAttendanceList > .page .header-wrap .left .place, #groupAdminTermAttendanceList4fin > .page .header-wrap .left .place {
    margin-bottom: 2rem; }
  #groupAdminTermAttendanceList > .page .header-wrap .right, #groupAdminTermAttendanceList4fin > .page .header-wrap .right {
    max-width: 25%; }
  #groupAdminTermAttendanceList > .page .header-wrap .right .teams-meeting-qr, #groupAdminTermAttendanceList4fin > .page .header-wrap .right .teams-meeting-qr {
    margin-bottom: 1rem; }
  #groupAdminTermAttendanceList > .page .header-wrap .right .teams-meeting-qr .title, #groupAdminTermAttendanceList4fin > .page .header-wrap .right .teams-meeting-qr .title {
    font-size: 0.625rem; }
  #groupAdminTermAttendanceList > .page .header-wrap .right .teams-meeting-qr img, #groupAdminTermAttendanceList4fin > .page .header-wrap .right .teams-meeting-qr img {
    flex-shrink: 0;
    display: block; }
  #groupAdminTermAttendanceList > .page .declaration, #groupAdminTermAttendanceList4fin > .page .declaration {
    font-size: 0.75rem;
    text-align: justify;
    margin-bottom: 1rem; }
  #groupAdminTermAttendanceList > .page .row, #groupAdminTermAttendanceList4fin > .page .row {
    display: flex;
    padding: 0.25rem;
    box-sizing: border-box;
    border: 1px solid black;
    border-bottom: none;
    margin-bottom: 0;
    font-size: 0.625rem;
    height: 10mm; }
  #groupAdminTermAttendanceList > .page .row.breaker, #groupAdminTermAttendanceList4fin > .page .row.breaker {
    border-bottom: 1px solid black;
    margin-bottom: 0.25rem; }
  #groupAdminTermAttendanceList > .page .row .left, #groupAdminTermAttendanceList4fin > .page .row .left {
    width: 80%;
    display: flex;
    flex-wrap: wrap; }
  #groupAdminTermAttendanceList > .page .row .left .name, #groupAdminTermAttendanceList4fin > .page .row .left .name {
    width: 50%;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #groupAdminTermAttendanceList > .page .row .left .email, #groupAdminTermAttendanceList4fin > .page .row .left .email {
    width: 50%; }
  #groupAdminTermAttendanceList > .page .row .left .variant, #groupAdminTermAttendanceList4fin > .page .row .left .variant {
    width: 100%;
    font-size: 0.625rem; }
  #groupAdminTermAttendanceList > .page .row .right, #groupAdminTermAttendanceList4fin > .page .row .right {
    width: 20%;
    flex: 1 0 auto; }
  #groupAdminTermAttendanceList > .page .row .right .signature-field, #groupAdminTermAttendanceList4fin > .page .row .right .signature-field {
    width: 100%;
    height: calc(100% - .125rem);
    border-bottom: 2px dotted black; }
  #groupAdminTermAttendanceList > .page .claim, #groupAdminTermAttendanceList4fin > .page .claim {
    font-size: 0.75rem;
    text-align: right; }

#groupAdminTermUsers .content {
  padding: 0; }
  #groupAdminTermUsers .content .buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #groupAdminTermUsers .content .buttons input[type="button"], #groupAdminTermUsers .content .buttons button {
    border-radius: 0.125rem;
    font-size: 0.75rem;
    margin: 0.5rem 0.25rem;
    padding: 0.125rem 0.5rem;
    min-width: 4rem;
    line-height: 1.5rem; }
  #groupAdminTermUsers .content table {
    font-size: 0.875rem;
    border-collapse: collapse;
    margin-bottom: 0;
    width: 100%; }
  #groupAdminTermUsers .content table thead tr.enrollment:nth-child(odd), #groupAdminTermUsers .content table tbody tr.enrollment:nth-child(odd) {
    background-color: #f1f1f1; }
  #groupAdminTermUsers .content table thead tr td, #groupAdminTermUsers .content table tbody tr td, #groupAdminTermUsers .content table thead tr th, #groupAdminTermUsers .content table tbody tr th {
    text-align: left;
    border: solid 1px #bfbfbf;
    border-top: none;
    border-bottom: none;
    padding: 0.125rem 0.5rem; }
  #groupAdminTermUsers .content table thead tr td:first-child, #groupAdminTermUsers .content table tbody tr td:first-child, #groupAdminTermUsers .content table thead tr th:first-child, #groupAdminTermUsers .content table tbody tr th:first-child {
    border-left: none; }
  #groupAdminTermUsers .content table thead tr td:last-child, #groupAdminTermUsers .content table tbody tr td:last-child, #groupAdminTermUsers .content table thead tr th:last-child, #groupAdminTermUsers .content table tbody tr th:last-child {
    border-right: none; }
  #groupAdminTermUsers .content table thead tr td.group, #groupAdminTermUsers .content table tbody tr td.group, #groupAdminTermUsers .content table thead tr th.group, #groupAdminTermUsers .content table tbody tr th.group {
    color: #1a377d; }
  #groupAdminTermUsers .content table thead tr td.actions, #groupAdminTermUsers .content table tbody tr td.actions, #groupAdminTermUsers .content table thead tr th.actions, #groupAdminTermUsers .content table tbody tr th.actions {
    width: 100%; }
  #groupAdminTermUsers .content table thead tr td.checkbox, #groupAdminTermUsers .content table tbody tr td.checkbox, #groupAdminTermUsers .content table thead tr th.checkbox, #groupAdminTermUsers .content table tbody tr th.checkbox {
    padding: 0.5rem; }
  #groupAdminTermUsers .content table thead tr td.checkbox div, #groupAdminTermUsers .content table tbody tr td.checkbox div, #groupAdminTermUsers .content table thead tr th.checkbox div, #groupAdminTermUsers .content table tbody tr th.checkbox div {
    display: flex;
    justify-content: center;
    align-items: center; }
  #groupAdminTermUsers .content table thead tr td.checkbox div input[type="checkbox"], #groupAdminTermUsers .content table tbody tr td.checkbox div input[type="checkbox"], #groupAdminTermUsers .content table thead tr th.checkbox div input[type="checkbox"], #groupAdminTermUsers .content table tbody tr th.checkbox div input[type="checkbox"] {
    margin-right: 0; }
  #groupAdminTermUsers .content table thead tr td.actions button, #groupAdminTermUsers .content table tbody tr td.actions button, #groupAdminTermUsers .content table thead tr th.actions button, #groupAdminTermUsers .content table tbody tr th.actions button {
    border-radius: 0.125rem;
    font-size: 0.625rem;
    margin: 0.25rem 0.125rem;
    padding: 0 0.25rem;
    min-width: 4rem;
    line-height: 1.25rem; }
  #groupAdminTermUsers .content table thead tr th {
    border: solid 1px #bfbfbf; }

#groupAdminUsers #adminTable .buttons, #groupAdminCategories #adminTable .buttons, #groupAdminEnrollments #adminTable .buttons {
  display: flex;
  justify-content: space-between; }
  #groupAdminUsers #adminTable .buttons button, #groupAdminCategories #adminTable .buttons button, #groupAdminEnrollments #adminTable .buttons button {
    min-width: auto; }
  #groupAdminUsers #adminTable .buttons .left, #groupAdminCategories #adminTable .buttons .left, #groupAdminEnrollments #adminTable .buttons .left {
    display: flex;
    align-items: center; }
  #groupAdminUsers #adminTable .buttons .left .bulk-actions, #groupAdminCategories #adminTable .buttons .left .bulk-actions, #groupAdminEnrollments #adminTable .buttons .left .bulk-actions {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 0.5rem; }
  #groupAdminUsers #adminTable .buttons .left .bulk-actions label.lmsTagCbx, #groupAdminCategories #adminTable .buttons .left .bulk-actions label.lmsTagCbx, #groupAdminEnrollments #adminTable .buttons .left .bulk-actions label.lmsTagCbx {
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0.5rem;
    color: #fff; }
  #groupAdminUsers #adminTable .buttons .left .loader, #groupAdminCategories #adminTable .buttons .left .loader, #groupAdminEnrollments #adminTable .buttons .left .loader {
    display: flex;
    align-items: center;
    margin-right: 0.5rem; }
  #groupAdminUsers #adminTable .buttons .left .loader img, #groupAdminCategories #adminTable .buttons .left .loader img, #groupAdminEnrollments #adminTable .buttons .left .loader img {
    width: 1.25rem;
    height: 1.25rem; }
  #groupAdminUsers #adminTable .buttons .left .loader label, #groupAdminCategories #adminTable .buttons .left .loader label, #groupAdminEnrollments #adminTable .buttons .left .loader label {
    font-size: 0.875rem;
    margin-left: 0.25rem;
    color: #898989; }
  #groupAdminUsers #adminTable table tbody tr td .lmsTags, #groupAdminCategories #adminTable table tbody tr td .lmsTags, #groupAdminEnrollments #adminTable table tbody tr td .lmsTags {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #groupAdminUsers #adminTable table tbody tr td .lmsTags .lmsTag, #groupAdminCategories #adminTable table tbody tr td .lmsTags .lmsTag, #groupAdminEnrollments #adminTable table tbody tr td .lmsTags .lmsTag {
    text-transform: uppercase;
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px;
    font-size: 0.625rem;
    font-weight: bold;
    margin-right: 0.25rem;
    padding: 0.25rem 0.25rem 0.125rem;
    white-space: nowrap; }

#helpdesk a.button {
  display: inline-block; }
  #helpdesk .message {
    -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 25;
    top: 10%;
    left: 0;
    right: 0;
    width: 60rem;
    max-width: 100%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #1a377d;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 1.5rem;
    text-align: center; }
  #helpdesk .message .success {
    color: green; }
  #helpdesk .message .error {
    color: red; }
  #helpdesk form {
    margin-bottom: 1rem; }
  #helpdesk form label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box; }
  #helpdesk form label .label {
    font-weight: bold;
    font-size: 0.875rem; }
  #helpdesk form label.searchUser {
    position: relative;
    width: 100%;
    margin: 0; }
  #helpdesk form label.searchUser input[name='search-user'] {
    width: 100%;
    background-color: #fff;
    font-size: 1.5rem;
    height: 3rem;
    margin: 0;
    box-sizing: border-box; }
  #helpdesk form label.searchUser .loader {
    background-image: url("/static/img/loader.gif");
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem; }
  #helpdesk form label.searchUser .search-results {
    position: absolute;
    top: 4.25rem;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom: 1.5px solid #1a377d;
    border-right: 1.5px solid #1a377d;
    border-left: 1.5px solid #1a377d; }
  #helpdesk form label.searchUser .search-results .item {
    box-sizing: border-box;
    padding: 0.25rem 0.5rem;
    display: block; }
  #helpdesk form label.searchUser .search-results .item.active {
    background-color: #1a377d1A; }
  #helpdesk .user {
    border: 1px solid #bfbfbf;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff; }
  #helpdesk .user .name {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #1a377d;
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
    box-sizing: border-box; }
  #helpdesk .user .block {
    box-sizing: border-box;
    padding: 0.5rem 1rem; }
  #helpdesk .user .block.actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-wrap: wrap; }
  #helpdesk .user .block.actions .button, #helpdesk .user .block.actions button {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    min-width: 8rem; }
  #helpdesk .user .block .user-not-activated {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 1rem auto; }
  #helpdesk .user .block.enrollments .no-enrollments, #helpdesk .user .block.orders .no-enrollments, #helpdesk .user .block.enrollments .no-orders, #helpdesk .user .block.orders .no-orders {
    font-size: 2rem;
    font-weight: bold;
    color: #888;
    text-align: center;
    margin: 1rem auto; }
  #helpdesk .user .block.enrollments #show-all-enrollments, #helpdesk .user .block.orders #show-all-enrollments, #helpdesk .user .block.enrollments #show-all-orders, #helpdesk .user .block.orders #show-all-orders {
    text-align: center;
    display: block; }
  #helpdesk .user .block.enrollments .enrollment, #helpdesk .user .block.orders .enrollment, #helpdesk .user .block.enrollments .order, #helpdesk .user .block.orders .order {
    padding: 1rem 0;
    border-bottom: 1px solid #bfbfbf; }
  #helpdesk .user .block.enrollments .enrollment:last-child, #helpdesk .user .block.orders .enrollment:last-child, #helpdesk .user .block.enrollments .order:last-child, #helpdesk .user .block.orders .order:last-child {
    border-bottom: none; }
  #helpdesk .user .block.enrollments .order .items, #helpdesk .user .block.orders .order .items, #helpdesk .user .block.enrollments .order .invoices, #helpdesk .user .block.orders .order .invoices {
    margin-bottom: 0.5rem; }
  #helpdesk .user .block.enrollments .order .items .title, #helpdesk .user .block.orders .order .items .title, #helpdesk .user .block.enrollments .order .invoices .title, #helpdesk .user .block.orders .order .invoices .title {
    font-weight: bold; }
  #helpdesk .user .block.enrollments .order .items .invoice, #helpdesk .user .block.orders .order .items .invoice, #helpdesk .user .block.enrollments .order .invoices .invoice, #helpdesk .user .block.orders .order .invoices .invoice {
    display: block;
    padding-left: 1rem; }
  #helpdesk .user .block.enrollments .enrollment > .title, #helpdesk .user .block.orders .enrollment > .title {
    color: #1a377d;
    font-weight: bold;
    font-size: 1.25rem; }
  #helpdesk .user .block.enrollments .enrollment .term, #helpdesk .user .block.orders .enrollment .term {
    display: flex; }
  #helpdesk .user .block.enrollments .enrollment .term > .title, #helpdesk .user .block.orders .enrollment .term > .title {
    font-weight: bold;
    margin-right: 0.5rem; }
  #helpdesk .user .block.enrollments .enrollment .term .separator, #helpdesk .user .block.orders .enrollment .term .separator {
    margin-right: 0.5rem;
    margin-left: 0.5rem; }
  #helpdesk .user .block.enrollments .enrollment .evaluation, #helpdesk .user .block.orders .enrollment .evaluation {
    text-align: right;
    font-size: 1.25rem; }
  #helpdesk .user .block.exams .table {
    display: flex; }
  #helpdesk .user .block.exams .table .tableHeader {
    display: flex;
    flex-direction: column; }
  #helpdesk .user .block.exams .table .tableHeader span {
    font-weight: bold;
    padding: 0.3rem 0.5rem; }
  #helpdesk .user .block.exams .table .tableBody {
    display: flex; }
  #helpdesk .user .block.exams .table .tableBody .column {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #helpdesk .user .block.exams .table .tableBody .column span {
    font-size: 0.825rem;
    padding: 0.3rem 0.5rem; }
  #helpdesk .user .block.exams .table .tableBody .column span img {
    width: 1.5rem; }
  #helpdesk .user .block.agreements .name {
    margin-bottom: 1rem; }
  #helpdesk .user .block.agreements .agreement {
    margin-bottom: 0.5rem; }
  #helpdesk .user .block.agreements .agreement label {
    width: 100%; }
  #helpdesk .user .block.agreements .agreement .agreementText {
    flex-grow: 1; }
  #helpdesk .user .block.agreements .agreement .date {
    width: 5rem;
    flex-shrink: 0;
    margin-right: 0.5rem; }
  #helpdesk .user .block.agreements .agreement .version {
    width: 3rem;
    flex-shrink: 0; }
  #helpdesk .user .loader {
    background-image: url("/static/img/loader.gif");
    background-size: 100% 100%;
    width: 5rem;
    height: 5rem;
    margin: 1rem auto; }

#home > #container > .block {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #home > #container > .block > .content {
    flex-grow: 1;
    text-align: center;
    padding: 1rem;
    max-width: 75rem; }
  #home > #container > .block.efpa-cr {
    background-image: url("/static/img/pages/home/efpa-cr-kasa.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 35rem; }
  #home > #container > .block.efpa-cr > .content h1, #home > #container > .block.efpa-cr > .content h2 {
    color: #fff; }
  #home > #container > .block.efpa-cr > .content h1 {
    font-family: Montserrat;
    font-size: 4rem;
    margin: 0 1rem; }
  @media only screen and (min-width: 40em) {
            #home > #container > .block.efpa-cr > .content h1 {
              font-size: 6rem; } }
  #home > #container > .block.efpa-cr > .content h2 {
    font-size: 1.75rem;
    font-weight: normal; }
  @media only screen and (min-width: 50em) {
            #home > #container > .block.efpa-cr > .content h2 {
              font-size: 2rem; } }
  #home > #container > .block.efpa-cr > .content .boxes {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #home > #container > .block.efpa-cr > .content .boxes .box {
    -webkit-box-shadow: 0 2px 10px 0px #000;
    -moz-box-shadow: 0 2px 10px 0px #000;
    box-shadow: 0 2px 10px 0px #000;
    background-color: #fff;
    margin: 1rem;
    width: calc(100% - 5rem);
    max-width: 20rem;
    padding: 1.5rem;
    color: black; }
  #home > #container > .block.efpa-cr > .content .boxes .box.examinations {
    order: 1; }
  #home > #container > .block.efpa-cr > .content .boxes .box.learning {
    order: 2; }
  #home > #container > .block.efpa-cr > .content .boxes .box.conference {
    order: 3; }
  #home > #container > .block.efpa-cr > .content .boxes .box:hover {
    text-decoration: none; }
  #home > #container > .block.efpa-cr > .content .boxes .box img {
    width: 4rem;
    height: 4rem; }
  #home > #container > .block.efpa-cr > .content .boxes .box .title {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #1a377d; }
  #home > #container > .block.efpa-cr > .content .boxes .box .subtitle {
    font-weight: 300;
    line-height: 1.5; }
  #home > #container > .block.efpa-cr > .content .boxes .box .subtitle p, #home > #container > .block.efpa-cr > .content .boxes .box .subtitle #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #home > #container > .block.efpa-cr > .content .boxes .box .subtitle li, #home > #container > .block.efpa-cr > .content .boxes .box .subtitle #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #home > #container > .block.efpa-cr > .content .boxes .box .subtitle div {
    font: inherit;
    margin: 0;
    line-height: inherit; }
  @media only screen and (min-width: 62em) {
            #home > #container > .block.efpa-cr > .content .boxes {
              flex-direction: row; }
              #home > #container > .block.efpa-cr > .content .boxes .box {
                position: relative;
                width: calc(100% / 3 - 2rem);
                top: 6rem; }
                #home > #container > .block.efpa-cr > .content .boxes .box.examinations {
                  /* OLD - iOS 6-, Safari 3.1-6 */
                  display: -webkit-box;
                  /* OLD - Firefox 19- (buggy but mostly works) */
                  display: -moz-box;
                  /* TWEENER - IE 10 */
                  display: -ms-flexbox;
                  /* NEW - Chrome */
                  display: -webkit-flex;
                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  width: 40%;
                  min-height: 20rem;
                  order: 2; }
                  #home > #container > .block.efpa-cr > .content .boxes .box.examinations img {
                    margin-bottom: 1rem;
                    width: 6rem;
                    height: 6rem; }
                  #home > #container > .block.efpa-cr > .content .boxes .box.examinations .title {
                    font-size: 2rem; }
                  #home > #container > .block.efpa-cr > .content .boxes .box.examinations .subtitle {
                    font-size: 1.25rem;
                    font-weight: normal; }
                #home > #container > .block.efpa-cr > .content .boxes .box.free-tests, #home > #container > .block.efpa-cr > .content .boxes .box.learning, #home > #container > .block.efpa-cr > .content .boxes .box.conference {
                  width: 28%;
                  min-height: 14rem;
                  top: 7rem; }
                #home > #container > .block.efpa-cr > .content .boxes .box.learning {
                  order: 1; } }
  #home > #container > .block.examinations {
    background-color: #fff;
    flex: 0 0 auto; }
  #home > #container > .block.examinations > .content {
    flex: 0 0 auto;
    margin-top: 7rem; }
  #home > #container > .block.examinations > .content .second {
    margin-bottom: 3rem; }
  #home > #container > .block.events {
    padding: 3rem 0; }
  #home > #container > .block.events .table {
    background-color: #fff;
    border: solid 1px #bfbfbf;
    max-width: 65rem; }
  #home > #container > .block.events .table .filter {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #f1f1f1;
    padding: 0.5rem 1rem 0; }
  #home > #container > .block.events .table .filter > select, #home > #container > .block.events .table .filter > input {
    margin-bottom: 0.5rem; }
  #home > #container > .block.events .table .filter > select[name="product"], #home > #container > .block.events .table .filter > input[name="product"] {
    width: 100%; }
  #home > #container > .block.events .table .filter > select[name="dateRange"], #home > #container > .block.events .table .filter > input[name="dateRange"], #home > #container > .block.events .table .filter > select[name="location"], #home > #container > .block.events .table .filter > input[name="location"], #home > #container > .block.events .table .filter > select[name="capacity"], #home > #container > .block.events .table .filter > input[name="capacity"] {
    width: calc((100% - 2rem) / 3);
    padding: 0.125rem 1.75rem 0 0.2rem;
    font-size: 0.75rem; }
  #home > #container > .block.events .table .filter > select[name="dateRange"], #home > #container > .block.events .table .filter > input[name="dateRange"] {
    background-color: #fff;
    border-color: #bfbfbf;
    font-size: 0.85rem;
    font-weight: 300; }
  @media only screen and (min-width: 40em) {
              #home > #container > .block.events .table .filter > select[name="product"], #home > #container > .block.events .table .filter > input[name="product"] {
                width: 30%; }
              #home > #container > .block.events .table .filter > select[name="dateRange"], #home > #container > .block.events .table .filter > input[name="dateRange"], #home > #container > .block.events .table .filter > select[name="location"], #home > #container > .block.events .table .filter > input[name="location"], #home > #container > .block.events .table .filter > select[name="capacity"], #home > #container > .block.events .table .filter > input[name="capacity"] {
                width: calc(70% / 3 - 1rem); } }
  @media only screen and (min-width: 55em) {
              #home > #container > .block.events .table .filter > select[name="dateRange"], #home > #container > .block.events .table .filter > input[name="dateRange"], #home > #container > .block.events .table .filter > select[name="location"], #home > #container > .block.events .table .filter > input[name="location"], #home > #container > .block.events .table .filter > select[name="capacity"], #home > #container > .block.events .table .filter > input[name="capacity"] {
                padding: 0.125rem 2.5rem 0 1rem;
                font-size: 0.85rem; } }
  #home > #container > .block.events .table .filter .dateRangePicker {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: none; }
  #home > #container > .block.events .table .filter .dateRangePicker .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #home > #container > .block.events .table .filter .dateRangePicker .buttons button {
    margin: 0 0.25rem 0.5rem; }
  #home > #container > .block.events .table .filter .dateRangePicker .datePickers {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #home > #container > .block.events .table .filter .dateRangePicker .datePickers button[name="selectRange"] {
    margin-bottom: 1rem; }
  #home > #container > .block.events .table .filter.date-range-visible > select, #home > #container > .block.events .table .filter.date-range-visible > input {
    display: none; }
  #home > #container > .block.events .table .filter.date-range-visible > .dateRangePicker {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #home > #container > .block.events .table .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 300;
    padding: 0.5rem 1rem; }
  #home > #container > .block.events .table .row:nth-child(2n+1) {
    background-color: #f1f1f1; }
  #home > #container > .block.events .table .row:hover {
    text-decoration: none;
    background-color: #e9efff; }
  #home > #container > .block.events .table .row.no-results {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem; }
  #home > #container > .block.events .table .row.no-results:hover {
    background-color: transparent; }
  #home > #container > .block.events .table .row .title {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #383838; }
  #home > #container > .block.events .table .row .title img {
    margin-right: 0.5rem;
    width: 1.5rem;
    height: 1.5rem; }
  #home > #container > .block.events .table .row .info {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-grow: 1;
    color: #383838; }
  #home > #container > .block.events .table .row .info .date, #home > #container > .block.events .table .row .info .location {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1rem 1rem;
    font-weight: bold;
    padding-left: 1rem; }
  #home > #container > .block.events .table .row .info .date {
    background-image: url("/static/img/pages/home/date.png");
    width: 6rem; }
  #home > #container > .block.events .table .row .info .location {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url("/static/img/pages/home/location.png");
    margin-right: auto;
    margin-left: 0.5rem; }
  #home > #container > .block.events .table .row .info .location button[name="more-info"] {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
    text-align: center;
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: bold;
    border: solid 2px #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0;
    width: calc(1.25rem + 1px);
    height: calc(1.25rem + 1px);
    line-height: 1;
    min-width: 1rem;
    min-width: initial;
    color: #1a377d; }
  @media only screen and (min-width: 40em) {
              #home > #container > .block.events .table .row .info .date {
                width: 10rem;
                padding-left: 1.5rem; }
              #home > #container > .block.events .table .row .info .location {
                margin-left: 1rem;
                width: 20rem;
                padding-left: 1.5rem; } }
  @media only screen and (min-width: 50em) {
              #home > #container > .block.events .table .row .info .location {
                margin-left: 10rem; } }
  #home > #container > .block.events .table .row .info .capacity {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    align-items: baseline; }
  #home > #container > .block.events .table .row .info .capacity .label, #home > #container > .block.events .table .row .info .capacity .from {
    color: #898989; }
  #home > #container > .block.events .table .row .info .capacity .label {
    margin-right: 0.5rem; }
  #home > #container > .block.events .table .row .info .capacity .numbers {
    white-space: nowrap; }
  #home > #container > .block.events .table .row > .button {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    width: 100%; }
  #home > #container > .block.events .table .row > .button .button {
    margin: 0.5rem 0 0 0.5rem; }
  @media only screen and (min-width: 40em) {
            #home > #container > .block.events .table .row .title {
              font-size: 1.1rem; }
            #home > #container > .block.events .table .row .info {
              max-width: calc(100% - 10rem); }
            #home > #container > .block.events .table .row .button {
              width: initial;
              margin: 0 0 0 0.5rem; } }
  #home > #container > .block.events .table button[name="show-more-events"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    text-transform: none;
    margin-bottom: 0;
    color: #1a377d;
    font-size: 0.75rem; }
  #home > #container > .block.events .table button[name="show-more-events"]:hover {
    text-decoration: underline;
    opacity: 1; }
  #home > #container > .block.events .table button[name="show-more-events"] .arrow {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border-bottom: solid 0.2rem #1a377d;
    border-right: solid 0.2rem #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: -0.125rem; }
  @media screen and (min-width: 40em) {
            #home > #container > .block.events .table button[name="show-more-events"] {
              font-size: 1rem; } }
  @media screen and (max-width: 30rem) {
        #home > #container > .block.events .content {
          padding: 0; } }
  #home > #container > .block.about {
    background-image: url("/static/img/pages/home/o-efpa-2.jpg");
    background-size: cover;
    background-position: center center;
    padding: 3rem 0; }
  #home > #container > .block.about > .content .box {
    background-color: #fff;
    text-align: left;
    padding: 1.5rem;
    width: calc(100% - 3rem); }
  #home > #container > .block.about > .content .box p, #home > #container > .block.about > .content .box #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #home > #container > .block.about > .content .box li, #home > #container > .block.about > .content .box #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #home > #container > .block.about > .content .box div {
    font-weight: 300; }
  @media only screen and (min-width: 40em) {
          #home > #container > .block.about > .content {
            padding: 0 0 0 3rem; }
            #home > #container > .block.about > .content .box {
              width: calc(50% - 3rem);
              min-width: 32rem; } }
  #home > #container > .block.news {
    padding: 2rem 0; }
  #home > #container > .block.news > .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #home > #container > .block.news > .content .container {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  #home > #container > .block.references {
    background-color: #f1f1f1;
    padding: 3rem 0; }
  #home > #container > .block.references .content .slider {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: calc(100% - 2rem);
    max-width: 60rem; }
  #home > #container > .block.references .content .slider a.prev, #home > #container > .block.references .content .slider a.next {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    min-width: 3rem; }
  #home > #container > .block.references .content .slider a.prev .image, #home > #container > .block.references .content .slider a.next .image {
    background-image: url("/static/img/icons/left-right.png");
    background-size: 5rem 8rem;
    width: 2.5rem;
    height: 4rem; }
  #home > #container > .block.references .content .slider a.prev .image {
    background-position: 0% 0%; }
  #home > #container > .block.references .content .slider a.next .image {
    background-position: 100% 0%; }
  #home > #container > .block.references .content .slider .item {
    flex-grow: 1;
    display: none; }
  #home > #container > .block.references .content .slider .item.active {
    display: block; }
  #home > #container > .block.references .content .slider .item h3 {
    color: #1a377d; }
  #home > #container > .block.references .content .slider .item img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    max-width: 10rem; }
  #home > #container > .block.references .content .slider .item .company {
    display: block;
    margin-bottom: 0.5rem; }
  #home > #container > .block.references .content .slider .item p, #home > #container > .block.references .content .slider .item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #home > #container > .block.references .content .slider .item li, #home > #container > .block.references .content .slider .item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #home > #container > .block.references .content .slider .item div {
    text-align: left;
    min-height: 8rem; }
  #home > #container > .block.partners {
    background-color: #fff;
    padding: 3rem 0; }
  #home > #container > .block.partners .container {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  #home > #container > .block.partners .container a {
    margin: 1rem; }
  #home > #container > .block.partners .container a img {
    width: 10rem; }
  #home > #container > .block.securing {
    background-color: #fff;
    padding: 3rem 0; }
  #home > #container > .block.evolution {
    background-color: #fff;
    padding-top: 3rem; }
  #home > #container > .block.evolution img {
    max-width: 100%; }
  @media only screen and (min-width: 60em) {
          #home > #container > .block.evolution img {
            max-width: 46.625rem; } }

#invoice {
  background-color: white; }
  #invoice .content {
    display: flex;
    flex-direction: column; }
  #invoice .content * {
    font-family: "Open Sans", sans-serif; }
  #invoice .content .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 3rem 1rem;
    border-bottom: 1px solid #bfbfbf; }
  #invoice .content .header .left img.logo {
    width: 16rem; }
  #invoice .content .header .right table tr th, #invoice .content .header .right table tr td {
    font-size: 0.8rem;
    padding: 0 1rem;
    line-height: 1.2; }
  #invoice .content .header .right table tr th {
    text-align: left;
    color: #808285; }
  #invoice .content .header .right table tr td {
    text-align: right;
    padding-right: 0; }
  #invoice .content .body {
    flex-grow: 1;
    margin: 1rem;
    padding: 0 2rem;
    width: calc(100% - 6rem); }
  #invoice .content .body .title {
    margin-bottom: 1rem; }
  #invoice .content .body .title h1 {
    font-size: 2.5rem;
    width: 100%;
    color: #1a377d; }
  #invoice .content .body .title h1 span {
    font-size: 1.5rem; }
  #invoice .content .body .title h1 span.number {
    font-size: 2rem;
    color: #000; }
  #invoice .content .body .partners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
  #invoice .content .body .partners .supplier h2, #invoice .content .body .partners .customer h2, #invoice .content .body .partners .supplier h3, #invoice .content .body .partners .customer h3 {
    font-weight: normal;
    color: #808285; }
  #invoice .content .body .partners .supplier h2, #invoice .content .body .partners .customer h2 {
    text-transform: uppercase;
    font-size: 1rem; }
  #invoice .content .body .partners .supplier h3, #invoice .content .body .partners .customer h3 {
    font-size: 0.8rem;
    margin-bottom: 0.5rem; }
  #invoice .content .body .partners .supplier div, #invoice .content .body .partners .customer div {
    line-height: 1.2rem; }
  #invoice .content .body .partners .supplier .name, #invoice .content .body .partners .customer .name {
    font-size: 1rem;
    font-weight: bold; }
  #invoice .content .body .partners .supplier .street, #invoice .content .body .partners .customer .street, #invoice .content .body .partners .supplier .zip-town, #invoice .content .body .partners .customer .zip-town {
    font-size: 1rem; }
  #invoice .content .body .partners .supplier .businessId, #invoice .content .body .partners .customer .businessId, #invoice .content .body .partners .supplier .taxId, #invoice .content .body .partners .customer .taxId, #invoice .content .body .partners .supplier .bank-account, #invoice .content .body .partners .customer .bank-account {
    font-size: 1rem; }
  #invoice .content .body .partners .supplier .bank-account, #invoice .content .body .partners .customer .bank-account, #invoice .content .body .partners .supplier .zip-town, #invoice .content .body .partners .customer .zip-town {
    margin-bottom: 0.5rem; }
  #invoice .content .body .partners .supplier .bank, #invoice .content .body .partners .customer .bank, #invoice .content .body .partners .supplier .swift, #invoice .content .body .partners .customer .swift, #invoice .content .body .partners .supplier .iban, #invoice .content .body .partners .customer .iban, #invoice .content .body .partners .supplier .evidence, #invoice .content .body .partners .customer .evidence {
    font-size: 0.75rem; }
  #invoice .content .body .partners .supplier .qr-code img, #invoice .content .body .partners .customer .qr-code img {
    max-width: 10rem; }
  #invoice .content .body .partners .supplier {
    width: 60%; }
  #invoice .content .body .partners .customer {
    width: 40%; }
  #invoice .content .body .note {
    font-size: 0.9rem;
    display: flex;
    margin-bottom: 1rem; }
  #invoice .content .body .note .label:after {
    content: ":";
    margin-right: 0.25rem; }
  #invoice .content .body .items, #invoice .content .body .sum-and-recap {
    display: flex;
    margin-bottom: 1.5rem;
    width: 100%; }
  #invoice .content .body .items {
    font-size: 0.8rem; }
  #invoice .content .body .items table {
    border-collapse: collapse;
    width: 100%; }
  #invoice .content .body .items table thead tr th.quantity, #invoice .content .body .items table tbody tr th.quantity, #invoice .content .body .items table thead tr td.quantity, #invoice .content .body .items table tbody tr td.quantity {
    text-align: center; }
  #invoice .content .body .items table thead tr th.name, #invoice .content .body .items table tbody tr th.name, #invoice .content .body .items table thead tr td.name, #invoice .content .body .items table tbody tr td.name {
    text-align: left;
    width: 100%; }
  #invoice .content .body .items table thead tr th.unitPrice, #invoice .content .body .items table tbody tr th.unitPrice, #invoice .content .body .items table thead tr td.unitPrice, #invoice .content .body .items table tbody tr td.unitPrice, #invoice .content .body .items table thead tr th.without-vat, #invoice .content .body .items table tbody tr th.without-vat, #invoice .content .body .items table thead tr td.without-vat, #invoice .content .body .items table tbody tr td.without-vat, #invoice .content .body .items table thead tr th.vat, #invoice .content .body .items table tbody tr th.vat, #invoice .content .body .items table thead tr td.vat, #invoice .content .body .items table tbody tr td.vat, #invoice .content .body .items table thead tr th.with-vat, #invoice .content .body .items table tbody tr th.with-vat, #invoice .content .body .items table thead tr td.with-vat, #invoice .content .body .items table tbody tr td.with-vat {
    text-align: right; }
  #invoice .content .body .items table thead tr th.vat, #invoice .content .body .items table tbody tr th.vat, #invoice .content .body .items table thead tr td.vat, #invoice .content .body .items table tbody tr td.vat {
    white-space: nowrap; }
  #invoice .content .body .items table thead tr {
    background-color: rgba(26, 55, 125, 0.2); }
  #invoice .content .body .items table thead tr th {
    font-size: 1rem;
    font-weight: normal;
    padding: 0.5rem 1rem;
    white-space: nowrap; }
  #invoice .content .body .items table tbody tr:first-of-type td {
    padding-top: 0.5rem; }
  #invoice .content .body .items table tbody tr td {
    padding: 0 1rem; }
  #invoice .content .body .items table tbody tr td.unitPrice, #invoice .content .body .items table tbody tr td.with-vat, #invoice .content .body .items table tbody tr td.without-vat {
    white-space: nowrap; }
  #invoice .content .body .sum-and-recap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%; }
  #invoice .content .body .sum-and-recap .summarization {
    font-size: 1rem; }
  #invoice .content .body .sum-and-recap .summarization table {
    border-collapse: collapse; }
  #invoice .content .body .sum-and-recap .summarization table tbody tr th, #invoice .content .body .sum-and-recap .summarization table tfoot tr th, #invoice .content .body .sum-and-recap .summarization table tbody tr td, #invoice .content .body .sum-and-recap .summarization table tfoot tr td {
    padding: 0 1rem;
    line-height: 1.75; }
  #invoice .content .body .sum-and-recap .summarization table tbody tr th, #invoice .content .body .sum-and-recap .summarization table tfoot tr th {
    text-align: left; }
  #invoice .content .body .sum-and-recap .summarization table tbody tr td, #invoice .content .body .sum-and-recap .summarization table tfoot tr td {
    text-align: right;
    white-space: nowrap; }
  #invoice .content .body .sum-and-recap .summarization table tfoot tr th, #invoice .content .body .sum-and-recap .summarization table tfoot tr td {
    background-color: rgba(26, 55, 125, 0.2);
    font-size: 1.25rem; }
  #invoice .content .body .sum-and-recap .summarization div.paid {
    text-align: right; }
  #invoice .content .body .sum-and-recap .vat-recap .title {
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 0.25rem;
    color: #6d6e71; }
  #invoice .content .body .sum-and-recap .vat-recap table {
    border-collapse: collapse;
    border: solid 1px #e5e5e5; }
  #invoice .content .body .sum-and-recap .vat-recap table th, #invoice .content .body .sum-and-recap .vat-recap table td {
    text-align: right;
    padding: 0.25rem 0.5rem; }
  #invoice .content .body .sum-and-recap .vat-recap table th {
    background: #e5e5e5; }
  #invoice .content .body .issued-by-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem; }
  #invoice .content .footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: solid 1px #ddd;
    width: 100%;
    height: 3rem; }
  #invoice .content .footer a {
    padding: 0.5rem 1rem;
    color: #6d6e71; }

#kalendar .page-header {
  background-color: white;
  border-top: solid 1px #bfbfbf;
  text-align: center;
  padding: 1rem;
  padding-bottom: 0; }
  #kalendar > .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #kalendar > .block > .content {
    max-width: 60rem; }
  #kalendar > .block.filter {
    background-color: white;
    padding: 0 1rem 1rem; }
  #kalendar > .block.filter .content .buttons {
    text-align: center; }
  #kalendar > .block.filter .content .buttons button {
    min-width: 6rem;
    font-size: 0.75rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem; }
  #kalendar > .block.filter .content .buttons button:nth-last-of-type(1) {
    margin-right: 0; }
  @media screen and (min-width: 40rem) {
      #kalendar > .block.filter .content .buttons button {
        min-width: 8rem;
        font-size: 1rem;
        margin-right: 1rem; } }
  #kalendar > .block.courses {
    padding: 0 1rem;
    align-items: stretch; }
  #kalendar > .block.courses .content {
    border-left: solid 4px #bfbfbf;
    width: 80%;
    margin: auto; }
  #kalendar > .block.courses .content .date {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem; }
  #kalendar > .block.courses .content .date:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 4px solid #bfbfbf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-left: -9px;
    margin-right: 1rem;
    background-color: #f1f1f1; }
  #kalendar > .block.courses .content .date .date-string {
    font-weight: bold; }
  #kalendar > .block.courses .content .product-term-wrap {
    margin-left: 2rem;
    box-sizing: border-box;
    padding: 0 0 1rem 0; }
  #kalendar > .block.courses .content .product-term-wrap .product-term {
    box-sizing: border-box;
    background-color: white;
    border: solid 1px #bfbfbf;
    width: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    position: relative;
    padding: 1rem;
    color: #383838; }
  #kalendar > .block.courses .content .product-term-wrap .product-term:hover {
    text-decoration: none;
    background-color: #e9efff; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .image-wrap {
    margin-right: 1rem;
    width: 48px;
    flex: 0 0 auto; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts {
    flex: 1 0 auto;
    width: calc(100% - 53px - 3rem); }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .name {
    color: #1a377d;
    font-size: 1.1rem;
    margin-bottom: 0; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item {
    margin-top: 0.5rem; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.where, #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.when {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1rem 1rem;
    padding-left: 1.25rem; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.where {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 1rem;
    background-image: url("/static/img/pages/home/location.png"); }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.where button[name="more-info"] {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
    text-align: center;
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: bold;
    border: solid 2px #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0;
    width: calc(1.25rem + 1px);
    height: calc(1.25rem + 1px);
    line-height: 1;
    min-width: initial;
    color: #1a377d; }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.when {
    background-image: url("/static/img/pages/home/date.png"); }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.more-info {
    margin-left: auto;
    flex-shrink: 0;
    display: none;
    color: #1a377d; }
  @media screen and (min-width: 30em) {
                    #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.more-info {
                      font-size: 0.75rem;
                      display: block; } }
  #kalendar > .block.courses .content .product-term-wrap .product-term .texts .bottom .bottom-item.more-info:hover {
    text-decoration: underline; }
  @media only screen and (min-width: 35em) {
      #kalendar > .block.courses {
        padding: 0 2rem; } }

#konference > .content {
  flex-grow: 1; }
  #konference > .content .page-header {
    background-color: white;
    border-top: solid 1px #bfbfbf;
    text-align: center;
    padding: 1rem; }
  #konference > .content .page-header .texts-wrap {
    width: 80rem;
    margin: auto; }
  #konference > .content .conferences {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.5rem 0;
    width: 100%; }
  #konference > .content .conferences a.conference {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: solid 2px #1a377d;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin: 0.5rem;
    width: 16rem;
    min-height: 12rem; }
  #konference > .content .conferences a.conference .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    box-sizing: border-box; }
  #konference > .content .conferences a.conference .logo img {
    object-fit: contain;
    width: 10rem; }
  #konference > .content .conferences a.conference .title {
    display: flex;
    align-items: flex-end;
    padding: 0.25rem 0.5rem; }

#kontakt {
  background-color: #010307; }
  #kontakt .page-header {
    background-color: white;
    border-top: solid 1px #bfbfbf;
    text-align: center;
    padding: 1rem; }
  #kontakt .page-header h2 {
    display: none; }
  #kontakt .page-header h2.mobile-header {
    display: block; }
  #kontakt .page-header p, #kontakt .page-header #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #kontakt .page-header li, #kontakt .page-header #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #kontakt .page-header div {
    font-style: italic; }
  @media only screen and (min-width: 60em) {
    #kontakt .page-header h2 {
      display: block;
      max-width: 60rem;
      margin: auto; }
      #kontakt .page-header h2.mobile-header {
        display: none; } }
  #kontakt > .block.main {
    background-image: url("/static/img/pages/kontakt/kontakt-pic.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom; }
  #kontakt > .block.main > .content {
    max-width: 80rem;
    margin: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    flex-grow: 1; }
  #kontakt > .block.main > .content .title {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    justify-content: center; }
  #kontakt > .block.main > .content .title h2 {
    text-align: left;
    margin: 0; }
  #kontakt > .block.main > .content .title img {
    width: 32px; }
  #kontakt > .block.main > .content h2 {
    font-size: 1.25rem;
    text-align: center; }
  #kontakt > .block.main > .content .contacts, #kontakt > .block.main > .content .addresses, #kontakt > .block.main > .content .contact-form {
    text-align: center;
    padding: 1.75rem;
    box-sizing: border-box; }
  #kontakt > .block.main > .content .contacts .wrap, #kontakt > .block.main > .content .addresses .wrap, #kontakt > .block.main > .content .contact-form .wrap {
    max-width: 30rem;
    margin: auto; }
  #kontakt > .block.main > .content .contacts, #kontakt > .block.main > .content .contact-form {
    background-color: #f1f1f1; }
  #kontakt > .block.main > .content .contacts .contact-item {
    margin-bottom: 2rem; }
  #kontakt > .block.main > .content .contacts .contact-item h3 {
    font-weight: normal; }
  #kontakt > .block.main > .content .contacts .contact-item p, #kontakt > .block.main > .content .contacts .contact-item #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #kontakt > .block.main > .content .contacts .contact-item li, #kontakt > .block.main > .content .contacts .contact-item #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #kontakt > .block.main > .content .contacts .contact-item div {
    margin-bottom: 0; }
  #kontakt > .block.main > .content .contacts .contact-item:first-child {
    margin-top: 0; }
  #kontakt > .block.main > .content .contacts .contact-item.other {
    max-width: 18rem;
    margin: auto; }
  #kontakt > .block.main > .content .contacts .contact-item.other p, #kontakt > .block.main > .content .contacts .contact-item.other #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #kontakt > .block.main > .content .contacts .contact-item.other li, #kontakt > .block.main > .content .contacts .contact-item.other #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #kontakt > .block.main > .content .contacts .contact-item.other div {
    text-align: left; }
  #kontakt > .block.main > .content .addresses {
    color: #fff;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  #kontakt > .block.main > .content .addresses .address {
    margin-bottom: 0.5rem; }
  #kontakt > .block.main > .content .addresses .address p, #kontakt > .block.main > .content .addresses .address #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #kontakt > .block.main > .content .addresses .address li, #kontakt > .block.main > .content .addresses .address #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #kontakt > .block.main > .content .addresses .address div, #kontakt > .block.main > .content .addresses .address a {
    margin-bottom: 0;
    font-size: 0.875rem; }
  #kontakt > .block.main > .content .addresses .address a {
    color: white; }
  #kontakt > .block.main > .content .addresses .address .purpose {
    font-style: italic; }
  #kontakt > .block.main > .content .addresses .image {
    width: 80%;
    margin: auto;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: flex-end; }
  #kontakt > .block.main > .content .addresses .image img {
    vertical-align: top; }
  #kontakt > .block.main > .content .addresses .lines {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 1rem 0; }
  #kontakt > .block.main > .content .addresses .lines .line {
    width: 10%;
    border-bottom: 2px solid white; }
  #kontakt > .block.main > .content .contact-form form {
    width: 100%; }
  #kontakt > .block.main > .content .contact-form form p, #kontakt > .block.main > .content .contact-form form #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #kontakt > .block.main > .content .contact-form form li, #kontakt > .block.main > .content .contact-form form #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #kontakt > .block.main > .content .contact-form form div {
    margin-bottom: 0.25rem;
    text-align: left;
    margin-left: 1rem; }
  #kontakt > .block.main > .content .contact-form form input[type="text"], #kontakt > .block.main > .content .contact-form form input[type="email"], #kontakt > .block.main > .content .contact-form form textarea {
    background-color: white;
    width: 100%; }
  #kontakt > .block.main > .content .contact-form form textarea {
    height: 15rem; }
  #kontakt > .block.main > .content .contact-form form input[name="submit"] {
    width: 100%; }
  #kontakt > .block.main > .content .contact-form .email-sent {
    height: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #kontakt > .block.main > .content .contact-form .email-sent .checkmark {
    margin-bottom: 2rem; }
  #kontakt > .block.main > .content .contact-form .email-sent .checkmark img {
    width: 50px; }
  #kontakt > .block.main > .content .contact-form .email-sent .sent-message {
    padding-bottom: 2rem; }
  #kontakt > .block.main > .content .map {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem 1rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
    color: #fff; }
  #kontakt > .block.main > .content .map .title {
    margin-bottom: 1.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: baseline; }
  #kontakt > .block.main > .content .map .map-image {
    position: relative;
    margin-bottom: 1rem; }
  #kontakt > .block.main > .content .map .map-image .map-cz {
    vertical-align: top;
    width: 100%;
    height: auto; }
  #kontakt > .block.main > .content .map .map-image .position {
    padding-left: 24px;
    height: 24px;
    position: absolute;
    background-image: url("/static/img/pages/kontakt/kontakt-hub_small.png");
    background-repeat: no-repeat;
    background-position: -2px 0px;
    background-size: contain; }
  #kontakt > .block.main > .content .map .map-image .position.main {
    background-image: url("/static/img/pages/kontakt/kontakt-centrala_small.png"); }
  #kontakt > .block.main > .content .map .map-image .position.praha {
    left: 32%;
    bottom: 60%; }
  #kontakt > .block.main > .content .map .map-image .position.brno {
    left: 65%;
    bottom: 18%; }
  #kontakt > .block.main > .content .map .map-image .position.plzen {
    left: 13%;
    bottom: 45%; }
  #kontakt > .block.main > .content .map .map-image .position.cb {
    left: 32%;
    bottom: 10%; }
  #kontakt > .block.main > .content .map .map-image .position.pardubice {
    left: 55%;
    bottom: 56%; }
  #kontakt > .block.main > .content .map .map-image .position.olomouc {
    left: 75%;
    bottom: 43%; }
  #kontakt > .block.main > .content .map .map-image .position.ostrava {
    left: 88%;
    bottom: 49%; }
  #kontakt > .block.main > .content .map .map-image .position.hk {
    left: 58.5%;
    bottom: 61%; }
  #kontakt > .block.main > .content .map .map-image .position .position-name {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    margin-left: 24px;
    box-sizing: border-box;
    max-width: 8rem;
    max-width: initial;
    height: 100%;
    padding: 0 0.5rem;
    white-space: nowrap; }
  #kontakt > .block.main > .content .map .map-image .position:hover, #kontakt > .block.main > .content .map .map-image .position .clicked {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5); }
  #kontakt > .block.main > .content .map .map-image .position:hover .position-name, #kontakt > .block.main > .content .map .map-image .position .clicked .position-name {
    display: block; }
  @media only screen and (min-width: 60em) {
        #kontakt > .block.main > .content {
          flex-direction: row; }
          #kontakt > .block.main > .content .contacts, #kontakt > .block.main > .content .addresses, #kontakt > .block.main > .content .contact-form {
            width: 33%; }
          #kontakt > .block.main > .content .addresses {
            padding-bottom: 0; } }

#kurz > .block.main, #kurzDemo > .block.main {
  background-image: url("/static/img/pages/vzdelavani/kurz-foto-na-pozadi.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  #kurz > .block.main > .content .course-picture, #kurzDemo > .block.main > .content .course-picture {
    width: 2rem; }
  #kurz > .block.main > .content .variants .variant.single, #kurzDemo > .block.main > .content .variants .variant.single {
    cursor: pointer; }
  #kurz > .block.main > .content .variants .variant.single:hover, #kurzDemo > .block.main > .content .variants .variant.single:hover {
    background-color: rgba(26, 55, 125, 0.8); }
  #kurz > .block.tags, #kurzDemo > .block.tags {
    padding: 0.5rem;
    padding-bottom: 0; }
  #kurz > .block.tags > .content, #kurzDemo > .block.tags > .content {
    width: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center; }

#login #container, #registrace #container, #secondFactor #container {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0; }
  #login #container form, #registrace #container form, #secondFactor #container form {
    padding: 2rem 1rem 0.5rem;
    width: calc(100% - 2rem);
    margin: auto;
    max-width: 20rem; }
  #login #container form .row, #registrace #container form .row, #secondFactor #container form .row {
    text-align: center; }
  #login #container form .row label, #registrace #container form .row label, #secondFactor #container form .row label {
    margin-bottom: 0.5rem; }
  #login #container form .row input[type="text"], #registrace #container form .row input[type="text"], #secondFactor #container form .row input[type="text"], #login #container form .row input[type="password"], #registrace #container form .row input[type="password"], #secondFactor #container form .row input[type="password"], #login #container form .row input[type="submit"], #registrace #container form .row input[type="submit"], #secondFactor #container form .row input[type="submit"] {
    width: 100%; }
  #login #container form .row.remember label, #registrace #container form .row.remember label, #secondFactor #container form .row.remember label, #login #container form .row.terms-agreement label, #registrace #container form .row.terms-agreement label, #secondFactor #container form .row.terms-agreement label, #login #container form .row.personal-data-agreement label, #registrace #container form .row.personal-data-agreement label, #secondFactor #container form .row.personal-data-agreement label {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  #login #container form .row.terms-agreement label, #registrace #container form .row.terms-agreement label, #secondFactor #container form .row.terms-agreement label, #login #container form .row.personal-data-agreement label, #registrace #container form .row.personal-data-agreement label, #secondFactor #container form .row.personal-data-agreement label {
    font-size: 0.75rem; }
  #login #container form .row.submit, #registrace #container form .row.submit, #secondFactor #container form .row.submit {
    margin-top: 1rem; }
  #login #container form .row.error-message, #registrace #container form .row.error-message, #secondFactor #container form .row.error-message {
    margin: 1rem 0;
    color: #e91c1c; }
  #login #container .note, #registrace #container .note, #secondFactor #container .note {
    width: 60rem;
    padding: 0.5rem;
    box-sizing: border-box; }
  #login #container .note .title, #registrace #container .note .title, #secondFactor #container .note .title {
    text-align: center;
    font-size: 0.875rem; }
  #login #container .note p, #login #container .note #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #login #container .note li, #login #container .note #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #login #container .note div, #registrace #container .note p, #registrace #container .note #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #registrace #container .note li, #registrace #container .note #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #registrace #container .note div, #secondFactor #container .note p, #secondFactor #container .note #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #secondFactor #container .note li, #secondFactor #container .note #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #secondFactor #container .note div {
    font-size: 0.875rem; }
  #login #container .note p b, #login #container .note #poradci #container > .block.info .contents .content ul li b, #poradci #container > .block.info .contents .content ul #login #container .note li b, #login #container .note #poradci #container > .block.info .contents .content div b, #poradci #container > .block.info .contents .content #login #container .note div b, #registrace #container .note p b, #registrace #container .note #poradci #container > .block.info .contents .content ul li b, #poradci #container > .block.info .contents .content ul #registrace #container .note li b, #registrace #container .note #poradci #container > .block.info .contents .content div b, #poradci #container > .block.info .contents .content #registrace #container .note div b, #secondFactor #container .note p b, #secondFactor #container .note #poradci #container > .block.info .contents .content ul li b, #poradci #container > .block.info .contents .content ul #secondFactor #container .note li b, #secondFactor #container .note #poradci #container > .block.info .contents .content div b, #poradci #container > .block.info .contents .content #secondFactor #container .note div b {
    font-weight: bold; }

#MPPredmet #container > .content a.back-to-group {
  display: block;
  margin-bottom: 1rem; }
  #MPPredmet #container > .content .filter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #MPPredmet #container > .content .filter .extra-parameters {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1; }
  #MPPredmet #container > .content .filter .extra-parameters select {
    margin-bottom: 0.5rem;
    width: 100%; }
  @media screen and (min-width: 30em) {
            #MPPredmet #container > .content .filter .extra-parameters select {
              margin-right: 0.5rem;
              max-width: 15rem; } }
  #MPPredmet #container > .content .course-title {
    background-color: #fff;
    text-align: center;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 0.5rem; }
  #MPPredmet #container > .content .course-title a {
    color: black;
    text-decoration: none; }
  #MPPredmet #container > .content #usersTable {
    background-color: #fff;
    box-sizing: border-box;
    border: solid 1px #000;
    overflow: scroll;
    width: 100%;
    padding: 2rem; }
  #MPPredmet #container > .content #usersTable .overall-data {
    justify-content: flex-start;
    padding-left: 0; }
  #MPPredmet #container > .content #usersTable h3 {
    margin-top: 0.5rem;
    text-align: center; }

#MPSkupina #container > .content .subjects-filter > .title, #MPKurzyAWebinare #container > .content .subjects-filter > .title {
  width: 100%; }
  #MPSkupina #container > .content .subjects-filter > .title > div, #MPKurzyAWebinare #container > .content .subjects-filter > .title > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 30rem; }
  #MPSkupina #container > .content .subjects-filter > .title > div h2, #MPKurzyAWebinare #container > .content .subjects-filter > .title > div h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: 0.5rem 1rem 1rem; }
  #MPSkupina #container > .content .subjects-filter > .title > div hr, #MPKurzyAWebinare #container > .content .subjects-filter > .title > div hr {
    flex-grow: 1;
    border: none;
    height: 2px;
    margin-top: 1.5rem;
    background-color: #000; }
  #MPSkupina #container > .content .subjects-filter .first-priority, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority, #MPSkupina #container > .content .subjects-filter .second-priority, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section {
    position: relative;
    text-transform: uppercase;
    background-color: #fff;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    border: solid 1px #1a377d;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    padding: 0.5rem 3rem;
    width: 100%;
    max-width: 12rem; }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .closer, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .closer, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .closer, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .closer {
    position: absolute;
    background-image: url("/static/img/pages/management-overview/closer.png");
    background-size: 1.25rem 1.25rem;
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    top: 0.25rem;
    right: 0.25rem; }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 2rem 2rem;
    margin-bottom: 0.25rem;
    width: 2rem;
    height: 2rem; }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image.evropske-certifikace, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image.evropske-certifikace, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image.evropske-certifikace, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image.evropske-certifikace {
    background-image: url("/static/img/pages/vzdelavani/sections/blue-evropske-certifikace.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image.investice, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image.investice, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image.investice, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image.investice {
    background-image: url("/static/img/pages/vzdelavani/sections/blue-investice.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image.penze, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image.penze, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image.penze, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image.penze {
    background-image: url("/static/img/pages/vzdelavani/sections/blue-penze.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image.pojistky, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image.pojistky, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image.pojistky, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image.pojistky {
    background-image: url("/static/img/pages/vzdelavani/sections/blue-pojistky.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image.prurezove-kurzy, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image.prurezove-kurzy, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image.prurezove-kurzy, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image.prurezove-kurzy {
    background-image: url("/static/img/pages/vzdelavani/sections/blue-prurezove-kurzy.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section .image.uvery, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section .image.uvery, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image.uvery, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image.uvery {
    background-image: url("/static/img/pages/vzdelavani/sections/blue-uvery.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active {
    text-decoration: none;
    background-color: #1a377d;
    color: #fff; }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover .image.evropske-certifikace, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover .image.evropske-certifikace, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover .image.evropske-certifikace, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover .image.evropske-certifikace, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .image.evropske-certifikace, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .image.evropske-certifikace, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .image.evropske-certifikace, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .image.evropske-certifikace {
    background-image: url("/static/img/pages/vzdelavani/sections/evropske-certifikace.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover .image.investice, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover .image.investice, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover .image.investice, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover .image.investice, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .image.investice, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .image.investice, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .image.investice, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .image.investice {
    background-image: url("/static/img/pages/vzdelavani/sections/investice.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover .image.penze, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover .image.penze, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover .image.penze, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover .image.penze, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .image.penze, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .image.penze, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .image.penze, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .image.penze {
    background-image: url("/static/img/pages/vzdelavani/sections/penze.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover .image.pojistky, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover .image.pojistky, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover .image.pojistky, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover .image.pojistky, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .image.pojistky, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .image.pojistky, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .image.pojistky, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .image.pojistky {
    background-image: url("/static/img/pages/vzdelavani/sections/pojistky.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover .image.prurezove-kurzy, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover .image.prurezove-kurzy, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover .image.prurezove-kurzy, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover .image.prurezove-kurzy, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .image.prurezove-kurzy, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .image.prurezove-kurzy, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .image.prurezove-kurzy, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .image.prurezove-kurzy {
    background-image: url("/static/img/pages/vzdelavani/sections/prurezove-kurzy.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section:hover .image.uvery, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section:hover .image.uvery, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section:hover .image.uvery, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section:hover .image.uvery, #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .image.uvery, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .image.uvery, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .image.uvery, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .image.uvery {
    background-image: url("/static/img/pages/vzdelavani/sections/uvery.png"); }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.hover, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.hover, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.hover, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.hover {
    cursor: pointer; }
  #MPSkupina #container > .content .subjects-filter .first-priority a.product-section.active .closer, #MPKurzyAWebinare #container > .content .subjects-filter .first-priority a.product-section.active .closer, #MPSkupina #container > .content .subjects-filter .second-priority a.product-section.active .closer, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section.active .closer {
    display: block; }
  #MPSkupina #container > .content .subjects-filter .categories, #MPKurzyAWebinare #container > .content .subjects-filter .categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #MPSkupina #container > .content .subjects-filter .categories a.category, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category {
    position: relative;
    text-transform: uppercase;
    background-color: #fff;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    border: solid 1px #1a377d;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    padding: 0.5rem 3rem;
    width: 100%;
    max-width: 12rem; }
  #MPSkupina #container > .content .subjects-filter .categories a.category .closer, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category .closer {
    position: absolute;
    background-image: url("/static/img/pages/management-overview/closer.png");
    background-size: 1.25rem 1.25rem;
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    top: 0.25rem;
    right: 0.25rem; }
  #MPSkupina #container > .content .subjects-filter .categories a.category img, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category img {
    margin-bottom: 0.25rem;
    width: 2rem;
    height: 2rem;
    padding: 0.25rem;
    -webkit-box-shadow: 0 0 0.25rem 0.125rem white;
    -moz-box-shadow: 0 0 0.25rem 0.125rem white;
    box-shadow: 0 0 0.25rem 0.125rem white; }
  #MPSkupina #container > .content .subjects-filter .categories a.category:hover, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category:hover, #MPSkupina #container > .content .subjects-filter .categories a.category.active, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category.active {
    text-decoration: none;
    background-color: #1a377d;
    color: #fff; }
  #MPSkupina #container > .content .subjects-filter .categories a.category:hover img, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category:hover img, #MPSkupina #container > .content .subjects-filter .categories a.category.active img, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category.active img {
    background-color: white; }
  #MPSkupina #container > .content .subjects-filter .categories a.category.hover, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category.hover {
    cursor: pointer; }
  #MPSkupina #container > .content .subjects-filter .categories a.category.active .closer, #MPKurzyAWebinare #container > .content .subjects-filter .categories a.category.active .closer {
    display: block; }
  #MPSkupina #container > .content .subjects-filter .second-priority, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority {
    margin-bottom: 2rem; }
  #MPSkupina #container > .content .subjects-filter .second-priority a.product-section, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 3rem;
    max-width: 15rem; }
  #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .closer, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .closer {
    top: calc(50% - 1.25rem / 2);
    right: 0.5rem; }
  #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .image, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .image {
    margin: 0 0.5rem 0 0; }
  #MPSkupina #container > .content .subjects-filter .second-priority a.product-section .title, #MPKurzyAWebinare #container > .content .subjects-filter .second-priority a.product-section .title {
    font-size: 1rem; }
  #MPSkupina #container > .content .subjects-filter .product-levels, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #MPSkupina #container > .content .subjects-filter .product-levels .product-level, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level {
    border-radius: 1rem;
    background-color: #fff;
    display: flex;
    box-sizing: border-box;
    box-shadow: 0 0 5px 1px #bfbfbf;
    justify-content: space-between;
    align-items: center;
    margin: 0.25rem;
    padding: 0.125rem 1.5rem 0.25rem 1.5rem;
    height: 2rem;
    color: #000; }
  #MPSkupina #container > .content .subjects-filter .product-levels .product-level .title, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level .title {
    text-transform: lowercase;
    font-size: 0.75rem; }
  #MPSkupina #container > .content .subjects-filter .product-levels .product-level .closer, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level .closer {
    background-image: url("/static/img/pages/management-overview/closer-grey.png");
    background-size: 1rem 1rem;
    display: none;
    margin-left: 0.5rem;
    width: 1rem;
    height: 1rem; }
  #MPSkupina #container > .content .subjects-filter .product-levels .product-level:hover, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level:hover, #MPSkupina #container > .content .subjects-filter .product-levels .product-level.active, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level.active {
    text-decoration: none;
    background-color: #8c8c8c;
    color: #fff; }
  #MPSkupina #container > .content .subjects-filter .product-levels .product-level.active, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level.active {
    padding: 0.125rem 0.5rem 0.25rem 1rem; }
  #MPSkupina #container > .content .subjects-filter .product-levels .product-level.active .closer, #MPKurzyAWebinare #container > .content .subjects-filter .product-levels .product-level.active .closer {
    display: block; }
  #MPSkupina #container > .content .subjects-filter .show-all, #MPKurzyAWebinare #container > .content .subjects-filter .show-all {
    text-align: center;
    margin-bottom: 1rem; }
  #MPSkupina #container > .content .loader, #MPKurzyAWebinare #container > .content .loader {
    background-image: url("/static/img/loader.gif");
    background-size: 100% 100%;
    width: 3rem;
    height: 3rem;
    margin: 1rem auto; }
  #MPSkupina #container > .content .subjects .subject, #MPKurzyAWebinare #container > .content .subjects .subject {
    width: 100%;
    border: 1px solid #bfbfbf;
    background-color: white;
    margin-bottom: 1rem;
    padding: 0.5rem;
    box-sizing: border-box; }
  #MPSkupina #container > .content .subjects .subject .course-title, #MPKurzyAWebinare #container > .content .subjects .subject .course-title {
    display: flex;
    align-items: center;
    justify-content: center; }
  #MPSkupina #container > .content .subjects .subject .course-title .subject-icon, #MPKurzyAWebinare #container > .content .subjects .subject .course-title .subject-icon {
    width: 2rem;
    margin-right: 0.5rem; }
  #MPSkupina #container > .content .subjects .subject .total, #MPKurzyAWebinare #container > .content .subjects .subject .total {
    text-align: center; }
  #MPSkupina #container > .content .subjects .subject a, #MPKurzyAWebinare #container > .content .subjects .subject a {
    color: inherit;
    text-decoration: none; }
  #MPSkupina #container > .content .subjects .subject .diagram, #MPKurzyAWebinare #container > .content .subjects .subject .diagram {
    display: flex;
    justify-content: center;
    align-items: flex-start; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item {
    position: relative; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .line, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .line {
    position: absolute;
    background-color: #d8d8d8;
    width: 100%;
    height: 0.25rem;
    top: calc(4rem + 0.75rem - .125rem); }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group-header, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group-header {
    height: 4rem;
    margin: 0 0.5rem; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group-header.studying, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group-header.studying {
    margin: 0 2rem; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group-header .number, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group-header .number {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item a.number, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item a.number {
    color: #383838; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item a.number:hover, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item a.number:hover {
    text-decoration: none;
    opacity: 0.75; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item a.number .value, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item a.number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item a.number .label, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item a.number .label {
    font-size: 0.9rem; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group .marbles, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group .marbles {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #383838;
    position: relative; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group .marbles .marble {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0.5rem;
    box-sizing: border-box;
    margin: 0 1px;
    width: 1.5rem;
    height: 1.5rem; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.notBegunUsers .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.notBegunUsers .marbles .marble, #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.courseNotBegun .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.courseNotBegun .marbles .marble {
    background-color: #0182ea;
    border-color: #0182ea; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.begunUsers .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.begunUsers .marbles .marble, #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.courseBegun .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.courseBegun .marbles .marble {
    background-color: #ffc100;
    border-color: #ffc100; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.examPassed .marbles, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.examPassed .marbles, #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.courseCompleted .marbles, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.courseCompleted .marbles {
    justify-content: flex-end; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.examPassed .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.examPassed .marbles .marble, #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.courseCompleted .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.courseCompleted .marbles .marble {
    background-color: #00cf63;
    border-color: #00cf63; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .group.examFailedNotStudying .marbles .marble, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .group.examFailedNotStudying .marbles .marble {
    background-color: #ef283d;
    border-color: #ef283d; }
  #MPSkupina #container > .content .subjects .subject .diagram .diagram-item .bottom-note, #MPKurzyAWebinare #container > .content .subjects .subject .diagram .diagram-item .bottom-note {
    font-size: 0.875rem; }
  #MPSkupina #container > .content .subjects .subject .other-users, #MPKurzyAWebinare #container > .content .subjects .subject .other-users {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem; }
  #MPSkupina #container > .content .block, #MPKurzyAWebinare #container > .content .block {
    width: 100%; }
  #MPSkupina #container > .content .block .nothing-found, #MPKurzyAWebinare #container > .content .block .nothing-found {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #666;
    margin: auto; }

#MPStatistiky .right {
  display: flex; }
  #MPStatistiky .right #container {
    display: flex;
    flex-grow: 1; }
  #MPStatistiky .right #container > .content {
    display: flex;
    flex-grow: 1; }
  #MPStatistiky .right #container > .content form {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem; }
  #MPStatistiky .right #container > .content form .col {
    display: flex;
    align-items: center; }
  #MPStatistiky .right #container > .content form .col + .col {
    margin-left: 1rem; }
  #MPStatistiky .right #container > .content form .col label, #MPStatistiky .right #container > .content form .col input {
    margin-bottom: 0; }
  #MPStatistiky .right #container > .content form .col label {
    margin-right: 0.5rem; }
  #MPStatistiky .right #container > .content .widgets {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(10rem, auto);
    gap: 1rem; }
  #MPStatistiky .right #container > .content .widgets .widget {
    background-color: #cecece;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem; }
  #MPStatistiky .right #container > .content .widgets .widget > .number {
    font-size: 3rem;
    font-weight: bold; }
  #MPStatistiky .right #container > .content .widgets .widget hr {
    background-color: #000;
    border: none;
    margin: 0.5rem 0;
    width: 100%;
    height: 1px; }
  #MPStatistiky .right #container > .content .widgets .widget .segments {
    display: flex;
    flex-direction: column;
    width: 100%; }
  #MPStatistiky .right #container > .content .widgets .widget .segments .segment {
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between; }
  #MPStatistiky .right #container > .content .widgets .widget .segments .segment .title:after {
    content: ":";
    margin-right: 0.25rem; }
  @media (min-width: 30em) {
          #MPStatistiky .right #container > .content .widgets {
            grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 60em) {
          #MPStatistiky .right #container > .content .widgets {
            grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 80em) {
          #MPStatistiky .right #container > .content .widgets {
            grid-template-columns: repeat(4, 1fr); } }
  #MPStatistiky .right #container > .content .course-stat-link {
    margin-top: 2rem; }

#MPStatistikyKurzu #MPPageWrapper {
  max-width: initial; }
  #MPStatistikyKurzu #MPPageWrapper .right #courseStatisticsTable {
    overflow-x: auto; }

#MPUzivatel #container > .content .year-selection {
  display: flex;
  align-items: center; }
  #MPUzivatel #container > .content .year-selection .title {
    color: #1a377d;
    font-weight: bold;
    font-size: 1.125rem; }
  #MPUzivatel #container > .content .year-selection select {
    margin-left: 0.25rem; }
  #MPUzivatel #container > .content .subjects-filter > .title {
    width: 100%; }
  #MPUzivatel #container > .content .subjects-filter > .title > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 30rem; }
  #MPUzivatel #container > .content .subjects-filter > .title > div h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: 0.5rem 1rem 1rem; }
  #MPUzivatel #container > .content .subjects-filter > .title > div hr {
    flex-grow: 1;
    border: none;
    height: 2px;
    margin-top: 1.5rem;
    background-color: #000; }
  #MPUzivatel #container > .content .subjects-filter .categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category {
    position: relative;
    text-transform: uppercase;
    background-color: #fff;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    border: solid 1px #1a377d;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0.5rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 12rem; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category .closer {
    position: absolute;
    background-image: url("/static/img/pages/management-overview/closer.png");
    background-size: 1.25rem 1.25rem;
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    top: 0.25rem;
    right: 0.25rem; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category img {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-top-left-radius: 0.5rem;
    -moz-border-bottom-left-radius: 0.5rem;
    margin-right: 0.25rem;
    width: 3rem;
    min-height: 3rem;
    height: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    object-fit: contain; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category:hover, #MPUzivatel #container > .content .subjects-filter .categories a.category.active {
    text-decoration: none;
    background-color: #1a377d;
    color: #fff; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category:hover img, #MPUzivatel #container > .content .subjects-filter .categories a.category.active img {
    background-color: white; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category.hover {
    cursor: pointer; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category .title {
    flex-grow: 1;
    text-align: center;
    padding: 0.25rem; }
  #MPUzivatel #container > .content .subjects-filter .categories a.category.active .closer {
    display: block; }
  #MPUzivatel #container > .content .box {
    background-color: #fff;
    text-align: center;
    border: solid 1px #000;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 0.5rem; }
  #MPUzivatel #container > .content .box.Passed {
    background-color: #dcf4ca !important; }
  #MPUzivatel #container > .content .box.Failed {
    background-color: #ffb3b5 !important; }
  #MPUzivatel #container > .content .box.NotAttended, #MPUzivatel #container > .content .box.ForgivenAbsence {
    background-color: #ffd17a !important; }
  #MPUzivatel #container > .content .header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; }
  #MPUzivatel #container > .content .header h2 {
    text-transform: uppercase;
    margin: 0 0.5rem; }
  #MPUzivatel #container > .content .header hr {
    background-color: #000;
    border: none;
    margin-bottom: 0;
    width: 2rem;
    height: 1px; }
  #MPUzivatel #container > .content .links {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
  #MPUzivatel #container > .content .links .subsequent-education {
    margin-left: auto; }
  #MPUzivatel #container > .content .total-results .summary {
    margin-bottom: 0.5rem; }
  #MPUzivatel #container > .content .total-results .summary .total {
    font-weight: bold; }
  #MPUzivatel #container > .content .total-results .summary .details {
    font-style: italic;
    font-size: 0.875rem; }
  #MPUzivatel #container > .content .total-results .diagram {
    display: flex;
    justify-content: center;
    align-items: flex-start; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item {
    position: relative; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .line {
    position: absolute;
    background-color: #d8d8d8;
    width: 100%;
    height: 0.25rem;
    top: calc(4rem + 0.75rem - .125rem); }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group-header {
    height: 4rem;
    margin: 0 0.5rem; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group-header.studying {
    margin: 0 2rem; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item a.number {
    color: #383838; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item a.number:hover {
    text-decoration: none;
    opacity: 0.75; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item a.number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item a.number .label {
    font-size: 0.9rem; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group .marbles {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #383838;
    position: relative; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group .marbles .marble {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0.5rem;
    box-sizing: border-box;
    margin: 0 1px;
    width: 1.5rem;
    height: 1.5rem; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group.notStarted .marbles .marble {
    background-color: #0182ea;
    border-color: #0182ea; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group.studying .marbles .marble {
    background-color: #ffc100;
    border-color: #ffc100; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group.passed .marbles {
    justify-content: flex-end; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group.passed .marbles .marble {
    background-color: #00cf63;
    border-color: #00cf63; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group.failed .marbles {
    justify-content: flex-end; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .group.failed .marbles .marble {
    background-color: #ef283d;
    border-color: #ef283d; }
  #MPUzivatel #container > .content .total-results .diagram .diagram-item .bottom-note {
    font-size: 0.875rem; }
  #MPUzivatel #container > .content .subject-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #MPUzivatel #container > .content .subject-header img {
    width: 2rem; }
  #MPUzivatel #container > .content .subject-header .subject-state {
    text-align: left;
    margin-right: 0.5rem; }
  #MPUzivatel #container > .content .subject-header .subject-state .subject-state-point {
    width: 2rem;
    height: 2rem;
    border-radius: 1rem; }
  #MPUzivatel #container > .content .subject-header .subject-state .subject-state-point.orange {
    background-color: #e2b400; }
  #MPUzivatel #container > .content .subject-header .subject-state .subject-state-point.blue {
    background-color: #0182ea; }
  #MPUzivatel #container > .content .subject-header .subject-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem; }
  #MPUzivatel #container > .content .subject-header .subject-title img {
    margin-right: 0.5rem; }
  #MPUzivatel #container > .content .subject-header .subject-title h2 {
    margin-bottom: 0;
    color: #1a377d; }
  #MPUzivatel #container > .content .subject-header .certificate-wrap {
    margin-left: auto; }
  #MPUzivatel #container > .content .table-wrap {
    overflow-x: auto; }
  #MPUzivatel #container > .content .table-wrap table {
    width: 100%; }
  #MPUzivatel #container > .content .table-wrap table td.total-drills, #MPUzivatel #container > .content .table-wrap table th.total-drills, #MPUzivatel #container > .content .table-wrap table td.passed-drills, #MPUzivatel #container > .content .table-wrap table th.passed-drills, #MPUzivatel #container > .content .table-wrap table td.best-drill, #MPUzivatel #container > .content .table-wrap table th.best-drill, #MPUzivatel #container > .content .table-wrap table td.exam-score, #MPUzivatel #container > .content .table-wrap table th.exam-score {
    text-align: center; }
  #MPUzivatel #container > .content .table-wrap table thead th {
    white-space: normal; }
  #MPUzivatel #container > .content .table-wrap table tbody td {
    padding: 0.25rem; }
  #MPUzivatel #container > .content .table-wrap table tbody td.subject-state .circle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
    background-size: 0.75rem;
    font-size: 0.75rem;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center; }
  #MPUzivatel #container > .content .table-wrap table tbody td.subject-state .circle.Passed {
    background-color: #79be48;
    background-image: url("/static/img/icons/save.png"); }
  #MPUzivatel #container > .content .table-wrap table tbody td.subject-state .circle.Failed {
    background-color: #e91c1c;
    background-image: url("/static/img/icons/close.png"); }
  #MPUzivatel #container > .content .table-wrap table tbody td.subject-state .circle.ForgivenAbsence {
    background-color: #bfbfbf; }
  #MPUzivatel #container > .content .table-wrap table tbody td.subject-state .circle.NotAttended {
    background-color: #e91c1c; }
  #MPUzivatel #container > .content .exams .exam .subject-header .subject-state, #MPUzivatel #container > .content .exams .exam .subject-header .certificate-wrap {
    width: 9rem; }
  #MPUzivatel #container > .content .exams .exam .subject-header .subject-title {
    margin-left: auto; }
  #MPUzivatel #container > .content .exams .exam .subject-header .subject-title img {
    margin-right: 0.5rem; }
  #MPUzivatel #container > .content .exams .exam .subject-header .subject-title h2 {
    margin-bottom: 0;
    color: #1a377d; }
  #MPUzivatel #container > .content .exams .exam .subject-header .certificate-wrap {
    margin-left: auto; }
  #MPUzivatel #container > .content .courses .course .subject-header .subject-title {
    margin: auto; }
  #MPVysledkyZkousek #MPPageWrapper {
    justify-content: flex-start;
    max-width: initial;
    width: initial; }
  #MPVysledkyZkousek #MPPageWrapper .right {
    width: initial; }

.edubasePage #container > .content {
  background-color: #fff;
  box-sizing: border-box;
  padding: 2rem; }
  .edubasePage #container > .content h1 {
    color: #1a377d;
    font-family: RobotoSlab;
    font-weight: bold;
    font-size: 2rem;
    text-transform: initial; }
  .edubasePage #container > .content .box {
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 0.5rem; }

.manazersky-prehled {
  background-color: #d4d6d7; }
  .manazersky-prehled table {
    width: 100%; }
  .manazersky-prehled table thead tr th, .manazersky-prehled table tbody tr th, .manazersky-prehled table thead tr td, .manazersky-prehled table tbody tr td {
    text-align: left;
    font-size: 0.9rem;
    padding: 0.5rem 1rem; }
  .manazersky-prehled table thead tr th {
    white-space: nowrap;
    background-color: #f7f7f7;
    border-bottom: solid 1px #ddd; }
  .manazersky-prehled table tbody tr:nth-child(2n) td {
    background-color: #f7f7f7; }
  .manazersky-prehled #MPPageWrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    box-sizing: border-box;
    margin: auto;
    padding: 1rem;
    width: 100%;
    max-width: 100rem;
    font-family: Roboto; }
  .manazersky-prehled #MPPageWrapper > .left, .manazersky-prehled #MPPageWrapper > .right {
    width: 100%; }
  .manazersky-prehled #MPPageWrapper > .left {
    margin-bottom: 1rem; }
  .manazersky-prehled #MPPageWrapper > .left select {
    border-radius: 1rem;
    background-color: white;
    border: none;
    color: #1a377d;
    font-size: 1rem;
    background-image: url("/static/img/icons/categories/ic_arrow_down.svg");
    background-position: calc(100% - .5rem); }
  .manazersky-prehled #MPPageWrapper > .left select option {
    background-color: white; }
  .manazersky-prehled #MPPageWrapper > .left select.green {
    background-color: #dcf4ca; }
  .manazersky-prehled #MPPageWrapper > .left select.red {
    background-color: #ffb3b5; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.column-names {
    text-transform: uppercase;
    color: #aaa; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.column-names th {
    text-align: center;
    font-size: 0.875rem;
    border: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    white-space: normal; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.tools th {
    padding: 0.25rem;
    border: none; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.tools th > .column-search > input[type='text'], .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.tools th > .column-search .inlineDatePicker {
    background-color: white;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    padding-left: 0.25rem;
    border: none;
    font-size: 0.875rem; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.tools th input[type='button'] {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    height: 1.75rem;
    text-transform: initial;
    font-size: 0.75rem; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table thead tr.tools th select {
    padding-left: 0.5rem;
    font-weight: lighter;
    font-size: 0.875rem; }
  .manazersky-prehled #MPPageWrapper > .right #adminTableSubject table tbody tr td {
    padding: 0.5rem;
    font-size: 0.75rem;
    border: none;
    border-bottom: 1px solid #bfbfbf; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content .box {
    background-color: white;
    margin-bottom: 1rem;
    padding: 1rem;
    box-sizing: border-box; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content .box.sector-diagram:hover, .manazersky-prehled #MPPageWrapper > .right #container > .content .box.subject:hover {
    background-color: #f1f1f1; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content .box.sector-diagram:hover h2, .manazersky-prehled #MPPageWrapper > .right #container > .content .box.subject:hover h2, .manazersky-prehled #MPPageWrapper > .right #container > .content .box.sector-diagram:hover h3, .manazersky-prehled #MPPageWrapper > .right #container > .content .box.subject:hover h3 {
    text-decoration: underline; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main {
    flex: 1 0 auto;
    padding: 0.5rem; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .course-title {
    text-align: center;
    padding: 0.5rem; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .course-title .course-picture {
    width: 2rem; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .course-title h2 {
    color: #1a377d; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses {
    position: relative; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses .course {
    padding: 0; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses .course a {
    color: inherit; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses .course a:hover {
    text-decoration: none; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses .course a .course-title {
    text-align: center; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses .course a .course-title .course-picture {
    width: 2rem; }
  .manazersky-prehled #MPPageWrapper > .right #container > .content.main .courses .course a .course-title h2 {
    color: #1a377d; }
  @media (min-width: 50em) {
    .manazersky-prehled #MPPageWrapper {
      flex-direction: row;
      justify-content: center; }
      .manazersky-prehled #MPPageWrapper > .left {
        flex-shrink: 0;
        margin-right: 0.5rem;
        width: 16rem; }
      .manazersky-prehled #MPPageWrapper > .right {
        flex-grow: 1;
        margin-left: 0.5rem;
        width: calc(100% - 17rem); } }

#MPSector #container > .content .box.sector-diagram, #MPNonSESector #container > .content .box.sector-diagram {
  position: relative; }
  #MPSector #container > .content .box.sector-diagram select[name='shownYear'], #MPNonSESector #container > .content .box.sector-diagram select[name='shownYear'] {
    position: absolute;
    right: 1rem;
    top: 1rem; }
  #MPSector #container > .content #adminTableSubject, #MPNonSESector #container > .content #adminTableSubject {
    overflow-x: auto; }
  #MPSector #container > .content .filter, #MPNonSESector #container > .content .filter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #MPSector #container > .content .filter .extra-parameters, #MPNonSESector #container > .content .filter .extra-parameters {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1; }
  #MPSector #container > .content .filter .extra-parameters select, #MPNonSESector #container > .content .filter .extra-parameters select {
    margin-bottom: 0.5rem;
    width: 100%; }
  @media screen and (min-width: 30em) {
            #MPSector #container > .content .filter .extra-parameters select, #MPNonSESector #container > .content .filter .extra-parameters select {
              margin-right: 0.5rem;
              max-width: 15rem; } }
  #MPSector #container > .content .users, #MPNonSESector #container > .content .users {
    overflow-x: auto; }
  #MPSector #container > .content .users .select-wrap, #MPNonSESector #container > .content .users .select-wrap {
    margin-bottom: 0.5rem;
    display: flex; }
  #MPSector #container > .content .users .select-wrap select, #MPNonSESector #container > .content .users .select-wrap select {
    margin-left: auto;
    margin-right: 0.5rem;
    margin-top: 0.5rem; }
  #MPSector #container > .content .users .download-wrap input[name='downloadCSV'], #MPNonSESector #container > .content .users .download-wrap input[name='downloadCSV'] {
    margin: 0 0.5rem 0.5rem auto; }
  #MPSector #container > .content .users table, #MPNonSESector #container > .content .users table {
    max-width: 60rem;
    margin: auto; }
  #MPSector #container > .content .users table thead tr:first-child th, #MPNonSESector #container > .content .users table thead tr:first-child th {
    border-bottom: none; }
  #MPSector #container > .content .users table tr td.numbers, #MPNonSESector #container > .content .users table tr td.numbers, #MPSector #container > .content .users table tr th.numbers, #MPNonSESector #container > .content .users table tr th.numbers {
    text-align: center; }
  #MPSector #container > .content .users table tr td.email, #MPNonSESector #container > .content .users table tr td.email {
    font-size: 0.75rem; }

#MPSectors #container > .content .selects, #MPSector #container > .content .selects, #MPNonSESector #container > .content .selects {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #MPSectors #container > .content .selects select[name='groupSelect'], #MPSector #container > .content .selects select[name='groupSelect'], #MPNonSESector #container > .content .selects select[name='groupSelect'] {
    margin-bottom: 0.5rem; }
  #MPSectors #container > .content .selects #timeFilter, #MPSector #container > .content .selects #timeFilter, #MPNonSESector #container > .content .selects #timeFilter {
    margin-left: auto; }
  #MPSectors #container > .content .group-logo, #MPSector #container > .content .group-logo, #MPNonSESector #container > .content .group-logo {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 100%;
    max-width: 40rem;
    height: 3rem;
    margin: auto; }
  #MPSectors #container > .content h1, #MPSector #container > .content h1, #MPNonSESector #container > .content h1 {
    color: #1a377d;
    font-family: RobotoSlab;
    font-weight: bold;
    font-size: 2rem;
    text-transform: initial; }
  #MPSectors #container > .content .box, #MPSector #container > .content .box, #MPNonSESector #container > .content .box {
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 0.5rem; }
  #MPSectors #container > .content .box #childGroupSelector, #MPSector #container > .content .box #childGroupSelector, #MPNonSESector #container > .content .box #childGroupSelector {
    padding: 0.5rem 0; }
  #MPSectors #container > .content .box #childGroupSelector .title, #MPSector #container > .content .box #childGroupSelector .title, #MPNonSESector #container > .content .box #childGroupSelector .title {
    font-weight: bold;
    color: #1a377d;
    margin-bottom: 0.25rem; }
  #MPSectors #container > .content .box #childGroupSelector .groups, #MPSector #container > .content .box #childGroupSelector .groups, #MPNonSESector #container > .content .box #childGroupSelector .groups {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
  #MPSectors #container > .content .box.sector-diagram a:hover, #MPSector #container > .content .box.sector-diagram a:hover, #MPNonSESector #container > .content .box.sector-diagram a:hover {
    text-decoration: none; }
  #MPSectors #container > .content .box.sector-diagram .total, #MPSector #container > .content .box.sector-diagram .total, #MPNonSESector #container > .content .box.sector-diagram .total {
    color: black; }
  #MPSectors #container > .content .box .diagram, #MPSector #container > .content .box .diagram, #MPNonSESector #container > .content .box .diagram {
    display: flex;
    justify-content: center;
    align-items: flex-start; }
  #MPSectors #container > .content .box .diagram .diagram-item, #MPSector #container > .content .box .diagram .diagram-item, #MPNonSESector #container > .content .box .diagram .diagram-item {
    position: relative; }
  #MPSectors #container > .content .box .diagram .diagram-item .line, #MPSector #container > .content .box .diagram .diagram-item .line, #MPNonSESector #container > .content .box .diagram .diagram-item .line {
    position: absolute;
    background-color: #d8d8d8;
    width: 100%;
    height: 0.25rem;
    top: calc(4rem + 0.75rem - .125rem); }
  #MPSectors #container > .content .box .diagram .diagram-item .group-header, #MPSector #container > .content .box .diagram .diagram-item .group-header, #MPNonSESector #container > .content .box .diagram .diagram-item .group-header {
    height: 4rem;
    margin: 0 0.5rem; }
  #MPSectors #container > .content .box .diagram .diagram-item .group-header.studying, #MPSector #container > .content .box .diagram .diagram-item .group-header.studying, #MPNonSESector #container > .content .box .diagram .diagram-item .group-header.studying {
    margin: 0 2rem; }
  #MPSectors #container > .content .box .diagram .diagram-item .number, #MPSector #container > .content .box .diagram .diagram-item .number, #MPNonSESector #container > .content .box .diagram .diagram-item .number {
    color: #383838;
    text-align: center; }
  #MPSectors #container > .content .box .diagram .diagram-item .number .value, #MPSector #container > .content .box .diagram .diagram-item .number .value, #MPNonSESector #container > .content .box .diagram .diagram-item .number .value {
    font-size: 1.25rem;
    font-weight: bold; }
  #MPSectors #container > .content .box .diagram .diagram-item .number .label, #MPSector #container > .content .box .diagram .diagram-item .number .label, #MPNonSESector #container > .content .box .diagram .diagram-item .number .label {
    font-size: 0.9rem; }
  #MPSectors #container > .content .box .diagram .diagram-item .group .marbles, #MPSector #container > .content .box .diagram .diagram-item .group .marbles, #MPNonSESector #container > .content .box .diagram .diagram-item .group .marbles {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #383838;
    position: relative;
    height: 1.5rem; }
  #MPSectors #container > .content .box .diagram .diagram-item .group .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group .marbles .marble {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0.5rem;
    box-sizing: border-box;
    margin: 0 1px;
    width: 1.5rem;
    height: 1.5rem; }
  #MPSectors #container > .content .box .diagram .diagram-item .group.notStarted .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group.notStarted .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group.notStarted .marbles .marble, #MPSectors #container > .content .box .diagram .diagram-item .group.notValid .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group.notValid .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group.notValid .marbles .marble {
    background-color: #ef283d;
    border-color: #ef283d; }
  #MPSectors #container > .content .box .diagram .diagram-item .group.studying, #MPSector #container > .content .box .diagram .diagram-item .group.studying, #MPNonSESector #container > .content .box .diagram .diagram-item .group.studying {
    margin: 0 0.5rem; }
  #MPSectors #container > .content .box .diagram .diagram-item .group.studying .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group.studying .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group.studying .marbles .marble {
    background-color: #0182ea;
    border-color: #0182ea; }
  #MPSectors #container > .content .box .diagram .diagram-item .group.finished .marbles, #MPSector #container > .content .box .diagram .diagram-item .group.finished .marbles, #MPNonSESector #container > .content .box .diagram .diagram-item .group.finished .marbles, #MPSectors #container > .content .box .diagram .diagram-item .group.valid .marbles, #MPSector #container > .content .box .diagram .diagram-item .group.valid .marbles, #MPNonSESector #container > .content .box .diagram .diagram-item .group.valid .marbles {
    justify-content: flex-end; }
  #MPSectors #container > .content .box .diagram .diagram-item .group.finished .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group.finished .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group.finished .marbles .marble, #MPSectors #container > .content .box .diagram .diagram-item .group.valid .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group.valid .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group.valid .marbles .marble {
    background-color: #7dbc4e;
    border-color: #7dbc4e; }
  #MPSectors #container > .content .box .diagram .diagram-item .group.entered .marbles .marble, #MPSector #container > .content .box .diagram .diagram-item .group.entered .marbles .marble, #MPNonSESector #container > .content .box .diagram .diagram-item .group.entered .marbles .marble {
    background-color: #ffc100;
    border-color: #ffc100; }
  #MPSectors #container > .content .box .diagram .diagram-item .bottom-note, #MPSector #container > .content .box .diagram .diagram-item .bottom-note, #MPNonSESector #container > .content .box .diagram .diagram-item .bottom-note {
    font-size: 0.875rem;
    color: black; }
  #MPSectors #container > .content .links, #MPSector #container > .content .links, #MPNonSESector #container > .content .links {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0.5rem; }

#MPSubsequentUserSector #container > .content > .block {
  background-color: #fff;
  border: solid 1px #bfbfbf;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 0.5rem; }
  #MPSubsequentUserSector #container > .content > .block.user-header {
    text-align: center; }
  #MPSubsequentUserSector #container > .content > .block.user-header .links a {
    font-weight: bold; }
  #MPSubsequentUserSector #container > .content > .block.credits, #MPSubsequentUserSector #container > .content > .block.extra-credits {
    padding: 0; }
  #MPSubsequentUserSector #container > .content > .block.credits .head, #MPSubsequentUserSector #container > .content > .block.extra-credits .head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 2rem; }
  #MPSubsequentUserSector #container > .content > .block.credits .head .text, #MPSubsequentUserSector #container > .content > .block.extra-credits .head .text {
    font-size: 1.25rem;
    display: flex;
    justify-content: center; }
  #MPSubsequentUserSector #container > .content > .block.credits .head .text b, #MPSubsequentUserSector #container > .content > .block.extra-credits .head .text b {
    margin: 0 0.5rem; }
  #MPSubsequentUserSector #container > .content > .block.credits .head .subsequentEducationBattery .credit {
    width: 1.25rem;
    height: 1.25rem; }
  #MPSubsequentUserSector #container > .content > .block.credits table {
    border: none;
    max-width: 40rem;
    margin: auto;
    margin-bottom: 1rem; }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.credits {
    width: 1.5rem; }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.credits .credit {
    background-color: #c1c1c1;
    font-size: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 1.5rem;
    height: 1.5rem;
    color: #fff; }
    #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.credits .credit.done {
      background-color: #79be48; }
    #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.credits .credit.enrolled {
      background-color: #1b72e6; }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.description {
    width: 100%; }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.state > div {
    display: flex;
    align-items: center; }
    #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.state > div .icon {
      margin-right: 0.5rem;
      background-repeat: no-repeat;
      background-size: 1.25rem 1.25rem;
      width: 1.25rem;
      height: 1.25rem; }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.state.done div .icon {
    background-image: url("/static/img/icons/checkmark.svg"); }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.state.enrolled div .icon {
    background-image: url("/static/img/icons/pencil.svg"); }
  #MPSubsequentUserSector #container > .content > .block.credits table tbody tr td.state.waiting-for-approval div .icon {
    background-image: url("/static/img/icons/pencil-violet.svg"); }
  #MPSubsequentUserSector #container > .content > .block.credits .head .text {
    margin-bottom: 1rem; }
  #MPSubsequentUserSector #container > .content > .block.extra-credits .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0; }
  #MPSubsequentUserSector #container > .content > .links {
    margin-bottom: 1rem; }
  #MPSubsequentUserSector #container > .content > .links a {
    margin-right: 1rem; }

#timeFilter {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  font-size: 0.875rem;
  color: #bfbfbf; }
  #timeFilter .name {
    margin-right: 0.5rem; }
  #marketplaceDefault {
    background-color: white;
    position: relative; }
  #marketplaceDefault .header-block {
    font-family: Roboto;
    background-color: #003480;
    background-image: linear-gradient(to right bottom, #421481, #1d2e86);
    width: 100%;
    margin-bottom: 1rem;
    min-height: 2rem;
    padding-top: 1rem; }
  #marketplaceDefault .header-block.small {
    padding-top: 2rem; }
  @media (min-width: 72.5em) {
      #marketplaceDefault .header-block.small .main .left .buttons {
        margin-bottom: 2rem; } }
  #marketplaceDefault .header-block .breadcrumbs {
    padding-left: 1rem;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.65);
    width: 100%;
    max-width: 75rem;
    margin: auto;
    margin-bottom: 1rem; }
  #marketplaceDefault .header-block .breadcrumbs a {
    color: rgba(255, 255, 255, 0.65); }
  #marketplaceDefault .header-block h1 {
    padding-left: 1rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 75rem;
    margin: auto;
    color: white;
    font-size: 1.5rem;
    font-family: RobotoSlab, serif;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1.25rem; }
  @media (min-width: 35em) {
      #marketplaceDefault .header-block h1 {
        font-size: 2rem; } }
  @media (min-width: 50em) {
      #marketplaceDefault .header-block h1 {
        font-size: 3rem; } }
  #marketplaceDefault .header-block .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 1rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 75rem;
    margin: auto; }
  #marketplaceDefault .header-block .main .left {
    margin: auto; }
  #marketplaceDefault .header-block .main .left .title {
    color: white;
    font-size: 1.5rem;
    font-family: RobotoSlab, serif;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1.25rem; }
  #marketplaceDefault .header-block .main .left .title .yellow {
    color: #fdef18; }
  #marketplaceDefault .header-block .main .left .subtitle {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    color: white;
    font-family: Roboto;
    font-weight: 100; }
  #marketplaceDefault .header-block .main .left .buttons {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: max-content;
    margin-bottom: 1.5rem; }
  #marketplaceDefault .header-block .main .left .buttons .button {
    margin-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto;
    box-sizing: border-box;
    height: 2.5rem;
    background-color: #01bf8c;
    max-width: 18rem; }
  #marketplaceDefault .header-block .main .left .buttons .button.inverse {
    margin-bottom: 0;
    background-color: transparent;
    color: #01bf8c;
    border: 2px solid #01bf8c; }
  #marketplaceDefault .header-block .main .right {
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    -webkit-border-top-right-radius: 0.375rem;
    -webkit-border-top-left-radius: 0.375rem;
    -moz-border-top-right-radius: 0.375rem;
    -moz-border-top-left-radius: 0.375rem;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.05); }
  #marketplaceDefault .header-block .main .right .quote-wrapper {
    display: none; }
  #marketplaceDefault .header-block .main .right .quote-wrapper.active {
    display: block; }
  #marketplaceDefault .header-block .main .right .quote {
    display: none; }
  #marketplaceDefault .header-block .main .right .quote .photo-placeholder, #marketplaceDefault .header-block .main .right .quote img {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: white;
    margin: 2.5rem auto 2rem;
    display: block;
    object-fit: cover; }
  #marketplaceDefault .header-block .main .right .quote .claim, #marketplaceDefault .header-block .main .right .quote .author {
    color: #a9accb;
    margin-bottom: 1rem;
    font-style: italic;
    padding: 0 2rem; }
  @media (min-width: 35em) {
      #marketplaceDefault .header-block .main .left .title {
        font-size: 2rem; }
        #marketplaceDefault .header-block .main .left .subtitle {
          font-size: 1.5rem; }
      #marketplaceDefault .header-block .main .right .quote {
        padding: 1rem 3rem;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        #marketplaceDefault .header-block .main .right .quote img {
          margin-left: initial;
          margin-right: initial; }
        #marketplaceDefault .header-block .main .right .quote .claim, #marketplaceDefault .header-block .main .right .quote .author {
          max-width: 35rem; } }
  @media (min-width: 50em) {
      #marketplaceDefault .header-block .main {
        padding-top: 5rem; }
        #marketplaceDefault .header-block .main .left {
          padding-right: 10rem;
          margin: initial;
          text-align: initial; }
          #marketplaceDefault .header-block .main .left .title {
            font-size: 3rem;
            margin-bottom: 3rem; }
          #marketplaceDefault .header-block .main .left .subtitle {
            font-size: 2rem;
            margin-bottom: 3rem; }
          #marketplaceDefault .header-block .main .left .buttons {
            flex-direction: row;
            margin: initial;
            width: initial;
            margin-bottom: 2rem; }
            #marketplaceDefault .header-block .main .left .buttons .button {
              margin-right: 1rem; }
              #marketplaceDefault .header-block .main .left .buttons .button.inverse {
                margin-right: 0; } }
  @media (min-width: 72.5em) {
      #marketplaceDefault .header-block .main .left .title {
        margin-bottom: 4rem; }
        #marketplaceDefault .header-block .main .left .subtitle {
          margin-bottom: 4rem; }
        #marketplaceDefault .header-block .main .left .buttons {
          margin-bottom: 5.75rem; }
      #marketplaceDefault .header-block .main .right {
        width: 18rem;
        margin-right: auto;
        margin-left: auto; }
        #marketplaceDefault .header-block .main .right .quote {
          padding: initial;
          display: block; }
          #marketplaceDefault .header-block .main .right .quote img {
            margin: 2.5rem auto 2rem; }
          #marketplaceDefault .header-block .main .right .quote .claim, #marketplaceDefault .header-block .main .right .quote .author {
            max-width: initial; } }
  #marketplaceDefault .homeBlock {
    max-width: 75rem;
    width: 100%;
    margin: auto;
    padding: 0.5rem;
    box-sizing: border-box; }
  #marketplaceDefault .homeBlock .htmlField {
    width: 100%; }
  #marketplaceDefault .homeBlock .htmlField.editableHtml {
    min-height: 1rem; }
  #marketplaceDefault .dedicated-categories-title {
    margin: auto;
    font-weight: bold;
    max-width: 75rem;
    width: 100%;
    padding: 0 0.5rem;
    color: #1a377d;
    box-sizing: border-box; }
  #marketplaceDefault .categories {
    font-family: Roboto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 1rem;
    max-width: 75rem;
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box; }
  #marketplaceDefault .categories .category {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border: 1px solid #aec0d8;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5rem 1rem;
    width: 100%;
    max-width: 15rem;
    margin-bottom: 0.25rem;
    font-family: Roboto;
    font-size: 1rem;
    box-sizing: border-box; }
  #marketplaceDefault .categories .category .icon-placeholder {
    border: 1px solid #1a377d;
    margin: 0.25rem;
    width: 1.5rem;
    height: 1.5rem; }
  #marketplaceDefault .categories .category img.icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.25rem; }
  #marketplaceDefault .categories .category.all {
    text-align: center;
    font-style: italic;
    padding-left: 3rem; }
  #marketplaceDefault .categories .category:hover {
    background-color: #e6eaf3;
    text-decoration: none; }
  #marketplaceDefault .categories .category.placeholder {
    margin: 0 0.25rem;
    border: none;
    height: 0;
    padding: 0; }
  #marketplaceDefault .categories .category.placeholder:hover {
    background-color: transparent; }
  @media (min-width: 30em) {
    #marketplaceDefault .categories {
      align-items: initial;
      justify-content: center; }
      #marketplaceDefault .categories .category {
        min-width: 13rem;
        width: calc(50% - .5rem);
        height: initial;
        min-height: 4rem;
        max-width: initial;
        margin: 0.25rem; }
        #marketplaceDefault .categories .category .icon-placeholder {
          margin: 1rem;
          width: 3rem;
          height: 3rem; }
        #marketplaceDefault .categories .category img.icon {
          display: block;
          width: 2.25rem;
          height: 2.25rem; }
        #marketplaceDefault .categories .category.all {
          padding-left: 1rem; }
        #marketplaceDefault .categories .category.placeholder {
          min-height: initial; } }
  @media (min-width: 41.5em) {
    #marketplaceDefault .categories .category {
      width: calc((100% / 3) - .5rem); } }
  @media (min-width: 55em) {
    #marketplaceDefault .categories .category {
      width: calc(25% - .5rem); } }
  #marketplaceDefault .filters-wrapper {
    padding: 0.5rem 0;
    background-color: white;
    width: 100%;
    z-index: 6; }
  #marketplaceDefault .filters-wrapper.sticky {
    position: fixed;
    width: 20rem;
    height: 100vh;
    top: 0;
    box-shadow: 0 0 0.5rem -0.125rem rgba(0, 0, 0, .25);
    overflow: auto; }
  #marketplaceDefault .filters-wrapper.sticky button.toggleFilter {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    display: flex; }
  #marketplaceDefault .filters-wrapper.sticky .filters .filter {
    flex-direction: column;
    align-items: flex-start; }
  #marketplaceDefault .filters-wrapper button.toggleFilter {
    display: none; }
  #marketplaceDefault .filters-wrapper .filters {
    font-family: Roboto;
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.5rem; }
  #marketplaceDefault .filters-wrapper .filters .search {
    position: relative;
    margin-bottom: 0.5rem;
    width: 100%; }
  #marketplaceDefault .filters-wrapper .filters .search input {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    background-color: #e6eaf3;
    margin-bottom: 0;
    border: none;
    color: #1a377d;
    padding: 0.5rem 1rem;
    padding-left: 3rem;
    font-size: 1rem;
    line-height: 2rem;
    width: 100%;
    box-shadow: none;
    height: initial; }
  #marketplaceDefault .filters-wrapper .filters .search input::placeholder {
    color: #1a377d88; }
  #marketplaceDefault .filters-wrapper .filters .search .icon {
    width: 2rem;
    position: absolute;
    top: calc(50% - 1rem);
    left: 0.5rem; }
  #marketplaceDefault .filters-wrapper .filters .filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    color: #1a377d;
    background-color: #e6eaf3;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem; }
  #marketplaceDefault .filters-wrapper .filters .filter label {
    margin-right: 1rem;
    margin-bottom: 0.25rem; }
  #marketplaceDefault .filters-wrapper .filters .filter label input[type='checkbox'] {
    margin-right: 0.5rem; }
  #marketplaceDefault .filters-wrapper .filters .filter .line-break {
    width: 100%; }
  #marketplaceDefault .filters-wrapper .filters .label {
    text-align: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 0.25rem;
    color: #1a377d; }
  @media (min-width: 47.5em) {
      #marketplaceDefault .filters-wrapper .filters {
        max-width: 75rem;
        margin: auto;
        width: 100%;
        padding: 0 1rem;
        box-sizing: border-box; } }
  #marketplaceDefault .filter-button-wrapper {
    padding: 0.75rem 0;
    position: fixed;
    background-color: transparent;
    margin: auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 7;
    text-align: left;
    display: none; }
  #marketplaceDefault .filter-button-wrapper.active {
    display: block; }
  #marketplaceDefault button.toggleFilter {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, .25);
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: 0.5rem; }
  #marketplaceDefault button.toggleFilter:hover {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, .5); }
  #marketplaceDefault button.toggleFilter img {
    width: 1rem;
    height: 1rem; }
  #marketplaceDefault button.toggleFilter .cross-icon {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #marketplaceDefault button.toggleFilter .cross-icon div {
    height: 1px;
    width: 100%;
    background-color: white;
    transform: rotate(45deg); }
  #marketplaceDefault button.toggleFilter .cross-icon div:last-child {
    transform: rotate(-45deg); }
  @media screen and (min-width: 40em) {
    #marketplaceDefault button.toggleFilter img {
      width: 1.5rem;
      height: 1.5rem; } }
  #marketplaceDefault .order {
    font-family: Roboto;
    width: 100%;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.5rem;
    box-sizing: border-box;
    margin: auto;
    font-size: 0.75rem; }
  #marketplaceDefault .order a {
    color: #676767;
    font-family: Roboto;
    display: block;
    margin-right: 0.5rem;
    text-decoration: underline; }
  #marketplaceDefault .order span {
    color: #676767;
    font-family: Roboto;
    display: block;
    margin-right: 0.5rem; }
  #marketplaceDefault .order img {
    cursor: pointer; }
  @media (min-width: 47.5em) {
    #marketplaceDefault .order {
      max-width: 75rem;
      margin: auto;
      font-size: initial;
      width: 100%;
      padding: 1rem;
      box-sizing: border-box; }
      #marketplaceDefault .order a, #marketplaceDefault .order span {
        margin-right: 1rem; } }
  #marketplaceDefault .active-category {
    font-family: Roboto;
    max-width: 75rem;
    margin: auto;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box; }
  #marketplaceDefault .active-category h1 {
    font-size: 1.75rem; }
  @media (min-width: 30em) {
      #marketplaceDefault .active-category h1 {
        font-size: 2rem; } }
  #marketplaceDefault .recommended-products-wrapper {
    font-family: Roboto;
    width: 100%;
    padding: 1rem 0;
    box-sizing: border-box;
    background-color: #e6eaf3; }
  #marketplaceDefault .recommended-products-wrapper > .title {
    font-family: Roboto;
    font-weight: 100;
    color: #1a377d;
    font-size: 2rem;
    width: 100%;
    padding: 0.5rem 0;
    padding-left: 3rem;
    box-sizing: border-box;
    max-width: 75rem;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: inherit;
    border-bottom: 1px solid #1a377d; }
  @media screen and (min-width: 40em) {
    #marketplaceDefault .recommended-products-wrapper {
      padding: 2rem; }
      #marketplaceDefault .recommended-products-wrapper > .title {
        margin: auto;
        padding-left: 1rem; } }
  #marketplaceDefault .category-group {
    font-family: Roboto;
    width: 100%;
    padding: 1rem 0;
    box-sizing: border-box;
    background-color: #fff; }
  #marketplaceDefault .category-group > .title {
    font-family: Roboto;
    font-weight: 100;
    color: #1a377d;
    font-size: 2rem;
    width: 100%;
    padding: 0.5rem 0;
    padding-left: 3rem;
    box-sizing: border-box;
    max-width: 75rem;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: inherit;
    border-bottom: 1px solid #1a377d; }
  #marketplaceDefault .category-group > .short-description {
    max-width: 75rem;
    margin-left: 0.75rem;
    padding: 0.5rem 0;
    padding-left: 1rem;
    box-sizing: border-box;
    width: calc(100% - .75rem); }
  #marketplaceDefault .category-group:nth-child(even) {
    background-color: #efefef; }
  @media screen and (min-width: 40em) {
    #marketplaceDefault .category-group {
      padding: 2rem; }
      #marketplaceDefault .category-group > .title {
        margin: auto;
        padding-left: 1rem; }
      #marketplaceDefault .category-group > .short-description {
        margin: auto; } }
  #marketplaceDefault .products {
    font-family: Roboto;
    width: 75rem;
    display: flex;
    margin: auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-self: center; }
  #marketplaceDefault .products .productCard.placeholder {
    display: none; }
  #marketplaceDefault .products .no-items {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    font-style: italic;
    color: #888;
    margin: 1rem auto; }
  @media (min-width: 40em) {
    #marketplaceDefault .products .productCard.placeholder {
      display: block;
      border: none;
      height: initial;
      margin: 0 0.75rem;
      min-height: 0;
      background: none; } }

#marketplaceKontaktniFormularOdeslan .wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("/static/img/pages/marketplace/img_bg_uvod.png");
  background-position: center center;
  background-size: cover;
  padding: 1rem 0.5rem;
  box-sizing: border-box; }
  #marketplaceKontaktniFormularOdeslan .wrapper .message {
    background: white;
    border: 1px solid #1a377d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 55rem;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    margin-bottom: 1.5rem; }
  #marketplaceKontaktniFormularOdeslan .wrapper .message .left {
    margin-right: 1rem; }
  #marketplaceKontaktniFormularOdeslan .wrapper .message .left img {
    width: 4rem; }
  #marketplaceKontaktniFormularOdeslan .wrapper .message .right {
    font-size: 1rem;
    font-family: Roboto;
    font-weight: bold; }
  #marketplaceKontaktniFormularOdeslan .wrapper .message .right div {
    margin-bottom: 0.5rem; }
  #marketplaceKontaktniFormularOdeslan .wrapper .message .right div:last-child {
    margin-bottom: 0; }
  #marketplaceKontaktniFormularOdeslan .wrapper .buttons {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: max-content;
    margin-bottom: 1.5rem; }
  #marketplaceKontaktniFormularOdeslan .wrapper .buttons .button {
    margin-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto;
    box-sizing: border-box;
    height: 2.5rem;
    background-color: #01bf8c;
    max-width: 18rem; }
  #marketplaceKontaktniFormularOdeslan .wrapper .buttons .button.inverse {
    margin-bottom: 0;
    background-color: transparent;
    color: #01bf8c;
    border: 2px solid #01bf8c; }
  @media (min-width: 55em) {
    #marketplaceKontaktniFormularOdeslan .wrapper {
      padding: 5rem 0; }
      #marketplaceKontaktniFormularOdeslan .wrapper .message {
        margin-bottom: 5rem; }
      #marketplaceKontaktniFormularOdeslan .wrapper .buttons {
        flex-direction: row;
        margin: initial;
        width: initial;
        margin-bottom: 2rem; }
        #marketplaceKontaktniFormularOdeslan .wrapper .buttons .button {
          margin-right: 1rem; }
          #marketplaceKontaktniFormularOdeslan .wrapper .buttons .button.inverse {
            margin-right: 0; } }

#marketplaceProManazery > .block {
  font-family: Roboto;
  padding: 1rem;
  box-sizing: border-box;
  width: 100%; }
  #marketplaceProManazery > .block > .content {
    max-width: 70rem;
    margin: auto; }
  #marketplaceProManazery > .block > .content h2 {
    color: #1a377d;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: bold; }
  #marketplaceProManazery > .block > .content .subtitle {
    color: #10b988;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 100; }
  #marketplaceProManazery > .block > .content .claim {
    color: #1a377d;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    font-size: 1rem; }
  @media screen and (min-width: 30em) {
    #marketplaceProManazery > .block .content h2 {
      font-size: 2rem; }
      #marketplaceProManazery > .block .content .subtitle {
        font-size: 1.5rem; } }
  @media screen and (min-width: 40em) {
    #marketplaceProManazery > .block {
      padding: 5rem; }
      #marketplaceProManazery > .block .content h2 {
        margin-bottom: 1.5rem; }
        #marketplaceProManazery > .block .content .subtitle {
          margin-bottom: 1.5rem; }
        #marketplaceProManazery > .block .content .claim {
          margin-bottom: 3rem; } }
  #marketplaceProManazery #block1 {
    background-image: url("/static/img/pages/marketplace/img_bg_uvod.png");
    background-position: center center;
    background-size: cover; }
  #marketplaceProManazery #block1 h1 {
    color: white;
    text-align: center;
    text-transform: none;
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 2rem; }
  #marketplaceProManazery #block1 .line {
    width: 11.5rem;
    height: 0.25rem;
    background-color: #f1f510;
    margin: auto;
    margin-bottom: 2rem; }
  #marketplaceProManazery #block1 .buttons {
    display: flex;
    flex-direction: column;
    width: max-content;
    margin-bottom: 1rem; }
  #marketplaceProManazery #block1 .buttons .button {
    margin-bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: Roboto;
    height: 2.5rem;
    background-color: #01bf8c;
    max-width: 18rem; }
  @media screen and (min-width: 30em) {
    #marketplaceProManazery #block1 {
      padding: 2rem; }
      #marketplaceProManazery #block1 h1 {
        font-size: 1.75rem; } }
  @media screen and (min-width: 40em) {
    #marketplaceProManazery #block1 {
      padding: 5rem; }
      #marketplaceProManazery #block1 h1 {
        margin-top: 3rem;
        text-align: left;
        margin-bottom: 2rem;
        font-size: 2.75rem;
        max-width: 37.5rem; }
      #marketplaceProManazery #block1 .line {
        margin: initial;
        margin-bottom: 5rem; } }
  #marketplaceProManazery #block2 .content, #marketplaceProManazery #block4 .content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column; }
  #marketplaceProManazery #block2 .content .left, #marketplaceProManazery #block4 .content .left, #marketplaceProManazery #block2 .content .right, #marketplaceProManazery #block4 .content .right {
    flex: 1 0 50%; }
  #marketplaceProManazery #block2 .content .left .claim, #marketplaceProManazery #block4 .content .left .claim {
    margin: auto;
    max-width: 21rem;
    font-size: 1.25rem;
    font-weight: 100;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1.5rem; }
  #marketplaceProManazery #block2 .content .right ul, #marketplaceProManazery #block4 .content .right ul {
    margin: auto;
    list-style: none; }
  #marketplaceProManazery #block2 .content .right ul li, #marketplaceProManazery #block4 .content .right ul li {
    display: flex;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #1a377d;
    text-align: left; }
  #marketplaceProManazery #block2 .content .right ul li:before, #marketplaceProManazery #block4 .content .right ul li:before {
    content: "";
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    background-image: url("/static/img/pages/marketplace/ic_check.svg");
    margin-right: 1rem;
    margin-top: -0.125rem;
    flex-shrink: 0; }
  #marketplaceProManazery #block2 .content .right ul li:last-child, #marketplaceProManazery #block4 .content .right ul li:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 40em) {
    #marketplaceProManazery #block2 .content, #marketplaceProManazery #block4 .content {
      flex-direction: row; } }
  @media screen and (min-width: 50em) {
    #marketplaceProManazery #block2, #marketplaceProManazery #block4 {
      padding: 4rem 5rem; }
      #marketplaceProManazery #block2 .content .left .claim, #marketplaceProManazery #block4 .content .left .claim {
        text-align: left;
        font-size: 1.5rem;
        margin-bottom: 0; } }
  #marketplaceProManazery #block3 {
    padding: 5rem 2rem;
    background-image: url("/static/img/pages/marketplace/img_bg_pruh3.png");
    background-position: center center;
    background-size: cover; }
  #marketplaceProManazery #block3 .blocks {
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
    font-family: RobotoSlab, serif;
    font-size: 1.5rem;
    line-height: 1.5; }
  #marketplaceProManazery #block3 .blocks div {
    text-align: center;
    width: 18rem;
    margin-bottom: 2rem; }
  #marketplaceProManazery #block3 button {
    margin: auto;
    margin-top: 2rem;
    background-color: #10b988;
    display: block;
    font-family: Roboto;
    font-size: 1rem;
    padding: 0.25rem 2rem; }
  @media screen and (min-width: 65em) {
    #marketplaceProManazery #block3 {
      padding: 5rem; } }
  #marketplaceProManazery #block5 {
    background-color: #02347d;
    padding: 2rem 1rem; }
  #marketplaceProManazery #block5 .content .title {
    color: white;
    font-weight: 100;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    font-size: 1.5rem; }
  #marketplaceProManazery #block5 .content .claim {
    color: #10b988;
    max-width: 40rem;
    font-size: 1.125rem;
    margin-bottom: 1rem; }
  #marketplaceProManazery #block5 .content .table-wrapper {
    width: calc(100% + 1rem);
    max-width: initial;
    overflow-x: auto;
    margin: 0 -0.5rem;
    padding-top: 2rem; }
  #marketplaceProManazery #block5 .content .table-wrapper table {
    background-color: #fff;
    width: 100%;
    color: #1a377d; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr {
    border-bottom: 1px solid #e4e8ef; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.module, #marketplaceProManazery #block5 .content .table-wrapper table tr th.module {
    width: 35%; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info, #marketplaceProManazery #block5 .content .table-wrapper table tr th.info {
    width: 5%; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.base, #marketplaceProManazery #block5 .content .table-wrapper table tr th.base, #marketplaceProManazery #block5 .content .table-wrapper table tr td.edu-base, #marketplaceProManazery #block5 .content .table-wrapper table tr th.edu-base {
    width: 30%; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr th {
    padding: 1.5rem 0.25rem;
    font-size: 1.125rem; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td {
    padding: 0.5rem 0.25rem;
    font-size: 0.875rem; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td .main {
    font-weight: bold; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.basic, #marketplaceProManazery #block5 .content .table-wrapper table tr td.edu-base {
    text-align: center; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info {
    position: relative; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info a.info {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a7accb;
    border: 2px solid #a7accb;
    font-size: 1rem; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info a.info:hover {
    background-color: #1a377d;
    color: white;
    border: none;
    text-decoration: none;
    width: calc(1.25rem + 4px);
    height: calc(1.25rem + 4px); }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info .bubble-wrapper {
    position: absolute;
    left: -4rem;
    right: -4rem;
    max-width: initial;
    bottom: calc(50% + 1.75rem);
    display: none; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info .bubble-wrapper .bubble {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0.5rem;
    box-sizing: border-box;
    background-color: #1a377d;
    color: white; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info .bubble-wrapper .bubble:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.75rem solid transparent;
    border-top-color: #1a377d;
    border-bottom: 0;
    margin-left: -0.75rem;
    margin-bottom: -0.75rem; }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info.active a.info {
    background-color: #1a377d;
    color: white;
    border: none;
    text-decoration: none;
    width: calc(1.25rem + 4px);
    height: calc(1.25rem + 4px); }
  #marketplaceProManazery #block5 .content .table-wrapper table tr td.info.active .bubble-wrapper {
    display: block; }
  @media screen and (min-width: 30em) {
    #marketplaceProManazery #block5 .content .title {
      font-size: 2rem; }
      #marketplaceProManazery #block5 .content table th {
        padding: 1.5rem 1rem; }
        #marketplaceProManazery #block5 .content table td {
          padding: 0.5rem 1rem; } }
  @media screen and (min-width: 40em) {
    #marketplaceProManazery #block5 .content .title {
      font-size: 2.5rem; } }
  #marketplaceProManazery #block6 .content .title {
    font-size: 1.5rem;
    color: #1a377d;
    font-weight: 100;
    margin-bottom: 2rem; }
  #marketplaceProManazery #block6 .content .star {
    color: #10b988; }
  #marketplaceProManazery #block6 .content .explain {
    color: #1a377d;
    font-size: 0.75rem;
    font-weight: 100; }
  #marketplaceProManazery #block6 .content .table-wrapper {
    width: calc(100% + 1rem);
    overflow-x: auto;
    max-width: initial;
    margin: 0 -0.5rem; }
  #marketplaceProManazery #block6 .content .table-wrapper table {
    color: #1a377d;
    width: 100%;
    margin-bottom: 0.25rem; }
  #marketplaceProManazery #block6 .content .table-wrapper table tr:nth-child(odd) {
    background-color: #e4e8ef; }
  #marketplaceProManazery #block6 .content .table-wrapper table tr th {
    padding: 0.25rem;
    font-size: 1.125rem; }
  #marketplaceProManazery #block6 .content .table-wrapper table tr th:nth-child(3) {
    background-color: #1a377d10; }
  #marketplaceProManazery #block6 .content .table-wrapper table tr td {
    padding: 0.5rem 0.25rem;
    text-align: center; }
  #marketplaceProManazery #block6 .content .table-wrapper table tr td:nth-child(3) {
    background-color: #1a377d10; }
  #marketplaceProManazery #block6 .content .table-wrapper table tr.placeholder {
    height: 3rem; }
  #marketplaceProManazery #block6 .content button {
    margin: auto;
    margin-top: 2rem;
    background-color: #10b988;
    display: block;
    font-family: Roboto;
    font-size: 1rem;
    padding: 0.25rem 2rem; }
  @media screen and (min-width: 30em) {
    #marketplaceProManazery #block6 table th {
      padding: 1.5rem 1rem; }
      #marketplaceProManazery #block6 table td {
        padding: 0.5rem 1rem; }

    #marketplaceProManazery #block6 .content .title {
      font-size: 2rem; } }
  @media screen and (min-width: 40em) {
    #marketplaceProManazery #block6 {
      padding: 3rem 5rem; }
      #marketplaceProManazery #block6 .content .title {
        font-size: 2.5rem; } }

#marketplaceProdukt {
  background-color: white; }
  #marketplaceProdukt > .content {
    max-width: 80rem;
    width: 100%;
    margin: auto; }
  #marketplaceProdukt > .content .actions {
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline; }
  #marketplaceProdukt > .content .actions .button {
    background-color: white;
    color: #1a377d;
    border: 1px solid #1a377d;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem; }
  #marketplaceProdukt > .content .actions .button:hover {
    color: white;
    background-color: #1a377d; }
  #marketplaceProdukt > .content h1 {
    color: #1a377d;
    text-transform: initial;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: 0.5rem; }
  #marketplaceProdukt > .content .description {
    color: #1a377d;
    margin-bottom: 1rem;
    max-width: 50rem;
    margin-left: 0.5rem; }
  #marketplaceProdukt > .content .star-wrapper {
    width: 100%;
    max-width: 50rem;
    margin-left: 0.5rem; }
  #marketplaceProdukt > .content .star-wrapper progress {
    display: block;
    width: 5rem;
    /* Reset the default appearance */
    height: 1rem;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #marketplaceProdukt > .content .star-wrapper progress::-webkit-progress-bar {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #marketplaceProdukt > .content .star-wrapper progress::-webkit-progress-value {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem;
    /* Firefox */ }
  #marketplaceProdukt > .content .star-wrapper progress::-moz-progress-bar {
    background-color: white;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #marketplaceProdukt > .content .authors {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; }
  #marketplaceProdukt > .content .authors .author {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    margin-left: 0.5rem;
    margin-right: 2rem; }
  #marketplaceProdukt > .content .authors .author img {
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    background-color: #dedede;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.25rem;
    object-fit: cover; }
  #marketplaceProdukt > .content .authors .author .name {
    font-weight: bold;
    font-family: RobotoSlab;
    font-size: 1.125rem; }
  #marketplaceProdukt > .content .body {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch; }
  #marketplaceProdukt > .content .body .left {
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box; }
  #marketplaceProdukt > .content .body .left .contentTitle {
    font-size: 1.125rem;
    font-weight: bold;
    font-family: RobotoSlab; }
  #marketplaceProdukt > .content .body .left .labels {
    display: flex;
    padding: 0.5rem;
    flex-wrap: wrap; }
  #marketplaceProdukt > .content .body .left .labels .label {
    padding: 0.25rem 1rem;
    margin: 0 0.125rem;
    font-family: Roboto;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 700; }
  #marketplaceProdukt > .content .body .left .image-wrapper {
    max-width: 50rem;
    width: 100%; }
  #marketplaceProdukt > .content .body .left .image-wrapper video {
    width: 100%; }
  #marketplaceProdukt > .content .body .left .tags {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0; }
  #marketplaceProdukt > .content .body .left .tags .tag {
    font-size: 0.875rem;
    color: white;
    font-family: Roboto;
    font-weight: bold;
    background-color: #989898;
    padding: 0.25rem 1rem;
    margin-right: 0.25rem;
    text-align: center; }
  #marketplaceProdukt > .content .body .left .contents .title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #1a377d;
    margin-bottom: 0.25rem; }
  #marketplaceProdukt > .content .body .left .contents .text {
    font-size: 0.875rem;
    margin-bottom: 1rem;
    font-family: Roboto; }
  #marketplaceProdukt > .content .body .left .contents .packages {
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e1e1e1;
    margin-bottom: 1rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-left {
    flex-shrink: 0;
    width: 7.25rem;
    height: 4.75rem;
    margin-right: 1rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-left .image {
    width: 100%;
    height: 100%;
    background-color: #efefef;
    background-size: cover;
    background-position: center center; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center {
    flex-grow: 1;
    padding-top: 0.25rem;
    margin-right: auto; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .title {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0.25rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .description {
    margin: 0;
    font-family: Roboto;
    font-size: 0.875rem;
    color: black;
    margin-bottom: 0.25rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot {
    display: flex;
    flex-wrap: wrap; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot .labels {
    flex: 1 0 auto;
    padding: 0;
    color: #9a9a9a;
    font-size: 0.875rem;
    font-family: Roboto; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot .info {
    display: flex; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot .info .enrollments, #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot .info .studyTime {
    font-size: 0.875rem;
    margin-right: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot .info .enrollments img, #marketplaceProdukt > .content .body .left .contents .packages .package .p-center .bot .info .studyTime img {
      height: 1.5rem;
      margin-right: 0.25rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 1rem;
    flex-direction: column; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-right progress {
    display: block;
    margin: auto;
    margin-bottom: 0.5rem;
    width: 5rem;
    /* Reset the default appearance */
    height: 1rem;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-right progress::-webkit-progress-bar {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-right progress::-webkit-progress-value {
    background-color: transparent;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem;
    /* Firefox */ }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-right progress::-moz-progress-bar {
    background-color: white;
    background-image: url("/static/img/icons/categories/ic_star_full.svg");
    background-repeat: repeat-x;
    background-size: 1rem 1rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package .p-right .button {
    display: block;
    background-color: white;
    border: 1px solid #01bf8c;
    color: #01bf8c;
    font-family: Roboto;
    margin-bottom: 0.5rem; }
  #marketplaceProdukt > .content .body .left .contents .packages .package:last-child {
    border-bottom: none; }
  #marketplaceProdukt > .content .body .left .contents .packages .package:last-child .p-right .button {
    margin-bottom: 0; }
  @media screen and (min-width: 35em) {
              #marketplaceProdukt > .content .body .left .contents .packages .package {
                flex-direction: row;
                align-items: initial; } }
  #marketplaceProdukt > .content .body .left .attachments .attachment {
    display: flex;
    align-items: center; }
  #marketplaceProdukt > .content .body .left .attachments .attachment + .attachment {
    margin-top: 0.5rem; }
  #marketplaceProdukt > .content .body .left .attachments .attachment .icon {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem; }
  #marketplaceProdukt > .content .body .left .attachments .attachment .name {
    font-size: 0.875rem; }
  #marketplaceProdukt > .content .body .left .author-info {
    background-color: #f1f1f1;
    color: #1a377d;
    padding: 2rem 1rem;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.25rem; }
  #marketplaceProdukt > .content .body .left .author-info .image-wrapper {
    border-radius: 3.25rem;
    -webkit-border-radius: 3.25rem;
    -moz-border-radius: 3.25rem;
    width: 6.5rem;
    height: 6.5rem;
    background-color: #dedede;
    flex-shrink: 0; }
  #marketplaceProdukt > .content .body .left .author-info .image-wrapper img {
    border-radius: 6.5rem;
    -webkit-border-radius: 6.5rem;
    -moz-border-radius: 6.5rem;
    width: 6.5rem;
    height: 6.5rem;
    object-fit: cover; }
  #marketplaceProdukt > .content .body .left .author-info .name {
    font-weight: bold;
    font-family: RobotoSlab;
    font-size: 1.125rem; }
  #marketplaceProdukt > .content .body .left .author-info .text {
    font-size: 1rem;
    font-family: Roboto; }
  #marketplaceProdukt > .content .body .left .author-info .text p, #marketplaceProdukt > .content .body .left .author-info .text #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #marketplaceProdukt > .content .body .left .author-info .text li, #marketplaceProdukt > .content .body .left .author-info .text #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #marketplaceProdukt > .content .body .left .author-info .text div {
    margin-bottom: 0.25rem; }
  #marketplaceProdukt > .content .body .right {
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    margin-top: 2.375rem; }
  #marketplaceProdukt > .content .body .right .block-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    flex-shrink: 0; }
  #marketplaceProdukt > .content .body .right .block {
    padding: 1.5rem;
    width: 100%;
    box-sizing: border-box;
    background-color: #edf1f8;
    margin-top: 1px;
    max-width: 20rem; }
  #marketplaceProdukt > .content .body .right .block.shop .title {
    color: #01bf8c;
    font-family: Roboto;
    font-size: 0.875rem;
    font-weight: 700; }
  #marketplaceProdukt > .content .body .right .block.shop .old-price {
    color: #1a377d;
    text-decoration: line-through;
    margin-bottom: 1.5rem;
    font-weight: bold; }
  #marketplaceProdukt > .content .body .right .block.shop .main-price {
    font-size: 1.5rem;
    color: #1a377d;
    font-weight: bold; }
  #marketplaceProdukt > .content .body .right .block.shop .tax-price {
    font-size: 0.75rem;
    color: #717276;
    font-family: Roboto; }
  #marketplaceProdukt > .content .body .right .block.shop .paid-by-group {
    color: #01bf8c;
    font-size: 0.875rem; }
  #marketplaceProdukt > .content .body .right .block.shop .buy {
    display: block;
    box-sizing: border-box;
    background-color: #01bf8c;
    width: 100%;
    font-family: Roboto;
    margin-top: 1rem; }
  #marketplaceProdukt > .content .body .right .block.shop .not-available {
    font-family: Roboto;
    margin-top: 1rem;
    font-weight: bold;
    color: #e91c1c; }
  #marketplaceProdukt > .content .body .right .block.shop select {
    margin-bottom: 1rem; }
  #marketplaceProdukt > .content .body .right .block.info .item {
    display: flex;
    align-items: center;
    color: #1a377d;
    font-family: Roboto; }
  #marketplaceProdukt > .content .body .right .block.info .item:before {
    content: " ";
    display: block;
    margin-right: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat; }
  #marketplaceProdukt > .content .body .right .block.info .item.enrollments:before {
    background-image: url("/static/img/icons/categories/ic_person.svg"); }
  #marketplaceProdukt > .content .body .right .block.info .item.study-time:before {
    background-image: url("/static/img/icons/categories/ic_time.svg"); }
  #marketplaceProdukt > .content .body .right .block.info .item.credits:before {
    background-image: url("/static/img/icons/categories/ic_kredity.svg"); }
  #marketplaceProdukt > .content .body .right .block.info .item.type:before {
    background-image: url("/static/img/icons/categories/ic_typ_kurzu.svg"); }
  #marketplaceProdukt > .content .body .right .block.info .item.download:before {
    background-image: url("/static/img/icons/categories/ic_download.svg"); }
  #marketplaceProdukt > .content .body .right .block.info .item.video:before {
    background-image: url("/static/img/icons/categories/ic_video.svg"); }
  #marketplaceProdukt > .content .body .right .block.info .item.category .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.25rem; }
  #marketplaceProdukt > .content .body .right .block.info .item.category:before {
    display: none; }
  @media screen and (min-width: 50em) {
      #marketplaceProdukt > .content .body {
        flex-direction: row; }
        #marketplaceProdukt > .content .body .left {
          max-width: calc(100% - 20rem); }
          #marketplaceProdukt > .content .body .left .author-info {
            flex-direction: row;
            align-items: initial;
            padding: 2rem; }
            #marketplaceProdukt > .content .body .left .author-info .image-wrapper {
              margin-right: 2rem; }
        #marketplaceProdukt > .content .body .right {
          width: 20rem;
          position: relative; }
          #marketplaceProdukt > .content .body .right .block-wrapper {
            position: sticky;
            top: 0.5rem; }
          #marketplaceProdukt > .content .body .right .star-wrapper {
            padding: 1rem; }
            #marketplaceProdukt > .content .body .right .star-wrapper progress {
              margin: initial; }
          #marketplaceProdukt > .content .body .right .block {
            height: max-content; } }
  #marketplaceProdukt .recommended-products {
    background-color: #e6eaf3;
    width: 100%;
    padding: 0;
    box-sizing: border-box; }
  #marketplaceProdukt .recommended-products .products-wrapper {
    max-width: 80rem;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: auto; }
  #marketplaceProdukt .recommended-products .products-wrapper > .title {
    color: #1a377d;
    font-family: Roboto;
    font-weight: 100;
    font-size: 2rem;
    width: 100%;
    margin-left: 0.75rem; }
  @media screen and (min-width: 40rem) {
    #marketplaceProdukt .recommended-products {
      padding: 2rem; } }

#monitoringDistantTerm #container {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  #monitoringDistantTerm #container button[name="enter"] {
    margin: auto; }
  #monitoringDistantTerm #container .content {
    margin: 0 auto;
    flex-grow: 1;
    max-width: calc(100% - 22rem); }
  #monitoringDistantTerm #container .content #myVideo {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: black;
    padding: 0.5rem; }
  #monitoringDistantTerm #container .content .video-wrapper {
    position: relative;
    width: 20rem;
    transition: all 0.3s; }
  #monitoringDistantTerm #container .content .video-wrapper video {
    width: 100%; }
  #monitoringDistantTerm #container .content .video-wrapper .devicePlatform {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    text-shadow: 2px 1px #c5c5c5; }
  #monitoringDistantTerm #container .content .video-wrapper.big {
    position: absolute;
    width: 70vw !important;
    max-width: initial;
    z-index: 10;
    top: 5vw;
    left: 15vw; }
  #monitoringDistantTerm #container .content .commissars {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #monitoringDistantTerm #container .content .commissars .loader {
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/static/img/loader.gif");
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat;
    align-self: center; }
  #monitoringDistantTerm #container .content .commissars video {
    background-color: #dcdcdc;
    border-radius: 0.25rem; }
  #monitoringDistantTerm #container .content .commissars .commissar {
    margin-right: 1rem; }
  #monitoringDistantTerm #container .content .commissars .commissar .commissar-data {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem; }
  #monitoringDistantTerm #container .content .commissars .commissar .commissar-data .state {
    background-color: #e91c1c;
    border-radius: 50%;
    width: 1rem;
    height: 1rem; }
  #monitoringDistantTerm #container .content .commissars .commissar .commissar-data .state.connected {
    background-color: #79be48; }
  #monitoringDistantTerm #container .content .commissars .commissar .commissar-data .name {
    color: white;
    margin-left: 0.5rem; }
  #monitoringDistantTerm #container .content #monitoringDistantTermDetail.empty {
    height: 0; }
  #monitoringDistantTerm #container .content #monitoringDistantTermMonitoredStudents {
    margin-bottom: 3rem; }
  #monitoringDistantTerm #container .content #monitoringDistantTermMonitoredStudents .monitoringDistantTermMonitoredStudent {
    min-width: calc(50% - 1rem); }
  #monitoringDistantTerm #container .content #monitoringDistantTermStudents .monitoringDistantTermStudent {
    width: 100%;
    max-width: 20rem; }
  #monitoringDistantTerm #container .content .students {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #monitoringDistantTerm #container .content .students .loader {
    align-self: center;
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/static/img/loader.gif");
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat; }
  #monitoringDistantTerm #container .content .students video {
    background-color: #dcdcdc;
    border-radius: 0.25rem; }
  #monitoringDistantTerm #container .content .students .student {
    margin-right: 1rem;
    max-width: 30rem; }
  #monitoringDistantTerm #container .content .students .student .student-data {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem; }
  #monitoringDistantTerm #container .content .students .student .student-data .state {
    background-color: #e91c1c;
    border-radius: 50%;
    width: 1rem;
    height: 1rem; }
  #monitoringDistantTerm #container .content .students .student .student-data .state.connected {
    background-color: #79be48; }
  #monitoringDistantTerm #container .content .students .student .student-data .name {
    color: white;
    margin-left: 0.5rem; }
  #monitoringDistantTerm #container .content .students .student .studentImages {
    display: flex;
    margin-bottom: 0.5rem; }
  #monitoringDistantTerm #container .content .students .student .studentImages .image {
    width: 50%; }
  #monitoringDistantTerm #container .content .students .student .button-wrap {
    margin-top: 0.5rem; }
  #monitoringDistantTerm #container .content .students .student.activeCall .video-wrapper {
    width: 30rem; }
  #monitoringDistantTerm #container > .right {
    position: relative;
    width: 100%;
    max-width: 20rem;
    min-height: 100vh; }
  #monitoringDistantTerm #container > .right .conferenceAndChatWrapper {
    position: fixed;
    display: flex;
    flex-direction: column;
    margin: 0.5rem;
    width: calc(20rem - 1rem);
    height: calc(100vh - 1rem);
    top: 0;
    right: 0;
    bottom: 0; }
  #monitoringDistantTerm #container > .right .conferenceAndChatWrapper #monitoringDistantTermConference {
    margin-bottom: 0.5rem; }
  #novinky > .block.main {
    background-color: #333; }
  #novinky > .block.main > .content h1 {
    text-align: center;
    margin-bottom: 2rem;
    color: #fff; }
  #novinky > .block.main > .content .filter {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    background-color: #e4e4e4;
    margin-bottom: 2rem;
    padding: 2rem 3rem;
    width: calc(100% - 6rem); }
  #novinky > .block.main > .content .filter button {
    background-color: transparent;
    font-size: 1.5rem;
    color: #000; }
  #novinky > .block.main > .content .filter button.selected {
    background-color: #169bd5;
    color: #fff; }
  #novinky > .block.main > .content .items {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap; }
  #novinky > .block.main > .content .items .item {
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 3rem;
    width: calc(100% - 4rem);
    max-width: 30rem; }
  @media only screen and (min-width: 60em) {
            #novinky > .block.main > .content .items .item {
              width: calc(50% - 4rem - 2rem);
              max-width: initial; } }
  @media only screen and (min-width: 80em) {
            #novinky > .block.main > .content .items .item {
              width: calc(100% / 3 - 4rem - 2rem); } }
  #novinky > .block.main > .content .items .item .text {
    margin-bottom: 1rem; }
  #novinky > .block.main > .content .items .item .footer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 0.5rem 0; }
  @media only screen and (min-width: 60em) {
          #novinky > .block.main > .content .items {
            justify-content: space-between; } }

#oEfpa > .block.about {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url("/static/img/pages/about-efpa/about.jpg");
  background-position: 50% 50%;
  background-size: cover;
  width: 100%; }
  #oEfpa > .block.about .europe, #oEfpa > .block.about .czech {
    background-color: rgba(255, 255, 255, 0.9);
    margin: 1rem 0 0;
    padding: 1rem;
    width: calc(100% - 4rem);
    max-width: 30rem; }
  #oEfpa > .block.about .europe p, #oEfpa > .block.about .europe #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #oEfpa > .block.about .europe li, #oEfpa > .block.about .europe #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #oEfpa > .block.about .europe div, #oEfpa > .block.about .czech p, #oEfpa > .block.about .czech #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #oEfpa > .block.about .czech li, #oEfpa > .block.about .czech #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #oEfpa > .block.about .czech div {
    font-size: 0.75rem;
    line-height: 1.25; }
  #oEfpa > .block.about .czech {
    margin-bottom: 1rem; }
  @media screen and (min-width: 50em) {
      #oEfpa > .block.about {
        flex-direction: row;
        justify-content: center;
        min-height: 35rem; }
        #oEfpa > .block.about .europe, #oEfpa > .block.about .czech {
          margin: 2rem 1rem;
          width: calc(50% - 3rem); }
        #oEfpa > .block.about .czech {
          align-self: flex-start;
          margin-right: 1rem; }
        #oEfpa > .block.about .europe {
          align-self: flex-end;
          margin-left: 1rem; } }
  @media screen and (min-width: 70em) {
      #oEfpa > .block.about {
        min-height: 40rem; }
        #oEfpa > .block.about .europe p, #oEfpa > .block.about .europe #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #oEfpa > .block.about .europe li, #oEfpa > .block.about .europe #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #oEfpa > .block.about .europe div, #oEfpa > .block.about .czech p, #oEfpa > .block.about .czech #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #oEfpa > .block.about .czech li, #oEfpa > .block.about .czech #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #oEfpa > .block.about .czech div {
          font-size: 1rem; } }
  #oEfpa > .block.leaders, #oEfpa > .block.council, #oEfpa > .block.business-support-managers, #oEfpa > .block.how-we-work, #oEfpa > .block.download, #oEfpa > .block.for-media, #oEfpa > .block.gallery {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    width: calc(100% - 2rem); }
  #oEfpa > .block.leaders h2, #oEfpa > .block.council h2, #oEfpa > .block.business-support-managers h2, #oEfpa > .block.how-we-work h2, #oEfpa > .block.download h2, #oEfpa > .block.for-media h2, #oEfpa > .block.gallery h2, #oEfpa > .block.leaders h3, #oEfpa > .block.council h3, #oEfpa > .block.business-support-managers h3, #oEfpa > .block.how-we-work h3, #oEfpa > .block.download h3, #oEfpa > .block.for-media h3, #oEfpa > .block.gallery h3 {
    text-align: center; }
  #oEfpa > .block.leaders h3, #oEfpa > .block.council h3, #oEfpa > .block.business-support-managers h3, #oEfpa > .block.how-we-work h3, #oEfpa > .block.download h3, #oEfpa > .block.for-media h3, #oEfpa > .block.gallery h3 {
    margin-bottom: 1rem; }
  #oEfpa > .block.leaders .members, #oEfpa > .block.council .ethical-committee .members, #oEfpa > .block.business-support-managers .members {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #oEfpa > .block.leaders .members .break, #oEfpa > .block.council .ethical-committee .members .break, #oEfpa > .block.business-support-managers .members .break {
    width: 100%; }
  #oEfpa > .block.leaders .members .member, #oEfpa > .block.council .ethical-committee .members .member, #oEfpa > .block.business-support-managers .members .member {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem;
    width: calc(100% - 2rem);
    max-width: 20rem; }
  #oEfpa > .block.leaders .members .member img.avatar, #oEfpa > .block.council .ethical-committee .members .member img.avatar, #oEfpa > .block.business-support-managers .members .member img.avatar {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-bottom: 1rem;
    width: calc(100% - 2rem);
    max-width: 14rem; }
  #oEfpa > .block.leaders .members .member .name, #oEfpa > .block.council .ethical-committee .members .member .name, #oEfpa > .block.business-support-managers .members .member .name {
    text-align: center;
    font-size: 1.25rem;
    color: #1a377d; }
  #oEfpa > .block.leaders .members .member .position, #oEfpa > .block.council .ethical-committee .members .member .position, #oEfpa > .block.business-support-managers .members .member .position {
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 0.5rem; }
  #oEfpa > .block.leaders, #oEfpa > .block.business-support-managers, #oEfpa > .block.for-media {
    background-color: #fff; }
  #oEfpa > .block.council, #oEfpa > .block.how-we-work {
    background-color: #f1f1f1; }
  #oEfpa > .block.council .commissions {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #oEfpa > .block.council .commissions .commission, #oEfpa > .block.council .ethical-committee .about {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    width: calc(100% - 2rem);
    max-width: 20rem; }
  #oEfpa > .block.council .commissions .commission img, #oEfpa > .block.council .ethical-committee .about img {
    width: 4rem;
    height: 4rem; }
  #oEfpa > .block.council .commissions .commission .title, #oEfpa > .block.council .ethical-committee .about .title {
    text-align: center;
    font-size: 1rem;
    font-weight: bold; }
  @media screen and (min-width: 40em) {
        #oEfpa > .block.council .commissions .commission .title, #oEfpa > .block.council .ethical-committee .about .title {
          font-size: 1.25rem; } }
  #oEfpa > .block.council .ethical-committee {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #oEfpa > .block.council .ethical-committee .about {
    max-width: 30rem;
    text-align: center; }
  #oEfpa > .block.council .ethical-committee .about p, #oEfpa > .block.council .ethical-committee .about #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #oEfpa > .block.council .ethical-committee .about li, #oEfpa > .block.council .ethical-committee .about #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #oEfpa > .block.council .ethical-committee .about div {
    margin-bottom: 0; }
  #oEfpa > .block.council .ethical-committee .members .member {
    width: calc(100% - 2rem);
    max-width: 14rem; }
  #oEfpa > .block.council .ethical-committee .members .member .avatar {
    background-size: 6rem;
    width: 6rem;
    margin-bottom: 0.5rem;
    padding-top: 6rem;
    max-width: 6rem; }
  #oEfpa > .block.council .ethical-committee .members .member .name {
    font-size: 1rem;
    color: #383838; }
  #oEfpa > .block.council .ethical-committee .members .member .position {
    font-size: 0.75rem; }
  #oEfpa > .block.how-we-work .items {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 60rem; }
  #oEfpa > .block.how-we-work .items .item {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    width: calc(100% - 2rem);
    max-width: 20rem;
    text-align: center; }
  #oEfpa > .block.how-we-work .items .item img {
    margin-bottom: 1rem;
    width: 4rem;
    height: 4rem; }
  #oEfpa > .block.how-we-work .items .item .title {
    font-size: 1rem;
    margin-bottom: 0.5rem; }
  @media screen and (min-width: 40em) {
          #oEfpa > .block.how-we-work .items .item {
            text-align: left;
            width: calc(50% - 2rem); }
            #oEfpa > .block.how-we-work .items .item .title {
              font-size: 1.25rem; } }
  #oEfpa > .block.download {
    background-image: url("/static/img/pages/about-efpa/ke-stazeni.jpg"); }
  #oEfpa > .block.download .box {
    background-color: rgba(255, 255, 255, .75);
    padding: 2rem;
    width: calc(100% - 6rem);
    max-width: 30rem; }
  #oEfpa > .block.download .box .items {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #oEfpa > .block.download .box .items .item {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border: solid 1px #898989;
    margin: 0 0.5rem 1rem;
    padding: 1rem;
    width: 100%; }
  #oEfpa > .block.download .box .items .item h4 {
    text-align: center;
    margin-bottom: 1rem; }
  #oEfpa > .block.download .box .items .item .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between; }
  #oEfpa > .block.download .box .items .item .buttons a, #oEfpa > .block.download .box .items .item .buttons button {
    text-transform: uppercase;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 1rem 1rem;
    font-size: 0.75rem;
    display: block;
    padding: 1.25rem 0.5rem 0; }
  #oEfpa > .block.download .box .items .item .buttons a.show {
    background-image: url("/static/img/icons/show-blue.png"); }
  #oEfpa > .block.download .box .items .item .buttons a.download {
    background-image: url("/static/img/icons/download-blue.png"); }
  #oEfpa > .block.download .box .items .item.blue {
    background-color: #1a377d;
    color: #fff; }
  #oEfpa > .block.download .box .items .item.blue .buttons a {
    color: inherit; }
  #oEfpa > .block.download .box .items .item.blue .buttons a.show {
    background-image: url("/static/img/icons/show.png"); }
  #oEfpa > .block.download .box .items .item.blue .buttons a.download {
    background-image: url("/static/img/icons/download.png"); }
  @media screen and (min-width: 34em) {
            #oEfpa > .block.download .box .items .item {
              width: calc(50% - 3rem - 2px); }
              #oEfpa > .block.download .box .items .item:nth-child(3) {
                order: 1; } }
  #oEfpa > .block.for-media .articles {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap; }
  #oEfpa > .block.for-media .articles .article {
    margin: 0 1rem 1rem;
    width: calc(100% - 2rem);
    max-width: 30rem; }
  #oEfpa > .block.for-media .articles .article h4 {
    margin-bottom: 0.25rem;
    color: #1a377d; }
  #oEfpa > .block.for-media .articles .article .date {
    font-weight: 300; }
  #oEfpa > .block.for-media .articles .article .info {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  #oEfpa > .block.for-media .articles .article a.button {
    padding: 0.325rem 1.5rem; }
  #oEfpa > .block.for-media .articles .article a.button:hover {
    text-decoration: none; }
  #oEfpa > .block.for-media .articles .article.spacer {
    flex: 0 1 auto;
    height: 0px;
    display: none; }
  @media screen and (min-width: 40em) {
          #oEfpa > .block.for-media .articles .article {
            width: calc(50% - 2rem); }
            #oEfpa > .block.for-media .articles .article.spacer {
              flex: 0 1 auto;
              height: 0px;
              display: block; } }
  @media screen and (min-width: 60em) {
          #oEfpa > .block.for-media .articles .article {
            width: calc(33% - 2rem); }
            #oEfpa > .block.for-media .articles .article.spacer {
              display: none; } }
  #oEfpa > .block.gallery .albums {
    width: 100%;
    max-width: 50rem; }
  #oEfpa > .block.gallery .albums .album {
    margin-bottom: 1rem; }
  #oEfpa > .block.gallery .albums .album .header {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem; }
  #oEfpa > .block.gallery .albums .album .header .title {
    margin-right: 0.5rem;
    color: #1a377d; }
  #oEfpa > .block.gallery .albums .album .images {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%; }
  #oEfpa > .block.gallery .albums .album .images .image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    margin: 0 0.5rem 0.5rem 0;
    width: 12rem;
    height: calc(12rem / 3 * 2); }

#obchodniPodminky > .content {
  box-sizing: border-box;
  margin: auto;
  padding: 1rem 2rem;
  width: 100%;
  max-width: 60rem; }
  #obchodniPodminky > .content h1, #obchodniPodminky > .content h2 {
    text-align: center; }
  #obchodniPodminky > .content h2 {
    font-size: 1.25rem; }
  #obchodniPodminky > .content > ul > li {
    list-style-type: upper-roman; }
  #obchodniPodminky > .content > ul > li.terms .term {
    text-decoration: underline; }
  #obchodniPodminky > .content > ul > li ol {
    margin-bottom: 1rem; }

#objednatCokoliv #container .content .product > .title {
  width: 100%;
  margin-bottom: 0.5rem; }
  #objednatCokoliv #container .content .product > .title, #objednatCokoliv #container .content .product > .single > .title {
    font-weight: bold;
    font-size: 1.25rem;
    color: #1a377d; }
  #objednatCokoliv #container .content .product .variant {
    display: flex;
    border: 1px solid #1a377d;
    padding: 0.25rem;
    box-sizing: border-box;
    align-items: center;
    margin-bottom: 0.5rem;
    margin-left: 2rem; }
  #objednatCokoliv #container .content .product .variant.single {
    margin-left: 0; }
  #objednatCokoliv #container .content .product .variant .title {
    flex: 1 0 auto; }
  #objednatCokoliv #container .content .product .variant .price {
    width: 8rem;
    text-align: right;
    margin-right: 0.5rem; }

#onlineTest, #onlineTestVysledek, #onlineTestOtazky {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh; }
  #onlineTest #header, #onlineTestVysledek #header, #onlineTestOtazky #header {
    border-bottom: solid 1px #bfbfbf; }
  #onlineTest #container, #onlineTestVysledek #container, #onlineTestOtazky #container {
    flex-grow: 1;
    background-color: #fff;
    width: 100%;
    max-width: 80rem; }
  #onlineTest #container > .content h1, #onlineTestVysledek #container > .content h1, #onlineTestOtazky #container > .content h1 {
    text-align: center; }

#onlineTestOtazky #container > .content #questions .basic h2, #onlineTestOtazky #container > .content #questions .multiple h2, #onlineTestOtazky #container > .content #questions .case-studies h2 {
  color: #1a377d; }
  #onlineTestOtazky #container > .content #questions .question {
    margin-bottom: 1rem; }
  #onlineTestOtazky #container > .content #questions .question > .text {
    background-color: #1a377d;
    padding: 0.25rem 0.5rem;
    color: #fff; }
  #onlineTestOtazky #container > .content #questions .question .answers {
    margin-bottom: 1rem; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    border: solid 1px #898989;
    border-top: none;
    padding: 0.5rem; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer.gray, #onlineTestOtazky #container > .content #questions .question .answers .answer.red, #onlineTestOtazky #container > .content #questions .question .answers .answer.green {
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -webkit-transition: background-color 500ms linear;
    transition: background-color 500ms linear; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer.gray {
    background-color: #e5e5e5; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer.red {
    background-color: rgba(255, 0, 0, .25); }
  #onlineTestOtazky #container > .content #questions .question .answers .answer.red .wrong {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer.green {
    background-color: rgba(0, 255, 0, .25); }
  #onlineTestOtazky #container > .content #questions .question .answers .answer.green .right {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer input[type="radio"], #onlineTestOtazky #container > .content #questions .question .answers .answer input[type="checkbox"] {
    margin-right: 0.5rem; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer .text {
    flex-grow: 1;
    font-size: 0.9rem; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer .right, #onlineTestOtazky #container > .content #questions .question .answers .answer .wrong {
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    display: none;
    min-width: 5rem; }
  #onlineTestOtazky #container > .content #questions .question .answers .answer .right img, #onlineTestOtazky #container > .content #questions .question .answers .answer .wrong img {
    margin-right: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  #onlineTestOtazky #container > .content .this-is-wrong-answer, #onlineTestOtazky #container > .content .this-is-right-answer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem; }
  #onlineTestOtazky #container > .content .this-is-wrong-answer img, #onlineTestOtazky #container > .content .this-is-right-answer img {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #onlineTestOtazky #container > .content .this-is-wrong-answer span, #onlineTestOtazky #container > .content .this-is-right-answer span {
    font-size: 1.25rem; }

#onlineTestVysledek #container > .content {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #onlineTestVysledek #container > .content .criteria-stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    padding: 1rem 1.5rem;
    min-width: 10rem; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .icon {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    margin-bottom: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria.red {
    background-color: #e91c1c33; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria.red .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #onlineTestVysledek #container > .content .criteria-stats .criteria.red .real {
    color: #e91c1c; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria.green {
    background-color: #79be4833; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria.green .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #onlineTestVysledek #container > .content .criteria-stats .criteria.green .real {
    color: #79be48; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .title {
    text-transform: uppercase;
    border-bottom: solid 1px #000;
    margin-bottom: 0.5rem; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .success {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .success .minimal, #onlineTestVysledek #container > .content .criteria-stats .criteria .success .real {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9rem;
    margin: 0 0.5rem; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .success .minimal .value, #onlineTestVysledek #container > .content .criteria-stats .criteria .success .real .value {
    font-weight: bold; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .success .minimal .label, #onlineTestVysledek #container > .content .criteria-stats .criteria .success .real .label {
    font-size: 0.75rem; }
  #onlineTestVysledek #container > .content .criteria-stats .criteria .success .minimal {
    color: #898989; }
  #onlineTestVysledek #container > .content .summary {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem; }
  #onlineTestVysledek #container > .content .summary .icon {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #onlineTestVysledek #container > .content .summary .icon.red {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #onlineTestVysledek #container > .content .summary .icon.green {
    background-image: url("/static/img/icons/answer-right.png"); }
  #onlineTestVysledek #container > .content .summary .text {
    text-transform: uppercase;
    font-size: 1.25rem; }

#onlineTest #container > .content .time-to-start {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #onlineTest #container > .content .time-to-start #distantTermTestTimeToStart {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 4rem;
    color: #1a377d; }
  #onlineTest #container > .content .time-to-start #distantTermTestTimeToStart .title {
    text-transform: uppercase;
    margin-bottom: 0.5rem; }
  #onlineTest #container > .content .time-to-start #distantTermTestTimeToStart .time {
    font-family: Monaco;
    font-size: 1.25rem;
    color: #383838; }
  #onlineTest #container > .content .enrollments {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    max-width: 40rem; }
  #onlineTest #container > .content .enrollments p, #onlineTest #container > .content .enrollments #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #onlineTest #container > .content .enrollments li, #onlineTest #container > .content .enrollments #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #onlineTest #container > .content .enrollments div {
    font-size: 1.25rem; }
  #onlineTest #container > .content .enrollments .enrollment {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5rem;
    border: solid 1px #1a377d;
    padding: 1rem 2rem; }
  #onlineTest #container > .content .enrollments .enrollment .title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: #1a377d; }
  #onlineTest #container > .content .enrollments .enrollment .subtitle {
    margin-bottom: 2rem; }
  #onlineTest #container > .content .before-start {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #onlineTest #container > .content .before-start .title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: #1a377d; }
  #onlineTest #container > .content .before-start .subtitle {
    margin-bottom: 1rem; }
  #orderConfirmation {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #orderConfirmation img.logo {
    margin-bottom: 2rem; }

#partners {
  background-color: #fff; }
  #partners button, #partners input[type="button"], #partners input[type="submit"], #partners a.button, #partners .a.button {
    background-color: #c5e9ed;
    color: #0ca7c6;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem; }
  #partners h3 {
    font-size: 0.875rem;
    color: #0ca7c6; }
  #partners #partnersHeader {
    width: 100%; }
  #partners #partnersHeader > .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    width: calc(100% - 1rem);
    max-width: 80rem; }
  #partners #partnersHeader > .content .left {
    margin-right: 0.5rem; }
  #partners #partnersHeader > .content .left .logo {
    flex-shrink: 0;
    padding-top: 1rem;
    width: 12.5rem; }
  #partners #partnersHeader > .content .right {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-grow: 1;
    flex-wrap: wrap;
    padding-top: 0.25rem; }
  #partners #partnersHeader > .content .right .button-wrap {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem; }
  @media (min-width: 35em) {
      #partners #partnersHeader > .content {
        width: calc(100% - 3rem); }
        #partners #partnersHeader > .content .right {
          padding-top: 0.25rem;
          flex-direction: row;
          align-items: center; }
          #partners #partnersHeader > .content .right .button-wrap {
            margin-right: 0.5rem;
            margin-bottom: 0;
            margin-top: 0; } }
  #partners #container > .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding-top: 2rem; }
  #partners #container > .content .left {
    box-sizing: border-box;
    flex: 1 0 auto;
    width: 100%; }
  #partners #container > .content .left .filter {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1rem; }
  #partners #container > .content .left .filter h3 {
    margin-bottom: 1rem; }
  #partners #container > .content .left .filter .row {
    padding-left: 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 0.75rem; }
  #partners #container > .content .left .categories ul li {
    font-weight: bold; }
  #partners #container > .content .right {
    box-sizing: border-box;
    width: 100%;
    flex: 1 0 auto; }
  #partners #container > .content .right .category-title, #partners #container > .content .right .category-description {
    display: none; }
  #partners #container > .content .right .path-and-order {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    flex-wrap: wrap;
    position: relative; }
  #partners #container > .content .right .path-and-order .order {
    margin: auto; }
  #partners #container > .content .right .path-and-order .order select {
    margin-left: 0.5rem;
    height: initial;
    font-size: 0.75rem; }
  #partners #container > .content .right .courses {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap; }
  #partners #container > .content .right .courses a {
    color: inherit;
    text-decoration: none; }
  #partners #container > .content .right .courses .card-wrap {
    text-align: left;
    box-sizing: border-box;
    padding: 1rem;
    width: 100%; }
  @media only screen and (min-width: 40em) {
            #partners #container > .content .right .courses .card-wrap {
              width: 50%; } }
  @media only screen and (min-width: 60em) {
            #partners #container > .content .right .courses .card-wrap {
              width: 33%; } }
  #partners #container > .content .right .courses .card-wrap .card {
    color: black;
    border: solid 1px #e0e0e0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%; }
  #partners #container > .content .right .courses .card-wrap .card:hover {
    text-decoration: none; }
  #partners #container > .content .right .courses .card-wrap .card .image {
    position: relative;
    padding-top: calc(100% * 9 / 16);
    width: 100%;
    overflow: hidden; }
  #partners #container > .content .right .courses .card-wrap .card .image img {
    position: absolute;
    width: 100%;
    top: 0;
    object-position: top center;
    object-fit: cover; }
  #partners #container > .content .right .courses .card-wrap .card .texts {
    padding: 0.25rem;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  #partners #container > .content .right .courses .card-wrap .card .texts .title {
    margin-bottom: 0.5rem; }
  #partners #container > .content .right .courses .card-wrap .card .texts .author {
    margin-top: auto;
    color: #0ca7c6;
    margin-bottom: 0.5rem; }
  #partners #container > .content .right .courses .card-wrap .card .texts .rating {
    display: flex;
    align-items: center; }
  #partners #container > .content .right .courses .card-wrap .card .texts .rating .stars {
    display: flex;
    margin-right: 1rem; }
  #partners #container > .content .right .courses .card-wrap .card .texts .rating .stars .star {
    background-image: url("/static/img/icons/star.png");
    background-repeat: no-repeat;
    background-size: 3rem 4.5rem;
    background-position: 0% 100%;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.125rem; }
  #partners #container > .content .right .courses .card-wrap .card .texts .rating .number {
    color: #f97d24; }
  @media screen and (min-width: 40rem) {
      #partners #container > .content .left {
        padding-right: 1rem;
        width: 14rem; }
      #partners #container > .content .right {
        width: calc(100% - 14rem); } }

#poradci #container > .block {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
  width: calc(100% - 2rem); }
  #poradci #container > .block > .content {
    max-width: 60rem; }
  #poradci #container > .block.main {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background-image: url("/static/img/pages/poradci/main.jpg");
    background-position: 50% 50%;
    background-size: cover;
    width: calc(100% - 2rem); }
  @media only screen and (min-width: 40em) {
        #poradci #container > .block.main {
          padding-top: 4rem; } }
  #poradci #container > .block.main .box {
    position: relative;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    margin: 2rem 0;
    padding: 2rem 3rem 3rem 3rem;
    width: calc(100% - 8rem);
    max-width: 45rem; }
  #poradci #container > .block.main .box .number-of-advisors {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-box-shadow: 0 2px 10px 0px #000;
    -moz-box-shadow: 0 2px 10px 0px #000;
    box-shadow: 0 2px 10px 0px #000;
    position: absolute;
    padding: 0.5rem;
    width: 6rem;
    height: 6rem; }
  #poradci #container > .block.main .box .number-of-advisors.pfp {
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    background-color: #6fb4da;
    bottom: -3rem;
    left: -0.5rem; }
  #poradci #container > .block.main .box .number-of-advisors.efp {
    background-color: #e2b400;
    left: 0;
    right: 0;
    bottom: -7.5rem;
    margin-left: auto;
    margin-right: auto; }
  #poradci #container > .block.main .box .number-of-advisors.efa {
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    background-color: #487bbc;
    bottom: -3rem;
    right: -0.5rem; }
  #poradci #container > .block.main .box .number-of-advisors .circle {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    text-transform: uppercase;
    border: solid 2px #fff;
    font-family: Montserrat;
    font-weight: bold;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    color: #fff; }
  #poradci #container > .block.main .box .number-of-advisors .circle .value {
    font-size: 1.5rem; }
  @media screen and (min-width: 70em) {
            #poradci #container > .block.main .box .number-of-advisors {
              width: 10rem;
              height: 10rem; }
              #poradci #container > .block.main .box .number-of-advisors.pfp {
                bottom: -6rem;
                left: -8rem; }
              #poradci #container > .block.main .box .number-of-advisors.efa {
                bottom: -6rem;
                right: -8rem; }
              #poradci #container > .block.main .box .number-of-advisors .circle .value {
                font-size: 3rem; } }
  #poradci #container > .block.info {
    background-color: #fff;
    padding-top: 4rem; }
  #poradci #container > .block.info .infoBox #infoMenu {
    min-width: 15rem; }
  #poradci #container > .block.info .infoBox #infoMenu ul {
    padding: 0.5rem 0; }
  #poradci #container > .block.info .infoBox #infoMenu ul li a .title {
    white-space: normal; }
  #poradci #container > .block.info .contents .content {
    margin-bottom: 1rem; }
  #poradci #container > .block.info .contents .content ul li {
    margin-bottom: 0.5rem; }
  #poradci #container > .block.info .contents .content div a {
    font-weight: 400; }

#pripominkovaniOtazek #container h1 {
  text-align: center;
  margin: 1rem 0; }
  #pripominkovaniOtazek #container .no-products {
    font-size: 1.5rem;
    margin-bottom: 1rem; }
  #pripominkovaniOtazek #container #products {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #pripominkovaniOtazek #container #products .product {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    width: calc(100% - 2rem);
    max-width: 40rem;
    flex-direction: column; }
  #pripominkovaniOtazek #container #products .product .header, #pripominkovaniOtazek #container #products .product .body, #pripominkovaniOtazek #container #products .product .footer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    box-sizing: border-box;
    border: solid 1px #1a377d; }
  #pripominkovaniOtazek #container #products .product .body, #pripominkovaniOtazek #container #products .product .footer {
    background-color: #fff; }
  #pripominkovaniOtazek #container #products .product .header {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-top-right-radius: 0.5rem;
    -moz-border-top-left-radius: 0.5rem;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #1a377d;
    padding: 0.5rem;
    color: #fff; }
  #pripominkovaniOtazek #container #products .product .header .title {
    padding-top: 0.125rem; }
  #pripominkovaniOtazek #container #products .product .header .state {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    font-weight: normal;
    padding: 0.125rem 0.25rem;
    color: #1a377d; }
  #pripominkovaniOtazek #container #products .product .body {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: none;
    border-bottom: none;
    padding: 1rem 0.5rem; }
  #pripominkovaniOtazek #container #products .product .body .stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%; }
  #pripominkovaniOtazek #container #products .product .body .stats .left, #pripominkovaniOtazek #container #products .product .body .stats .right {
    margin-bottom: 1rem; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .percentage svg, #pripominkovaniOtazek #container #products .product .body .stats .right .percentage svg {
    width: 100%;
    height: 100%; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .percentage svg path.bg, #pripominkovaniOtazek #container #products .product .body .stats .right .percentage svg path.bg {
    stroke: #cdcdcd; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .percentage svg path.fg, #pripominkovaniOtazek #container #products .product .body .stats .right .percentage svg path.fg {
    stroke: #79be48; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .percentage svg text, #pripominkovaniOtazek #container #products .product .body .stats .right .percentage svg text {
    font-size: 1.25rem;
    fill: #79be48; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .percentage {
    width: 100px;
    height: 80px; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .percentage svg text {
    font-size: 1.25rem; }
  #pripominkovaniOtazek #container #products .product .body .stats .left .value {
    text-align: center;
    margin-bottom: 0.5rem;
    font-weight: bold;
    margin-top: 0.5rem;
    width: 100px;
    color: #79be48; }
  #pripominkovaniOtazek #container #products .product .body .stats .right {
    flex-grow: 1; }
  #pripominkovaniOtazek #container #products .product .body .stats .right table tr td {
    vertical-align: middle;
    height: 2rem; }
  #pripominkovaniOtazek #container #products .product .body .stats .right table tr td.percentage {
    width: 2rem; }
  #pripominkovaniOtazek #container #products .product .body .stats .right table tr td.label, #pripominkovaniOtazek #container #products .product .body .stats .right table tr td.value {
    padding: 0 0.25rem 0.25rem; }
  #pripominkovaniOtazek #container #products .product .body .stats .right table tr td.value {
    text-align: right;
    color: #898989; }
  #pripominkovaniOtazek #container #products .product .body .stats .right table tr td svg {
    max-height: 2rem; }
  @media screen and (min-width: 25em) {
            #pripominkovaniOtazek #container #products .product .body .stats {
              flex-direction: row; }
              #pripominkovaniOtazek #container #products .product .body .stats .left {
                order: 1; } }
  #pripominkovaniOtazek #container #products .product .body .main-categories-stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1rem;
    width: 100%; }
  #pripominkovaniOtazek #container #products .product .body .main-categories-stats .category {
    flex-wrap: wrap; }
  #pripominkovaniOtazek #container #products .product .body .main-categories-stats .category .label {
    padding-right: 0.5rem; }
  #pripominkovaniOtazek #container #products .product .body .main-categories-stats .category .value {
    vertical-align: bottom;
    text-align: right;
    color: #898989; }
  #pripominkovaniOtazek #container #products .product .body .info-message {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  #pripominkovaniOtazek #container #products .product .body .user-numbers {
    margin-bottom: 1rem;
    color: #f9b34b; }
  #pripominkovaniOtazek #container #products .product .footer {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-bottom-right-radius: 0.5rem;
    -moz-border-bottom-left-radius: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.25rem 0.5rem; }
  #pripominkovaniOtazek #container #products .product .footer a {
    text-transform: uppercase;
    margin: 0 0.5rem; }

#pripominkovaniOtazekProdukt #container {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff; }
  #pripominkovaniOtazekProdukt #container .top-bar {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1a377d;
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    min-height: 3rem; }
  #pripominkovaniOtazekProdukt #container .top-bar button[name="back"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .top-bar button[name="back"]:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #fff;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #pripominkovaniOtazekProdukt #container h1 {
    text-align: center; }
  #pripominkovaniOtazekProdukt #container .buttons, #pripominkovaniOtazekProdukt #container #meta-buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 1rem); }
  #pripominkovaniOtazekProdukt #container .buttons button, #pripominkovaniOtazekProdukt #container #meta-buttons button {
    margin: 0 0.5rem 0.5rem;
    min-width: 16rem; }
  @media screen and (min-width: 40em) {
      #pripominkovaniOtazekProdukt #container .buttons, #pripominkovaniOtazekProdukt #container #meta-buttons {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start; } }
  #pripominkovaniOtazekProdukt #container #questionsHeader, #pripominkovaniOtazekProdukt #container #questionsFilter, #pripominkovaniOtazekProdukt #container .questions {
    width: calc(100% - 2rem);
    max-width: 40rem; }
  #pripominkovaniOtazekProdukt #container #questionsHeader {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
  @media screen and (min-width: 30em) {
        #pripominkovaniOtazekProdukt #container #questionsHeader .filter-button {
          display: none; } }
  #pripominkovaniOtazekProdukt #container #questionsFilter {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #pripominkovaniOtazekProdukt #container #questionsFilter.hidden {
    display: none; }
  @media screen and (min-width: 30em) {
        #pripominkovaniOtazekProdukt #container #questionsFilter.hidden {
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -webkit-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -moz-box;
          /* TWEENER - IE 10 */
          display: -ms-flexbox;
          /* NEW - Chrome */
          display: -webkit-flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          display: flex; } }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row:first-child, #pripominkovaniOtazekProdukt #container #questionsFilter .row.state {
    margin-left: 0; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row.author, #pripominkovaniOtazekProdukt #container #questionsFilter .row.state, #pripominkovaniOtazekProdukt #container #questionsFilter .row.type, #pripominkovaniOtazekProdukt #container #questionsFilter .row.commented, #pripominkovaniOtazekProdukt #container #questionsFilter .row.commentedBy {
    margin-left: 0;
    width: 100%; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row.comments {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row.category {
    margin-left: 0; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row label:after {
    content: ":";
    margin-right: 0.5rem; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row input {
    flex-grow: 1;
    margin-bottom: 0; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row input[name="id"] {
    max-width: 4rem; }
  #pripominkovaniOtazekProdukt #container #questionsFilter .row select {
    width: 100%; }
  @media screen and (min-width: 30em) {
        #pripominkovaniOtazekProdukt #container #questionsFilter .row.author, #pripominkovaniOtazekProdukt #container #questionsFilter .row.state, #pripominkovaniOtazekProdukt #container #questionsFilter .row.type {
          flex-grow: 1;
          margin-left: 0.5rem;
          width: 20%; }
        #pripominkovaniOtazekProdukt #container #questionsFilter .row.commented, #pripominkovaniOtazekProdukt #container #questionsFilter .row.commentedBy {
          width: calc(50% - .5rem); }
        #pripominkovaniOtazekProdukt #container #questionsFilter .row select[name="state"], #pripominkovaniOtazekProdukt #container #questionsFilter .row select[name="type"] {
          flex-grow: 1; } }
  @media screen and (min-width: 40em) {
        #pripominkovaniOtazekProdukt #container #questionsFilter .row.state {
          margin-left: 0.5rem; } }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s1, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s1 {
    background-color: #595959;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s2, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s2 {
    background-color: #0cf;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s3, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s3 {
    background-color: #f9b34b;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s4, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s4 {
    background-color: #e14dff;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s5, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s5 {
    background-color: #e91c1c;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s6, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s6 {
    background-color: #000;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s7, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s7 {
    background-color: #e14dff;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s8, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s8 {
    background-color: #f9b34b;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s9, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s9 {
    background-color: #0cf;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s10, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s10 {
    background-color: #ff9681;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .state.s11, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state.s11 {
    background-color: #79be48;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .checklist, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .checklist {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    margin-top: 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .checklist .cl-item, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .checklist .cl-item {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #000;
    margin: 0 0.125rem;
    width: 1rem;
    height: 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .checklist .cl-item .checked, #pripominkovaniOtazekProdukt #container .questions .progress .item .row .checklist .cl-item .checked {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #000;
    width: 0.5rem;
    height: 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question {
    position: relative;
    text-decoration: none;
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
    color: inherit; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .header, #pripominkovaniOtazekProdukt #container .questions .question.unpacked .body, #pripominkovaniOtazekProdukt #container .questions .question.unpacked .footer {
    border-color: #1a377d; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .header {
    background-color: #1a377d;
    color: #fff; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .header .icon.basic {
    background-position: 0rem -1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .header .icon.multiple {
    background-position: -1rem -1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .header .icon.caseStudy {
    background-position: -2rem -1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .header .klikev {
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border-color: #fff;
    top: 0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .question.unpacked .footer .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #pripominkovaniOtazekProdukt #container .questions .question .header, #pripominkovaniOtazekProdukt #container .questions .question .body, #pripominkovaniOtazekProdukt #container .questions .question .footer {
    border: solid 1px #c1c1c1;
    box-sizing: border-box;
    padding: 0.5rem 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .header, #pripominkovaniOtazekProdukt #container .questions .question .footer {
    min-height: 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .header {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    -webkit-border-top-left-radius: 0.5rem;
    -moz-border-top-right-radius: 0.5rem;
    -moz-border-top-left-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    background-color: #c1c1c1;
    border-top: none;
    color: #000; }
  #pripominkovaniOtazekProdukt #container .questions .question .header .icon {
    background-image: url("/static/img/icons/question-types.png");
    background-repeat: no-repeat;
    background-size: 3rem 2rem;
    width: 1rem;
    height: 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .header .icon.basic {
    background-position: 0 0; }
  #pripominkovaniOtazekProdukt #container .questions .question .header .icon.multiple {
    background-position: -1rem 0rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .header .icon.caseStudy {
    background-position: -2rem 0rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .header .id {
    margin: 0 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .header .klikev {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border: solid 0.125rem #000;
    border-top: 0;
    border-left: 0;
    width: 0.75rem;
    height: 0.75rem;
    top: -0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body {
    border-top: none;
    border-bottom: none;
    padding: 0; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    padding: 0 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .l {
    flex-grow: 1;
    box-sizing: border-box;
    margin-right: 1rem;
    padding: 0.5rem 0; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .l .category {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    color: #898989; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .l .category > span:after {
    content: "\00bb";
    margin: 0 0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .l .category > span:last-child:after {
    content: "";
    margin: 0; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .r {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    flex-shrink: 0;
    flex-grow: 1; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .r .state {
    margin-top: 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row .r .author {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    color: #898989; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail {
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 1rem 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail > .text {
    font-size: 1rem;
    margin: 1rem 0 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .answers {
    margin-top: 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .answers .answer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .answers .answer img {
    position: relative;
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
    top: 0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .answers .answer .text {
    margin-top: 0.125rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .subquestions .subquestion {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border: solid 1px #898989;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .subquestions .subquestion .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin: 1rem 0 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .subquestions .subquestion .buttons a {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    text-decoration: none;
    font-size: 0.9rem;
    border: solid 1px #1a377d;
    margin: 0 0.5rem;
    padding: 0.25rem 0.5rem; }
    #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .subquestions .subquestion .buttons a.delete-subquestion {
      border-color: #e91c1c;
      color: #e91c1c; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail button[name="addSubquestion"] {
    margin: 0 auto 0 0; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .source, #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .explanation {
    margin-top: 1rem;
    font-size: 0.9rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .source .label, #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .explanation .label {
    font-weight: bold; }
  #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .source .label:after, #pripominkovaniOtazekProdukt #container .questions .question .body .row.detail .explanation .label:after {
    content: ":"; }
  #pripominkovaniOtazekProdukt #container .questions .question .footer {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-bottom-right-radius: 0.5rem;
    -moz-border-bottom-left-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    border-top: none; }
  #pripominkovaniOtazekProdukt #container .questions .question .footer .buttons {
    display: none;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .footer .buttons a {
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    text-decoration: none;
    font-size: 0.9rem;
    border: solid 1px #1a377d;
    margin: 0 0.5rem 0.5rem;
    padding: 0.25rem 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .question .footer .stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    color: #898989; }
  #pripominkovaniOtazekProdukt #container .questions .question .loading {
    border-radius: 0.325rem;
    -webkit-border-radius: 0.325rem;
    -moz-border-radius: 0.325rem;
    position: absolute;
    background-color: rgba(0, 0, 0, .75);
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 2rem 2rem;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px; }
  #pripominkovaniOtazekProdukt #container .questions .progress {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    background-color: #efefef;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    width: 80%;
    max-width: 25rem; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.own {
    background-color: #def;
    align-self: flex-end; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple {
    background-color: transparent;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0.25rem;
    padding: 0;
    width: 100%;
    max-width: 100%; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row {
    align-items: baseline; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .author, #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .comment, #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .date {
    line-height: 1.75; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .author, #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .comment {
    margin-right: 0.25rem; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .author {
    color: #1a377d; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .date {
    font-size: 0.675rem;
    margin-right: 0.5rem;
    color: #898989; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item.simple .row .state {
    font-size: 0.675rem; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    font-size: 0.75rem;
    width: 100%; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row.author-state {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row.author-state .state-and-checklist {
    justify-content: flex-end; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row.author-state .state-and-checklist .author {
    color: #1a377d; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row.author-state .state-and-checklist .state {
    font-size: 0.625rem; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row.comment.automatic {
    font-style: italic; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row.date {
    justify-content: flex-end;
    font-size: 0.625rem;
    color: #898989; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state-and-checklist {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1; }
  #pripominkovaniOtazekProdukt #container .questions .progress .item .row .state-and-checklist .checklist {
    margin: 0; }
  #pripominkovaniOtazekProdukt #container .questions .progress form[name="new-comment"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column; }
  #pripominkovaniOtazekProdukt #container .questions .progress form[name="new-comment"] textarea[name="comment"] {
    margin-bottom: 0.5rem;
    width: 100%; }
  #pripominkovaniOtazekProdukt #container .questions .progress form[name="new-comment"] input[name="submit"] {
    align-self: flex-end;
    margin-bottom: 1rem; }
  #pripominkovaniOtazekProdukt #container .questions hr {
    background-color: #1a377d;
    border: none;
    margin: 1rem 0 2rem;
    height: 0.125rem;
    width: 100%; }

#pripominkovaniOtazekRole #container {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff; }
  #pripominkovaniOtazekRole #container .top-bar {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1a377d;
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    min-height: 3rem; }
  #pripominkovaniOtazekRole #container .top-bar button[name="back"] {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff; }
  #pripominkovaniOtazekRole #container .top-bar button[name="back"]:before {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border: solid 0.125rem #fff;
    border-right: none;
    border-top: none;
    display: block;
    width: 0.5rem;
    height: 0.5rem; }
  #pripominkovaniOtazekRole #container .buttons {
    margin-bottom: 1rem; }
  #pripominkovaniOtazekRole #container table.roles {
    border-collapse: collapse;
    border: solid 1px #000;
    font-size: 0.9rem; }
  #pripominkovaniOtazekRole #container table.roles thead th, #pripominkovaniOtazekRole #container table.roles tbody td {
    padding: 0.25rem 0.5rem; }
  #pripominkovaniOtazekRole #container table.roles thead th {
    text-align: left; }
  #pripominkovaniOtazekRole #container table.roles tbody tr {
    background-color: #fff; }
  #pripominkovaniOtazekRole #container table.roles tbody tr:nth-child(10n+1), #pripominkovaniOtazekRole #container table.roles tbody tr:nth-child(10n+2), #pripominkovaniOtazekRole #container table.roles tbody tr:nth-child(10n+3), #pripominkovaniOtazekRole #container table.roles tbody tr:nth-child(10n+4), #pripominkovaniOtazekRole #container table.roles tbody tr:nth-child(10n+5) {
    background-color: #f1f1f1; }
  #pripominkovaniOtazekRole #container table.roles tbody tr:nth-child(5n+1) td {
    border-top: solid 1px #000; }
  #pripominkovaniOtazekRole #container table.roles tbody tr td {
    vertical-align: top; }
  #pripominkovaniOtazekRole #container table.roles tbody tr td.role div {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    align-items: center; }
  #pripominkovaniOtazekRole #container table.roles tbody tr td.role div img {
    margin-right: 0.25rem;
    width: 1rem;
    height: 1rem; }

#profil #container {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff; }
  #profil #container .page-header {
    width: 100%;
    padding-bottom: 0; }
  #profil #container .avatar {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 4rem;
    margin-bottom: 1rem;
    width: 8rem;
    height: 8rem; }
  #profil #container table, #profil #container .vignette {
    width: calc(100% - 2rem);
    max-width: 40rem; }
  #profil #container table tr.certificates th, #profil #container table tr.certificates td {
    padding-bottom: 1rem; }
  #profil #container table tr.certificates td .cert {
    margin-bottom: 0.5rem; }
  #profil #container table tr.certificates td .cert .code {
    font-size: 0.9rem;
    font-style: italic;
    color: #898989; }
  #profil #container table tr.vignette th, #profil #container table tr.vignette td {
    padding-top: 1rem; }
  #profil #container table tr th {
    text-align: left;
    vertical-align: top;
    padding-right: 1rem;
    font-weight: 300; }
  #profil #container .vignette {
    font-weight: 300;
    margin-bottom: 1rem; }
  #profil #container .contact-me {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f1f1f1;
    margin-bottom: 2rem;
    padding: 2rem 0;
    width: 100%;
    max-width: 40rem; }
  #profil #container .contact-me form[name="contact"] {
    width: calc(100% - 2rem);
    max-width: 20rem; }
  #profil #container .contact-me form[name="contact"] h2 {
    text-align: center;
    margin-bottom: 1rem; }
  #profil #container .contact-me form[name="contact"] .row.error-message {
    text-align: center;
    margin-top: 1rem;
    color: #e91c1c; }
  #profil #container .contact-me form[name="contact"] .row label {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    color: #898989; }
  #profil #container .contact-me form[name="contact"] .row input[name="email"], #profil #container .contact-me form[name="contact"] .row textarea[name="message"] {
    background-color: #fff;
    width: calc(100% - 2px); }
  #profil #container .contact-me form[name="contact"] .row input[name="submit"] {
    width: 100%; }

#registrace #container {
  border-top: solid 1px #bfbfbf;
  background-color: #fff; }
  #registrace #container .notice {
    background-color: #e9efff;
    border: solid 1px ;
    box-sizing: border-box;
    font-size: 0.9rem;
    margin: 1rem 1rem 0;
    padding: 0.5rem 1rem;
    max-width: 60rem; }
  #registrace #container form {
    max-width: 25rem; }
  #registrace #container form .row.email > div {
    display: flex; }
  #registrace #container form .row.email > div input[name="emailPrefix"] {
    margin-right: 0.5rem; }

#secondFactorInit #container .content .notice {
  color: #e91c1c; }
  #secondFactorInit #container .content .texts {
    font-size: 0.875rem;
    padding-left: 1rem; }
  #secondFactorInit #container .content form {
    margin-top: 1rem;
    text-align: center; }
  #secondFactorInit #container .content form .row {
    margin-bottom: 1rem; }

#ssoRegistration #container {
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -moz-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Chrome */
  display: -webkit-flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: flex;
  flex-direction: column;
  align-items: center; }
  #ssoRegistration #container form .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #ssoRegistration #container form .row.agreements {
    align-items: flex-start; }
  #ssoRegistration #container form .row label {
    margin-bottom: 0.5rem; }
  #ssoRegistration #container form .row input[name="submit"] {
    margin: 0.5rem 0 1rem; }

#termAttendanceListNVZDPZPdf > .page {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 210mm;
  padding-top: 14mm;
  padding-left: 20mm;
  padding-right: 20mm;
  padding-bottom: 18mm;
  background-color: white;
  box-sizing: border-box; }
  @media print {
    #termAttendanceListNVZDPZPdf > .page {
      page-break-after: always;
      page-break-inside: avoid; } }
  #termAttendanceListNVZDPZPdf > .page h2 {
    text-transform: uppercase; }
  #termAttendanceListNVZDPZPdf > .page h3 {
    font-size: 0.75rem;
    font-weight: bold; }
  #termAttendanceListNVZDPZPdf > .page p, #termAttendanceListNVZDPZPdf > .page #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #termAttendanceListNVZDPZPdf > .page li, #termAttendanceListNVZDPZPdf > .page #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #termAttendanceListNVZDPZPdf > .page div {
    font-size: 0.75rem; }
  @media print {
      #termAttendanceListNVZDPZPdf > .page .pageBreak {
        page-break-before: always;
        page-break-inside: avoid; } }
  #termAttendanceListNVZDPZPdf > .page .header-wrap {
    display: flex;
    flex-wrap: wrap; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left {
    width: 75%;
    flex-grow: 1; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left .term, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .place, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .productTitle, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .expertiseGroup, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .duration, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .content {
    display: flex;
    align-items: flex-start; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left .term .title, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .place .title, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .productTitle .title, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .expertiseGroup .title, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .duration .title, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .content .title {
    flex-shrink: 0;
    font-size: 0.625rem;
    width: 50mm;
    margin-top: 0.125rem; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left .term .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .place .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .productTitle .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .expertiseGroup .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .duration .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .content .value {
    font-weight: bold;
    font-size: 0.875rem; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left .term .values .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .place .values .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .productTitle .values .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .expertiseGroup .values .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .duration .values .value, #termAttendanceListNVZDPZPdf > .page .header-wrap .left .content .values .value {
    margin-bottom: 0.25rem; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left .text {
    font-size: 0.625rem;
    margin: 2mm 0; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .left .place {
    margin-bottom: 2rem; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .right {
    max-width: 25%; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .right .teams-meeting-qr {
    margin-bottom: 1rem; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .right .teams-meeting-qr .title {
    font-size: 0.625rem; }
  #termAttendanceListNVZDPZPdf > .page .header-wrap .right .teams-meeting-qr img {
    flex-shrink: 0;
    display: block; }
  #termAttendanceListNVZDPZPdf > .page .declaration {
    font-size: 0.75rem;
    text-align: justify;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  #termAttendanceListNVZDPZPdf > .page .lateArrival {
    margin: 1rem 0; }
  #termAttendanceListNVZDPZPdf > .page .lateArrival p, #termAttendanceListNVZDPZPdf > .page .lateArrival #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #termAttendanceListNVZDPZPdf > .page .lateArrival li, #termAttendanceListNVZDPZPdf > .page .lateArrival #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #termAttendanceListNVZDPZPdf > .page .lateArrival div {
    font-size: 0.75rem;
    margin-bottom: 0; }
  #termAttendanceListNVZDPZPdf > .page .row {
    display: flex;
    padding: 0.25rem;
    box-sizing: border-box;
    border: 1px solid black;
    border-bottom: none;
    margin-bottom: 0;
    font-size: 0.625rem;
    height: 10mm; }
  #termAttendanceListNVZDPZPdf > .page .row.breaker {
    border-bottom: 1px solid black;
    margin-bottom: 0.25rem; }
  #termAttendanceListNVZDPZPdf > .page .row .lateArrivalLastRow {
    color: #696969; }
  #termAttendanceListNVZDPZPdf > .page .row .left {
    width: 80%;
    display: flex;
    flex-wrap: wrap; }
  #termAttendanceListNVZDPZPdf > .page .row .left .name {
    width: 50%;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #termAttendanceListNVZDPZPdf > .page .row .left .email {
    width: 50%; }
  #termAttendanceListNVZDPZPdf > .page .row .left .variant {
    width: 100%;
    font-size: 0.625rem; }
  #termAttendanceListNVZDPZPdf > .page .row .right {
    width: 20%;
    flex: 1 0 auto; }
  #termAttendanceListNVZDPZPdf > .page .row .right .signature-field {
    width: 100%;
    height: calc(100% - .125rem);
    border-bottom: 2px dotted black; }
  #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness {
    margin: 1rem 0; }
  #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness p, #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness li, #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness div {
    font-size: 0.75rem;
    margin-bottom: 0; }
  #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness .nameAndSignature {
    display: flex;
    justify-content: space-between; }
  #termAttendanceListNVZDPZPdf > .page .statementOfCompleteness .nameAndSignature > div {
    border-top: dotted 2px black;
    margin-top: 2rem;
    padding-top: 2mm;
    font-size: 0.75rem;
    width: 33%; }
  #termAttendanceListNVZDPZPdf > .page .claim {
    font-size: 0.75rem;
    text-align: right; }

#termAttendanceListPdf > .page {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 210mm;
  padding-top: 14mm;
  padding-left: 20mm;
  padding-right: 20mm;
  padding-bottom: 18mm;
  background-color: white;
  box-sizing: border-box; }
  @media print {
    #termAttendanceListPdf > .page {
      page-break-after: always;
      page-break-inside: avoid; } }
  #termAttendanceListPdf > .page h2 {
    text-transform: uppercase; }
  #termAttendanceListPdf > .page .header-wrap {
    display: flex;
    flex-wrap: wrap; }
  #termAttendanceListPdf > .page .header-wrap .left {
    width: 75%;
    flex-grow: 1; }
  #termAttendanceListPdf > .page .header-wrap .left .term, #termAttendanceListPdf > .page .header-wrap .left .place, #termAttendanceListPdf > .page .header-wrap .left .exam {
    display: flex;
    align-items: flex-start; }
  #termAttendanceListPdf > .page .header-wrap .left .term .title, #termAttendanceListPdf > .page .header-wrap .left .place .title, #termAttendanceListPdf > .page .header-wrap .left .exam .title {
    font-size: 0.625rem;
    width: 22mm;
    margin-top: 0.125rem; }
  #termAttendanceListPdf > .page .header-wrap .left .term .value, #termAttendanceListPdf > .page .header-wrap .left .place .value, #termAttendanceListPdf > .page .header-wrap .left .exam .value {
    font-weight: bold;
    font-size: 0.875rem; }
  #termAttendanceListPdf > .page .header-wrap .left .term .values .value, #termAttendanceListPdf > .page .header-wrap .left .place .values .value, #termAttendanceListPdf > .page .header-wrap .left .exam .values .value {
    margin-bottom: 0.25rem; }
  #termAttendanceListPdf > .page .header-wrap .left .place {
    margin-bottom: 2rem; }
  #termAttendanceListPdf > .page .header-wrap .right {
    max-width: 25%; }
  #termAttendanceListPdf > .page .header-wrap .right .teams-meeting-qr {
    margin-bottom: 1rem; }
  #termAttendanceListPdf > .page .header-wrap .right .teams-meeting-qr .title {
    font-size: 0.625rem; }
  #termAttendanceListPdf > .page .header-wrap .right .teams-meeting-qr img {
    flex-shrink: 0;
    display: block; }
  #termAttendanceListPdf > .page .declaration {
    font-size: 0.75rem;
    text-align: justify;
    margin-bottom: 1rem; }
  #termAttendanceListPdf > .page .row {
    display: flex;
    padding: 0.25rem;
    box-sizing: border-box;
    border: 1px solid black;
    border-bottom: none;
    margin-bottom: 0;
    font-size: 0.625rem;
    height: 10mm; }
  #termAttendanceListPdf > .page .row.breaker {
    border-bottom: 1px solid black;
    margin-bottom: 0.25rem; }
  #termAttendanceListPdf > .page .row .left {
    width: 80%;
    display: flex;
    flex-wrap: wrap; }
  #termAttendanceListPdf > .page .row .left .name {
    width: 50%;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  #termAttendanceListPdf > .page .row .left .email {
    width: 50%; }
  #termAttendanceListPdf > .page .row .left .variant {
    width: 100%;
    font-size: 0.625rem; }
  #termAttendanceListPdf > .page .row .right {
    width: 20%;
    flex: 1 0 auto; }
  #termAttendanceListPdf > .page .row .right .signature-field {
    width: 100%;
    height: calc(100% - .125rem);
    border-bottom: 2px dotted black; }
  #termAttendanceListPdf > .page .claim {
    font-size: 0.75rem;
    text-align: right; }

body.print {
  background-color: #fff; }

#termProtocol > .content {
  background-color: #fff; }
  #termProtocol > .content header, #termProtocol > .content section, #termProtocol > .content footer {
    background-color: #fff;
    box-sizing: border-box;
    padding: 2rem; }
  #termProtocol > .content header {
    padding: 2rem 3rem;
    margin-bottom: 1rem;
    width: 100%;
    z-index: 20;
    box-sizing: border-box;
    border-bottom: solid 2px #383838; }
  #termProtocol > .content header .logo {
    background-image: url("/static/img/logo.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: contain;
    width: 100%;
    height: 4rem; }
  #termProtocol > .content section {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #termProtocol > .content section .headquarters {
    text-align: center;
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 2rem; }
  #termProtocol > .content section h1, #termProtocol > .content section h2 {
    text-align: center; }
  #termProtocol > .content section h1, #termProtocol > .content section h3 {
    color: #1a377d; }
  #termProtocol > .content section h3 {
    margin-bottom: 1.5rem; }
  #termProtocol > .content section.basic-data, #termProtocol > .content section.important-facts, #termProtocol > .content section.other-facts, #termProtocol > .content section.signatures {
    margin: auto;
    width: 100%; }
  #termProtocol > .content section.basic-data {
    max-width: 40rem; }
  #termProtocol > .content section.basic-data > div {
    display: flex;
    width: 100%;
    line-height: 1.5; }
  #termProtocol > .content section.basic-data > div .label {
    font-weight: bold; }
  #termProtocol > .content section.basic-data > div .label:after {
    content: ":";
    margin-right: 0.5rem; }
  #termProtocol > .content section.basic-data > div.commissars .value .commissar {
    display: flex; }
  #termProtocol > .content section.basic-data > div.commissars .value .commissar .index:after {
    content: ".";
    margin-right: 0.25rem; }
  #termProtocol > .content section.attendanceList table {
    border: solid 1px #bfbfbf; }
  #termProtocol > .content section.attendanceList table thead tr th, #termProtocol > .content section.attendanceList table tbody tr th, #termProtocol > .content section.attendanceList table thead tr td, #termProtocol > .content section.attendanceList table tbody tr td {
    border: solid 1px #bfbfbf;
    padding: 0.25rem 0.5rem; }
  #termProtocol > .content section.important-facts {
    max-width: 60rem; }
  #termProtocol > .content section.important-facts .event {
    text-align: left;
    width: 100%;
    line-height: 1.5; }
  #termProtocol > .content section.important-facts .event.empty {
    color: #e91c1c; }
  #termProtocol > .content section.other-facts {
    max-width: 60rem; }
  #termProtocol > .content section.other-facts .events .event {
    display: flex;
    margin-bottom: 0.5rem;
    line-height: 1.5; }
  #termProtocol > .content section.other-facts .events .event .time {
    font-weight: bold;
    flex-shrink: 0;
    min-width: 3rem; }
  #termProtocol > .content section.other-facts .events .event .text {
    flex-grow: 1; }
  #termProtocol > .content section.other-facts .events .event .buttons {
    display: flex; }
  #termProtocol > .content section.other-facts .events .event .buttons button {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    flex-shrink: 0;
    margin: 0 0 0 0.5rem;
    padding: 0;
    width: 2rem;
    height: 2rem; }
  #termProtocol > .content section.other-facts .events .event .buttons button[name="editOtherFact"] {
    background-image: url("/static/img/icons/icon-pencil.png");
    background-size: 1rem 1rem; }
  #termProtocol > .content section.other-facts .events .event .buttons button[name="deleteOtherFact"] {
    background-image: url("/static/img/icons/no.png");
    background-color: transparent;
    background-size: 100% 100%; }
  #termProtocol > .content section.signatures {
    page-break-inside: avoid;
    max-width: 60rem; }
  #termProtocol > .content section.signatures .commissars {
    display: flex; }
  #termProtocol > .content section.signatures .commissars .commissar {
    margin: 2rem; }
  #termProtocol > .content section.signatures .commissars .commissar .signature {
    height: 3rem;
    width: 100%; }
  #termProtocol > .content section.signatures .commissars .commissar .signature img.signature {
    object-fit: contain;
    display: block;
    margin: 0.5rem;
    max-width: 15rem;
    max-height: 4rem; }
  #termProtocol > .content section.signatures .commissars .commissar .signature .missing-signature {
    font-size: 0.75rem;
    color: #e91c1c; }
  #termProtocol > .content section.signatures .commissars .commissar .label {
    text-align: center;
    box-sizing: border-box;
    border-top: solid 1px #000;
    padding: 0.5rem;
    width: 100%;
    max-width: 15rem; }
  #termProtocol > .content footer {
    margin: auto;
    width: 100%;
    max-width: 60rem; }
  #termProtocol > .content footer .place-and-date {
    margin-top: 2rem; }
  #termProtocol > .content footer .place-and-date.empty {
    color: #e91c1c; }
  #termProtocol > .content button[name='closeProtocol'] {
    display: block;
    margin: 0 auto 2rem; }
  @media print {
    #termProtocol > .content {
      width: 210mm;
      height: 297mm; } }

#testyNaZkousku .page-header {
  background-color: white;
  border-top: solid 1px #bfbfbf;
  text-align: center;
  padding: 1rem; }
  #testyNaZkousku .page-header h2 {
    display: none; }
  @media only screen and (min-width: 60em) {
    #testyNaZkousku .page-header h2 {
      display: block; } }
  #testyNaZkousku .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #testyNaZkousku .block.description {
    background-color: #fff; }
  #testyNaZkousku .block.description > .content {
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    max-width: 80rem;
    min-height: 4rem; }
  #testyNaZkousku .block.exams > .content {
    padding: 2rem 0;
    width: 100%;
    max-width: 80rem; }
  #testyNaZkousku .block.exams > .content .exam {
    margin-bottom: 2rem; }
  #testyNaZkousku .block.exams > .content .exam .header {
    background-color: #a6cd5c;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    color: #fff; }
  #testyNaZkousku .block.exams > .content .exam .header.zkouska-zpkt-2018 {
    background-color: #f0c142; }
  #testyNaZkousku .block.exams > .content .exam .header.zkouska-uvery {
    background-color: #517cbc; }
  #testyNaZkousku .block.exams > .content .exam .header.zkouska-zdpz {
    background-color: #70b7d7; }
  #testyNaZkousku .block.exams > .content .exam .header.zkouska-penze {
    background-color: #b5d686; }
  #testyNaZkousku .block.exams > .content .exam .header img {
    width: 2rem;
    height: 2rem; }
  #testyNaZkousku .block.exams > .content .exam .header h2 {
    margin: 0 0 0 1rem; }
  #testyNaZkousku .block.exams > .content .exam .body {
    background-color: #fff;
    padding: 1rem; }
  #testyNaZkousku .block.exams > .content .exam .body .variants {
    display: flex;
    flex-direction: column; }
  #testyNaZkousku .block.exams > .content .exam .body .variants .variant {
    margin-bottom: 0.5rem; }

#uspesneOtestovaniDistancniZkousky #container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #uspesneOtestovaniDistancniZkousky #container .confirmation {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 2rem auto;
    padding: 0 1rem; }
  #uspesneOtestovaniDistancniZkousky #container .confirmation .checkmark {
    flex-shrink: 0;
    background-image: url("/static/img/checkmark.png");
    background-repeat: no-repeat;
    background-size: 3rem 3rem;
    margin-right: 1rem;
    width: 3rem;
    height: 3rem; }
  #uspesneOtestovaniDistancniZkousky #container .confirmation .right {
    flex-shrink: 1;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
  #uspesneOtestovaniDistancniZkousky #container .confirmation .right .button {
    margin-top: 0.5rem;
    display: block;
    width: 10rem; }

#vysledek #container > .content {
  max-width: 60rem; }
  #vysledek #container > .content h2 {
    text-align: center; }
  #vysledek #container > .content .criteria-stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #vysledek #container > .content .criteria-stats .criteria {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    padding: 1rem 1.5rem;
    min-width: 10rem;
    flex-grow: 1; }
  #vysledek #container > .content .criteria-stats .criteria .icon {
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    margin-bottom: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #vysledek #container > .content .criteria-stats .criteria.red {
    background-color: #e91c1c33; }
  #vysledek #container > .content .criteria-stats .criteria.red .icon {
    background-image: url("/static/img/icons/answer-wrong.png"); }
  #vysledek #container > .content .criteria-stats .criteria.red .real {
    color: #e91c1c; }
  #vysledek #container > .content .criteria-stats .criteria.green {
    background-color: #79be4833; }
  #vysledek #container > .content .criteria-stats .criteria.green .icon {
    background-image: url("/static/img/icons/answer-right.png"); }
  #vysledek #container > .content .criteria-stats .criteria.green .real {
    color: #79be48; }
  #vysledek #container > .content .criteria-stats .criteria .title {
    text-transform: uppercase;
    border-bottom: solid 1px #000;
    margin-bottom: 0.5rem; }
  #vysledek #container > .content .criteria-stats .criteria .success {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between; }
  #vysledek #container > .content .criteria-stats .criteria .success .minimal, #vysledek #container > .content .criteria-stats .criteria .success .real {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9rem;
    margin: 0 0.5rem; }
  #vysledek #container > .content .criteria-stats .criteria .success .minimal .value, #vysledek #container > .content .criteria-stats .criteria .success .real .value {
    font-weight: bold; }
  #vysledek #container > .content .criteria-stats .criteria .success .minimal .label, #vysledek #container > .content .criteria-stats .criteria .success .real .label {
    font-size: 0.75rem; }
  #vysledek #container > .content .criteria-stats .criteria .success .minimal {
    color: #898989; }
  #vysledek #container > .content .implementation-stats {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
  #vysledek #container > .content .implementation-stats .stat {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.5rem;
    padding: 1rem 1.5rem;
    width: 15rem;
    background-color: #e5e5e5;
    flex-grow: 1; }
  #vysledek #container > .content .implementation-stats .stat .title {
    text-transform: uppercase;
    border-bottom: solid 1px #000;
    margin-bottom: 0.5rem; }
  #vysledek #container > .content .implementation-stats .stat .values {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between; }
  #vysledek #container > .content .implementation-stats .stat .values .total, #vysledek #container > .content .implementation-stats .stat .values .right, #vysledek #container > .content .implementation-stats .stat .values .percent {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9rem;
    margin: 0 0.5rem; }
  #vysledek #container > .content .implementation-stats .stat .values .total .value, #vysledek #container > .content .implementation-stats .stat .values .right .value, #vysledek #container > .content .implementation-stats .stat .values .percent .value {
    font-weight: bold;
    flex-grow: 1; }
  #vysledek #container > .content .implementation-stats .stat .values .total .label, #vysledek #container > .content .implementation-stats .stat .values .right .label, #vysledek #container > .content .implementation-stats .stat .values .percent .label {
    font-size: 0.75rem;
    text-align: center;
    flex-grow: 1; }
  #vysledek #container > .content .implementation-stats .stat .values .minimal {
    color: #898989; }
  #vysledek #container > .content #questions {
    width: 100%; }
  #vysledek #container > .content #questions > h2 {
    display: none;
    margin-bottom: 1rem; }
  #vysledek #container > .content #questions .basic > .question, #vysledek #container > .content #questions .multiple > .question {
    display: none; }
  #vysledek #container > .content #questions .basic > .question.visible, #vysledek #container > .content #questions .multiple > .question.visible {
    display: block; }
  #vysledek #container > .content #questions .question {
    margin-bottom: 1rem; }
  #vysledek #container > .content #questions .question > .text {
    background-color: #1a377d;
    padding: 0.25rem 0.5rem;
    color: #fff; }
  #vysledek #container > .content #questions .question .answers {
    margin-bottom: 1rem; }
  #vysledek #container > .content #questions .question .answers .answer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    border: solid 1px #898989;
    border-top: none;
    padding: 0.5rem; }
  #vysledek #container > .content #questions .question .answers .answer.gray, #vysledek #container > .content #questions .question .answers .answer.red, #vysledek #container > .content #questions .question .answers .answer.green {
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -webkit-transition: background-color 500ms linear;
    transition: background-color 500ms linear; }
  #vysledek #container > .content #questions .question .answers .answer.gray {
    background-color: #e5e5e5; }
  #vysledek #container > .content #questions .question .answers .answer.red {
    background-color: rgba(255, 0, 0, .25); }
  #vysledek #container > .content #questions .question .answers .answer.red .wrong {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #vysledek #container > .content #questions .question .answers .answer.green {
    background-color: rgba(0, 255, 0, .25); }
  #vysledek #container > .content #questions .question .answers .answer.green .right {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #vysledek #container > .content #questions .question .answers .answer input[type="radio"], #vysledek #container > .content #questions .question .answers .answer input[type="checkbox"] {
    margin-right: 0.5rem; }
  #vysledek #container > .content #questions .question .answers .answer .text {
    flex-grow: 1;
    font-size: 0.9rem; }
  #vysledek #container > .content #questions .question .answers .answer .right, #vysledek #container > .content #questions .question .answers .answer .wrong {
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    display: none;
    min-width: 5rem; }
  #vysledek #container > .content #questions .question .answers .answer .right img, #vysledek #container > .content #questions .question .answers .answer .wrong img {
    margin-right: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  #vysledek #container > .content #questions .question .hint {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    font-style: italic; }
  #vysledek #container > .content #questions .case-studies .case-study {
    border: solid 1px #898989;
    box-sizing: border-box;
    display: none;
    margin-bottom: 1rem;
    padding: 1rem 1rem 0; }
  #vysledek #container > .content #questions .case-studies .case-study.visible {
    display: block; }
  #vysledek #container > .content #questions .case-studies .case-study > .text {
    margin-bottom: 0.5rem; }
  #vysledek #container > .content .this-is-wrong-answer, #vysledek #container > .content .this-is-right-answer {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem; }
  #vysledek #container > .content .this-is-wrong-answer img, #vysledek #container > .content .this-is-right-answer img {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  #vysledek #container > .content .this-is-wrong-answer span, #vysledek #container > .content .this-is-right-answer span {
    font-size: 1.25rem; }
  #vysledek #container > .content h4 {
    font-weight: bolder;
    margin-bottom: 0.25rem; }
  #vysledek #container > .content .explanation, #vysledek #container > .content .source {
    margin-bottom: 1rem; }
  #vysledek #container > .content a.show-explanation, #vysledek #container > .content a.hide-explanation {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    margin-top: 1rem; }
  #vysledek #container > .content .bottom-buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #vysledek #container > .content .bottom-buttons button[name="submit"], #vysledek #container > .content .bottom-buttons button[name="finish"] {
    margin-top: 1rem; }
  #vysledek #container > .content .bottom-buttons .saving {
    background-image: url("/static/img/loader.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1.25rem 1.25rem;
    padding-left: 1.5rem;
    color: #898989; }
  #vysledek #container > .content.closed > h2 {
    display: none; }
  #vysledek #container > .content.closed #navigation {
    display: none; }
  #vysledek #container > .content.closed #questions > h2 {
    display: block;
    margin-top: 3rem; }
  #vysledek #container > .content.closed #questions > h2:first-child {
    margin-top: 0; }
  #vysledek #container > .content.closed #questions .basic > .question, #vysledek #container > .content.closed #questions .multiple > .question, #vysledek #container > .content.closed #questions .case-studies > .question, #vysledek #container > .content.closed #questions .basic > .case-study, #vysledek #container > .content.closed #questions .multiple > .case-study, #vysledek #container > .content.closed #questions .case-studies > .case-study {
    display: block;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem; }
  #vysledek #container > .content.closed #questions .basic > .question, #vysledek #container > .content.closed #questions .multiple > .question, #vysledek #container > .content.closed #questions .case-studies > .question {
    border-bottom: solid 1px #d1d1d1; }
  #vysledek #container > .content.closed #questions .basic > .question:last-child, #vysledek #container > .content.closed #questions .multiple > .question:last-child, #vysledek #container > .content.closed #questions .case-studies > .question:last-child {
    border-bottom: none;
    padding-bottom: 0; }

#vzdelavani .page-header {
  border-top: solid 1px #bfbfbf;
  text-align: center;
  padding: 1rem; }
  #vzdelavani .page-header h2 {
    display: none; }
  @media only screen and (min-width: 60em) {
    #vzdelavani .page-header h2 {
      display: block;
      max-width: 60rem;
      margin: auto; } }
  #vzdelavani > .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #vzdelavani > .block > .content {
    max-width: 80rem; }
  #vzdelavani > .block.courses {
    padding: 1rem;
    background-color: white; }
  #vzdelavani > .block.courses .product-section {
    background-color: #79be48; }
  #vzdelavani > .block.courses .product-section.investice {
    background-color: #eeae28; }
  #vzdelavani > .block.courses .product-section.uvery {
    background-color: #517ba4; }
  #vzdelavani > .block.courses .product-section.pojistky {
    background-color: #4abeda; }
  #vzdelavani > .block.courses .product-section.penze {
    background-color: #8fbc7e; }
  #vzdelavani > .block.courses .product-section.obecne {
    background-color: #be6e46; }
  #vzdelavani > .block.courses .product-section.soft {
    background-color: #a63d40; }
  #vzdelavani > .block.courses .product-section.reality {
    background-color: #29335c; }
  #vzdelavani > .block.courses .product-section.legislativa {
    background-color: #44af69; }
  #vzdelavani > .block.courses .product-section.bankovnictvi {
    background-color: #f08a4b; }
  #vzdelavani > .block.courses .filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 60rem; }
  #vzdelavani > .block.courses .filter .product-sections {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 20rem;
    color: #fff;
    margin-right: 0.5rem; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section:hover {
    text-decoration: none;
    opacity: 0.8; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section .image {
    position: relative;
    flex-shrink: 0;
    width: 30%;
    margin: 1rem;
    padding-top: 30%; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section .title {
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 1rem;
    padding: 0 0.5rem; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section input[type="checkbox"], #vzdelavani > .block.courses .filter .product-sections label.product-section input[type="radio"] {
    opacity: 0;
    width: 0px;
    height: 0px; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section input[type="checkbox"] + .checkmark, #vzdelavani > .block.courses .filter .product-sections label.product-section input[type="radio"] + .checkmark {
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    width: 1.25rem;
    height: 1.25rem;
    top: 0.5rem;
    right: 0.5rem; }
  #vzdelavani > .block.courses .filter .product-sections label.product-section input[type="checkbox"]:checked + .checkmark:after, #vzdelavani > .block.courses .filter .product-sections label.product-section input[type="radio"]:checked + .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    transform: rotate(45deg);
    border-right: solid 2px #79be48;
    border-bottom: solid 2px #79be48;
    width: 0.25rem;
    height: 0.5rem;
    top: 0.25rem;
    left: calc(.5rem - 1px); }
  @media screen and (min-width: 20em) {
            #vzdelavani > .block.courses .filter .product-sections label.product-section {
              max-width: calc(50% - .5rem); } }
  @media screen and (min-width: 30em) {
            #vzdelavani > .block.courses .filter .product-sections label.product-section {
              max-width: calc((100% - 2rem) / 3); } }
  @media screen and (min-width: 60em) {
            #vzdelavani > .block.courses .filter .product-sections label.product-section {
              max-width: calc((100% - 5rem) / 6); } }
  #vzdelavani > .block.courses .filter > h2 {
    width: 100%; }
  #vzdelavani > .block.courses .filter .filter-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 1rem; }
  #vzdelavani > .block.courses .filter .filter-box .filter-item {
    margin-right: 1rem;
    margin-bottom: 1rem; }
  #vzdelavani > .block.courses .filter .filter-box .filter-item > div {
    padding-left: 0.5rem; }
  #vzdelavani > .block.courses .filter .levels {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    width: 100%; }
  #vzdelavani > .block.courses .filter .levels label.level {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem; }
  #vzdelavani > .block.courses .filter .levels label.level input {
    margin-right: 0.25rem; }
  #vzdelavani > .block.courses .filter .levels label.level span {
    flex: 0 0 auto;
    font-size: 0.9rem; }
  #vzdelavani > .block.courses .content {
    font-size: 0.75rem;
    padding: 0 1rem;
    background-color: white;
    width: 100%; }
  #vzdelavani > .block.courses .content p.no-course, #vzdelavani > .block.courses .content #poradci #container > .block.info .contents .content ul li.no-course, #poradci #container > .block.info .contents .content ul #vzdelavani > .block.courses .content li.no-course, #vzdelavani > .block.courses .content #poradci #container > .block.info .contents .content div.no-course, #poradci #container > .block.info .contents .content #vzdelavani > .block.courses .content div.no-course {
    font-size: 1.25rem;
    margin-top: 1rem; }
  #vzdelavani > .block.courses .content .cards-header {
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap; }
  #vzdelavani > .block.courses .content .cards-header .order {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  #vzdelavani > .block.courses .content .cards-header .order .title {
    margin-right: 0.5rem; }
  #vzdelavani > .block.courses .content .cards {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap; }
  #vzdelavani > .block.courses .content .cards .card {
    width: 100%;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border: 2px solid rgba(26, 55, 125, 0.5);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 0 5px 1px rgba(26, 55, 125, 0.5);
    border-radius: 0.5rem;
    overflow: hidden;
    z-index: 2; }
  #vzdelavani > .block.courses .content .cards .card .block {
    display: flex;
    justify-content: space-between; }
  #vzdelavani > .block.courses .content .cards .card .block.top {
    align-items: flex-start;
    flex-grow: 1; }
  #vzdelavani > .block.courses .content .cards .card .block.top .left {
    padding: 0.5rem;
    margin-bottom: 0.5rem; }
  #vzdelavani > .block.courses .content .cards .card .block.top .left a.title {
    display: block;
    font-size: 1.125rem;
    margin-bottom: 0.5rem; }
  #vzdelavani > .block.courses .content .cards .card .block.top .left .description {
    margin-bottom: 0.5rem; }
  #vzdelavani > .block.courses .content .cards .card .block.top .left .course-type {
    font-weight: bold; }
  #vzdelavani > .block.courses .content .cards .card .block.top .right .product-section {
    width: 5rem;
    height: 5rem;
    padding: 0.5rem 0.25rem;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; }
  #vzdelavani > .block.courses .content .cards .card .block.top .right .product-section .icon {
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.25rem; }
  #vzdelavani > .block.courses .content .cards .card .block.top .right .product-section .section-name {
    font-size: 0.75rem;
    text-align: center; }
  #vzdelavani > .block.courses .content .cards .card .block.top .right .study-length {
    background-color: #f1f1f1;
    font-size: 0.6rem;
    font-style: italic;
    padding: 0.5rem;
    height: 1rem;
    text-align: center; }
  #vzdelavani > .block.courses .content .cards .card .block.middle {
    margin-bottom: 1rem; }
  #vzdelavani > .block.courses .content .cards .card .block.middle .link {
    width: 100%;
    display: flex;
    justify-content: center; }
  #vzdelavani > .block.courses .content .cards .card .block.middle .link a.button {
    box-sizing: border-box;
    border: 2px solid #1a377d;
    background-color: white;
    color: #1a377d;
    text-transform: lowercase;
    padding: 0.25rem 1rem; }
  #vzdelavani > .block.courses .content .cards .card .block.bottom {
    align-items: flex-end; }
  #vzdelavani > .block.courses .content .cards .card .block.bottom .left .levels {
    display: flex; }
  #vzdelavani > .block.courses .content .cards .card .block.bottom .left .levels .level {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    font-size: 0.6rem;
    font-style: italic;
    margin-right: 0.5rem;
    padding: 0.5rem 1rem;
    height: 1rem; }
    #vzdelavani > .block.courses .content .cards .card .block.bottom .left .levels .level .icon {
      flex-shrink: 0;
      background-image: url("/static/img/icons/tag.png");
      background-repeat: no-repeat;
      background-position: 50% 100%;
      background-size: 1rem 3rem;
      display: block;
      margin-right: 0.5rem;
      width: 1rem;
      height: 1rem; }
  #vzdelavani > .block.courses .content .cards .card .block.bottom .right .subsequent-education {
    background-color: rgba(121, 190, 72, 0.6);
    padding: 0.5rem;
    font-size: 0.675rem;
    color: white;
    display: flex; }
  #vzdelavani > .block.courses .content .cards .card .block.bottom .right .subsequent-education .title {
    margin-right: 0.25rem; }
  #vzdelavani > .block.courses .content .cards .card .block.bottom .right .subsequent-education .icon {
    background-image: url("/static/img/icons/save.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    display: block;
    width: 1rem;
    height: 1rem; }
  @media (min-width: 40em) {
            #vzdelavani > .block.courses .content .cards .card {
              width: calc(50% - .5rem); }
              #vzdelavani > .block.courses .content .cards .card:nth-child(2n) {
                margin-right: 0; } }
  @media (min-width: 65em) {
            #vzdelavani > .block.courses .content .cards .card {
              width: calc(33% - .5rem); }
              #vzdelavani > .block.courses .content .cards .card:nth-child(2n) {
                margin-right: 1rem; }
              #vzdelavani > .block.courses .content .cards .card:nth-child(3n) {
                margin-right: 0; } }
  @media only screen and (min-width: 35em) {
      #vzdelavani > .block.courses {
        padding: 2rem; } }
  #vzdelavani > .block.about {
    background-image: url("/static/img/pages/vzdelavani/vzdelani.jpg");
    background-size: cover;
    background-position: center center;
    padding: 3rem 0; }
  #vzdelavani > .block.about > .content {
    width: 80%; }
  #vzdelavani > .block.about > .content .box {
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, .70);
    box-sizing: border-box;
    padding: 1rem;
    width: 100%; }
  @media only screen and (min-width: 25em) {
          #vzdelavani > .block.about > .content .box {
            padding: 2rem; } }
  @media only screen and (min-width: 50em) {
          #vzdelavani > .block.about > .content .box {
            padding: 3rem 7rem; } }
  #vzdelavani > .block.about > .content .box p, #vzdelavani > .block.about > .content .box #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #vzdelavani > .block.about > .content .box li, #vzdelavani > .block.about > .content .box #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #vzdelavani > .block.about > .content .box div {
    text-align: left; }
  #vzdelavani > .block.about > .content a.button {
    display: inline-block; }
  #vzdelavani > .block.suppliers {
    padding: 2rem;
    background-color: white; }
  #vzdelavani > .block.suppliers .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap {
    box-sizing: border-box;
    padding: 2rem;
    width: 100%; }
  @media only screen and (min-width: 40em) {
          #vzdelavani > .block.suppliers .content .supplier-box-wrap {
            width: 33%; }
            #vzdelavani > .block.suppliers .content .supplier-box-wrap:nth-child(4) {
              margin-left: auto;
              margin-right: 3rem; }
            #vzdelavani > .block.suppliers .content .supplier-box-wrap:nth-child(5) {
              margin-right: auto; } }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box {
    text-align: center;
    height: 100%;
    width: 100%;
    color: black; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box:hover {
    text-decoration: none; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box .image {
    margin-bottom: 0.5rem; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box .image img {
    width: 103px; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box .name {
    color: #1a377d; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box .description {
    text-align: left; }
  #vzdelavani > .block.suppliers .content .supplier-box-wrap .supplier-box .description.claim {
    font-style: italic; }

#zkouska, .course-page, #kurzDemo, #flotilnik {
  background-color: #fff; }
  #zkouska > .strip, .course-page > .strip, #kurzDemo > .strip, #flotilnik > .strip {
    background-color: #a6cd5c;
    width: 100%;
    height: 0.5rem; }
  #zkouska > .strip.zkouska-efa, .course-page > .strip.zkouska-efa, #kurzDemo > .strip.zkouska-efa, #flotilnik > .strip.zkouska-efa {
    background-color: #487bbc; }
  #zkouska > .strip.zkouska-efp, .course-page > .strip.zkouska-efp, #kurzDemo > .strip.zkouska-efp, #flotilnik > .strip.zkouska-efp {
    background-color: #e2b400; }
  #zkouska > .strip.zkouska-pfp, .course-page > .strip.zkouska-pfp, #kurzDemo > .strip.zkouska-pfp, #flotilnik > .strip.zkouska-pfp {
    background-color: #6fb4da; }
  #zkouska > .strip.course, .course-page > .strip.course, #kurzDemo > .strip.course, #flotilnik > .strip.course {
    background-color: #1a377d; }
  #zkouska > .line, .course-page > .line, #kurzDemo > .line, #flotilnik > .line {
    border-top: 1px solid #bfbfbf;
    width: 100%;
    max-width: 60rem;
    margin: auto; }
  #zkouska > .block, .course-page > .block, #kurzDemo > .block, #flotilnik > .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
    width: calc(100% - 2rem); }
  #zkouska > .block > .content, .course-page > .block > .content, #kurzDemo > .block > .content, #flotilnik > .block > .content {
    width: 60rem;
    max-width: 100%; }
  #zkouska > .block.main, .course-page > .block.main, #kurzDemo > .block.main, #flotilnik > .block.main {
    padding-top: 1rem; }
  #zkouska > .block.main > .content, .course-page > .block.main > .content, #kurzDemo > .block.main > .content, #flotilnik > .block.main > .content {
    text-align: center; }
  #zkouska > .block.main > .content img, .course-page > .block.main > .content img, #kurzDemo > .block.main > .content img, #flotilnik > .block.main > .content img {
    width: 4rem; }
  #zkouska > .block.main > .content h1, .course-page > .block.main > .content h1, #kurzDemo > .block.main > .content h1, #flotilnik > .block.main > .content h1 {
    text-align: center;
    text-transform: none;
    color: #383838; }
  #zkouska > .block.main > .content p, #zkouska > .block.main > .content #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #zkouska > .block.main > .content li, #zkouska > .block.main > .content #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #zkouska > .block.main > .content div, .course-page > .block.main > .content p, .course-page > .block.main > .content #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul .course-page > .block.main > .content li, .course-page > .block.main > .content #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content .course-page > .block.main > .content div, #kurzDemo > .block.main > .content p, #kurzDemo > .block.main > .content #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #kurzDemo > .block.main > .content li, #kurzDemo > .block.main > .content #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #kurzDemo > .block.main > .content div, #flotilnik > .block.main > .content p, #flotilnik > .block.main > .content #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #flotilnik > .block.main > .content li, #flotilnik > .block.main > .content #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #flotilnik > .block.main > .content div {
    text-align: center;
    margin-bottom: 1rem; }
  #zkouska > .block.main > .content .legend, .course-page > .block.main > .content .legend, #kurzDemo > .block.main > .content .legend, #flotilnik > .block.main > .content .legend {
    font-weight: bold; }
  #zkouska > .block.main > .content .legend img, .course-page > .block.main > .content .legend img, #kurzDemo > .block.main > .content .legend img, #flotilnik > .block.main > .content .legend img {
    width: 1rem; }
  #zkouska > .block.main > .content .important-note, .course-page > .block.main > .content .important-note, #kurzDemo > .block.main > .content .important-note, #flotilnik > .block.main > .content .important-note {
    text-align: center;
    color: #e91c1c; }
  #zkouska > .block.main > .content .variants, .course-page > .block.main > .content .variants, #kurzDemo > .block.main > .content .variants, #flotilnik > .block.main > .content .variants {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  #zkouska > .block.main > .content .variants .variant, .course-page > .block.main > .content .variants .variant, #kurzDemo > .block.main > .content .variants .variant, #flotilnik > .block.main > .content .variants .variant {
    text-decoration: none;
    border-radius: 0.5rem;
    border: solid 2px #1a377d;
    padding: 0.5rem;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
    box-sizing: border-box; }
  @media (min-width: 30em) {
            #zkouska > .block.main > .content .variants .variant, .course-page > .block.main > .content .variants .variant, #kurzDemo > .block.main > .content .variants .variant, #flotilnik > .block.main > .content .variants .variant {
              width: calc(50% - 1rem); }
              #zkouska > .block.main > .content .variants .variant:nth-child(2n+1), .course-page > .block.main > .content .variants .variant:nth-child(2n+1), #kurzDemo > .block.main > .content .variants .variant:nth-child(2n+1), #flotilnik > .block.main > .content .variants .variant:nth-child(2n+1) {
                margin-right: 1rem; } }
  @media (min-width: 40em) {
            #zkouska > .block.main > .content .variants .variant, .course-page > .block.main > .content .variants .variant, #kurzDemo > .block.main > .content .variants .variant, #flotilnik > .block.main > .content .variants .variant {
              width: calc(33% - 1rem);
              margin-right: 1rem; }
              #zkouska > .block.main > .content .variants .variant:nth-child(3n), .course-page > .block.main > .content .variants .variant:nth-child(3n), #kurzDemo > .block.main > .content .variants .variant:nth-child(3n), #flotilnik > .block.main > .content .variants .variant:nth-child(3n), #zkouska > .block.main > .content .variants .variant:last-child, .course-page > .block.main > .content .variants .variant:last-child, #kurzDemo > .block.main > .content .variants .variant:last-child, #flotilnik > .block.main > .content .variants .variant:last-child {
                margin-right: 0; } }
  #zkouska > .block.main > .content .variants .variant .price, .course-page > .block.main > .content .variants .variant .price, #kurzDemo > .block.main > .content .variants .variant .price, #flotilnik > .block.main > .content .variants .variant .price {
    font-size: 1.25rem;
    color: #1a377d;
    display: flex;
    flex-direction: column; }
  #zkouska > .block.main > .content .variants .variant .price .paid-by-group, .course-page > .block.main > .content .variants .variant .price .paid-by-group, #kurzDemo > .block.main > .content .variants .variant .price .paid-by-group, #flotilnik > .block.main > .content .variants .variant .price .paid-by-group {
    font-size: 1rem;
    margin-top: 1rem;
    display: block; }
  #zkouska > .block.main > .content .variants .variant .price .distant-price, .course-page > .block.main > .content .variants .variant .price .distant-price, #kurzDemo > .block.main > .content .variants .variant .price .distant-price, #flotilnik > .block.main > .content .variants .variant .price .distant-price, #zkouska > .block.main > .content .variants .variant .price .basic-price, .course-page > .block.main > .content .variants .variant .price .basic-price, #kurzDemo > .block.main > .content .variants .variant .price .basic-price, #flotilnik > .block.main > .content .variants .variant .price .basic-price {
    display: flex;
    align-items: center; }
  #zkouska > .block.main > .content .variants .variant .price .distant-price .icon, .course-page > .block.main > .content .variants .variant .price .distant-price .icon, #kurzDemo > .block.main > .content .variants .variant .price .distant-price .icon, #flotilnik > .block.main > .content .variants .variant .price .distant-price .icon, #zkouska > .block.main > .content .variants .variant .price .basic-price .icon, .course-page > .block.main > .content .variants .variant .price .basic-price .icon, #kurzDemo > .block.main > .content .variants .variant .price .basic-price .icon, #flotilnik > .block.main > .content .variants .variant .price .basic-price .icon {
    background-repeat: no-repeat;
    background-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    display: block;
    flex-shrink: 0; }
  #zkouska > .block.main > .content .variants .variant .price .distant-price .basic-price-icon, .course-page > .block.main > .content .variants .variant .price .distant-price .basic-price-icon, #kurzDemo > .block.main > .content .variants .variant .price .distant-price .basic-price-icon, #flotilnik > .block.main > .content .variants .variant .price .distant-price .basic-price-icon, #zkouska > .block.main > .content .variants .variant .price .basic-price .basic-price-icon, .course-page > .block.main > .content .variants .variant .price .basic-price .basic-price-icon, #kurzDemo > .block.main > .content .variants .variant .price .basic-price .basic-price-icon, #flotilnik > .block.main > .content .variants .variant .price .basic-price .basic-price-icon {
    background-image: url('/static/img/icons/price.png'); }
  #zkouska > .block.main > .content .variants .variant .price .distant-price .distant-price-icon, .course-page > .block.main > .content .variants .variant .price .distant-price .distant-price-icon, #kurzDemo > .block.main > .content .variants .variant .price .distant-price .distant-price-icon, #flotilnik > .block.main > .content .variants .variant .price .distant-price .distant-price-icon, #zkouska > .block.main > .content .variants .variant .price .basic-price .distant-price-icon, .course-page > .block.main > .content .variants .variant .price .basic-price .distant-price-icon, #kurzDemo > .block.main > .content .variants .variant .price .basic-price .distant-price-icon, #flotilnik > .block.main > .content .variants .variant .price .basic-price .distant-price-icon {
    background-image: url('/static/img/icons/distantPrice.png'); }
  #zkouska > .block.main > .content .variants .variant.selected, .course-page > .block.main > .content .variants .variant.selected, #kurzDemo > .block.main > .content .variants .variant.selected, #flotilnik > .block.main > .content .variants .variant.selected, #zkouska > .block.main > .content .variants .variant:hover, .course-page > .block.main > .content .variants .variant:hover, #kurzDemo > .block.main > .content .variants .variant:hover, #flotilnik > .block.main > .content .variants .variant:hover {
    background-color: #1a377d;
    color: white; }
  #zkouska > .block.main > .content .variants .variant.selected .price, .course-page > .block.main > .content .variants .variant.selected .price, #kurzDemo > .block.main > .content .variants .variant.selected .price, #flotilnik > .block.main > .content .variants .variant.selected .price, #zkouska > .block.main > .content .variants .variant:hover .price, .course-page > .block.main > .content .variants .variant:hover .price, #kurzDemo > .block.main > .content .variants .variant:hover .price, #flotilnik > .block.main > .content .variants .variant:hover .price {
    font-weight: bold;
    color: white; }
  #zkouska > .block.main > .content .variants .variant.selected .price .paid-by-group, .course-page > .block.main > .content .variants .variant.selected .price .paid-by-group, #kurzDemo > .block.main > .content .variants .variant.selected .price .paid-by-group, #flotilnik > .block.main > .content .variants .variant.selected .price .paid-by-group, #zkouska > .block.main > .content .variants .variant:hover .price .paid-by-group, .course-page > .block.main > .content .variants .variant:hover .price .paid-by-group, #kurzDemo > .block.main > .content .variants .variant:hover .price .paid-by-group, #flotilnik > .block.main > .content .variants .variant:hover .price .paid-by-group {
    font-weight: normal; }
  #zkouska > .block.main > .content .variants .variant.selected .price .distant-price .basic-price-icon, .course-page > .block.main > .content .variants .variant.selected .price .distant-price .basic-price-icon, #kurzDemo > .block.main > .content .variants .variant.selected .price .distant-price .basic-price-icon, #flotilnik > .block.main > .content .variants .variant.selected .price .distant-price .basic-price-icon, #zkouska > .block.main > .content .variants .variant:hover .price .distant-price .basic-price-icon, .course-page > .block.main > .content .variants .variant:hover .price .distant-price .basic-price-icon, #kurzDemo > .block.main > .content .variants .variant:hover .price .distant-price .basic-price-icon, #flotilnik > .block.main > .content .variants .variant:hover .price .distant-price .basic-price-icon, #zkouska > .block.main > .content .variants .variant.selected .price .basic-price .basic-price-icon, .course-page > .block.main > .content .variants .variant.selected .price .basic-price .basic-price-icon, #kurzDemo > .block.main > .content .variants .variant.selected .price .basic-price .basic-price-icon, #flotilnik > .block.main > .content .variants .variant.selected .price .basic-price .basic-price-icon, #zkouska > .block.main > .content .variants .variant:hover .price .basic-price .basic-price-icon, .course-page > .block.main > .content .variants .variant:hover .price .basic-price .basic-price-icon, #kurzDemo > .block.main > .content .variants .variant:hover .price .basic-price .basic-price-icon, #flotilnik > .block.main > .content .variants .variant:hover .price .basic-price .basic-price-icon {
    background-image: url('/static/img/icons/price-white.png'); }
  #zkouska > .block.main > .content .variants .variant.selected .price .distant-price .distant-price-icon, .course-page > .block.main > .content .variants .variant.selected .price .distant-price .distant-price-icon, #kurzDemo > .block.main > .content .variants .variant.selected .price .distant-price .distant-price-icon, #flotilnik > .block.main > .content .variants .variant.selected .price .distant-price .distant-price-icon, #zkouska > .block.main > .content .variants .variant:hover .price .distant-price .distant-price-icon, .course-page > .block.main > .content .variants .variant:hover .price .distant-price .distant-price-icon, #kurzDemo > .block.main > .content .variants .variant:hover .price .distant-price .distant-price-icon, #flotilnik > .block.main > .content .variants .variant:hover .price .distant-price .distant-price-icon, #zkouska > .block.main > .content .variants .variant.selected .price .basic-price .distant-price-icon, .course-page > .block.main > .content .variants .variant.selected .price .basic-price .distant-price-icon, #kurzDemo > .block.main > .content .variants .variant.selected .price .basic-price .distant-price-icon, #flotilnik > .block.main > .content .variants .variant.selected .price .basic-price .distant-price-icon, #zkouska > .block.main > .content .variants .variant:hover .price .basic-price .distant-price-icon, .course-page > .block.main > .content .variants .variant:hover .price .basic-price .distant-price-icon, #kurzDemo > .block.main > .content .variants .variant:hover .price .basic-price .distant-price-icon, #flotilnik > .block.main > .content .variants .variant:hover .price .basic-price .distant-price-icon {
    background-image: url('/static/img/icons/distantPrice-white.png'); }
  #zkouska > .block.main > .content .variants .variant:hover, .course-page > .block.main > .content .variants .variant:hover, #kurzDemo > .block.main > .content .variants .variant:hover, #flotilnik > .block.main > .content .variants .variant:hover {
    background-color: rgba(26, 55, 125, .8); }
  #zkouska > .block.main > .content .variants .variant.single, .course-page > .block.main > .content .variants .variant.single, #kurzDemo > .block.main > .content .variants .variant.single, #flotilnik > .block.main > .content .variants .variant.single {
    cursor: default; }
  #zkouska > .block.main > .content .variants .variant.single:hover, .course-page > .block.main > .content .variants .variant.single:hover, #kurzDemo > .block.main > .content .variants .variant.single:hover, #flotilnik > .block.main > .content .variants .variant.single:hover {
    background-color: #1a377d; }
  #zkouska > .block.upcoming-events, .course-page > .block.upcoming-events, #kurzDemo > .block.upcoming-events, #flotilnik > .block.upcoming-events {
    background-color: #f1f1f1; }
  #zkouska > .block.upcoming-events > .content, .course-page > .block.upcoming-events > .content, #kurzDemo > .block.upcoming-events > .content, #flotilnik > .block.upcoming-events > .content {
    text-align: center;
    width: calc(100% - 2rem); }
  #zkouska > .block.upcoming-events > .content h2, .course-page > .block.upcoming-events > .content h2, #kurzDemo > .block.upcoming-events > .content h2, #flotilnik > .block.upcoming-events > .content h2 {
    text-align: center; }
  #zkouska > .block.upcoming-events > .content .table, .course-page > .block.upcoming-events > .content .table, #kurzDemo > .block.upcoming-events > .content .table, #flotilnik > .block.upcoming-events > .content .table {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: solid 1px #bfbfbf; }
  #zkouska > .block.upcoming-events > .content .table .filter, .course-page > .block.upcoming-events > .content .table .filter, #kurzDemo > .block.upcoming-events > .content .table .filter, #flotilnik > .block.upcoming-events > .content .table .filter {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f1f1f1;
    padding: 0.5rem 1rem 0;
    width: calc(100% - 2rem); }
  #zkouska > .block.upcoming-events > .content .table .filter > select, .course-page > .block.upcoming-events > .content .table .filter > select, #kurzDemo > .block.upcoming-events > .content .table .filter > select, #flotilnik > .block.upcoming-events > .content .table .filter > select, #zkouska > .block.upcoming-events > .content .table .filter > input, .course-page > .block.upcoming-events > .content .table .filter > input, #kurzDemo > .block.upcoming-events > .content .table .filter > input, #flotilnik > .block.upcoming-events > .content .table .filter > input {
    margin: 0 0.5rem 0.5rem 0; }
  #zkouska > .block.upcoming-events > .content .table .filter > select[name="dateRange"], .course-page > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="dateRange"], .course-page > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="dateRange"] {
    width: 100%; }
  #zkouska > .block.upcoming-events > .content .table .filter > select[name="location"], .course-page > .block.upcoming-events > .content .table .filter > select[name="location"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="location"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="location"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="location"], .course-page > .block.upcoming-events > .content .table .filter > input[name="location"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="location"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="location"], #zkouska > .block.upcoming-events > .content .table .filter > select[name="capacity"], .course-page > .block.upcoming-events > .content .table .filter > select[name="capacity"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="capacity"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="capacity"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="capacity"], .course-page > .block.upcoming-events > .content .table .filter > input[name="capacity"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="capacity"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="capacity"] {
    width: calc(50% - .5rem); }
  #zkouska > .block.upcoming-events > .content .table .filter > select[name="dateRange"], .course-page > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="dateRange"], .course-page > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="dateRange"] {
    background-color: #fff;
    border-color: #bfbfbf;
    font-size: 0.85rem;
    font-weight: 300; }
  @media only screen and (min-width: 40em) {
              #zkouska > .block.upcoming-events > .content .table .filter > select[name="dateRange"], .course-page > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="dateRange"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="dateRange"], .course-page > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="dateRange"], #zkouska > .block.upcoming-events > .content .table .filter > select[name="location"], .course-page > .block.upcoming-events > .content .table .filter > select[name="location"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="location"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="location"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="location"], .course-page > .block.upcoming-events > .content .table .filter > input[name="location"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="location"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="location"], #zkouska > .block.upcoming-events > .content .table .filter > select[name="capacity"], .course-page > .block.upcoming-events > .content .table .filter > select[name="capacity"], #kurzDemo > .block.upcoming-events > .content .table .filter > select[name="capacity"], #flotilnik > .block.upcoming-events > .content .table .filter > select[name="capacity"], #zkouska > .block.upcoming-events > .content .table .filter > input[name="capacity"], .course-page > .block.upcoming-events > .content .table .filter > input[name="capacity"], #kurzDemo > .block.upcoming-events > .content .table .filter > input[name="capacity"], #flotilnik > .block.upcoming-events > .content .table .filter > input[name="capacity"] {
                width: calc(100% / 3 - 1rem); } }
  #zkouska > .block.upcoming-events > .content .table .filter .dateRangePicker, .course-page > .block.upcoming-events > .content .table .filter .dateRangePicker, #kurzDemo > .block.upcoming-events > .content .table .filter .dateRangePicker, #flotilnik > .block.upcoming-events > .content .table .filter .dateRangePicker {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: none; }
  #zkouska > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons, .course-page > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons, #kurzDemo > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons, #flotilnik > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  #zkouska > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons button, .course-page > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons button, #kurzDemo > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons button, #flotilnik > .block.upcoming-events > .content .table .filter .dateRangePicker .buttons button {
    margin: 0 0.25rem 0.5rem; }
  #zkouska > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers, .course-page > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers, #kurzDemo > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers, #flotilnik > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    align-items: center; }
  #zkouska > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers button[name="selectRange"], .course-page > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers button[name="selectRange"], #kurzDemo > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers button[name="selectRange"], #flotilnik > .block.upcoming-events > .content .table .filter .dateRangePicker .datePickers button[name="selectRange"] {
    margin-bottom: 1rem; }
  #zkouska > .block.upcoming-events > .content .table .filter.date-range-visible > select, .course-page > .block.upcoming-events > .content .table .filter.date-range-visible > select, #kurzDemo > .block.upcoming-events > .content .table .filter.date-range-visible > select, #flotilnik > .block.upcoming-events > .content .table .filter.date-range-visible > select, #zkouska > .block.upcoming-events > .content .table .filter.date-range-visible > input, .course-page > .block.upcoming-events > .content .table .filter.date-range-visible > input, #kurzDemo > .block.upcoming-events > .content .table .filter.date-range-visible > input, #flotilnik > .block.upcoming-events > .content .table .filter.date-range-visible > input {
    display: none; }
  #zkouska > .block.upcoming-events > .content .table .filter.date-range-visible > .dateRangePicker, .course-page > .block.upcoming-events > .content .table .filter.date-range-visible > .dateRangePicker, #kurzDemo > .block.upcoming-events > .content .table .filter.date-range-visible > .dateRangePicker, #flotilnik > .block.upcoming-events > .content .table .filter.date-range-visible > .dateRangePicker {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #zkouska > .block.upcoming-events > .content .table .row, .course-page > .block.upcoming-events > .content .table .row, #kurzDemo > .block.upcoming-events > .content .table .row, #flotilnik > .block.upcoming-events > .content .table .row {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 300;
    padding: 0.5rem 1rem;
    width: calc(100% - 2rem); }
  #zkouska > .block.upcoming-events > .content .table .row:nth-child(2n+1), .course-page > .block.upcoming-events > .content .table .row:nth-child(2n+1), #kurzDemo > .block.upcoming-events > .content .table .row:nth-child(2n+1), #flotilnik > .block.upcoming-events > .content .table .row:nth-child(2n+1) {
    background-color: #f1f1f1; }
  #zkouska > .block.upcoming-events > .content .table .row:hover, .course-page > .block.upcoming-events > .content .table .row:hover, #kurzDemo > .block.upcoming-events > .content .table .row:hover, #flotilnik > .block.upcoming-events > .content .table .row:hover {
    text-decoration: none;
    background-color: #e9efff; }
  #zkouska > .block.upcoming-events > .content .table .row.no-results, .course-page > .block.upcoming-events > .content .table .row.no-results, #kurzDemo > .block.upcoming-events > .content .table .row.no-results, #flotilnik > .block.upcoming-events > .content .table .row.no-results {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem; }
  #zkouska > .block.upcoming-events > .content .table .row.no-results:hover, .course-page > .block.upcoming-events > .content .table .row.no-results:hover, #kurzDemo > .block.upcoming-events > .content .table .row.no-results:hover, #flotilnik > .block.upcoming-events > .content .table .row.no-results:hover {
    background-color: transparent; }
  #zkouska > .block.upcoming-events > .content .table .row .fixed-price, .course-page > .block.upcoming-events > .content .table .row .fixed-price, #kurzDemo > .block.upcoming-events > .content .table .row .fixed-price, #flotilnik > .block.upcoming-events > .content .table .row .fixed-price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    margin-bottom: 0.5rem;
    width: 100%;
    color: #e91c1c; }
  #zkouska > .block.upcoming-events > .content .table .row .fixed-price .image, .course-page > .block.upcoming-events > .content .table .row .fixed-price .image, #kurzDemo > .block.upcoming-events > .content .table .row .fixed-price .image, #flotilnik > .block.upcoming-events > .content .table .row .fixed-price .image {
    background-image: url("/static/img/icons/exclamation-mark.png");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: 0% 50%;
    margin-right: 0.25rem;
    width: 1rem;
    height: 1rem; }
  #zkouska > .block.upcoming-events > .content .table .row .info, .course-page > .block.upcoming-events > .content .table .row .info, #kurzDemo > .block.upcoming-events > .content .table .row .info, #flotilnik > .block.upcoming-events > .content .table .row .info {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-grow: 1;
    color: #383838; }
  #zkouska > .block.upcoming-events > .content .table .row .info .date, .course-page > .block.upcoming-events > .content .table .row .info .date, #kurzDemo > .block.upcoming-events > .content .table .row .info .date, #flotilnik > .block.upcoming-events > .content .table .row .info .date, #zkouska > .block.upcoming-events > .content .table .row .info .location, .course-page > .block.upcoming-events > .content .table .row .info .location, #kurzDemo > .block.upcoming-events > .content .table .row .info .location, #flotilnik > .block.upcoming-events > .content .table .row .info .location {
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 1rem 1rem;
    padding-left: 1.5rem; }
  #zkouska > .block.upcoming-events > .content .table .row .info .date, .course-page > .block.upcoming-events > .content .table .row .info .date, #kurzDemo > .block.upcoming-events > .content .table .row .info .date, #flotilnik > .block.upcoming-events > .content .table .row .info .date {
    background-image: url("/static/img/pages/home/date.png"); }
  #zkouska > .block.upcoming-events > .content .table .row .info .distance, .course-page > .block.upcoming-events > .content .table .row .info .distance, #kurzDemo > .block.upcoming-events > .content .table .row .info .distance, #flotilnik > .block.upcoming-events > .content .table .row .info .distance {
    font-size: 0.875rem; }
  #zkouska > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"], .course-page > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"], #kurzDemo > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"], #flotilnik > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    display: inline;
    background: none;
    text-transform: initial;
    padding: 0;
    margin: 0;
    color: #1a377d;
    font-weight: bold; }
  #zkouska > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"]:hover, .course-page > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"]:hover, #kurzDemo > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"]:hover, #flotilnik > .block.upcoming-events > .content .table .row .info .distance button[name="distance-rules"]:hover {
    text-decoration: underline; }
  #zkouska > .block.upcoming-events > .content .table .row .info .location, .course-page > .block.upcoming-events > .content .table .row .info .location, #kurzDemo > .block.upcoming-events > .content .table .row .info .location, #flotilnik > .block.upcoming-events > .content .table .row .info .location {
    background-image: url("/static/img/pages/home/location.png");
    font-weight: bold;
    margin-left: auto !important;
    margin: auto; }
  #zkouska > .block.upcoming-events > .content .table .row .info .location button[name="more-info"], .course-page > .block.upcoming-events > .content .table .row .info .location button[name="more-info"], #kurzDemo > .block.upcoming-events > .content .table .row .info .location button[name="more-info"], #flotilnik > .block.upcoming-events > .content .table .row .info .location button[name="more-info"] {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
    text-align: center;
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: bold;
    border: solid 2px #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0;
    width: calc(1.25rem + 1px);
    height: calc(1.25rem + 1px);
    line-height: 1;
    min-width: calc(1.25rem + 1px);
    min-width: initial;
    color: #1a377d;
    flex: 0 0 auto; }
  @media screen and (min-width: 30em) {
                #zkouska > .block.upcoming-events > .content .table .row .info .location, .course-page > .block.upcoming-events > .content .table .row .info .location, #kurzDemo > .block.upcoming-events > .content .table .row .info .location, #flotilnik > .block.upcoming-events > .content .table .row .info .location {
                  margin-left: 1rem; } }
  @media screen and (min-width: 45em) {
                #zkouska > .block.upcoming-events > .content .table .row .info .location, .course-page > .block.upcoming-events > .content .table .row .info .location, #kurzDemo > .block.upcoming-events > .content .table .row .info .location, #flotilnik > .block.upcoming-events > .content .table .row .info .location {
                  margin-left: 10rem; } }
  @media screen and (min-width: 55em) {
                #zkouska > .block.upcoming-events > .content .table .row .info .location, .course-page > .block.upcoming-events > .content .table .row .info .location, #kurzDemo > .block.upcoming-events > .content .table .row .info .location, #flotilnik > .block.upcoming-events > .content .table .row .info .location {
                  margin-left: 15rem; } }
  #zkouska > .block.upcoming-events > .content .table .row .info .capacity, .course-page > .block.upcoming-events > .content .table .row .info .capacity, #kurzDemo > .block.upcoming-events > .content .table .row .info .capacity, #flotilnik > .block.upcoming-events > .content .table .row .info .capacity {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: flex-end;
    align-items: baseline; }
  #zkouska > .block.upcoming-events > .content .table .row .info .capacity label, .course-page > .block.upcoming-events > .content .table .row .info .capacity label, #kurzDemo > .block.upcoming-events > .content .table .row .info .capacity label, #flotilnik > .block.upcoming-events > .content .table .row .info .capacity label, #zkouska > .block.upcoming-events > .content .table .row .info .capacity .from, .course-page > .block.upcoming-events > .content .table .row .info .capacity .from, #kurzDemo > .block.upcoming-events > .content .table .row .info .capacity .from, #flotilnik > .block.upcoming-events > .content .table .row .info .capacity .from {
    color: #898989; }
  #zkouska > .block.upcoming-events > .content .table .row .info .capacity label, .course-page > .block.upcoming-events > .content .table .row .info .capacity label, #kurzDemo > .block.upcoming-events > .content .table .row .info .capacity label, #flotilnik > .block.upcoming-events > .content .table .row .info .capacity label {
    margin-right: 0.5rem; }
  @media only screen and (min-width: 30em) {
              #zkouska > .block.upcoming-events > .content .table .row .info .date, .course-page > .block.upcoming-events > .content .table .row .info .date, #kurzDemo > .block.upcoming-events > .content .table .row .info .date, #flotilnik > .block.upcoming-events > .content .table .row .info .date {
                padding-left: 1.5rem; } }
  #zkouska > .block.upcoming-events > .content .table .row .button, .course-page > .block.upcoming-events > .content .table .row .button, #kurzDemo > .block.upcoming-events > .content .table .row .button, #flotilnik > .block.upcoming-events > .content .table .row .button {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    justify-content: center;
    width: 100%; }
  #zkouska > .block.upcoming-events > .content .table .row .button a.button, .course-page > .block.upcoming-events > .content .table .row .button a.button, #kurzDemo > .block.upcoming-events > .content .table .row .button a.button, #flotilnik > .block.upcoming-events > .content .table .row .button a.button {
    margin: 0 0 0.25rem 0.5rem;
    background-color: #1a377d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  @media only screen and (min-width: 40em) {
            #zkouska > .block.upcoming-events > .content .table .row .title, .course-page > .block.upcoming-events > .content .table .row .title, #kurzDemo > .block.upcoming-events > .content .table .row .title, #flotilnik > .block.upcoming-events > .content .table .row .title {
              font-size: 1.25rem; }
            #zkouska > .block.upcoming-events > .content .table .row .info, .course-page > .block.upcoming-events > .content .table .row .info, #kurzDemo > .block.upcoming-events > .content .table .row .info, #flotilnik > .block.upcoming-events > .content .table .row .info {
              max-width: calc(100% - 10rem); }
            #zkouska > .block.upcoming-events > .content .table .row .button, .course-page > .block.upcoming-events > .content .table .row .button, #kurzDemo > .block.upcoming-events > .content .table .row .button, #flotilnik > .block.upcoming-events > .content .table .row .button {
              width: 10rem;
              width: initial; } }
  #zkouska > .block.upcoming-events > .content .table button[name="show-more-events"], .course-page > .block.upcoming-events > .content .table button[name="show-more-events"], #kurzDemo > .block.upcoming-events > .content .table button[name="show-more-events"], #flotilnik > .block.upcoming-events > .content .table button[name="show-more-events"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    text-transform: none;
    margin-bottom: 0;
    color: #1a377d; }
  #zkouska > .block.upcoming-events > .content .table button[name="show-more-events"]:hover, .course-page > .block.upcoming-events > .content .table button[name="show-more-events"]:hover, #kurzDemo > .block.upcoming-events > .content .table button[name="show-more-events"]:hover, #flotilnik > .block.upcoming-events > .content .table button[name="show-more-events"]:hover {
    text-decoration: underline;
    opacity: 1; }
  #zkouska > .block.upcoming-events > .content .table button[name="show-more-events"] .arrow, .course-page > .block.upcoming-events > .content .table button[name="show-more-events"] .arrow, #kurzDemo > .block.upcoming-events > .content .table button[name="show-more-events"] .arrow, #flotilnik > .block.upcoming-events > .content .table button[name="show-more-events"] .arrow {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    border-bottom: solid 0.2rem #1a377d;
    border-right: solid 0.2rem #1a377d;
    display: inline-block;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    top: -0.125rem; }
  #zkousky .page-header {
    background-color: white;
    border-top: solid 1px #bfbfbf;
    text-align: center;
    padding: 1rem; }
  #zkousky .page-header h2 {
    display: none; }
  @media only screen and (min-width: 60em) {
    #zkousky .page-header h2 {
      display: block; } }
  #zkousky .block {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  #zkousky .block > .content {
    max-width: 80rem; }
  #zkousky .block.exam-cards {
    padding: 2rem; }
  #zkousky .block.exam-cards .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  #zkousky .block.exam-cards .content .exam-box-wrap {
    box-sizing: border-box;
    padding: 1rem;
    width: 100%; }
  @media only screen and (min-width: 40em) {
          #zkousky .block.exam-cards .content .exam-box-wrap {
            width: 50%; } }
  @media only screen and (min-width: 60em) {
          #zkousky .block.exam-cards .content .exam-box-wrap {
            width: 33%; } }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: black;
    text-align: center;
    background-color: white;
    border: solid 1px #bfbfbf;
    height: 100%;
    width: 100%; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box:hover {
    text-decoration: none; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box:hover .exam-box-content, #zkousky .block.exam-cards .content .exam-box-wrap .exam-box:hover .stripe {
    background-color: #e9efff; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-header {
    background-color: #a6cd5c;
    color: #fff;
    position: relative; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-header img {
    margin: 1rem 0 0;
    width: 3rem;
    height: 3rem; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-header.zkouska-efa {
    background-color: #487bbc; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-header.zkouska-efp {
    background-color: #e2b400; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-header.zkouska-pfp {
    background-color: #6fb4da; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content {
    flex-grow: 1;
    padding: 1.5rem; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .image img {
    width: 53px; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .name {
    font-size: 1.25rem;
    color: #aed071; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .name.zkouska-efa {
    color: #487bbc; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .name.zkouska-efp {
    color: #e2b400; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .name.zkouska-pfp {
    color: #6fb4da; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .title {
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 1rem; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .exam-box-content .description {
    text-align: left;
    font-weight: 300; }
  #zkousky .block.exam-cards .content .exam-box-wrap .exam-box .stripe {
    font-size: 0.75rem;
    color: #1a377d;
    padding: 1rem; }
  #zkousky .block.examinations {
    background-color: #fff;
    flex: 0 0 auto; }
  #zkousky .block.examinations > .content {
    padding: 2rem;
    flex: 0 0 auto; }
  #zkousky .block.examinations > .content h2 {
    margin-bottom: 2rem; }
  #zkousky .block.about {
    background-size: cover;
    background-position: center center;
    padding: 3rem 0; }
  #zkousky .block.about > .content .box {
    background-color: rgba(255, 255, 255, 0.9);
    text-align: left;
    box-sizing: border-box;
    padding: 1.5rem;
    width: 100%; }
  #zkousky .block.about > .content .box.right {
    margin: 2rem 0 0 auto; }
  #zkousky .block.about > .content .box p, #zkousky .block.about > .content .box #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #zkousky .block.about > .content .box li, #zkousky .block.about > .content .box #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #zkousky .block.about > .content .box div {
    font-weight: 300; }
  #zkousky .block.about > .content .box .text-plus-image {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex; }
  #zkousky .block.about > .content .box .text-plus-image .image-wrap {
    width: 25%;
    text-align: center;
    margin-right: 1rem; }
  #zkousky .block.about > .content .box .text-plus-image .image-wrap .cnb {
    width: 103px; }
  #zkousky .block.about > .content .box .text-plus-image .image-wrap .mf {
    width: 182px; }
  #zkousky .block.about > .content .box .text-plus-image p, #zkousky .block.about > .content .box .text-plus-image #poradci #container > .block.info .contents .content ul li, #poradci #container > .block.info .contents .content ul #zkousky .block.about > .content .box .text-plus-image li, #zkousky .block.about > .content .box .text-plus-image #poradci #container > .block.info .contents .content div, #poradci #container > .block.info .contents .content #zkousky .block.about > .content .box .text-plus-image div {
    width: 60%; }
  @media only screen and (min-width: 40em) {
        #zkousky .block.about > .content {
          padding: 0 3rem; }
          #zkousky .block.about > .content .box {
            width: 70%;
            min-width: 32rem; } }
  #zkousky .block.garants {
    padding: 2rem;
    background-color: white; }
  #zkousky .block.garants .content {
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -moz-box;
    /* TWEENER - IE 10 */
    display: -ms-flexbox;
    /* NEW - Chrome */
    display: -webkit-flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
  #zkousky .block.garants .content .garant-box-wrap {
    box-sizing: border-box;
    padding: 2rem;
    width: 100%; }
  @media only screen and (min-width: 40em) {
          #zkousky .block.garants .content .garant-box-wrap {
            width: 50%; } }
  @media only screen and (min-width: 55em) {
          #zkousky .block.garants .content .garant-box-wrap {
            padding: 2rem 6rem; } }
  #zkousky .block.garants .content .garant-box-wrap .garant-box {
    text-align: center;
    height: 100%;
    width: 100%; }
  #zkousky .block.garants .content .garant-box-wrap .garant-box:hover {
    text-decoration: none; }
  #zkousky .block.garants .content .garant-box-wrap .garant-box .name {
    font-size: 1.25rem;
    color: #1a377d; }
  #zkousky .block.garants .content .garant-box-wrap .garant-box .title {
    font-size: 1rem;
    font-weight: normal; }
  #zkousky .block.garants .content .garant-box-wrap .garant-box .description {
    text-align: left; }