/******************************************************************************
 *
 * ÚIACH CSS
 * author: SSČ AV ČR, v.v.i. (//ssc.cas.cz)
 * created: 12/2018
 *
 *-----------------------------------------------------------------------------
 *
 * table of content:
 * 1. frameworks
 *    a) normalize.css v8.0.0
 *    b) Bootstrap Grid v4.1.1
 * 2. custom code
 *    a) frameworks adjustments
 *    b) helpers
 *    c) basics
 *    d) typography
 *    e) layout
 *    f) modules
 *
 *****************************************************************************/
 
 
/******************************************************************************
 *
 * 1. a) normalize.css v8.0.0
 *
 *****************************************************************************/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/******************************************************************************
 *
 * 1. b) Bootstrap Grid v4.1.1
 *
 *****************************************************************************/

/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}


.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */


[class*='grid-'] {
    float: left;
    padding: 10px;
    width:100%;
}

/*********************************************************************************************

2.  Mobile Grid

*********************************************************************************************/


.grid-m-12 {
    width: 100%;
}
.grid-m-11 {
    width: 91.666663%;
}
.grid-m-10 {
    width: 83.33%;
}
.grid-m-9 {
    width: 75%;
}
.grid-m-8 {
    width: 66.66666664%;
}
.grid-m-7 {
    width: 58.333%;
}
.grid-m-6 {
    width: 50%;
}
.grid-m-5 {
    width: 41.6665%;
}
.grid-m-4 {
    width: 33.33%;
}
.grid-m-3 {
    width: 25%;
}
.grid-m-2 {
    width: 16.66666%;
}
.grid-m-1 {
    width: 8.33%;
}

/*********************************************************************************************

3.  Grid 720px+

*********************************************************************************************/

@media (min-width: 720px) {
    .grid-12 {
        width: 100%;
    }
    .grid-11 {
        width: 91.666663%;
    }
    .grid-10 {
        width: 83.33%;
    }
    .grid-9 {
        width: 75%;
    }
    .grid-8 {
        width: 66.66666664%;
    }
    .grid-7 {
        width: 58.333%;
    }
    .grid-6 {
        width: 50%;
    }
    .grid-5 {
        width: 41.6665%;
    }
    .grid-4 {
        width: 33.33%;
    }
    .grid-3 {
        width: 25%;
    }
    .grid-2 {
        width: 16.66666%;
    }
    .grid-1 {
        width: 8.33%;
    }

    .grid-t-12 {
        width: 100%;
    }
    .grid-t-11 {
        width: 91.666663%;
    }
    .grid-t-10 {
        width: 83.33%;
    }
    .grid-t-9 {
        width: 75%;
    }
    .grid-t-8 {
        width: 66.66666664%;
    }
    .grid-t-7 {
        width: 58.333%;
    }
    .grid-t-6 {
        width: 50%;
    }
    .grid-t-5 {
        width: 41.6665%;
    }
    .grid-t-4 {
        width: 33.33%;
    }
    .grid-t-3 {
        width: 25%;
    }
    .grid-t-2 {
        width: 16.66666%;
    }
    .grid-t-1 {
        width: 8.33%;
    }
}

/*********************************************************************************************

4.  Grid 1024px+

*********************************************************************************************/

@media only screen and (min-width: 1024px) {
    .grid-tl-12 {
        width: 100%;
    }
    .grid-tl-11 {
        width: 91.666663%;
    }
    .grid-tl-10 {
        width: 83.33%;
    }
    .grid-tl-9 {
        width: 75%;
    }
    .grid-tl-8 {
        width: 66.66666664%;
    }
    .grid-tl-7 {
        width: 58.333%;
    }
    .grid-tl-6 {
        width: 50%;
    }
    .grid-tl-5 {
        width: 41.6665%;
    }
    .grid-tl-4 {
        width: 33.33%;
    }
    .grid-tl-3 {
        width: 25%;
    }
    .grid-tl-2 {
        width: 16.66666%;
    }
    .grid-tl-1 {
        width: 8.33%;
    }
}


/*********************************************************************************************

5.  Grid 1200px+

*********************************************************************************************/

@media only screen and (min-width: 1200px) {
    .container {
        max-width:1180px;
        margin:0 auto;
    }
    .container-fluid {
        max-width:90%;
        margin:0 5%;
    }
    .grid-d-12 {
        width: 100%;
    }
    .grid-d-11 {
        width: 91.666663%;
    }
    .grid-d-10 {
        width: 83.33%;
    }
    .grid-d-9 {
        width: 75%;
    }
    .grid-d-8 {
        width: 66.66666664%;
    }
    .grid-d-7 {
        width: 58.333%;
    }
    .grid-d-6 {
        width: 50%;
    }
    .grid-d-5 {
        width: 41.6665%;
    }
    .grid-d-4 {
        width: 33.33%;
    }
    .grid-d-3 {
        width: 25%;
    }
    .grid-d-2 {
        width: 16.66666%;
    }
    .grid-d-1 {
        width: 8.33%;
    }
}



/******************************************************************************
 ******************************************************************************
 ******************************************************************************

   2. custom code
     
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  * *   * *   * *   * *   * *   * *   * *   * *   * *   * *   * *   * *   * *
   *     *     *     *     *     *     *     *     *     *     *     *     */
  
/******************************************************************************
 *
 * 2. a) frameworks adjustments
 *
 *****************************************************************************/

/* Bootstrap */
.page-wrap > .container {
  padding: 0;
}
@media (min-width: 540px) and (max-width: 575px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}


/******************************************************************************
 *
 * 2. b) helpers
 *
 *****************************************************************************/

img.scale, 
img.responsive {
  max-width: 100%;
  height: auto;
}
.list-style-none {
  padding-left: 0;
  list-style: none;
}
.detail-link {
  display: inline-block;
  float: right;
  padding-right: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAA3NCSVQICAjb4U/gAAAAXVBMVEX/////897/89//8t6/8v+/8///4M7B0ODAz+Cgz95wzvZwkrUxZJkxY5lwP35wPnxwPn0IRoUCP7YCP7cFQoMCPbQDQoICPrUDQYICQYICQIACP34CP38CPnwCPn1EBxvqAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAGZJREFUCJlVj9sOgCAMQ6uIeAEF1IgY9/+f6eXBjT4sOWnWdejcmn65Di4wpuAg3Ff45tV7ImIeUE3nybxpKC98WhpUM3O6do1WcGyeBeaoUfsiX805i7yRivuinw2H6G9hrPjAmhurthKDPL/LmwAAAABJRU5ErkJggg==') no-repeat right center;
}
.thumbnail-left {
  float: left;
  margin-right: 10px;
}
.thumbnail-right {
  float: right;
  margin-left: 10px;
}
.grid-noborder {
  padding: 0;
}
.form-styled label {
  display: block;
  margin-bottom: 5px;
}
.form-styled input[type=text] {
  width: 100%;
  padding: 5px;
}
.button {
  display: inline-block;
  padding: 5px 20px;
  border: none;
  font-size: 120%;
  text-align: center;
  text-decoration: none;
  line-height: 1.25em;
}
.button-primary {
  color: #fff;
  background-color: #0073b6;
}
.button-primary:hover {
  background-color: #014b7a;
}
.button-large {
  padding: 10px 20px;
}
.slider {
  border-bottom: 1px solid #fff;
}
.separator {
  display: none;
}

/******************************************************************************
 *
 * 2. c) basics
 *
 *****************************************************************************/

html,
body {
  height: 100%;
}

body {
  font-family: myriad-pro, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #111;
  background: #bbc0ce url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/bg.jpg') repeat-y center center;
}

a {
  color: #337ebb;
}
a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin: 2rem 0 1rem;
}

h1 {
  font-size: 2.2em;
  font-weight: normal;
}

h2 {
  font-size: 1.9em;
  font-weight: normal;
}

h3 {
  font-size: 1.6em;
  font-weight: normal;
}

