/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'AvenirNextLTPro';
  src: url("../fonts/AvenirNextLTPro-Regular.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AvenirNextLTProBold';
  src: url("../fonts/AvenirNextLTPro-Bold.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

.font-avenir-reg, .md-tooltip-content .event-info, .page--my-news .intro .pull-right span, .page--profile .box h2, .page--start-page .intro .pull-right span, .intro .pull-right button {
  font-family: 'AvenirNextLTPro', sans-serif; }

.font-avenir-bold, .panel-top__right .item__submenu .submenu__banner, .panel-top__right .item__submenu.item__submenu--notifications .submenu__item, .box h2, .box h3, .box.box--profile .pull-left p span, .box.box--profile table tr th, .md-tooltip-content .event-info h1, .md-tooltip-content .event-info h2, .md-tooltip-content .event-info h3, .md-tooltip-content .event-info h4, .md-tooltip-content .event-info h5, #responsive-menu .profile__avatar + p, #responsive-menu a.a--logout, .page--search form input[type="text"], .page--search form #search_hints, .styleguide__menu ul li.active a, .color__preview, .form__item h2, h2, .intro .pull-right, .jsCalendar thead .jsCalendar-title-name, .jsCalendar thead .jsCalendar-week-days th,
.jsCalendar tbody td {
  font-family: 'AvenirNextLTProBold', sans-serif; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?rduwtr");
  src: url("../fonts/icomoon.eot?rduwtr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?rduwtr") format("truetype"), url("../fonts/icomoon.woff?rduwtr") format("woff"), url("../fonts/icomoon.svg?rduwtr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  color: #757575; }

.icon-logout:before {
  content: "\e92b";
  color: #757575; }

.icon-doplnit-ucastniky:before {
  content: "\e925"; }

.icon-klonovat:before {
  content: "\e926"; }

.icon-podekovani:before {
  content: "\e927"; }

.icon-sponka:before {
  content: "\e928"; }

.icon-ulozit_do_mobilu:before {
  content: "\e929"; }

.icon-vytisknout:before {
  content: "\e92a"; }

.icon-aktivace-uctu:before {
  content: "\e923"; }

.icon-zapomenute-heslo:before {
  content: "\e924"; }

.icon-delete:before {
  content: "\e922"; }

.icon-volby:before {
  content: "\e91e"; }

.icon-delegati:before {
  content: "\e91f"; }

.icon-cross:before {
  content: "\e920"; }

.icon-check:before {
  content: "\e921"; }

.icon-ucast-na-akcich:before {
  content: "\e914"; }

.icon-pin:before {
  content: "\e915"; }

.icon-nastaveni-profilu:before {
  content: "\e916"; }

.icon-moje-soukromi:before {
  content: "\e917"; }

.icon-moje-platby:before {
  content: "\e918"; }

.icon-moje-historie:before {
  content: "\e919"; }

.icon-right:before {
  content: "\e91a"; }

.icon-left:before {
  content: "\e91b"; }

.icon-informacni-servis:before {
  content: "\e91c"; }

.icon-edit:before {
  content: "\e91d"; }

.icon-adresar:before {
  content: "\e900"; }

.icon-anketa:before {
  content: "\e901"; }

.icon-clen:before {
  content: "\e902"; }

.icon-dokumenty:before {
  content: "\e903"; }

.icon-down-arrow:before {
  content: "\e904"; }

.icon-forum:before {
  content: "\e905"; }

.icon-home:before {
  content: "\e906"; }

.icon-hotline:before {
  content: "\e907"; }

.icon-inbox:before {
  content: "\e908"; }

.icon-kalendar:before {
  content: "\e909"; }

.icon-left-arrow:before {
  content: "\e90a";
  color: #757575; }

.icon-more-info:before {
  content: "\e90b";
  color: #757575; }

.icon-nastaveni:before {
  content: "\e90c"; }

.icon-notifications:before {
  content: "\e90d"; }

.icon-organy:before {
  content: "\e90e"; }

.icon-password:before {
  content: "\e90f"; }

.icon-prihlaska:before {
  content: "\e910"; }

.icon-profile:before {
  content: "\e911"; }

.icon-right-arrow:before {
  content: "\e912";
  color: #757575; }

.icon-search:before {
  content: "\e913"; }

.color--white {
  color: #FFFFFF !important; }

.color--blue-dark {
  color: #00336D !important; }

.color--blue {
  color: #034EA2 !important; }

.color--red {
  color: #FF0000 !important; }

.color--gray-lightest {
  color: #F8F8F8 !important; }

.color--gray-light {
  color: #C3C3C3 !important; }

.color--gray {
  color: #757575 !important; }

.color--gray-dark {
  color: #707070 !important; }

.color--green {
  color: #3CE600 !important; }

.background--white {
  background-color: #FFFFFF; }

.background--blue-dark {
  background-color: #00336D; }

.background--blue {
  background-color: #034EA2; }

.background--red {
  background-color: #FF0000; }

.background--gray-lightest {
  background-color: #F8F8F8; }

.background--gray-light {
  background-color: #C3C3C3; }

.background--gray {
  background-color: #757575; }

.background--gray-dark {
  background-color: #707070; }

.background--green {
  background-color: #3CE600; }

.background--orange {
  background-color: #f0ad4e; }

html, body {
  min-height: 100vh;
  font-size: 16px; }

@media screen and (max-width: 1199px) {
  html, body {
    font-size: 14px; } }

body {
  font-family: 'AvenirNextLTPro', sans-serif;
  overflow-x: hidden;
  background-color: #F8F8F8; }

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

a, a img, a span, a button, button, input {
  outline: none;
  text-decoration: none; }

.container {
  width: 1170px;
  padding: 0 15px;
  margin: 0 auto; }

@media screen and (max-width: 1199px) {
  .container {
    width: calc(100% - 2 * 15px); } }

.inline {
  display: inline; }

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

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

.text-uppercase {
  text-transform: uppercase !important; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

@media screen and (max-width: 768px) {
  .visible-xs {
    display: block; } }

@media screen and (min-width: 769px) {
  .visible-xs {
    display: none; } }

@media screen and (max-width: 768px) {
  .hidden-xs {
    display: none; } }

.clearfix:after, .panel-top__right .item__submenu .submenu__item:after, .panel-top__right .item__submenu.item__submenu--user .submenu__banner:after, .box.box--members:after, .address-book__heading:after,
.address-book-item__main:after,
.address-book-item__detail > div:after, .forum__heading:after,
.forum__item:after, .event__filter form:after, .styleguide:after {
  content: "";
  clear: both;
  display: table; }

.truncate, .panel-top__right .item__submenu .submenu__item .pull-left:nth-of-type(2) span, .panel-top__right .item__submenu .submenu__item .pull-left:nth-of-type(2) p, .panel-side .subpanel ul li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.bottom-shadow, .box.box--profile .profile__avatar, .address-book__item, .address-book-item__main, .forum__item {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }

a {
  color: #034EA2;
  transition: color .2s ease; }

a:hover, a:focus {
  color: #757575; }

footer {
  margin-top: 120px;
  text-align: center;
  font-size: 11px; }

@media screen and (max-width: 768px) {
  footer {
    margin-top: 60px; } }

.panel-top {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  background-color: #034EA2;
  color: white; }

@media screen and (max-width: 991px) {
  .panel-top {
    height: 80px; } }

@media screen and (max-width: 768px) {
  .panel-top {
    height: 60px; } }

.panel-top__left {
  float: left;
  padding-top: 23px;
  padding-left: 5%;
  font-size: 1.25rem; }

@media screen and (max-width: 991px) {
  .panel-top__left {
    padding-top: 20px; } }

@media screen and (max-width: 768px) {
  .panel-top__left {
    padding-top: 15px; } }

.panel-top__left img, .panel-top__left span {
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.panel-top__left img {
  width: 210px; }

@media screen and (max-width: 991px) {
  .panel-top__left img {
    width: 160px; } }

@media screen and (max-width: 768px) {
  .panel-top__left img {
    width: 120px; } }

@media screen and (max-width: 480px) {
  .panel-top__left img {
    width: 100px; } }

.panel-top__left img + span {
  width: 1px;
  height: 48px;
  background-color: white;
  margin: 0 44px 0 32px; }

.panel-top__left span:last-of-type {
  top: 4px; }

@media screen and (max-width: 991px) {
  .panel-top__left span:last-of-type {
    font-size: 1rem; } }

@media screen and (max-width: 768px) {
  .panel-top__left span:last-of-type {
    display: none; } }

.panel-top__right {
  float: right;
  padding: 30px 1% 30px 0; }

@media screen and (max-width: 991px) {
  .panel-top__right {
    padding-top: 20px; } }

@media screen and (max-width: 768px) {
  .panel-top__right {
    padding-top: 18px;
    padding-right: 60px; } }

.panel-top__right .item__wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px; }

@media screen and (max-width: 768px) {
  .panel-top__right .item__wrapper:nth-of-type(4), .panel-top__right .item__wrapper:nth-of-type(5) {
    display: none; } }

@media screen and (max-width: 480px) {
  .panel-top__right .item__wrapper {
    margin: 0 5px; } }

.panel-top__right .item__wrapper span[class^="icon-"] {
  display: block;
  height: 20px; }

.panel-top__right .item__wrapper:last-of-type a {
  opacity: 1; }

.panel-top__right .item__wrapper:last-of-type a span {
  font-size: 16px; }

.panel-top__right .item__wrapper a {
  transition: opacity .3s ease;
  opacity: 0.5; }

.panel-top__right .item__wrapper a:hover, .panel-top__right .item__wrapper a.active {
  opacity: 1; }

.panel-top__right .item__wrapper .point {
  margin-top: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.panel-top__right span[class^="icon"] {
  font-size: 18px;
  transition: opacity .3s ease; }

.panel-top__right span[class^="icon"]:before {
  color: white; }

.panel-top__right span[class^="icon"]:hover, .panel-top__right span[class^="icon"]:focus {
  opacity: 0.5; }

.panel-top__right .profile__avatar {
  width: 40px;
  height: 40px; }

.panel-top__right .item__submenu {
  position: absolute;
  z-index: 5;
  background-color: white;
  top: 60px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 440px;
  right: 0;
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
  display: none; }

@media screen and (max-width: 991px) {
  .panel-top__right .item__submenu {
    top: 50px; } }

@media screen and (max-width: 768px) {
  .panel-top__right .item__submenu {
    top: 42px; } }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu {
    width: 290px;
    -webkit-transform: translateX(70px);
        -ms-transform: translateX(70px);
            transform: translateX(70px); } }

.panel-top__right .item__submenu.open {
  display: block; }

.panel-top__right .item__submenu.no-transform {
  -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
          transform: translateX(30px); }

.panel-top__right .item__submenu.no-transform:before {
  right: 26px; }

.panel-top__right .item__submenu:before {
  content: "\A";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #00336D;
  position: absolute;
  right: 46px;
  top: -12px; }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu:before {
    right: 66px; } }

.panel-top__right .item__submenu > div {
  padding: 15px 20px; }

.panel-top__right .item__submenu .submenu__banner {
  background-color: #00336D;
  color: white;
  position: relative;
  font-size: 1.25rem; }

.panel-top__right .item__submenu .submenu__banner span {
  display: inline-block;
  margin-right: 10px; }

.panel-top__right .item__submenu .submenu__banner button {
  color: #FF0000;
  background-color: transparent;
  border: 0;
  font-family: "Arial", sans-serif;
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.panel-top__right .item__submenu .submenu__item {
  position: relative;
  padding: 15px 40px;
  color: #757575;
  background-color: #FCFCFC;
  cursor: pointer; }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu .submenu__item {
    padding: 15px 25px; } }

.panel-top__right .item__submenu .submenu__item.new {
  background-color: white; }

.panel-top__right .item__submenu .submenu__item.new:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FF0000;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu .submenu__item.new:before {
    left: 10px; } }

.panel-top__right .item__submenu .submenu__item .profile__avatar {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  background-color: white; }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu .submenu__item .profile__avatar {
    width: 30px;
    height: 30px; } }

.panel-top__right .item__submenu .submenu__item .pull-left:nth-of-type(2) {
  margin-left: 4%;
  margin-top: 6px;
  width: 250px; }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu .submenu__item .pull-left:nth-of-type(2) {
    width: 155px; } }

.panel-top__right .item__submenu .submenu__item .pull-left:nth-of-type(2) span {
  display: block;
  color: #034EA2;
  margin-bottom: 2px; }

.panel-top__right .item__submenu .submenu__item .pull-left:nth-of-type(2) p {
  font-size: 0.875rem; }

.panel-top__right .item__submenu .submenu__item .date {
  position: absolute;
  right: 25px;
  font-size: 10px; }

@media screen and (max-width: 540px) {
  .panel-top__right .item__submenu .submenu__item .date {
    right: 15px; } }

.panel-top__right .item__submenu.item__submenu--notifications .submenu__item {
  padding: 10px 25px;
  line-height: 36px;
  background-color: white; }

.panel-top__right .item__submenu.item__submenu--notifications .submenu__item:hover {
  background-color: #FCFCFC; }

.panel-top__right .item__submenu.item__submenu--notifications .submenu__item .textbox {
  vertical-align: top;
  line-height: 36px;
  font-size: 0.875rem;
  padding: 0 15px; }

.panel-top__right .item__submenu.item__submenu--user .submenu__banner {
  position: relative;
  padding: 6px 20px; }

.panel-top__right .item__submenu.item__submenu--user .submenu__banner .profile__avatar {
  float: left;
  margin-right: 12px; }

.panel-top__right .item__submenu.item__submenu--user .submenu__banner span {
  position: relative;
  top: 12px; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item {
  padding: 10px 25px;
  background-color: white; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item:hover {
  background-color: #FCFCFC; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item:last-of-type {
  background-color: #FCFCFC;
  opacity: 0.5; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item:last-of-type:hover {
  opacity: 1; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item a {
  color: #757575;
  display: block;
  width: 100%;
  line-height: 30px; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item a:hover, .panel-top__right .item__submenu.item__submenu--user .submenu__item a:focus, .panel-top__right .item__submenu.item__submenu--user .submenu__item a:active {
  color: #034EA2; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item a:hover span[class^="icon-"]:before, .panel-top__right .item__submenu.item__submenu--user .submenu__item a:focus span[class^="icon-"]:before, .panel-top__right .item__submenu.item__submenu--user .submenu__item a:active span[class^="icon-"]:before {
  color: #034EA2; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item a span[class^="icon-"] {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 10px; }

.panel-top__right .item__submenu.item__submenu--user .submenu__item a span[class^="icon-"]:before {
  color: #757575; }

.point {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  position: absolute; }

.point--red {
  background-color: #FF0000; }

.panel-side {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 100px;
  background-color: #00336D;
  color: white;
  height: calc(100vh - 100px);
  width: 220px;
  box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16); }

@media screen and (max-width: 1199px) {
  .panel-side {
    width: 160px; } }

@media screen and (max-width: 991px) {
  .panel-side {
    top: 80px;
    width: 140px; } }

@media screen and (max-width: 768px) {
  .panel-side {
    display: none; } }

.panel-side a {
  color: white;
  opacity: 0.5;
  transition: opacity .3s ease; }

.panel-side a:hover, .panel-side a.active {
  opacity: 1; }

.panel-side a span {
  font-size: 20px;
  position: relative;
  top: 2px; }

@media screen and (max-width: 1199px) {
  .panel-side a span {
    font-size: 16px; } }

@media screen and (max-width: 991px) {
  .panel-side a span {
    font-size: 14px; } }

.panel-side a span:before {
  color: white; }

.panel-side .a--settings {
  position: relative;
  display: block;
  margin-top: 100px;
  left: 28px;
  margin-bottom: 30px; }

@media screen and (max-width: 1199px) {
  .panel-side .a--settings {
    left: 12px; } }

@media screen and (max-width: 991px) {
  .panel-side .a--settings {
    font-size: 0.875rem; } }

.panel-side .a--settings span {
  margin-right: 20px; }

.panel-side ul {
  list-style: none;
  width: 100%; }

.panel-side ul li:first-of-type {
  padding-top: 10px; }

.panel-side ul li.active a {
  opacity: 1; }

.panel-side ul li a {
  padding-left: 28px;
  line-height: 70px;
  display: block;
  position: relative; }

.panel-side ul li a:hover {
  opacity: 1; }

@media screen and (max-width: 1199px) {
  .panel-side ul li a {
    padding-left: 12px;
    line-height: 50px; } }

@media screen and (max-width: 991px) {
  .panel-side ul li a {
    font-size: 0.875rem;
    line-height: 40px; } }

.panel-side ul li a span {
  margin-right: 20px; }

@media screen and (max-width: 1199px) {
  .panel-side ul li a span {
    margin-right: 10px; } }

.panel-side .subpanel {
  background-color: #001E40; }

.panel-side .subpanel ul li a {
  padding-right: 10px;
  padding-left: 35px;
  line-height: 35px;
  opacity: 0.5;
  transition: opacity .3s ease; }

.panel-side .subpanel ul li a:hover, .panel-side .subpanel ul li a:focus {
  opacity: 1; }

@media screen and (max-width: 1199px) {
  .panel-side .subpanel ul li a {
    padding-left: 12px; } }

.subpanel {
  display: none;
  padding: 12px 0; }

.subpanel.subpanel--open {
  display: block; }

.col {
  float: left;
  padding: 0 6px;
  /*&:first-of-type{ padding-left: 0; }
  &:last-of-type{ padding-right: 0; }*/ }

.col--4-4 {
  width: calc(100% - 12px); }

.col--3-4 {
  width: calc(75% - 12px); }

.col--2-4 {
  width: calc(50% - 12px); }

.col--1-4 {
  width: calc(25% - 12px); }

.col--3-3 {
  width: calc(100% - 12px); }

.col--2-3 {
  width: calc(100% / 3 * 2 - 12px); }

.col--1-3 {
  width: calc(100% / 3 - 12px); }

.col--no-left-pad {
  padding-left: 0; }

.col--no-right-pad {
  padding-right: 0; }

.col--4-4,
.col--3-4,
.col--2-4,
.col--1-4,
.col--3-3,
.col--2-3,
.col--1-3 {
  /*@media screen and (max-width: $screen-lg-max){
    width: calc(50% - 12px);
  }*/ }

@media screen and (max-width: 991px) {
  .col--4-4,
  .col--3-4,
  .col--2-4,
  .col--1-4,
  .col--3-3,
  .col--2-3,
  .col--1-3 {
    width: calc(100% - 12px);
    margin-bottom: 30px; } }

.box {
  position: relative;
  background-color: white;
  color: #707070;
  padding: 15px 20px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 16px; }

@media screen and (max-width: 1440px) {
  .box {
    padding: 10px 15px; } }

.box span.icon-more-info {
  font-size: 20px;
  position: absolute;
  right: 14px;
  top: 15px; }

.box span.icon-more-info:before {
  transition: color .3s ease;
  color: #707070; }

.box span.icon-more-info:hover:before, .box span.icon-more-info:focus:before {
  color: #034EA2; }

.box .clearfix, .box .panel-top__right .item__submenu .submenu__item, .panel-top__right .item__submenu .box .submenu__item, .box .panel-top__right .item__submenu.item__submenu--user .submenu__banner, .panel-top__right .item__submenu.item__submenu--user .box .submenu__banner, .box .box.box--members, .box .address-book__heading, .box .address-book-item__main,
.box .address-book-item__detail > div, .box .forum__heading, .box .forum__item, .box .event__filter form, .event__filter .box form, .box .styleguide {
  margin-bottom: 10px; }

.box .clearfix:last-child, .box .panel-top__right .item__submenu .submenu__item:last-child, .panel-top__right .item__submenu .box .submenu__item:last-child, .box .panel-top__right .item__submenu.item__submenu--user .submenu__banner:last-child, .panel-top__right .item__submenu.item__submenu--user .box .submenu__banner:last-child, .box .box.box--members:last-child, .box .address-book__heading:last-child,
.box .address-book-item__main:last-child,
.box .address-book-item__detail > div:last-child, .box .forum__heading:last-child,
.box .forum__item:last-child, .box .event__filter form:last-child, .event__filter .box form:last-child, .box .styleguide:last-child {
  margin-bottom: 0; }

.box h2 {
  font-size: 1.25rem;
  padding-right: 40px;
  color: #034EA2;
  margin-bottom: 20px; }

@media screen and (max-width: 768px) {
  .box h2 {
    font-size: 1rem; } }

.box h2.underlined {
  padding-bottom: 18px;
  position: relative; }

.box h2.underlined:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #707070;
  position: absolute;
  bottom: 0; }

.box h3 {
  font-size: 0.875rem;
  color: #707070;
  margin-bottom: 10px;
  margin-top: 15px; }

.box p {
  margin-bottom: 20px;
  line-height: 1.25; }

@media screen and (max-width: 768px) {
  .box p {
    font-size: 0.925rem;
    margin-bottom: 10px; } }

.box p:last-of-type {
  margin-bottom: 5px; }

.box a {
  color: #034EA2;
  transition: color .3s ease; }

.box a:hover, .box a:focus {
  color: #757575; }

.box a + p {
  font-size: 0.6875rem;
  margin-top: 5px; }

.box [data-more-info] {
  overflow: hidden;
  transition: height .99s ease;
  position: relative;
  margin: 0 !important;
  padding: 0 !important; }

@media screen and (max-width: 991px) {
  .box [data-more-info] {
    height: auto;
    transition: none; } }

.box [data-more-info].hidden {
  height: 0 !important; }

.box [data-more-info].hidden:before {
  display: none; }

.box .download-item {
  display: block;
  position: relative;
  margin-bottom: 22px;
  line-height: 1.25; }

.box .download-item:after {
  font-family: 'icomoon';
  content: "\e903";
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.125rem; }

.box .download-item span {
  display: block;
  margin-top: 5px;
  font-size: 0.625rem;
  color: #707070; }

.box .article-item {
  padding-left: 15px;
  border-left: 5px solid #034EA2;
  position: relative;
  margin: 25px auto 10px; }

@media screen and (max-width: 1440px) {
  .box .article-item {
    font-size: 0.875rem; } }

.box .article-item span {
  font-size: 0.625rem;
  position: absolute;
  top: -12px; }

.box.box--blue {
  background-color: #034EA2;
  color: white; }

.box.box--blue span.icon-more-info:before {
  color: white; }

.box.box--blue h2 {
  color: white; }

.box.box--blue h2.underlined:after {
  background-color: white; }

.box.box--blue h3 {
  color: #C3C3C3; }

.box.box--blue a {
  color: white; }

.box.box--blue a:hover, .box.box--blue a:focus {
  color: #C3C3C3; }

.box.box--blue .download-item span {
  color: #F8F8F8; }

.box.box--bordered-content p, .box.box--bordered-content div {
  border-bottom: 1px solid #EFEFEF;
  font-size: 1rem;
  color: #707070;
  padding: 9px 0;
  margin: 0; }

.box.box--bordered-content p:last-child, .box.box--bordered-content div:last-child {
  border-bottom: 0; }

.box.box--bordered-content .box--with-icon {
  margin: 10px auto;
  padding: 2px 0 2px 40px;
  position: relative; }

.box.box--bordered-content .box--with-icon:first-of-type {
  margin-top: 0; }

.box.box--bordered-content .box--with-icon:last-of-type {
  margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .box.box--bordered-content .box--with-icon h2 {
    margin-bottom: 10px; } }

.box.box--bordered-content .box--with-icon p {
  padding: 0;
  margin-bottom: 5px; }

.box.box--bordered-content .box--with-icon span[class^="icon-"]:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #757575;
  font-size: 20px; }

.box.box--with-icon {
  padding-left: 60px; }

.box.box--with-icon span[class^="icon-"]:before {
  position: absolute;
  top: 14px;
  left: 20px;
  color: #757575;
  font-size: 20px; }

.box.box--with-icon h2 {
  margin-bottom: 5px; }

.box.box--with-icon p {
  font-size: 0.8125rem; }

.box.box--stats .clearfix, .box.box--stats .panel-top__right .item__submenu .submenu__item, .panel-top__right .item__submenu .box.box--stats .submenu__item, .box.box--stats .panel-top__right .item__submenu.item__submenu--user .submenu__banner, .panel-top__right .item__submenu.item__submenu--user .box.box--stats .submenu__banner, .box.box--stats .box.box--members, .box.box--stats .address-book__heading, .box.box--stats .address-book-item__main,
.box.box--stats .address-book-item__detail > div, .box.box--stats .forum__heading, .box.box--stats .forum__item, .box.box--stats .event__filter form, .event__filter .box.box--stats form, .box.box--stats .styleguide {
  position: relative; }

.box.box--stats .pull-left {
  width: calc(100% - 40px); }

.box.box--stats .pull-right {
  width: 40px;
  position: absolute;
  bottom: 0;
  right: 0; }

.box.box--settings {
  padding: 24px 20px; }

.box.box--settings p {
  margin: 10px 0; }

.box.box--profile {
  padding: 36px 26px; }

@media screen and (max-width: 1440px) {
  .box.box--profile {
    padding: 32px 15px; } }

@media screen and (max-width: 480px) {
  .box.box--profile {
    padding: 15px 10px; } }

.box.box--profile span.icon-nastaveni-profilu,
.box.box--profile span.icon-edit {
  position: absolute;
  top: 32px;
  right: 26px;
  font-size: 22px; }

.box.box--profile span.icon-nastaveni-profilu:before,
.box.box--profile span.icon-edit:before {
  color: #757575; }

.box.box--profile span.icon-edit {
  right: 65px; }

.box.box--profile .pull-left {
  width: 270px; }

@media screen and (max-width: 1440px) {
  .box.box--profile .pull-left {
    width: 160px; } }

@media screen and (max-width: 768px) {
  .box.box--profile .pull-left {
    width: 80px; } }

@media screen and (max-width: 480px) {
  .box.box--profile .pull-left {
    width: 100%; } }

.box.box--profile .pull-right {
  width: calc(100% - 270px - 10%); }

@media screen and (max-width: 1440px) {
  .box.box--profile .pull-right {
    width: calc(100% - 160px - 5%); } }

@media screen and (max-width: 768px) {
  .box.box--profile .pull-right {
    width: calc(100% - 80px - 5%); } }

@media screen and (max-width: 480px) {
  .box.box--profile .pull-right {
    width: 100%; } }

.box.box--profile .profile__avatar {
  width: 270px;
  height: 270px;
  margin: 0 auto 25px;
  background-color: transparent;
  position: relative; }

@media screen and (max-width: 1440px) {
  .box.box--profile .profile__avatar {
    width: 160px;
    height: 160px; } }

@media screen and (max-width: 768px) {
  .box.box--profile .profile__avatar {
    width: 80px;
    height: 80px; } }

@media screen and (max-width: 480px) {
  .box.box--profile .profile__avatar {
    margin-left: 5px; } }

.box.box--profile .profile__avatar img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.box.box--profile table {
  margin: 20px 0; }

@media screen and (max-width: 768px) {
  .box.box--profile table {
    margin: 10px 0; } }

.box.box--profile table tr th, .box.box--profile table tr td {
  text-align: left;
  padding: 2px 6px 2px 0; }

.box.box--members {
  padding: 20px 15px 20px 70px;
  position: relative; }

.box.box--members .profile__avatar {
  position: absolute;
  left: 15px;
  width: 40px;
  height: 40px; }

.box.box--members a {
  font-size: 1.25rem; }

.box.box--members a + span {
  display: block;
  margin-top: 4px;
  margin-bottom: 20px; }

.box.box--members p {
  margin-bottom: 0; }

.box.box--forum-post {
  padding: 18px 80px 80px 20px; }

@media screen and (max-width: 768px) {
  .box.box--forum-post {
    padding-right: 20px; } }

.box.box--forum-post h2 {
  color: #707070; }

.box.box--forum-post .post__replies {
  position: absolute;
  right: 20px;
  color: #707070;
  font-size: 0.75rem; }

.box.box--forum-post .post__replies .icon-forum {
  position: relative;
  left: -5px;
  top: 5px;
  font-size: 1.25rem; }

.box.box--forum-post .post__replies .icon-forum:before {
  color: #707070; }

.box.box--forum-post .post__metadata {
  position: absolute;
  width: calc(100% - 40px);
  bottom: 16px; }

.box.box--forum-post .post__metadata a {
  font-size: 0.75rem;
  margin-left: 10px; }

.box.box--forum-post .post__metadata .profile__avatar {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle; }

.box.box--forum-post .post__metadata .label {
  line-height: 30px; }

.box.box--calendar {
  padding: 5px 0px; }

.box.box--images .image {
  position: relative;
  width: 49%;
  margin-bottom: 8px;
  margin-top: 8px;
  display: inline-block;
  float: left;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-top: 35%; }

.box.box--images .image:hover:after {
  opacity: 1; }

.box.box--images .image:nth-of-type(2n+1) {
  margin-right: 2%; }

.box.box--images .image:after {
  opacity: 0;
  transition: opacity .2s ease;
  content: "\e903";
  font-family: 'icomoon';
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 30%;
  background-color: rgba(3, 78, 162, 0.8);
  color: white;
  text-align: center; }

.address-book {
  width: 100%;
  overflow-x: auto; }

.address-book__wrapper {
  width: 100%;
  min-width: 700px; }

.address-book__heading > div,
.address-book-item__main > div,
.address-book-item__detail > div > div {
  float: left;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1%; }

.address-book__heading > div:first-of-type,
.address-book-item__main > div:first-of-type,
.address-book-item__detail > div > div:first-of-type {
  width: 16%;
  padding-left: 6%; }

.address-book__heading > div:nth-of-type(2),
.address-book-item__main > div:nth-of-type(2),
.address-book-item__detail > div > div:nth-of-type(2) {
  width: 23%; }

.address-book__heading > div:nth-of-type(3),
.address-book-item__main > div:nth-of-type(3),
.address-book-item__detail > div > div:nth-of-type(3) {
  width: 17%; }

.address-book__heading > div:last-of-type,
.address-book-item__main > div:last-of-type,
.address-book-item__detail > div > div:last-of-type {
  width: 34%; }

.address-book__heading {
  font-size: 1.25rem;
  color: #707070;
  margin-bottom: 6px; }

@media screen and (max-width: 1440px) {
  .address-book__heading {
    font-size: 1rem; } }

.address-book__item {
  overflow: hidden;
  margin: 20px auto;
  background-color: white;
  border-radius: 10px; }

@media screen and (max-width: 1440px) {
  .address-book__item {
    margin: 10px auto; } }

.address-book__item.open .address-book-item__main {
  background-color: #034EA2;
  color: white; }

.address-book__item.open .address-book-item__main:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  color: white; }

.address-book__item.open .address-book-item__detail {
  display: block; }

.address-book-item__main {
  padding: 18px 0;
  border-radius: 10px;
  position: relative;
  cursor: pointer; }

@media screen and (max-width: 1440px) {
  .address-book-item__main {
    padding: 14px 0;
    font-size: 0.875rem; } }

.address-book-item__main:before {
  font-size: 22px;
  content: '\e912';
  font-family: 'icomoon';
  display: block;
  position: absolute;
  left: 30px;
  top: 14px;
  color: #034EA2; }

@media screen and (max-width: 1440px) {
  .address-book-item__main:before {
    left: 10px;
    font-size: 18px;
    top: 12px; } }

.address-book-item__detail {
  display: none;
  color: #707070; }

.address-book-item__detail > div {
  padding: 18px 0;
  position: relative; }

@media screen and (max-width: 1440px) {
  .address-book-item__detail > div {
    padding: 14px 0;
    font-size: 0.875rem; } }

.address-book-item__detail > div:before {
  font-size: 20px;
  content: '\e90b';
  font-family: 'icomoon';
  display: block;
  position: absolute;
  left: 30px;
  top: 14px; }

@media screen and (max-width: 1440px) {
  .address-book-item__detail > div:before {
    left: 10px;
    font-size: 18px;
    top: 12px; } }

.profile__avatar {
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #C3C3C3; }

.label.label--small {
  font-size: 10px; }

.forum__paginator {
  margin-bottom: 25px; }

.forum__paginator .pull-left span {
  line-height: 40px;
  font-size: 1.25rem;
  color: #707070; }

@media screen and (max-width: 1199px) {
  .forum__paginator .pull-left span {
    font-size: 1rem; } }

.forum {
  width: 100%;
  overflow-x: auto; }

.forum__wrapper {
  width: 100%;
  min-width: 750px; }

.forum__heading > div,
.forum__item > div {
  float: left;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1%; }

.forum__heading > div:first-of-type,
.forum__item > div:first-of-type {
  width: 17%; }

.forum__heading > div:nth-of-type(2),
.forum__item > div:nth-of-type(2) {
  width: 24%; }

.forum__heading > div:nth-of-type(3),
.forum__item > div:nth-of-type(3) {
  width: 19%; }

.forum__heading > div:last-of-type,
.forum__item > div:last-of-type {
  width: 34%; }

.forum__heading {
  font-size: 1.25rem;
  color: #707070;
  margin-bottom: 6px; }

@media screen and (max-width: 1440px) {
  .forum__heading {
    font-size: 1rem; } }

.forum__heading > div:first-of-type {
  padding-left: 2%; }

.forum__item {
  overflow: hidden;
  margin: 20px auto;
  background-color: white;
  border-radius: 10px;
  padding: 18px 0;
  position: relative;
  cursor: pointer;
  font-size: 0.875rem;
  color: #034EA2; }

@media screen and (max-width: 1440px) {
  .forum__item {
    padding: 14px 0;
    font-size: 0.875rem;
    margin: 10px auto; } }

.forum__item:after {
  font-size: 20px;
  content: '\e90b';
  font-family: 'icomoon';
  display: block;
  position: absolute;
  right: 30px;
  top: 14px;
  color: #707070; }

@media screen and (max-width: 1440px) {
  .forum__item:after {
    right: 14px;
    font-size: 18px;
    top: 12px; } }

.forum__item > div:first-of-type {
  padding-left: 2%; }

.profile__tabs {
  margin: 10px 0 30px; }

.profile__tabs a {
  display: inline-block;
  width: calc(100% / 8 - 1%);
  text-align: center;
  font-size: 0.825rem;
  text-transform: uppercase;
  color: #707070;
  line-height: 35px;
  transition: all 0.2s ease; }

@media screen and (max-width: 1440px) {
  .profile__tabs a {
    width: 160px;
    margin-bottom: 5px;
    text-align: left; } }

@media screen and (max-width: 768px) {
  .profile__tabs a {
    font-size: 0.75rem;
    margin-right: 8px;
    margin-left: 5px; } }

.profile__tabs a.active, .profile__tabs a:hover, .profile__tabs a:focus {
  border-bottom: 2px solid #034EA2;
  color: #034EA2; }

.profile__tabs a.active span[class^="icon"]:before, .profile__tabs a:hover span[class^="icon"]:before, .profile__tabs a:focus span[class^="icon"]:before {
  color: #034EA2; }

.profile__tabs a span[class^="icon"] {
  position: relative;
  top: 4px;
  margin-right: 10px;
  font-size: 22px; }

.profile__tabs a span[class^="icon"]:before {
  color: #707070; }

@media screen and (max-width: 1440px) {
  .profile__tabs a span[class^="icon"] {
    font-size: 16px; } }

@media screen and (max-width: 768px) {
  .profile__tabs a span[class^="icon"] {
    font-size: 14px;
    margin-right: 5px; } }

[data-m-tooltip] {
  position: relative; }

.md-tooltip-content {
  position: absolute;
  bottom: 100%;
  left: 50%;
  padding: 8px;
  -webkit-transform: translateX(-50%) scale(0);
      -ms-transform: translateX(-50%) scale(0);
          transform: translateX(-50%) scale(0);
  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16);
  background: white;
  z-index: 1;
  color: #757575;
  border-radius: 2px;
  font-size: 10px;
  text-align: center; }

.md-tooltip-content .event-info {
  width: 140px;
  font-size: 12px;
  padding: 10px;
  line-height: 1.15; }

.md-tooltip-content .event-info h1, .md-tooltip-content .event-info h2, .md-tooltip-content .event-info h3, .md-tooltip-content .event-info h4, .md-tooltip-content .event-info h5, .md-tooltip-content .event-info h3 {
  margin: 0 0 5px; }

.md-tooltip-content .event-info h1 {
  font-size: 16px; }

.md-tooltip-content .event-info h2, .md-tooltip-content .event-info h3 {
  font-size: 14px; }

.md-tooltip-content .event-info h4, .md-tooltip-content .event-info h5, .md-tooltip-content .event-info h6 {
  font-size: 13px; }

.md-tooltip-content .event-info p {
  margin: 0 0 5px; }

.md-tooltip:hover .md-tooltip-content {
  -webkit-transform: translateX(-50%) scale(1);
      -ms-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1); }

.md-tooltip.md-tooltip--right:hover .md-tooltip-content {
  -webkit-transform: translate(100%, -50%) scale(1);
      -ms-transform: translate(100%, -50%) scale(1);
          transform: translate(100%, -50%) scale(1); }

.md-tooltip.md-tooltip--left:hover .md-tooltip-content {
  -webkit-transform: translate(-100%, -50%) scale(1);
      -ms-transform: translate(-100%, -50%) scale(1);
          transform: translate(-100%, -50%) scale(1); }

.md-tooltip.md-tooltip--right .md-tooltip-content {
  left: auto;
  right: -10px;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(100%, -50%) scale(0);
      -ms-transform: translate(100%, -50%) scale(0);
          transform: translate(100%, -50%) scale(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center; }

.md-tooltip.md-tooltip--left .md-tooltip-content {
  left: -15px;
  right: auto;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(-100%, -50%) scale(0);
      -ms-transform: translate(-100%, -50%) scale(0);
          transform: translate(-100%, -50%) scale(0);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center; }

.md-tooltip--top .md-tooltip-content {
  top: -35px;
  bottom: auto;
  -webkit-transform: translateX(-50%) scale(0);
      -ms-transform: translateX(-50%) scale(0);
          transform: translateX(-50%) scale(0);
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center; }

/*
.tooltip--custom{
  font-size: 0.75rem;
  color: $color-gray;
  @extend .font-avenir-reg;
  @extend .bottom-shadow;
  border: 0 !important;
  padding: 5px 10px !important;
  border-radius: 6px;
  //margin-top: -10px;

 !* &:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    clear: both;
  }*!

  .event-info{
    font-size: 14px;
    padding: 10px;

    h1, h2, h3, h4, h5, h3{
      margin: 0 0 5px;
      @extend .font-avenir-bold;
    }
    h1{ font-size: 16px; }
    h2, h3{ font-size: 14px; }
    h4, h5, h6{ font-size: 13px; }
    p{ margin: 0 0 5px; }
  }
}*/
.textbox {
  display: inline-block;
  padding: 0 20px;
  color: white;
  border-radius: 40px;
  position: relative;
  margin: 0 20px;
  line-height: 40px; }

.textbox--red {
  background-color: #FF0000; }

.textbox--blue {
  background-color: #034EA2; }

.textbox--gray {
  background-color: #EFEFEF;
  color: #757575; }

.btn {
  color: white;
  background-color: transparent;
  border: 0;
  padding: 14px 50px;
  border-radius: 50px;
  font-size: 1rem;
  margin: 5px 10px;
  transition: all 0.2s ease; }

.btn--white-transparent {
  background-color: transparent;
  color: #FFFFFF;
  border: 2px solid #FFFFFF; }

.btn--white-transparent:hover, .btn--white-transparent:focus {
  background-color: white;
  color: #034EA2; }

.btn--white-filled {
  background-color: #FFFFFF;
  color: #034EA2;
  border: 2px solid #FFFFFF; }

.btn--white-filled:hover, .btn--white-filled:focus {
  background-color: #034EA2;
  color: white;
  border-color: #034EA2; }

.btn--blue-transparent {
  background-color: transparent;
  color: #034EA2;
  border: 2px solid #034EA2; }

.btn--blue-transparent:hover, .btn--blue-transparent:focus {
  background-color: #034EA2;
  color: white; }

.btn--blue-filled {
  background-color: #034EA2;
  color: #FFFFFF;
  border: 2px solid #034EA2; }

.btn--blue-filled:hover, .btn--blue-filled:focus {
  background-color: white;
  color: #034EA2;
  border-color: white; }

.btn--transparent {
  background-color: transparent;
  border: 2px solid white;
  border-radius: 50px; }

.btn--transparent:hover, .btn--transparent:focus, .btn--transparent:active {
  background-color: white;
  color: #034EA2; }

.btn--blue {
  background-color: #034EA2;
  border: 2px solid #034EA2;
  border-radius: 50px; }

.btn--blue:hover, .btn--blue:focus {
  background-color: white;
  color: #034EA2;
  border-color: white; }

.btn--rounded-arrow {
  background-color: #034EA2;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  transition: all 0.2s ease; }

.btn--rounded-arrow:hover, .btn--rounded-arrow:focus {
  background-color: white; }

.btn--rounded-arrow:hover > span:before, .btn--rounded-arrow:focus > span:before {
  color: #034EA2; }

@media screen and (max-width: 768px) {
  .btn--rounded-arrow {
    width: 25px;
    height: 25px;
    font-size: 12px; } }

.btn--rounded-arrow > span {
  display: block;
  transition: all 0.2s ease; }

.btn--rounded-arrow > span:before {
  color: white; }

.btn--rounded-arrow.btn--prev {
  margin-right: 15px; }

@media screen and (max-width: 768px) {
  .btn--rounded-arrow.btn--prev {
    margin-right: 8px; } }

.btn--rounded-arrow.btn--prev > span {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.btn--rounded-arrow.btn--next > span {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }

input[type="radio"] {
  position: absolute;
  opacity: 0;
  display: none; }

input[type="radio"]:checked + label .radio--custom:before {
  background-color: #034EA2;
  box-shadow: inset 0 0 0 2px white; }

input[type="radio"] + label {
  position: relative;
  cursor: pointer; }

input[type="radio"] + label .radio--custom {
  padding-left: 20px;
  font-size: 0.75rem;
  color: #707070;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone; }

input[type="radio"] + label .radio--custom:before {
  position: absolute;
  content: "";
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #034EA2;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color .2s ease; }

.select--custom {
  margin-top: 5px;
  color: #034EA2;
  background-color: white;
  font-size: 0.875rem;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 14px 18px;
  outline: none;
  width: 280px; }

@media screen and (max-width: 1440px) {
  .select--custom {
    padding: 10px 14px; } }

@media screen and (max-width: 480px) {
  .select--custom {
    width: 250px; } }

.input--custom {
  font-size: 0.935rem;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 14px 18px;
  color: #034EA2;
  margin: 5px;
  outline: none;
  width: 280px; }

.input--custom ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 0.5;
  /* Firefox */ }

.input--custom ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 0.5;
  /* Firefox */ }

.input--custom :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 0.5;
  /* Firefox */ }

.input--custom ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 0.5;
  /* Firefox */ }

.input--custom ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #757575;
  opacity: 0.5;
  /* Firefox */ }

.input--custom :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #757575;
  opacity: 0.5; }

.input--custom ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #757575;
  opacity: 0.5; }

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  display: none; }

input[type="checkbox"]:checked + label .checkbox--custom:before {
  content: "\e921";
  font-family: 'icomoon';
  background-color: #034EA2; }

input[type="checkbox"] + label {
  position: relative;
  cursor: pointer; }

input[type="checkbox"] + label .checkbox--custom {
  padding-left: 20px;
  font-size: 0.75rem;
  color: #707070;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone; }

input[type="checkbox"] + label .checkbox--custom:before {
  position: absolute;
  content: "";
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #034EA2;
  border-radius: 3px;
  background-color: transparent;
  transition: background-color .2s ease;
  color: white;
  line-height: 14px;
  text-align: center; }

.table-custom__wrapper {
  width: 100%;
  overflow-x: auto; }

.table--custom {
  width: 100%;
  min-width: 750px;
  margin: 30px auto;
  text-align: left; }

.table--custom th.align--left, .table--custom td.align--left {
  text-align: left; }

.table--custom th.align--center, .table--custom td.align--center {
  text-align: center; }

.table--custom th.align--right, .table--custom td.align--right {
  text-align: right; }

.table--custom th {
  font-size: 0.75rem;
  padding: 15px 20px;
  color: #707070; }

.table--custom tr {
  border-bottom: 1px solid #EFEFEF; }

.table--custom td {
  background-color: white;
  padding: 10px 15px;
  color: #707070;
  vertical-align: middle;
  position: relative; }

@media screen and (max-width: 1440px) {
  .table--custom td {
    font-size: 0.925rem; } }

.table--custom td .profile__avatar {
  width: 50px;
  height: 50px; }

.table-row--check td {
  color: #034EA2; }

.table-row--check span.icon-check:before {
  color: #3CE600; }

.table-row--cross span.icon-cross:before {
  color: #FF0000; }

.table-item__actions {
  text-align: right;
  width: 90px; }

.table-item__actions span {
  font-size: 18px;
  margin: 0 5px; }

.table-item__actions .icon-edit:before {
  color: #034EA2; }

#responsive-menu {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00336D;
  overflow-y: auto;
  padding-top: 60px; }

#responsive-menu.open {
  display: block; }

#responsive-menu .profile__avatar {
  margin: 0 auto;
  width: 50px;
  height: 50px; }

#responsive-menu .profile__avatar + p {
  color: white;
  text-align: center;
  font-size: 18px;
  width: 94%;
  margin: 12px auto 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid white; }

#responsive-menu ul {
  margin-bottom: 160px; }

#responsive-menu ul li {
  width: 100%;
  padding-left: 40%;
  opacity: 0.8;
  line-height: 40px; }

#responsive-menu ul li a {
  color: white;
  padding-left: 0; }

#responsive-menu ul li a span:before {
  font-size: 16px;
  color: white;
  position: relative;
  left: -10px; }

#responsive-menu .subpanel {
  padding: 0 0 10px; }

#responsive-menu .subpanel ul {
  margin-bottom: 0; }

#responsive-menu .subpanel ul li {
  padding-left: 18px;
  line-height: 22px; }

#responsive-menu a.a--settings,
#responsive-menu a.a--logout {
  position: fixed;
  left: 0;
  bottom: 0;
  line-height: 50px;
  width: 100%;
  text-align: center; }

#responsive-menu a.a--settings {
  background-color: #034EA2;
  bottom: 50px;
  color: white; }

#responsive-menu a.a--settings span:before {
  color: white; }

#responsive-menu a.a--logout {
  background-color: white;
  color: #034EA2; }

#toggler {
  z-index: 10002;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  margin-top: 14px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: .25s ease-in-out;
  cursor: pointer; }

@media screen and (min-width: 769px) {
  #toggler {
    display: none; } }

#toggler span {
  display: block;
  position: absolute;
  height: 4px;
  width: 50%;
  background-color: white;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: .25s ease-in-out; }

#toggler span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0; }

#toggler span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px; }

#toggler span:nth-child(1), #toggler span:nth-child(2) {
  top: 5px; }

#toggler span:nth-child(3), #toggler span:nth-child(4) {
  top: 15px; }

#toggler span:nth-child(5), #toggler span:nth-child(6) {
  top: 25px; }

#toggler.open {
  position: fixed; }

#toggler.open span {
  background-color: #FFFFFF; }

#toggler.open span:nth-child(1), #toggler.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

#toggler.open span:nth-child(2), #toggler.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

#toggler.open span:nth-child(1) {
  left: 6px;
  top: 8px; }

#toggler.open span:nth-child(2) {
  left: calc(50% - 6px);
  top: 8px; }

#toggler.open span:nth-child(3) {
  left: -50%;
  opacity: 0; }

#toggler.open span:nth-child(4) {
  left: 100%;
  opacity: 0; }

#toggler.open span:nth-child(5) {
  left: 6px;
  top: 16px; }

#toggler.open span:nth-child(6) {
  left: calc(50% - 6px);
  top: 16px; }

.page--login {
  background: #034ea2;
  background: linear-gradient(to bottom, #034ea2 0%, #022751 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034ea2', endColorstr='#022751',GradientType=0 );
  color: white; }

.page--login .container {
  padding-top: 156px; }

@media screen and (max-width: 1199px) {
  .page--login .container {
    padding-top: 100px; } }

@media screen and (max-width: 991px) {
  .page--login .container {
    padding-top: 80px; } }

@media screen and (max-width: 768px) {
  .page--login .container {
    padding-top: 60px; } }

@media screen and (max-width: 768px) {
  .page--login img {
    width: 200px; } }

.page--login img + p {
  margin-top: 35px;
  font-size: 1.25rem; }

@media screen and (max-width: 768px) {
  .page--login img + p {
    font-size: 1rem;
    margin-top: 20px; } }

.page--login a {
  color: white; }

.page--login a:hover, .page--login a:focus {
  color: #C3C3C3; }

.page--login form {
  margin-top: 100px; }

@media screen and (max-width: 1199px) {
  .page--login form {
    margin-top: 80px; } }

@media screen and (max-width: 768px) {
  .page--login form {
    margin-top: 40px; } }

.page--login form + p {
  margin-top: 40px; }

@media screen and (max-width: 1199px) {
  .page--login form + p {
    margin-top: 25px; } }

@media screen and (max-width: 480px) {
  .page--login form + p > span {
    display: block;
    margin-bottom: 10px; } }

.page--login form + p span[class^="icon-"] {
  font-size: 1rem;
  position: relative;
  left: -5px;
  top: 2px; }

.page--login form + p span[class^="icon-"]:before {
  color: white; }

.page--login form + p span.icon-aktivace-uctu {
  font-size: 1.125rem; }

.page--login form + p a {
  text-decoration: underline;
  font-size: 0.875rem; }

.page--login form + p a:first-of-type {
  margin-right: 10%; }

@media screen and (max-width: 480px) {
  .page--login form + p a:first-of-type {
    margin-right: 0; } }

.page--login .input__wrapper {
  position: relative;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 550px;
  height: 50px;
  border-bottom: 1px solid white; }

.page--login .input__wrapper span[class^="icon-"] {
  position: absolute;
  font-size: 20px;
  top: 13px; }

@media screen and (max-width: 768px) {
  .page--login .input__wrapper span[class^="icon-"] {
    font-size: 18px;
    top: 14px; } }

.page--login .input__wrapper span[class^="icon-"]:before {
  color: white; }

.page--login .input__wrapper input {
  width: calc(100% - 45px);
  padding-left: 45px;
  line-height: 50px;
  background-color: transparent;
  color: white;
  border: 0;
  font-size: 1.25rem; }

@media screen and (max-width: 768px) {
  .page--login .input__wrapper input {
    font-size: 1rem; } }

.page--login .input__wrapper input:-webkit-autofill,
.page--login .input__wrapper input:-webkit-autofill:hover,
.page--login .input__wrapper input:-webkit-autofill:focus textarea:-webkit-autofill,
.page--login .input__wrapper textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.page--login .input__wrapper select:-webkit-autofill,
.page--login .input__wrapper select:-webkit-autofill:hover,
.page--login .input__wrapper select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s; }

.page--login .input__wrapper ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.5;
  /* Firefox */ }

.page--login .input__wrapper ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.5;
  /* Firefox */ }

.page--login .input__wrapper :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.5;
  /* Firefox */ }

.page--login .input__wrapper ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.5;
  /* Firefox */ }

.page--login .input__wrapper ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.5;
  /* Firefox */ }

.page--login .input__wrapper :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
  opacity: 0.5; }

.page--login .input__wrapper ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
  opacity: 0.5; }

.page--login button {
  font-size: 1.25rem;
  width: 220px;
  height: 60px;
  margin: 20px;
  padding: 0; }

@media screen and (max-width: 1199px) {
  .page--login button {
    margin-bottom: 10px; } }

@media screen and (max-width: 991px) {
  .page--login button {
    width: 146px;
    height: 40px;
    font-size: 0.75rem;
    margin: 10px; } }

.page--login .bottom-items {
  margin-top: 120px;
  text-align: center; }

@media screen and (max-width: 1199px) {
  .page--login .bottom-items {
    margin-top: 80px; } }

@media screen and (max-width: 768px) {
  .page--login .bottom-items {
    margin-top: 50px; } }

.page--login .bottom-items > div {
  display: inline-block;
  width: 20%;
  font-size: 1.5rem;
  opacity: 0.5;
  transition: opacity .3s ease;
  margin-bottom: 15px; }

@media screen and (max-width: 1280px) {
  .page--login .bottom-items > div {
    font-size: 1.25rem; } }

@media screen and (max-width: 991px) {
  .page--login .bottom-items > div {
    width: 40%;
    padding-left: 0; }
  .page--login .bottom-items > div:nth-of-type(1), .page--login .bottom-items > div:nth-of-type(2) {
    margin-bottom: 70px; } }

@media screen and (max-width: 768px) {
  .page--login .bottom-items > div {
    font-size: 0.925rem; } }

@media screen and (max-width: 580px) {
  .page--login .bottom-items > div {
    display: block;
    width: 100%; }
  .page--login .bottom-items > div:nth-of-type(1), .page--login .bottom-items > div:nth-of-type(2) {
    margin-bottom: 15px; } }

.page--login .bottom-items > div:hover {
  opacity: 0.9; }

.page--login .bottom-items > div > div {
  position: relative; }

.page--login .bottom-items > div > div > div {
  position: absolute;
  left: calc(50% - 36px);
  margin-top: 5px; }

@media screen and (max-width: 991px) {
  .page--login .bottom-items > div > div > div {
    left: calc(50% - 15px); } }

@media screen and (max-width: 580px) {
  .page--login .bottom-items > div > div > div {
    position: relative;
    left: auto;
    text-align: center; }
  .page--login .bottom-items > div > div > div p {
    text-align: center;
    margin-top: 10px; } }

.page--login .bottom-items > div span[class^="icon"] {
  font-size: 22px;
  position: relative;
  left: -10px; }

@media screen and (max-width: 991px) {
  .page--login .bottom-items > div span[class^="icon"] {
    left: 0;
    margin-right: 10px; } }

@media screen and (max-width: 768px) {
  .page--login .bottom-items > div span[class^="icon"] {
    font-size: 16px; } }

.page--login .bottom-items > div span[class^="icon"]:before {
  color: white; }

.page--login .bottom-items > div p {
  font-size: 0.875rem;
  opacity: 0.5;
  text-align: left;
  margin: 8px 0; }

.page--search form {
  position: relative;
  padding: 0 65px; }

@media screen and (max-width: 1199px) {
  .page--search form {
    padding: 0 40px; } }

@media screen and (max-width: 768px) {
  .page--search form {
    padding: 0 20px; } }

.page--search form:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background-color: white; }

@media screen and (max-width: 991px) {
  .page--search form:before {
    height: 70px; } }

.page--search form input[type="text"], .page--search form #search_hints {
  width: 100%;
  font-size: 3.75rem; }

@media screen and (max-width: 991px) {
  .page--search form input[type="text"], .page--search form #search_hints {
    font-size: 2.5rem; } }

.page--search form input[type="text"] {
  position: relative;
  top: -10px; }

.page--search .form__filter {
  position: relative;
  z-index: 2;
  top: -20px; }

.page--search .form__filter > div {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px; }

.page--search input[name="search_query"] {
  position: relative;
  z-index: 1;
  border: 0;
  background-color: transparent;
  color: #034EA2;
  height: 140px; }

@media screen and (max-width: 991px) {
  .page--search input[name="search_query"] {
    height: 100px; } }

.page--search #search_hints {
  z-index: 0;
  position: absolute;
  top: 0;
  line-height: 120px;
  color: #707070;
  opacity: 0.5; }

@media screen and (max-width: 991px) {
  .page--search #search_hints {
    line-height: 82px; } }

.page--search #search_delete_query {
  position: absolute;
  z-index: 2;
  color: #FF0000;
  background-color: transparent;
  border: 0;
  right: 40px;
  top: 40px;
  font-family: 'Arial', sans-serif;
  font-size: 30px;
  display: none; }

@media screen and (max-width: 991px) {
  .page--search #search_delete_query {
    top: 20px;
    right: 10px; } }

.page--search ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #034EA2;
  opacity: 0.5;
  /* Firefox */ }

.page--search ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #034EA2;
  opacity: 0.5;
  /* Firefox */ }

.page--search :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #034EA2;
  opacity: 0.5;
  /* Firefox */ }

.page--search ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #034EA2;
  opacity: 0.5;
  /* Firefox */ }

.page--search ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #034EA2;
  opacity: 0.5;
  /* Firefox */ }

.page--search :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #034EA2;
  opacity: 0.5; }

.page--search ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #034EA2;
  opacity: 0.5; }

.page--my-news .intro {
  margin-bottom: 20px; }

.page--my-news .intro .pull-right span {
  margin-top: 5px;
  color: #034EA2;
  font-size: 1.875rem;
  display: block; }

@media screen and (max-width: 768px) {
  .page--my-news .intro .pull-right span {
    font-size: 1.25rem; } }

.page--dashboard h2 {
  text-transform: none; }

.page--profile .box h2 {
  padding-right: 80px; }

.page--my-authorities .box--profile h2 {
  padding-right: 160px; }

@media screen and (max-width: 1440px) {
  .page--my-authorities .box--profile h2 {
    padding-right: 120px; } }

.page--my-authorities .box--profile span[class^="icon"] {
  position: absolute;
  top: 32px;
  font-size: 22px; }

.page--my-authorities .box--profile span[class^="icon"]:before {
  color: #757575; }

@media screen and (max-width: 1440px) {
  .page--my-authorities .box--profile span[class^="icon"] {
    font-size: 16px; } }

.page--my-authorities .box--profile span.icon-forum {
  right: 140px;
  top: 34px; }

@media screen and (max-width: 1440px) {
  .page--my-authorities .box--profile span.icon-forum {
    right: 96px; } }

.page--my-authorities .box--profile span.icon-dokumenty {
  right: 102px;
  font-size: 20px;
  top: 34px; }

@media screen and (max-width: 1440px) {
  .page--my-authorities .box--profile span.icon-dokumenty {
    font-size: 16px;
    right: 68px;
    top: 32px; } }

.page--my-authorities .box--profile span.icon-edit {
  right: 62px; }

@media screen and (max-width: 1440px) {
  .page--my-authorities .box--profile span.icon-edit {
    right: 40px; } }

.page--my-authorities .box--profile span.icon-nastaveni-profilu {
  right: 26px; }

@media screen and (max-width: 1440px) {
  .page--my-authorities .box--profile span.icon-nastaveni-profilu {
    right: 15px; } }

.page--my-authorities table tr td {
  padding: 5px 10px; }

.page--my-authorities table tr td .profile__avatar {
  width: 40px;
  height: 40px; }

.page--start-page .intro .pull-right span {
  margin-top: 5px;
  color: #034EA2;
  font-size: 1.875rem;
  display: block; }

@media screen and (max-width: 768px) {
  .page--start-page .intro .pull-right span {
    font-size: 1.25rem; } }

.event__filter {
  padding: 20px 30px 20px 20px; }

@media screen and (max-width: 1440px) {
  .event__filter {
    padding: 15px 20px 15px 15px; } }

.event__filter form {
  position: relative;
  padding-right: 120px; }

@media screen and (max-width: 768px) {
  .event__filter form {
    padding-right: 0; } }

.event__filter form > div {
  position: relative;
  float: left;
  width: 28%;
  padding-right: 30px; }

@media screen and (max-width: 1440px) {
  .event__filter form > div {
    width: 40%; } }

@media screen and (max-width: 768px) {
  .event__filter form > div {
    width: 95%; } }

.event__filter form > div:nth-of-type(3) {
  margin-top: 18px; }

@media screen and (max-width: 1440px) {
  .event__filter form > div:nth-of-type(3) {
    width: 100%; } }

.event__filter form button[type="submit"] {
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 10px;
  margin: 0; }

@media screen and (max-width: 768px) {
  .event__filter form button[type="submit"] {
    top: auto;
    bottom: 8px;
    right: 0;
    padding: 0; } }

.event__filter form button[type="submit"] span:before {
  color: white;
  font-size: 24px; }

.event__filter form p, .event__filter form label {
  font-size: 0.75rem; }

.event__filter form p {
  margin-bottom: 10px; }

.event__filter form p a {
  text-decoration: underline; }

.event__filter form label, .event__filter form select {
  padding: 10px 20px;
  width: 90%; }

.event__date {
  position: relative; }

.event__date .pull-right {
  position: absolute;
  right: 0;
  top: 10px; }

@media screen and (max-width: 768px) {
  .event__date .pull-right {
    top: 0; } }

.event__date h2 {
  text-transform: uppercase;
  padding-right: 100px; }

.event__date h2 span {
  margin-right: 20px;
  display: inline-block;
  text-align: center;
  width: 60px;
  line-height: 60px;
  background-color: #034EA2;
  color: white;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }

@media screen and (max-width: 768px) {
  .event__date h2 span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px; } }

.event__listing {
  margin-top: 10px; }

.event__listing .list-item > div:nth-of-type(1) {
  width: 6%; }

.event__listing .list-item > div:nth-of-type(2) {
  width: 26%; }

.event__listing .list-item > div:nth-of-type(3) {
  width: 18%; }

.event__listing .list-item > div:nth-of-type(4) {
  width: 18%; }

.event__listing .list-item > div:nth-of-type(5) {
  width: 19%; }

.event__listing .list-item > div:nth-of-type(6) {
  width: 65px; }

.page--styleguide {
  background-color: #E9E9E9;
  padding-bottom: 80px; }

.page--styleguide .panel-top {
  position: fixed; }

.page--styleguide .panel-top__right {
  margin-top: 14px; }

.styleguide {
  padding-top: 100px;
  min-height: calc(100vh - 100px); }

.styleguide__menu, .styleguide__content {
  float: left; }

.styleguide__menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 240px;
  padding-top: 100px;
  min-height: calc(100vh - 100px);
  background-color: #00336D;
  box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.16); }

.styleguide__menu ul {
  margin-left: 20px;
  margin-top: 40px; }

.styleguide__menu ul li.active a {
  color: #C3C3C3; }

.styleguide__menu ul li a {
  display: inline-block;
  padding: 10px;
  color: white;
  font-size: 1.125rem; }

.styleguide__content {
  display: none;
  padding-top: 50px;
  padding-left: 300px;
  width: calc(100% - 340px); }

.styleguide__content h1 {
  margin-top: 20px;
  font-size: 2rem;
  color: #034EA2; }

.styleguide__content h2 {
  color: #034EA2; }

.styleguide__content pre {
  background-color: white; }

.styleguide__content .code {
  font-family: monospace, sans-serif;
  font-size: 0.875rem;
  padding: 20px 20px;
  background-color: white;
  color: #707070; }

.color__item {
  margin-bottom: 15px;
  width: 20%;
  min-width: 300px;
  display: inline-block;
  vertical-align: top; }

.color__preview {
  line-height: 60px;
  padding-left: 20px; }

.font__item {
  margin: 50px auto; }

.font__preview {
  padding-left: 20px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 20px; }

.icon__item {
  margin: 40px auto;
  text-align: center;
  width: 300px;
  display: inline-block; }

.icon__preview {
  font-size: 2rem;
  line-height: 60px; }

.icon__preview span:before {
  color: #034EA2; }

.form__item {
  margin: 40px auto; }

.form__item h2 {
  text-transform: uppercase;
  color: #034EA2;
  margin: 20px auto; }

.form-item__preview {
  margin-top: 20px;
  margin-bottom: 20px; }

.form-item__preview .radio--custom, .form-item__preview .checkbox--custom {
  margin-right: 20px; }

.box__item {
  margin: 40px 10px;
  display: inline-block;
  vertical-align: top;
  width: 30%; }

.box-item__preview {
  margin: 20px auto; }

.content {
  padding-left: 220px;
  padding-top: 100px;
  min-height: calc(100vh - 100px); }

@media screen and (max-width: 1199px) {
  .content {
    padding-left: 160px; } }

@media screen and (max-width: 991px) {
  .content {
    padding-top: 80px;
    padding-left: 140px; } }

@media screen and (max-width: 768px) {
  .content {
    padding-left: 0;
    padding-top: 60px; } }

.content--padded {
  padding: 10px 4%; }

@media screen and (max-width: 1199px) {
  .content--padded {
    padding: 5px 1%; } }

@media screen and (max-width: 768px) {
  .content--padded {
    padding: 10px 2%; } }

h1.top-margin, h2.top-margin, h3.top-margin {
  margin-top: 20px; }

h1 {
  color: #034EA2;
  font-size: 2.5rem;
  margin-top: 46px;
  margin-bottom: 25px; }

@media screen and (max-width: 1440px) {
  h1 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 2rem; } }

@media screen and (max-width: 480px) {
  h1 {
    margin-bottom: 10px; } }

h2 {
  color: #707070;
  margin-bottom: 15px;
  font-size: 0.875rem; }

.box + h2 {
  margin-top: 30px; }

.intro {
  padding: 0 3px;
  margin-bottom: 20px; }

.intro .pull-right {
  position: relative;
  top: 40px;
  text-align: right;
  font-size: 1.125rem;
  color: #707070; }

@media screen and (max-width: 1440px) {
  .intro .pull-right {
    top: 20px; } }

@media screen and (max-width: 480px) {
  .intro .pull-right {
    width: 100%;
    top: 0;
    text-align: left; } }

.intro .pull-right button {
  padding: 9px 30px; }

@media screen and (max-width: 768px) {
  .intro .pull-right button {
    padding: 8px 25px;
    margin-left: 0; } }

/*
 * jsCalendar v1.4.3
 * 
 * 
 * MIT License
 * 
 * Copyright (c) 2018 Grammatopoulos Athanasios-Vasileios
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 * 
 */
/* Default Theme */
/* General style */
.jsCalendar * {
  margin: 0;
  padding: 0; }

.jsCalendar table,
.jsCalendar table th,
.jsCalendar table td {
  border: 0;
  position: relative; }

/* Blue default */
.jsCalendar table {
  background-color: #FFFFFF;
  color: #000000;
  margin: 5px auto; }

.jsCalendar thead .jsCalendar-title {
  height: 40px;
  line-height: 40px; }

.jsCalendar thead .jsCalendar-title-left {
  float: left; }

.jsCalendar thead .jsCalendar-title-right {
  float: right; }

.jsCalendar thead .jsCalendar-nav-left,
.jsCalendar thead .jsCalendar-nav-right {
  border-radius: 50%;
  color: #757575;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin: 10px 5px;
  text-align: center;
  transition: color 0.2s, background-color 0.2s;
  width: 22px;
  border: 2px solid #757575;
  position: relative;
  top: -5px; }

.jsCalendar thead .jsCalendar-nav-left:hover,
.jsCalendar thead .jsCalendar-nav-right:hover {
  background-color: #757575;
  color: white; }

.jsCalendar thead .jsCalendar-nav-left {
  float: left; }

.jsCalendar thead .jsCalendar-nav-right {
  float: right; }

.jsCalendar thead .jsCalendar-title-name {
  cursor: default;
  float: left;
  font-size: 18px;
  font-weight: lighter;
  padding: 0;
  width: calc(100% - 2 * 36px);
  text-align: center;
  color: #757575;
  text-transform: uppercase; }

.jsCalendar thead .jsCalendar-nav-left:after {
  content: "\e904";
  font-family: 'icomoon';
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: relative;
  left: -1px; }

.jsCalendar thead .jsCalendar-nav-right:after {
  content: "\e904";
  font-family: 'icomoon';
  display: inline-block;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: relative;
  right: -1px; }

.jsCalendar thead .jsCalendar-week-days th {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }

.jsCalendar thead .jsCalendar-week-days th,
.jsCalendar tbody td {
  border-radius: 50%;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 34px;
  margin: 1px 3px;
  text-align: center;
  transition: color 0.1s, background-color 0.2s;
  width: 32px;
  color: #707070; }

@media screen and (max-width: 1500px) and (min-width: 992px) {
  .jsCalendar thead .jsCalendar-week-days th,
  .jsCalendar tbody td {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px; } }

.jsCalendar tbody td:hover {
  background-color: #E6E6E6; }

.jsCalendar tbody td.jsCalendar-selected {
  background-color: rgba(3, 78, 162, 0.2);
  height: 32px;
  line-height: 32px;
  width: 32px; }

@media screen and (max-width: 1500px) and (min-width: 992px) {
  .jsCalendar tbody td.jsCalendar-selected {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px; } }

.jsCalendar tbody td.jsCalendar-hasEvent {
  background-color: rgba(3, 78, 162, 0.2);
  height: 32px;
  line-height: 32px;
  width: 32px; }

.jsCalendar tbody td.jsCalendar-hasEvent.hasLink {
  cursor: pointer; }

@media screen and (max-width: 1500px) and (min-width: 992px) {
  .jsCalendar tbody td.jsCalendar-hasEvent {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px; } }

.jsCalendar tbody td.jsCalendar-current {
  background-color: #034EA2;
  border-radius: 18px;
  color: #FFFFFF; }

.jsCalendar tbody td.jsCalendar-previous,
.jsCalendar tbody td.jsCalendar-next {
  color: #CACACA; }

.jsCalendar tbody td.jsCalendar-previous:hover,
.jsCalendar tbody td.jsCalendar-next:hover {
  color: #FFFFFF; }

.jsCalendar thead {
  display: block;
  margin: 4px 4px 0 4px; }

.jsCalendar tbody {
  display: block;
  margin: 0 4px 4px 4px; }

.jsCalendar ::-moz-selection {
  background: #83D8FF; }

.jsCalendar ::selection {
  background: #83D8FF; }

/* Yellow */
.jsCalendar.yellow tbody td.jsCalendar-current {
  background-color: #FFE31B; }

.jsCalendar.yellow ::-moz-selection {
  background: #FDE74C; }

.jsCalendar.yellow ::selection {
  background: #FDE74C; }

/* Orange */
.jsCalendar.orange tbody td.jsCalendar-current {
  background-color: #FFB400; }

.jsCalendar.orange ::-moz-selection {
  background: #FFB400; }

.jsCalendar.orange ::selection {
  background: #FFB400; }

/* Red */
.jsCalendar.red tbody td.jsCalendar-current {
  background-color: #F6511D; }

.jsCalendar.red ::-moz-selection {
  background: #F6511D; }

.jsCalendar.red ::selection {
  background: #F6511D; }

/* Green */
.jsCalendar.green tbody td.jsCalendar-current {
  background-color: #7FB800; }

.jsCalendar.green ::-moz-selection {
  background: #7FB800; }

.jsCalendar.green ::selection {
  background: #7FB800; }

/* Material Theme */
/* Blue default */
.jsCalendar.material-theme table {
  border-radius: 0; }

.jsCalendar.material-theme thead {
  background-color: #52C9FF;
  color: #FFFFFF;
  margin: 0;
  padding: 4px 4px 0 4px; }

.jsCalendar.material-theme thead .jsCalendar-title {
  display: block;
  position: relative; }

.jsCalendar.material-theme thead .jsCalendar-title-name {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #FFFFFF;
  font-size: 16px;
  left: 15px;
  position: absolute;
  right: 15px;
  text-align: center; }

.jsCalendar.material-theme thead .jsCalendar-title-left,
.jsCalendar.material-theme thead .jsCalendar-title-right {
  position: absolute;
  z-index: 1; }

.jsCalendar.material-theme thead .jsCalendar-nav-left,
.jsCalendar.material-theme thead .jsCalendar-nav-right {
  color: #FFFFFF; }

.jsCalendar.material-theme thead .jsCalendar-nav-left:hover,
.jsCalendar.material-theme thead .jsCalendar-nav-right:hover {
  background-color: #03A9F4; }

.jsCalendar.material-theme thead .jsCalendar-title-right {
  right: 0; }

.jsCalendar.material-theme thead .jsCalendar-week-days th {
  font-size: 14px;
  text-shadow: none; }

/* Yellow */
.jsCalendar.material-theme.yellow thead {
  background-color: #FFE31B; }

.jsCalendar.material-theme.yellow thead .jsCalendar-nav-left:hover,
.jsCalendar.material-theme.yellow thead .jsCalendar-nav-right:hover {
  background-color: #E2CA23; }

/* Orange */
.jsCalendar.material-theme.orange thead {
  background-color: #FFB400; }

.jsCalendar.material-theme.orange thead .jsCalendar-nav-left:hover,
.jsCalendar.material-theme.orange thead .jsCalendar-nav-right:hover {
  background-color: #D49600; }

/* Red */
.jsCalendar.material-theme.red thead {
  background-color: #F6511D; }

.jsCalendar.material-theme.red thead .jsCalendar-nav-left:hover,
.jsCalendar.material-theme.red thead .jsCalendar-nav-right:hover {
  background-color: #BB3D16; }

/* Green */
.jsCalendar.material-theme.green thead {
  background-color: #7FB800; }

.jsCalendar.material-theme.green thead .jsCalendar-nav-left:hover,
.jsCalendar.material-theme.green thead .jsCalendar-nav-right:hover {
  background-color: #639000; }

/* Classic Theme */
/* Blue default */
.jsCalendar.classic-theme table,
.jsCalendar.classic-theme thead .jsCalendar-nav-left,
.jsCalendar.classic-theme thead .jsCalendar-nav-right,
.jsCalendar.classic-theme thead .jsCalendar-week-days th,
.jsCalendar.classic-theme tbody td,
.jsCalendar.classic-theme tbody td.jsCalendar-current {
  border-radius: 0; }

.jsCalendar.classic-theme thead {
  background-color: #52C9FF;
  margin: 0;
  padding: 4px 4px 0 4px; }

.jsCalendar.classic-theme thead .jsCalendar-title-row,
.jsCalendar.classic-theme thead .jsCalendar-title {
  display: block;
  width: 100%; }

.jsCalendar.classic-theme thead .jsCalendar-title {
  position: relative; }

.jsCalendar.classic-theme thead .jsCalendar-title-name {
  color: #FFFFFF;
  font-size: 16px;
  left: 41px;
  position: absolute;
  right: 41px;
  text-align: center;
  text-shadow: none; }

.jsCalendar.classic-theme thead .jsCalendar-title-left,
.jsCalendar.classic-theme thead .jsCalendar-title-right {
  position: absolute;
  z-index: 1; }

.jsCalendar.classic-theme thead .jsCalendar-title-right {
  right: 0; }

.jsCalendar.classic-theme thead .jsCalendar-nav-left,
.jsCalendar.classic-theme thead .jsCalendar-nav-right {
  color: #FFFFFF;
  text-shadow: none; }

.jsCalendar.classic-theme thead .jsCalendar-nav-left:hover,
.jsCalendar.classic-theme thead .jsCalendar-nav-right:hover {
  background-color: #03A9F4; }

.jsCalendar.classic-theme thead .jsCalendar-week-days {
  background-color: #FFFFFF;
  display: block;
  margin: 0 -4px; }

.jsCalendar.classic-theme thead .jsCalendar-week-days th {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  text-shadow: none; }

.jsCalendar.classic-theme tbody td {
  border-left: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  margin: -1px 0 0 -1px;
  padding: 1px 1px 0 1px;
  width: 38px; }

.jsCalendar.classic-theme tbody {
  margin: 0; }

.jsCalendar.classic-theme tbody td.jsCalendar-selected {
  background-color: #CCEFFF;
  border-bottom: 0;
  border-left: 1px solid #DADADA;
  border-right: 0;
  border-top: 1px solid #DADADA;
  height: 36px;
  line-height: 36px; }

.jsCalendar.classic-theme tbody td.jsCalendar-current.jsCalendar-selected {
  background-color: #52C9FF;
  text-shadow: 0 0 3px #000000; }

/* Yellow */
.jsCalendar.classic-theme.yellow thead {
  background-color: #FFE31B; }

.jsCalendar.classic-theme.yellow thead .jsCalendar-nav-left:hover,
.jsCalendar.classic-theme.yellow thead .jsCalendar-nav-right:hover {
  background-color: #E2CA23; }

/* Orange */
.jsCalendar.classic-theme.orange thead {
  background-color: #FFB400; }

.jsCalendar.classic-theme.orange thead .jsCalendar-nav-left:hover,
.jsCalendar.classic-theme.orange thead .jsCalendar-nav-right:hover {
  background-color: #D49600; }

/* Red */
.jsCalendar.classic-theme.red thead {
  background-color: #F6511D; }

.jsCalendar.classic-theme.red thead .jsCalendar-nav-left:hover,
.jsCalendar.classic-theme.red thead .jsCalendar-nav-right:hover {
  background-color: #BB3D16; }

/* Green */
.jsCalendar.classic-theme.green thead {
  background-color: #7FB800; }

.jsCalendar.classic-theme.green thead .jsCalendar-nav-left:hover,
.jsCalendar.classic-theme.green thead .jsCalendar-nav-right:hover {
  background-color: #639000; }