h4 {
  font-size: 1.17em;
  font-weight: normal;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.83em;
}

ol,
ul {
  padding: 0 0 0 2.5rem;
}

p,
pre,
dl,
menu,
ol,
ul, 
blockquote {
  margin: 1em 0;
}
li {
  margin: 0 0 0.5em;
}
ul.compact li {
  margin: 0;
}

/* layout */
.page-wrap {
  min-height: 100%;
}

/* page header */
.wrapper-header {
  position: relative;
  top: 0;
  z-index: 100;
  background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/header/bg-hlava-top.png') no-repeat 80% 0;
  padding-top: 15px; 
}
.header {
  position: relative;
  max-height: 220px;
  overflow:hidden;
}
/*.header:before,*/
.header:after {
  display: table;
  clear: both;
  content: " ";
}

/* logo */
.header .logo, .header .logo2 {
  float: left;
  color: #000;
}
.header .logo img {
  /*float: left;*/
  margin: 2px 20px;
}

/* header menu toggle */
.header .menu-toggle {
  float: right;
  margin: 11px 15px;
  z-index: 300;
}
.header .menu-toggle button {
  width: 43px;
  height: 36px;
  font-size: 34px;
  border: none;
  outline: none;
  color: #666;
  background-color: transparent;
}

/* header misc */
.header .header-misc {
  display: none;
  float: right;
}

/* content */
.content {
  background-color: #fbfbfb;
  color:#2a3e4e;
}
.layout-homepage .content{
  background-color: transparent;

}
.content:before,
.content:after {
  display: table;
  clear: both;
  content: " ";
}

/* content header */
.content-header .content-image img {
  display: block;
  max-width: 100%;
}
.content .content-body {
  overflow: hidden;
  padding-bottom: 50px;
}
.content .content-body .content-body-wrap {
  z-index: 999;
  float: left;
  width: 100%;
  background-color: #fbfbfb;
}
.content .content-body .content-body-wrap .content-title {
  display: block;
}
.content .content-body .content-body-wrap .content-title h1 {
  padding: 25px 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

@media only screen and (min-width: 400px) {
  .content .content-title h1 {
    font-size: 1.8em;
  }
}
@media only screen and (min-width: 720px) {
  .content .content-title h1 {
    font-size: 2.2em;
  }
}
@media only screen and (min-width: 1024px) {
  .content .content-body .content-body-wrap {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .content .content-body {
    margin-left: 40px;
  }
}
/*
.content-header .content-image {
  max-height: 280px;
  overflow: hidden;
}
.content .content-title h1 {
  max-width: 37.5em;
  padding: 0 25px;
  margin: 3em auto 0.5em;
  font-size: 1.6em;
  letter-spacing: 0.2ex;
  text-transform: uppercase;
  text-align: center;
}

.content .content-body {
  overflow: auto;
}

.content .paragraph,
.content .box.news .box-body {
  max-width: 60rem;
  margin: 0 auto;
}
*/
.maincontainer {
  padding: 25px;
}

/* footer */
.footer {
  padding: 20px;
  background-color: #22323e;
  color: #fff;
}
.footer a {
  color: #fff;
}

/* footer logo */
.footer .logo-wrapper {
  margin: 30px 0 20px;
  text-align: center;
}
/*
.footer .logo {
  display: inline-block;
  margin: 0 30px;
}
*/
/* footer quote */
.footer .footer-quote {
  font-size: 1em;
  text-align: center;
}

/* language menu *//*
.menu-language {
  box-sizing: border-box;
  float: right;
  height: 60px;
  padding: 10px 0;
  color: #fff;
  background-color: #6c696e;
}
.menu-language a {
  display: inline-block;
  padding: 10px 0;
  line-height: 20px;
  font-size: 1.05em;
  text-decoration: none;
  outline: none;
  color: #fff;
}
.menu-language a:hover {
  text-decoration: underline;
}
.menu-language ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-language li {
  float: left;
  padding-right: 1em;
  margin-left: 1em;
  margin-bottom: 0;
}
.menu-language li:first-child {
  margin-left: 0;
  padding-left: 1em;
}
*/
/* main menu */
.menu-main {
  display: none;
  float: left;
  width:100%;
  background: #22323e url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/header/bg-hlava-top2.png') no-repeat 80% 0;
  margin-top: 17px;
}
.menu-main ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-main li {
  display: inline-block;
  /*float: left;*/
  margin: 0;
}
.menu-main li a {
  display: block;
  padding: 20px 25px;
  line-height: 21px;
  font-size: 1.35em;
  text-decoration: none;
  letter-spacing: 0.1ex;
  outline: none;
  color: #bed4e1;
}
.menu-main li a:hover {
/*  text-decoration: underline;*/
}
.menu-main li a:hover,
.menu-main li.active a {
  background-color: #2a3e4e;
}
.menu-main li:first-child a {
 padding-left:22px;
}

/* mobile menu */
.menu-mobile {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  z-index: 200;
  overflow: auto;
  box-shadow: 0 1px 2px rgba(150,150,150,1);
  background-color: rgba(74,141,181,0.95);
}
.menu-mobile ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #77afd2;
}
.menu-mobile li {
  margin: 0;
  border-top: 1px solid #77afd2;
}
.menu-mobile li a {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #fff;
}
.menu-mobile li a:hover,
.menu-mobile li.active li a:hover {
  text-decoration: underline;
  background-color: #3d7698;
}/* --------- test ---- */
.menu-mobile li ul {
  display: none;
  border: none;
}
.menu-mobile .navbar-nav > li:nth-child(2) {
  border: none;
}
.menu-mobile .navbar-nav > li:nth-child(2) ul {
  display: block;
}
.menu-mobile .navbar-nav > li:nth-child(2) a {
  display: none;
}
.menu-mobile .navbar-nav > li:nth-child(2) ul a {
  display: block;
  padding-left: 1rem;
}
.menu-mobile li.active ul {
  display: block;
}
.menu-mobile li li a {
  padding-left: 1.6rem;
}
.menu-mobile li.active a,
.menu-mobile li.active li.active a {
  font-weight: bold;
  color: #c1e8f9;
}  
.menu-mobile li.active li a {
  font-weight: normal;
  color: #fff;
}  
.menu-mobile li.active a:hover,
.menu-mobile li.active li.active a:hover {
  text-decoration: none;
}  
.menu-mobile li.active a:before,
.menu-mobile li.active li.active a:before {
  margin-right: 0.3rem;
  font-weight: normal;
  content: "\203a";
}    
.menu-mobile li.active li a:before {
  margin: 0;
  content: "";
}    
.menu-mobile .select-language {
  border: none;
}
.menu-mobile .select-language {
  background: rgba(255,100,0,0.3);
}
.menu-mobile .select-language a:hover {
  background: #6c696e;
}
.menu-mobile .select-language .fa {
  margin-right: 0.3rem;
}
/* ---- tests ---- */
/* special menu *//*
.menu-special { 
  display: none;
}
.menu-special ul { 
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-special li { 
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}
.menu-special a { 
  display: block;
  height: 100%;
  padding: 0.75rem;
  text-decoration: none;
  color: #fff;
  background: #077dd4;
}
*/
/* special menu 1 *//*
.menu-special-1 { 
  position: relative;
  font-weight: bold;
}
.menu-special-1 ul { 
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
}
.menu-special-1 li:last-child a { 
  background: #068aec;
}
.menu-special-1 a { 
  padding: 0.5rem 1.5rem;
  font-size: 1.25em;
  letter-spacing: 0.2ex;
  border-radius: 5px 5px 0 0;
}
*/
/* special menu 2 *//*
.menu-special-2 {
  clear: both;
  line-height: 1.25;
}
.menu-special-2 a { 
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6em;
  border: 1px solid #61a8d2;
  border-left: 0;
}
.menu-special-2 .active a,
.menu-special-2 a:hover { 
  border-color: #def0fb;
    color: #101516;
    background: #cae7f8;
}
.menu-special-1b li:last-child a { 
  background: #068aec;
}
.menu-special-2b li, .menu-special-2home li { 
  flex: 1 1 100%;
}
.menu-special-2b a { 
  border-color: #61a8d2;
  background: #068aec;
}
.menu-special-2b .active a,
.menu-special-2b a:hover { 
  border-color: #def0fb;
  color: #101516;
  background: #cae7f8;
}
.menu-special-2 li:last-child a { 
  border-right: 0;
}
.menu-special-2home a { 
  border-color: #61a8d2;
  background: #0068b4;
}
.menu-special-2home .active a,
.menu-special-2home a:hover { 
  border-color: #def0fb;
  background: #cae7f8;
}  
*/
/*! section menu */
.menu-section ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #2a3e4e url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/header/bg-hlava-menu-section.png') no-repeat 76.5% 0;
}
.menu-section li {
  position: relative;
  display: inline-block;
  margin: 0;
}
.menu-section li a {
  display: block;
  padding: 13px 20px;
/*  font-size: 80%;
  font-weight: bold;*/
  text-decoration: none;
  outline: none;
  color: #fff;
}
.menu-section li ul {
  position: absolute;
  left: 0;
  width: 200px;
  box-shadow: none;
  display: none;
  opacity: 0;
}
.menu-section li li {
  display: block;
  margin-right: 0;
}
.menu-section li li a {
  padding: 6px 20px;
  color: #C4EAFF;
  font-weight: normal;
}
.menu-section .open ul {
  z-index: 9999;
  display: block;
  opacity: 1;
}
.menu-section .open > a,
.menu-section .active > a {
  color: #C4EAFF;
}

/* footer menu */
.footer .footer-nav {
  width: auto;
  margin: 3em auto 2em;
}
.footer .footer-nav .footer-nav-col {
  padding: 0 1em;
}
.footer .footer-nav .footer-nav-title {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  text-align: center;
  color: #fff;
}
.footer .footer-nav .footer-nav-title a {
  text-decoration: none;
  color: #79b0d1;
}
.footer .footer-nav ul {
  display: none;
}
.footer .footer-nav ul {
  padding: 0;
  margin: 0;
}
.footer .footer-nav li {
  font-size: 0.8em;
  list-style: none;
  text-align: left;
}
.footer .footer-nav li a {
  text-decoration: none;
  color: #fff;
}
.footer .footer-nav li a:hover {
  text-decoration: underline;
}

.footer .social-links {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;  
}
.footer .social-links .social-link-title {
  margin-bottom: 30px;
  color: #79b0d1;
  font-size: 1.2em;
}
.footer .social-links .social-link {
  display: inline-block;
  margin: 0 15px;
  font-size: 2.75em!important;
}
.footer .social-links .social-link a {
  color: #fff;
}

/* service menu */
.service-menu {
  overflow: hidden;
  padding: 10px 15px;
  margin: 0;
  font-size: 0.85em;
  text-align: center;
  color: #555555;
  background: #222222;
}
.service-menu a {
  color: #555555;
}
.service-menu:hover,
.service-menu:hover a {
  color: #222;
}
.service-menu a:hover {
  color: #ccc;
}
.service-menu .copyright {
  margin-right: 10px;
}
.service-menu ul {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.service-menu ul li {
  display: inline-block;
  margin: 0 0.5em;
}

/* breadcrumbs */
.breadcrumb {
  width: 100%;
  padding: 0.8rem 1.1rem;
  color: #ddd;
  background: #f7f8f9;
}
.breadcrumb ul {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  list-style: none;
}
.breadcrumb li {
  display: inline;
  margin: 0;
}
.breadcrumb li a {
  text-decoration: none;
  color: #bbb;
}
.breadcrumb li:last-child a {
  color: #999999;
}
.breadcrumb li a:hover {
  text-decoration: underline;
  color: #aaa;
}
.breadcrumb li + li:before {
  padding: 0 5px;
  content: "\203a ";
}
.breadcrumb .fa {font-size:16px;}
/* tables */
table.table {
    width: 100%;
    border-collapse: collapse;
}
table.table tr {
    vertical-align: top;
}
table.table th, 
table.table td {
    padding: 0.5em;
}
table.table tr:first-child th {
    padding-top: 0;
}
table.table th {
    text-align: left;
    border-bottom: 2px solid #ddd;
  text-transform: uppercase;
  color: #aaa;
}
table.table td {
    border-top: 1px solid #eee;
}
table.table td:first-child {
    line-height: 1.2;
    padding-top: 0.65rem;
}

/* images */
.images.container,
.images.container-fluid {
  margin: 3rem auto 1rem;
}
.images .row {
  margin: -5px -20px;
  justify-content: center;
}
.images .image {
 padding: 5px;
 line-height: 0;
}
.images img {
}

/* pagination */
.pagination {
  overflow: hidden;
  margin: 2em 0 1em;
  text-align: center;
}
.pagination a,
.pagination span {
  padding: 0.3em 0.5em;
  color: #003476;
}
.pagination .current {
  font-weight: bold;
}


/* media */
.media {
  overflow: hidden;
  padding: 20px;
}
.media .col-1-2 {
  float: left;
  width: 50%;
}
.media .col-1-4 {
  float: left;
  width: 25%;
}
.media .video-container {
  position: relative;
  margin: 0 1px 1px 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.media .video-container iframe,
.media .video-container object,
.media .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media .media-image-container {
  margin-bottom: 1px;
}
.media .media-image-container a {
  display: block;
  opacity: 0.9;
}
.media .media-image-container a:hover {
  opacity: 1;
}
.media .media-image-container img {
  display: block;
  width: 100%;
}


/* lists */
.list .list-header {
  margin-bottom: 1em;
}
.list .list-items {
  margin-bottom: 1em;
}
.list .list-items .item {
  overflow: hidden;
  margin-bottom: 1em;
}
.list .list-items .item .date {
  color: #2a3e4e;
}
.list .list-items .item .title {
  margin-bottom: 0.25em;
}
.list .list-items .item .title h3 {
  margin: 0;
  line-height: 1.5em;
}
.list .list-footer {
  margin-bottom: 1em;
  text-align: right;
}
.list .list-footer .button {
  vertical-align: middle;
  min-width: 160px;
}



/* qikfix */
.list .list-items .item .content.grid-9 .date {
  margin-bottom: 0;
  font-size: 0.8em;
  color: #9e9aa0;
}
.list .list-items .item .content.grid-9 .title {
  margin-bottom: 0;
}
.list .list-items .item .content.grid-9 .title h3 {
  margin: 0;
  line-height: 1.2em;
  font-size:1.2em;
  
}


.list .list-items .item.container.container-full {
  padding: 0;
}
.list .list-items .item .image.grid-d-3.grid-tl-3.grid-t-3.grid-m-3 {
  width: 220px;
}
.list .list-items .item .image img {
  max-width: 200px;
  height: auto;
}

.list .list-items .item .content .description > *:first-child,
.list .list-items .item .content .description > *:first-child > *:first-child {
  margin-top:0!important;
}



@media only screen and (min-width: 576px) {
.list .list-items .item.container.container-full {
  display: flex;
}
.list .list-items .item .content.grid-9 {
  width: calc(100% - 220px);
}

}

  


.newsboxes .list-items,
.newsboxes-list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  margin: 0;
}
.newsboxes .list-items .item,
.newsboxes-list .newsbox {
  float: left;
  padding: 15px 2px;
  margin-bottom: 0;
}
.newsboxes .list-items .item .image,
.newsboxes-list .newsbox .newsbox-image {
  margin-bottom: 0.25em;
}
.newsboxes .list-items .item .image a,
.newsboxes-list .newsbox .newsbox-image a {
  line-height: 0.01;
  display: block;
}
.newsboxes .list-items .item .image a img,
.newsboxes-list .newsbox .newsbox-image a img {
  max-width: 100%;
}
.newsboxes button#more-items {
  display: none;
}
.newsboxes .list-items .item {
  font-size: 14px;
  color: #111!important;
}
.newsboxes .list-items .item .title h3 {
  font-size: 125%;
}
.newsboxes .list-items .item .description {
  line-height: 1.5;
}


.ui-accordion-header {
  position: relative;
  margin-bottom: 1px;
  padding: 10px 15px 10px 40px;
  outline: none;
  background-color: #eee;
  cursor: pointer;
  font-weight: bold;
}
.ui-accordion-header .fa {
  position: absolute;
  left: 15px;
  top: 15px;
}
.accordion-content {
  margin-bottom: 1px;
  padding: 15px;
  border: 1px solid #eee;
}
.ui-accordion-header-active .fa-plus-square-o:before {
  content: "\f147";
}
.ui-accordion {
  margin-bottom: 1em;
}
.ui-accordion .ui-accordion-header {
  margin-bottom: 5px;
  padding: 11px 34px;
  background-color: #eee;
  border: 1px solid #ccc;
  cursor: pointer;
  outline: none;
}
.ui-accordion .ui-accordion-header .fa-plus {
  margin-right: 5px;
}
.ui-accordion .ui-accordion-content {
  margin-bottom: 5px;
  padding: 10px 20px;
  border: 1px solid #ccc;
}
.ui-accordion .ui-accordion-header-active {
  background-color: #fff;
}
.ui-accordion .ui-accordion-header-active .fa-plus:before {
  content: "\f068";
}
.ui-tabs {
  margin-bottom: 1em;
}
.ui-tabs .ui-tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-tabs .ui-tabs-nav li {
  box-sizing: border-box;
  float: left;
  background-color: #eee;
  border: 1px solid #ccc;
  border-bottom: 1px solid #000;
}
.ui-tabs .ui-tabs-nav li a {
  display: block;
  padding: 10px 20px;
  color: #000;
  text-decoration: none;
  outline: none;
}
.ui-tabs .ui-tabs-nav:after,
.ui-tabs .ui-tabs-nav:before {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-tabs .ui-tabs-nav:after {
  clear: both;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active {
  background-color: #fff;
  border-color: #000;
  border-bottom: 1px solid #fff;
}
.ui-tabs .ui-tabs-panel {
  margin-top: -1px;
  padding: 10px 20px;
  border: 1px solid #000;
}

.pagination {
  margin: 1em 0;
  font-size: 120%;
}
.pagination a {
  display: inline-block;
  padding: 5px 8px;
  text-decoration: none;
}
.pagination span {
  padding: 5px 8px;
}
.pagination .current {
  background-color: #0073B6;
  color: #fff;
}
.pagination .current.prev,
.pagination .current.next {
  background-color: #fff;
  color: #0073B6;
}


/* file icons */

a.link-icon,
a[href$= ".pdf"],
a[href$= ".doc"],
a[href$= ".docx"],
a[href$= ".xls"],
a[href$= ".xlsx"],
a[href$= ".ppt"],
a[href$= ".pptx"],
a[href$= ".zip"],
a[href$= ".rar"],
a[href$= ".eps"],
a[href$= ".psd"],
a[href$= ".ai"],
a[href$= ".PDF"],
a[href$= ".DOC"],
a[href$= ".DOCX"],
a[href$= ".XLS"],
a[href$= ".XLSX"],
a[href$= ".PPT"],
a[href$= ".PPTX"],
a[href$= ".ZIP"],
a[href$= ".RAR"],
a[href$= ".EPS"],
a[href$= ".PSD"],
a[href$= ".AI"] {
    color: black;
}
a.link-icon:visited,
a[href$= ".pdf"]:visited,
a[href$= ".doc"]:visited,
a[href$= ".docx"]:visited,
a[href$= ".xls"]:visited,
a[href$= ".xlsx"]:visited,
a[href$= ".ppt"]:visited,
a[href$= ".pptx"]:visited,
a[href$= ".zip"]:visited,
a[href$= ".rar"]:visited,
a[href$= ".eps"]:visited,
a[href$= ".psd"]:visited,
a[href$= ".ai"]:visited,
a[href$= ".PDF"]:visited,
a[href$= ".DOC"]:visited,
a[href$= ".DOCX"]:visited,
a[href$= ".XLS"]:visited,
a[href$= ".XLSX"]:visited,
a[href$= ".PPT"]:visited,
a[href$= ".PPTX"]:visited,
a[href$= ".ZIP"]:visited,
a[href$= ".RAR"]:visited,
a[href$= ".EPS"]:visited,
a[href$= ".PSD"]:visited,
a[href$= ".AI"]:visited {
    color: dimgrey;
}
a.link-icon:before,
a[href$= ".pdf"]:before,
a[href$= ".doc"]:before,
a[href$= ".docx"]:before,
a[href$= ".xls"]:before,
a[href$= ".xlsx"]:before,
a[href$= ".ppt"]:before,
a[href$= ".pptx"]:before,
a[href$= ".zip"]:before,
a[href$= ".rar"]:before,
a[href$= ".eps"]:before,
a[href$= ".psd"]:before,
a[href$= ".ai"]:before,
a[href$= ".PDF"]:before,
a[href$= ".DOC"]:before,
a[href$= ".DOCX"]:before,
a[href$= ".XLS"]:before,
a[href$= ".XLSX"]:before,
a[href$= ".PPT"]:before,
a[href$= ".PPTX"]:before,
a[href$= ".ZIP"]:before,
a[href$= ".RAR"]:before,
a[href$= ".EPS"]:before,
a[href$= ".PSD"]:before,
a[href$= ".AI"]:before {
    font-family: FontAwesome;
    margin-right: 0.4em;
    text-decoration: none;
    font-size: smaller;
  vertical-align: bottom;
}
a.icon-pdf:before,
a[href$= ".pdf"]:before,
a[href$= ".PDF"]:before {
    content: "\f1c1";
    color:red;
}
a.icon-doc:before,
a[href$= ".doc"]:before,
a[href$= ".docx"]:before,
a[href$= ".DOC"]:before,
a[href$= ".DOCX"]:before {
    content: "\f1c2";
    color:mediumblue;
}
a.icon-xls:before,
a[href$= ".xls"]:before,
a[href$= ".xlsx"]:before,
a[href$= ".XLS"]:before,
a[href$= ".XLSX"]:before {
    content: "\f1c3";
    color:green;
}
a.icon-ppt:before,
a[href$= ".ppt"]:before,
a[href$= ".pptx"]:before,
a[href$= ".PPT"]:before,
a[href$= ".PPTX"]:before {
    content: "\f1c4";
    color:orange;
}
a.icon-zip:before,
a[href$= ".zip"]:before,
a[href$= ".rar"]:before,
a[href$= ".ZIP"]:before,
a[href$= ".RAR"]:before {
    content: "\f1c6";
    color:brown;
}
a.icon-img:before,
a[href$= ".eps"]:before,
a[href$= ".psd"]:before,
a[href$= ".ai"]:before,
a[href$= ".EPS"]:before,
a[href$= ".PSD"]:before,
a[href$= ".AI"]:before {
    content: "\f1c5";
    color:steelblue;
}
a.icon-external:before {
    content: "\f35d";
    color:dimgray;
}


a.no-link-icon,
a.no-link-icon:visited {
  color: #0068b4;
}
a.no-link-icon:before {
  display: none;
}



/* tiles */

/*.tilescontainer {max-width: 885px;}*/
/*.tiles { margin-bottom:2rem;}*/

@media only screen and (min-width: 768px) and (max-width: 1200px) {
 .tiles.container { padding-left:0!important;padding-right:0!important}
}

.tile {
	cursor:pointer;
}
.tile a {color:#fff;}

.tile:hover a {text-decoration:underline!important;}

/*
.tile.tile-1, .tile.tile-3, .tile.tile-5 {border:1px solid #fff;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.tile.tile-3 {
    border: 1px solid #e6e6e6;
}
 .tile.tile-1, .tile.tile-4, .tile.tile-5 {border:1px solid #fff; }
}*/





.tile .item-body {
     padding:55px 50px 30px 50px;
}
@media only screen and (max-width: 767px) {
 .tile .item-body {
     padding:30px 20px 20px 30px;
 }
}


.tile .item-title h3 {margin-top:0; font-weight: 100;}
.tile .item-title h3 a {font-size: 110%; letter-spacing: 1px;}
.tile .item-title h3:hover a {text-decoration:underline}
.tile .item-text {color:#bed4e1;}

.tile.tile-1, .tile.tile-6 { background-color: #2a587c; color:#fff;}         
.tile.tile-2, .tile.tile-4 { background-color: #416b8b; color:#fff;}         
.tile.tile-3, .tile-3 .item-text, .tile-3 a  { background-color: #dfe8f1; color:#2a587c;}                          
/*.tile.tile-4, .tile-4 .item-text, .tile-4 a { background-color: #ebf3fb; color:#2a587c;}*/
.tile.tile-5, .tile-5 .item-text, .tile-5 a  { background-color: #dfe8f1; color:#2a587c;}         
/*.tile.tile-6, .tile-6 .item-text, .tile-6 a  { background-color: #dfe8f1; color:#2a587c;}*/         
.tile.tile-7, .tile-7 .item-text, .tile-7 a  { background-color: #dfe8f1; color:#2a587c;}         
.tile.tile-8 { background-color: #2a587c; color:#fff;}         


#newscontainer .list-items{max-height: 1160px; overflow: hidden;}
#logacontainer {clear: both; text-align:center; line-height: 100px;padding-top: 40px; background-color:#f3f3f3;}
/*#logacontainer div[class^="col-"] {
  text
} */


.bottom1container {
    margin: 2rem 0;
}


/*

.tiles {}

.tiles a {
  text-decoration: none;
}
.tiles a:hover {
  text-decoration: underline;
}

.tiles .tiles-headline {
  padding: 2.5em 0;
    margin: 0;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.2ex;
}
.tiles .tiles-headline a {
  color: #101516;
}

.tiles .items-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  padding: 0 10px 2.2em;
  margin: 0 auto;
  justify-content: center
}
.tiles .tile {
  padding: 0 10px 20px;
    position: relative;
}
.tiles .tile .item-image a {
  display: block;
  line-height: 0.01;
}

.tiles .item-body {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: calc(100% - 20px);
    max-width: 525px;
    margin: 0;
}

.tiles .item-title {
}    

.tiles .item-headline {
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  letter-spacing: 0.2ex;
}

.tiles .item-headline a {
  display: block;
    padding: 1em 0.5em 0.5em;
    overflow: auto;
  color: #fff;
  background: rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );  
}

.tiles .tile:hover .item-headline a {
    padding: 0.5em;
  background: rgba(100,100,100,0.8);
}

    
.tiles .item-text p:last-child {
  margin-bottom: 0;
}


.tiles.tiles-1 {
background: #bce6f8;
    background: rgb(255,255,255);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 40%, rgba(75,187,235,1) 90%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 40%,rgba(75,187,235,1) 90%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 40%,rgba(75,187,235,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bbbeb',GradientType=1 );
}
.tiles.tiles-2 {
background: #bce6f8;
    background: rgb(255,255,255);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 40%, rgba(75,187,235,1) 90%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 40%,rgba(75,187,235,1) 90%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 40%,rgba(75,187,235,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bbbeb',GradientType=1 );
} 
*/


/* news */

.content .box.news .box-body div[property="opencms://system/modules/cz.nelasoft.opencms.xmlcontents/schemas/news.xsd/OpenCmsNewsArticle/Perex"] {
    display: none;
}

.content .paragraph blockquote,
.content .box.news .box-body blockquote {
    font-size: 110%;
    line-height: 1.5;
}

.content .block.list .list-header.events-header h2 { margin-top: 0; }


@media only screen and (min-width: 400px) {
  .newsboxes .button {
    padding: 5px 20px;
    min-width: 160px;
    margin-bottom: 1.7em;
  }
  .newsboxes .button-large {
    padding: 10px 20px;
  }
}

@media only screen and (min-width: 576px) {
  body {
    font-size: 15px;
  }
  p,
  pre,
  dl,
  menu,
  ol,
  ul, 
  blockquote {
   /* text-align: justify;*/
  }
  .newsboxes .list-items .item {
    /*width: 50%;*/
  }
  .header .logo {
    display: block;
 /*   position: absolute;*/
    top: 5px;
    left: 40px;
    z-index: 10;
    margin: 0;
  }
  .header .logo img {
    margin: 8px 0 0 22px;
  }
 .header .logo2 img {
   margin: 8px 0 0 0;
  }
  .header .logo p {
    float: left;
    width: 21em;
    max-width: 21em;
    margin: 0.6em 0 0;  
    font-size: 0.95em;
    letter-spacing: 0.2ex;
  }
  .header .logo .subtitle {
    display: block;
    margin-left: -70px;
  }
  .header .logo .subtitle-2 {
    display: none;
  }
  .header .logo-ipp img {
    display: block;
    margin: 0.5rem 0 0 -10px;
    clear: left;
  }
  .header .logo-ipp .subtitle {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
  .header .logo p {
    margin: 0.5em 0 0;  
    font-size: 1.05em;
  }
  .header .logo-ipp p {
    margin: 0 0.5rem 0.3rem 140px;
  }
  .header .logo-ipp .abbr {
    display: none;
  }
  .header .logo-ipp .full {
    display: inline;
  }
  .header .logo .subtitle {
    margin-left: -50px;
  }
  .header .logo .subtitle-2 {
    display: block;
    width: 22em;
    max-width: 22em;
    clear: left;
  }
  .lang-en .menu-main li a {
    padding: 20px 10px;
  }
  .service-menu .copyright {
    display: inline-block;
  }
}

@media only screen and (min-width: 992px) {
  /*$#!+H4x0mG*/
  .wrapper-content {
    position: relative;
/*    top: -60px;
    margin-bottom: -60px;*/
  }
  /*end of $#!+H4x0mG*/  
  .slider {
    border-bottom: none;
  }
  .header {
    background: none;
  }
  .header .logo p {
    clear: left;
  }
  .header .logo .subtitle {
    margin-left: 0;
  }
  .header .logo .subtitle-2 {
    display: none;
  }
  .header .logo-ipp p {
    margin: 0 0.5rem 0.2rem 140px;
  }
  .header .logo-ipp img {
    margin-top: 0.8rem;
  }
  .header .logo-ipp .abbr {
    display: inline;
  }
  .header .logo-ipp .full {
    display: none;
  }
  .header .header-misc {
    background: #f0f0f0;
  }
  .content-header .content-image {
    max-height: 350px;
  }
  .newsboxes .list-items .item {
    width: 100%
  }
  .footer .footer-nav .footer-nav-title {
    text-align: left;
  }
  .footer .footer-nav ul {
    display: block;
  }
  .footer .footer-nav {
    display: table;
  }
  .footer .footer-nav .footer-nav-col {
    display: table-cell;
/*    border-left: 1px solid #4bbbeb;*/
  }
  .footer .footer-nav .footer-nav-col:first-child {
    border-left: none;
  }  
}

@media only screen and (min-width: 1024px) {
  .header .menu-toggle {
    display: none;
  }
  .header .header-misc,
  .menu-main, .menu-special {
    display: block;
  }
  .header .logo2 {display:block;}
  .header .logo {
    margin-right: 30px;
  }
  .header .logo p {
    margin-top: 0.5em;
  }
  .header .logo .subtitle-2 {
    display: block;
  }
  .lang-en .menu-main li a {
    padding: 20px;
  }
  .menu-special-2 a { 
    font-size: 1.05em;
  }
}  


@media only screen and (min-width: 576px) and (max-width: 991px) {
  .layout-homepage .newsboxes .list-items .item:last-child {
    display: none;
  }
  /* .layout-homepage .content-header .content-image img {
   filter: contrast(0.9) opacity(0.6);
  }*/
}


@media only screen and (max-width: 767px) {
  .header .logo-ipp p {
    margin: 0 0.5rem 0.3rem 140px;
  }
  .header .logo-ipp .abbr {
    display: none;
  }
  .header .logo-ipp .full {
    display: inline;
  }
  .header .menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
  }  
  .footer .footer-nav .footer-nav-col:first-child .footer-nav-title {
    display: none;
  }
  .footer .footer-nav .footer-nav-col:first-child ul {
    display: block;
    text-align: center;
  }
  .footer .footer-nav .footer-nav-col:first-child ul li {
    font-size: 1.2em;
  }
  /*.layout-homepage .content-header .content-image img {
    filter: contrast(0.7) opacity(0.3);
  }*/
}

@media only screen and (max-width: 575px) {
  body {
    font-size: 14px;
  }
 /* .wrapper-header {
    height: 60px;
  }
  .header .logo {
    position: static;
  }
  .header .logo p {
    float: left;
    max-width: 21em;
    width: 21em;
    margin: 0.95em 0 0;
    font-size: 1.05em;
    letter-spacing: 0.2ex;
  }
  .header .logo img {
    display: none;
  }
  .header .logo a {
    float: left;
    display: block;
    width: 100px;
    height: 52px;
    margin: 4px 20px;
    background: url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/logo-cs.png') no-repeat 50% 50%;
  }*/
  .header .logo2 {
    display: none;
  }
  .header .logo .subtitle-2 {
    display: block;
    position: absolute;
    left: 0;
    top: 60px;
    width: 22em;
    max-width: 22em;
    margin: 0.5em 20px 0;
  }
  .header .logo-ipp img {
    display: block;
    position: absolute;
    left: 0;
    top: 90px;
    margin: 0.5rem 10px 0;
  }
  .header .logo-ipp .subtitle {
    display: none;
  }
}

@media only screen and (max-width: 539px) {
  .header .logo-ipp p {
    margin: 0 0.5rem 0.3rem 140px;
  }
  .header .logo-ipp .abbr {
    display: inline;
  }
  .header .logo-ipp .full {
    display: none;
  }
}

@media only screen and (max-width: 509px) {
  .header .logo .subtitle {
    max-width: 16.7em;
    width: 16.7em;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 459px) {
  .header .logo .subtitle {
    margin: 1.3em 0 0;
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 419px) {
  .header .logo .subtitle {
    margin: 1.4em 0 0;
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 399px) {
  .header .logo p {
    max-width: 100%;
    margin: 0.6rem 0.5rem 0 20px;
    clear: left;
  }
  .header .logo .subtitle {
    clear: left;
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 20px 0.5em;
  }
  .header .logo .subtitle-2 {
    top: 80px;
  }
  .header .logo-ipp p {
    margin: 0 0.5rem 0.3rem 20px;
  }
  .header .logo-ipp img {
    top: 110px;
  }
  .header .logo-ipp .abbr {
    display: none;
  }
  .header .logo-ipp .full {
    display: inline;
  }
  .footer .logo {
    margin: 0;
  }
  .footer .logo img {
    max-width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 359px) {
  .header .logo p {
    max-width: 16.7em;
  }
  .header .logo .subtitle {
    font-size: 0.95em;
    max-width: 16.7em;
    width: 16.7em;
    margin-bottom: 0.3em;
  }
  .header .logo .subtitle-2 {
    display: none;
  }
  .header .logo-ipp img {
    top: 100px;
    max-width: calc(100% - 30px);
    margin: 0.5rem 10px 0;
    height: auto;
  }
  .header .logo-ipp .abbr {
    display: inline;
  }
  .header .logo-ipp .full {
    display: none;
  }
}

@media only screen and (max-width: 319px) {
  .tiles .item-headline {
  font-size: 1em;
  }
  .header .logo .subtitle {
    max-width: 16.7em;
    width: calc(100% - 40px);
    font-size: 0.8em;
  }
}




@media print {
  body {
    color: #000;
  }
  .wrapper-header,
  .menu-toggle,
  .menu-section,
  .content-header,
  .wrapper-events,
  .wrapper-media,
  .carousel,
  .wrapper-footer,
  .newsboxes-archive,
  .col-side {
    display: none;
  }
  .content-image {
    margin-bottom: 20px;
  }
  .newsboxes .newsboxes-list {
    display: block;
  }
  .newsbox {
    overflow: hidden;
    page-break-inside: avoid;
  }
  .newsbox .newsbox-image {
    float: left;
    width: 25%;
    margin-right: 15px;
  }
  .newsbox .newsbox-body {
    float: left;
    width: 70%;
  }
  .newsbox .newsbox-body .newsbox-title h3 a {
    color: #000;
  }
} 


.menu-special-1 .menu-item-2 a {
    background: #0068b4 url(https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/home-24x24.png) no-repeat center center;
    color: #0068b4;
    font-size: 0;
} 


/* header misc */

.header .header-misc .header-menu {
  box-sizing: border-box;
  position:absolute;
  top:0;
  right:10px;
  color: #424e5c;
}
.header .header-misc .header-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .header-misc .header-menu ul li {
  float: left;
/*  margin-left: 1em;*/
  padding: 0 12px;
}
.header .header-misc .header-menu ul li:first-child {
  margin-left: 0;
  color:#424e5c;
}
.header .header-misc .header-menu ul li:first-child a {
  color:#424e5c;
}

.header .header-misc .header-menu a {
  color: #424e5c;
  text-decoration: none;
}
.header .header-misc .header-menu a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 720px) {
  /*.header .header-misc {
    display: block;
  }*/
}
.header .menu-toggle {
  float: right;
  margin: 13px 15px;
}
.header .menu-toggle button {
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: none;
  font-size: 34px;
  outline: none;
}
@media only screen and (min-width: 1200px) {
  .header .menu-toggle {
    display: none;
  }
}


.wrapper-newsboxes {
 width: 295px;
 float: right;
}

@media only screen and (max-width: 767px) {
 .wrapper-newsboxes {
  width: 100%;
  float: none;
 }
}



.wrapper-newsboxes .item h3 a {
    font-size: 0.9em;
}


.wrapper-newsboxes .button-primary {
    color: #2a698c;
    background-color: #fff;
    text-decoration:underline;
}

.blue-body {padding:20px 40px 30px; text-align:center;}
.blue-body h3 {text-transform:uppercase}
.blue-body p {text-align:unset;}

/*#bottom2leftcontainer:before {clear:both}*/



.bottom2leftcontainer {
 background-color:#f7fafd;
 }

.bottom2rightcontainer {
 background-color:#ebf3fb;
 }

.bottom2leftcontainer .block, .bottom2rightcontainer .block {padding:100px;}
.bottom2leftcontainer h2, .bottom2rightcontainer h2 {font-size: 2.1em; margin-bottom:50px;}

/* header search */
.header .header-misc .search-box {
 position: absolute;
 right: 15px;
 top: 79px;
}
.header .header-misc .search-box .search-input {
  box-sizing: border-box;
  float: left;
  width: 154px;
  height: 42px;
  padding: 10px 0 10px 10px;
  border: none;
  background-color: #76afd1;
  color: #fff;
  vertical-align: top;
  font-size: 1em;
  outline: none;
}
.header .header-misc .search-box .search-input::-webkit-input-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-input::-moz-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-input:-ms-input-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-input:-moz-placeholder {
  color: #BDD0DC;
  font-style: italic;
}
.header .header-misc .search-box .search-submit {
  width: 42px;
  height: 55px;
  border: none;
  font-size: 1.5em;
  color: #fff;
  background-color: transparent;
}


/* side menu */
.side-menu {
  background-color: #e7e9e2;
  padding: 15px;
}
.side-menu .side-menu-title {
  margin-bottom: 1em;
  font-size: 1.2em;
  text-align: center;
  padding-top: 10px;
  color: #a3a69b;
  font-weight: bold;
}
.side-menu ul {
  list-style: none;
  margin: 0;
  padding-left: 15px;
}
.side-menu li {
  margin-bottom: 1em;
  line-height: 1.25em;
  font-size: 0.9em;
}
.side-menu li a {
  display: block;
  color: #337ebb;
}
.side-menu li a:hover {
  color:#1b5889;
}
.side-menu li a.current,
.side-menu li a.current-parent {
  font-weight: bold;
}
.side-menu li ul {
  margin-top: 1em;
}
.side-menu li li a {
  padding-left: 1.5em;
}


/* document menu *//*
.document-menu {
  padding: 8px 0;
  border-top: 1px dotted #B8B8B8;
  line-height: 1.25em;
  text-align: right;
  font-size: 0.9em;
}
.document-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.document-menu ul li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0;
  border-left: 1px dotted #888;
}
.document-menu ul li:first-child {
  border-left: none;
}
.document-menu ul li a {
  margin-left: 8px;
  padding-left: 18px;
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #888;
}
.document-menu ul .document-menu-print a {
  padding-left: 20px;
  background: url(data:image/gif;base64,R0lGODlhDgALAIAAAP///4iIiCH5BAAHAP8ALAAAAAAOAAsAAAIchIOJxhB9oJMP1nZnjq8qdWyS033gInKpRZpgAQA7) left center no-repeat;
}
.document-menu ul .document-menu-mail a {
  padding-left: 18px;
  background: url(data:image/gif;base64,R0lGODlhDAALAIAAAP///4iIiCH5BAAHAP8ALAAAAAAMAAsAAAIbBIJxaNduFIxNSorhvXE/tnRTVXEZ+JXJugQFADs=) left center no-repeat;
}
.document-menu ul .document-menu-back a {
  padding-left: 12px;
  background: url(data:image/gif;base64,R0lGODlhBgAFAIAAAP///4iIiCH5BAAHAP8ALAAAAAAGAAUAAAIHBGKIx937CgA7) left center no-repeat;
}
.document-menu ul .document-menu-top a {
  padding-left: 11px;
  background: url(data:image/gif;base64,R0lGODlhBQAGAJEAAP////7+/oiIiAAAACH5BAAHAP8ALAAAAAAFAAYAAAIIBGSnaMyrWgEAOw==) left center no-repeat;
}
*/

/* links *//*
.links-toggle {
  float: left;
  color: #fff;
  margin-right: 10px;
  padding: 4px 42px 5px 4px;
  background: url(https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.avcr/resources/img/links.png) right center no-repeat;
}
.links-toggle:hover {
  cursor: pointer;
  color: #014b7a;
}
.links-block {
  z-index: 999;
  display: none;
  position: absolute;
  right: 0;
  top: 80px;
  background-color: #4a8db5;
  width: 225px;
}
.links-block ul {
  list-style: none;
  margin: 0;
  padding: 10px;
  text-align: center;
}
.links-block ul li {
  border-top: 1px solid #3e7596;
}
.links-block ul li:first-child {
  border-top: none;
}
.links-block ul li a {
  display: block;
  padding: 5px 0 5px 0;
  color: #fff;
  text-decoration: none;
  line-height: 1.5em;
}
.links-block ul li a:hover {
  color: #014b7a;
}
*/

/* social sharing *//*
.social-sharing {
  background-color: #0073b6;
  padding: 15px;
  color: #fff;
}
.social-sharing .social-sharing-title {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.social-sharing .social-sharing-items {
  text-align: center;
  margin: 30px 0;
}
.social-sharing .social-sharing-items .social-sharing-item {
  display: inline-block;
  margin: 0 8px;
  font-size: 2em;
}
.social-sharing .social-sharing-items .social-sharing-item a {
  color: #fff;
}
*/

/* videogallery *//*
.videogallery {
  overflow: hidden;
}
.videogallery .boxbody_listentry {
  float: left;
  width: 50%;
  margin: 0;
}
.videogallery .boxbody_listentry h2 {
  min-height: 2.5em;
}
*/

/* lists *//*
.list .list-item {
  margin-bottom: 2em;
}
.list .list-item .list-date {
  font-size: 0.9em;
}
.list .list-item .list-title h3 {
  margin: 0;
  font-size: 1.2em;
}
.list .list-item .list-title h3 a {
  color: #0068b4;
  font-weight: bold;
  text-decoration: none;
}
.list .list-item .list-title h3 a:hover {
  text-decoration: underline;
}
*/

/*
#list_center_pages {
  overflow: hidden;
}
.boxbody_listentry {
  overflow: hidden;
}
.boxbody_listentry .boxbody_listentry_content {
  float: right;
  width: 71%;
}
.boxbody_listentry .boxbody_listentry_content p {
  margin-top: 0;
}
.boxbody_listentry .boxbody_listentry_content .date {
  color: #999;
}
*/

/* search *//*
.search-status {
  margin-bottom: 15px;
}
.search-header {
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #eee;
}
.search-input {
  float: left;
  width: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  line-height: 20px;
}
.search-submit {
  width: 42px;
  height: 42px;
  border: none;
  background: #014b7a;
  color: #BDD0DC;
  font-size: 1.5em;
}
.search-result {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.search-result .search-result-title {
  font-weight: bold;
}
*/



/* media carousel *//*
.media-carousel {
  padding: 0 0 0 20px;
}
.media-carousel img {
  width: 100%;
}
*/

/*
.section-color-1 .bx-pager,
.section-color-2 .bx-pager,
.section-color-3 .bx-pager,
.section-color-4 .bx-pager {
  bottom: 32px;
}
.section-color-primary .menu-section ul,
.section-color-primary .bx-wrapper {
  background-color: #0068b4;
}
.section-color-1 .menu-section ul,
.section-color-1 .bx-wrapper {
  background-color: #005e94;
}
.menu-color-1 a:hover {
  background-color: #005e94;
}
.section-color-2 .menu-section ul,
.section-color-2 .bx-wrapper {
  background-color: #014b7a;
}
.menu-color-2 a:hover {
  background-color: #014b7a;
}
.section-color-3 .menu-section ul,
.section-color-3 .bx-wrapper {
  background-color: #003a5f;
}
.menu-color-3 a:hover {
  background-color: #003a5f;
}
.section-color-4 .menu-section ul,
.section-color-4 .bx-wrapper {
  background-color: #172434;
}
.menu-color-4 a:hover {
  background-color: #172434;
}
*/

/*
.hpevents-anniversary .list-item {
  overflow: hidden;
  border-top: 1px solid #2182A2;
}
.hpevents-anniversary .list-item:first-child {
  border-top: none;
}
.hpevents-anniversary .list-item .list-body {
  display: table;
}
.hpevents-anniversary .list-item a {
  color: #fff;
  text-decoration: none;
}
.hpevents-anniversary .list-otheritems .list-item:first-child {
  border-top: 1px solid #2182A2;
}
.hpevents-anniversary .list-date {
  float: left;
  display: table-cell;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  vertical-align: middle;
  border-right: 1px solid #2182A2;
}
.hpevents-anniversary .list-date .anniversary-date-month {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: rotate(-90deg);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.9em;
}
.hpevents-anniversary .list-date .anniversary-date-day-year {
  float: left;
  text-align: center;
  height: 70px;
  padding: 15px 0 0 20px;
}
.hpevents-anniversary .list-date .anniversary-date-day-year .anniversary-date-day {
  font-size: 2.2em;
  color: #145164;
}
.hpevents-anniversary .list-title {
  display: table-cell;
  vertical-align: middle;
}
*/
.events-header {
  margin-bottom: 1.5em;
}
.events-header #events-filter-form {
  overflow: hidden;
  margin-bottom: 1em;
  border: 1px solid #0073b6;
}
.events-header #events-filter-form .grid-d-6 {
  padding: 10px;
}


.slidercontainer {position:relative;}

.bxslider {
  margin: 0;
  padding: 0;
}

.bx-wrapper {
  position: relative;
  background-color: #2a3e4e;
}
.bx-wrapper .bxslider-image-wrapper {
  overflow: hidden;
}
.bx-wrapper img {
  float: left;
  width: auto;
}
.bxslider .bxslider-text {
  box-sizing: border-box;
  padding: 20px;
}
.bxslider-more-news {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 50;
}
.bxslider-more-news a {
    color: #fff;
    text-decoration:none;    
}
.bxslider-more-news a:hover {
 text-decoration: underline;
}

@media (min-width: 1024px) {
  .bx-wrapper .bxslider-image-wrapper {
    width: 75%;
  }
  .bxslider .bxslider-text {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    padding: 20px 20px 40px;
  }
}
.bxslider .bxslider-caption {
  margin-bottom: 0.5em;
  color: #fff;
  font-size: 1.6em;
  line-height: 1.25em;
}
.bxslider .bxslider-caption a {
  color: #fff;
  text-decoration: none;
}
.bxslider .bxslider-caption a:hover {
  text-decoration: underline;
}
.bxslider .bxslider-description {
  color: #fff;
}
.bxslider-detail {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.bxslider-detail a {
  color: #0068b4;
  text-decoration: none;
  font-size: 0.9em;
}
.bxslider-detail a:hover {
  text-decoration: underline;
}
.bx-wrapper .bx-prev {
  left: 15px;
  background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.avcr/resources/img/sprite.png') 0 0 no-repeat;
}
.bx-wrapper .bx-next {
  right: 15px;
  background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.avcr/resources/img/sprite.png') -41px 0 no-repeat;
}
.bx-wrapper .bx-controls {
  display: none;
  position: absolute;
  top: 0;
  width: 75%;
  height: 100%;
}
@media (min-width: 1024px) {
  .bx-wrapper .bx-controls {
    display: block;
  }
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  width: 41px;
  height: 72px;
  margin-top: -36px;
  outline: 0;
  z-index: 999;
  text-indent: -9999px;
  opacity: 0.8;
}
.bx-wrapper .bx-controls-direction a:hover {
  opacity: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.bx-pager {
  position: absolute;
  right: 90px;
  top: 10px;
  z-index: 999;
}
.bx-pager .bx-pager-item {
  display: inline-block;
}
.bx-pager .bx-pager-item .bx-pager-link {
  background: #BAB9B4;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 2px;
  outline: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.bx-pager .bx-pager-item .active {
  background: #fff;
}
.slider-full-width .bx-wrapper .bxslider-image-wrapper,
.slider-full-width .bx-wrapper .bx-controls {
    width: 100%;
}

#slidercontainer.slidercasopisy {margin:30px 0 20px 0;}
#slidercontainer.slidercasopisy .bx-wrapper {background-color:transparent!important;}
#slidercontainer.slidercasopisy .newsbox-image  {float:left;margin:12px;padding-top:15px;} 
#slidercontainer.slidercasopisy .newsbox-body {padding:12px;font-size: 95%;background-color: #99b2c8;}
#slidercontainer.slidercasopisy .newsbox-body p {margin:0!important;}


/* section layout (e.g. homepage) *//*
.carousel {
  margin-bottom: 20px;
  padding: 1em 0;
  background-color: #38382E;
}
.carousel .carousel-title {
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}
.carousel .carousel-title a {
  color: #fff;
}
.carousel .carousel-item {
  text-align: center;
}
*/
/*
.newsboxes {
  background-color: #fff;
}
.newsboxes .newsboxes-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}
.newsboxes .newsboxes-list .list-archive {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
.newsboxes-archive {
 text-align: center;
}
.newsboxes-archive .button {
 margin: 0 2px 15px 2px;;
 vertical-align: middle;
}
.newsbox {
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #ebecec;
  border: 5px solid  #fff;
}
.newsbox .newsbox-image {
  margin-bottom: 10px;
}
.newsbox .newsbox-image img {
  display: block;
  width: 100%;
}
.newsbox .newsbox-body .newsbox-title h3 {
  margin: 0 0 0.25em;
  line-height: 1.5em;
}
.newsbox .newsbox-body .newsbox-title h3 a {
  color: #0068b4;
  text-decoration: none;
}
.newsbox .newsbox-body .newsbox-title h3 a:hover {
  text-decoration: underline;
}
.newsbox .newsbox-body .newsbox-text {
  font-size: 0.9em;
}
@media (min-width: 720px) {
  .newsbox {
    width: 33.33%;
  }
}
@media (min-width: 1024px) {
  .newsbox {
    width: 25%;
  }
}
*/

.logo-bottom-wrapper a.icon-pdf:before, a[href$= ".pdf"]:before, a[href$= ".PDF"]:before {content:none;}
.logo-bottom-wrapper {
  text-align: center;
}
.logo-bottom {
  display: inline-block;
  margin: 15px;
}
@media only screen and (max-width: 991px) {
  #bottom1container .row .col-lg-6:first-child {margin-bottom:2em;}
}  
@media only screen and (max-width: 1200px) {
  .menu-main li a {font-size: 1.0em; padding: 18px;}
  .header .logo {margin-right: 10px;}
}

.hasDatepicker {
  position: relative;
  z-index: 9999;
}
#ui-datepicker-div {
  display: none;
  width: 280px;
}
.ui-datepicker {
  background-color: #0073B6;
  padding: 15px;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: block;
  font-size: 1.5em;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
  color: #fff;
}
.ui-datepicker table thead th {
  padding: 5px 0;
  font-weight: normal;
}
.ui-datepicker table td {
  padding: 1px;
}
.ui-datepicker table td a {
  display: block;
  padding: 2px;
  background-color: #0067A4;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.ui-datepicker table .ui-datepicker-today a {
  background-color: #0072b6;
  color: #fff;
  font-weight: bold;
}
.ui-datepicker table .highlight a {
  background-color: #014B7A;
  color: #fff;
}
.ui-datepicker .ui-icon {
  width: 23px;
  height: 23px;
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.avcr/resources/img/sprite.png') -82px 0 no-repeat;
}
.ui-datepicker .ui-icon-circle-triangle-e {
  background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.avcr/resources/img/sprite.png') -105px 0 no-repeat;
}

.dvouSloupec {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10%;
  -moz-column-gap: 10%;  
  column-gap: 10%;
}

.bottom1container .dvouSloupec {padding:50px 80px 30px 80px}
.bottom1container h2 {color:#2a3e4e;}

.photocontainer {background-color:#aabecf; padding: 30px 30px 24px 30px;}
.photocontainer .carousel {
 max-width: 1060px;
 margin: 0 auto;
}

.owl-prev {
    width: 41px;
    height: 100px;
    position: absolute;
    top: 20%;
    margin-left: -50px!important;
    display: block !important;
    border:0px solid black;
    background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/sipka-zpet.png') no-repeat center center!important;    
}

.owl-next {
    width: 41px;
    height: 100px;
    position: absolute;
    top: 20%;
    right: -50px;
    display: block !important;
    border:0px solid black;
    background: transparent url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/sipka-vpred.png') no-repeat center center!important;
}
.owl-theme .owl-controls {
    margin-top: 0!important;
}

.blog-links {text-align:center;}
/*.blog-link {background-color:#2a587c; display:inline-block;padding:13px 25px;}*/

.blog-links a {color:#fff; background:#2a587c url('https://webarchiv.lib.cas.cz:443/wayback/20231006160140/http://www.psu.cas.cz/system/modules/cz.nelasoft.opencms.psu/resources/img/ext-link.png') no-repeat right 25px top 19px;text-decoration:none;font-size: 1.2em;display:inline-block;padding:13px 52px 13px 25px;border-radius:10px;}
.blog-links a:hover {background-color:rgba(42,88,124,0.8);}

.prehledna_tabulka tr:nth-child(even) {background: #ebf0f5;}
.prehledna_tabulka td {padding:5px;}





/*
     FILE ARCHIVED ON 16:01:40 Oct 6, 2023 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 3:49:49 Jul 25, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/