@font-face {
  font-family: 'open_sanslight';
  src: url('/portal/common/font/opensans/opensans-light.eot?87a066bf0b30');
  src: url('/portal/common/font/opensans/opensans-light.eot?&87a066bf0b30#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-light.woff2?19bff493e14e') format('woff2'), url('/portal/common/font/opensans/opensans-light.woff?d9d014bd0404') format('woff'), url('/portal/common/font/opensans/opensans-light.ttf?a263d0f57951') format('truetype'), url('/portal/common/font/opensans/opensans-light.svg?d8d1e2406ccb#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight_italic';
  src: url('/portal/common/font/opensans/opensans-lightitalic.eot?1b8e768eedf7');
  src: url('/portal/common/font/opensans/opensans-lightitalic.eot?&1b8e768eedf7#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-lightitalic.woff2?389b76fd51dd') format('woff2'), url('/portal/common/font/opensans/opensans-lightitalic.woff?e3808803a6ba') format('woff'), url('/portal/common/font/opensans/opensans-lightitalic.ttf?9683bc16124f') format('truetype'), url('/portal/common/font/opensans/opensans-lightitalic.svg?896dae5e8b7d#open_sanslight_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('/portal/common/font/opensans/opensans-regular.eot?597cf51ac9da');
  src: url('/portal/common/font/opensans/opensans-regular.eot?&597cf51ac9da#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-regular.woff2?dd34e1d109c2') format('woff2'), url('/portal/common/font/opensans/opensans-regular.woff?9013167eed13') format('woff'), url('/portal/common/font/opensans/opensans-regular.ttf?8026e9c9fb55') format('truetype'), url('/portal/common/font/opensans/opensans-regular.svg?d45340527bf4#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansitalic';
  src: url('/portal/common/font/opensans/opensans-italic.eot?91c76fc9e4ea');
  src: url('/portal/common/font/opensans/opensans-italic.eot?&91c76fc9e4ea#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-italic.woff2?bd9c4a1553e4') format('woff2'), url('/portal/common/font/opensans/opensans-italic.woff?6e2b9a593384') format('woff'), url('/portal/common/font/opensans/opensans-italic.ttf?bd3947f59cfc') format('truetype'), url('/portal/common/font/opensans/opensans-italic.svg?ac2d62667f46#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url('/portal/common/font/opensans/opensans-semibold.eot?608fd5381512');
  src: url('/portal/common/font/opensans/opensans-semibold.eot?&608fd5381512#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-semibold.woff2?53f8ea30f4ee') format('woff2'), url('/portal/common/font/opensans/opensans-semibold.woff?486ec90c8dd5') format('woff'), url('/portal/common/font/opensans/opensans-semibold.ttf?781289e320ee') format('truetype'), url('/portal/common/font/opensans/opensans-semibold.svg?125de03efe61#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold_italic';
  src: url('/portal/common/font/opensans/opensans-semibolditalic.eot?77ab03418edc');
  src: url('/portal/common/font/opensans/opensans-semibolditalic.eot?&77ab03418edc#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-semibolditalic.woff2?7207ec470db0') format('woff2'), url('/portal/common/font/opensans/opensans-semibolditalic.woff?111917c05a78') format('woff'), url('/portal/common/font/opensans/opensans-semibolditalic.ttf?259abd9a8e84') format('truetype'), url('/portal/common/font/opensans/opensans-semibolditalic.svg?338b2d77ec4d#open_sanssemibold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('/portal/common/font/opensans/opensans-bold.eot?1fcdcafb4acc');
  src: url('/portal/common/font/opensans/opensans-bold.eot?&1fcdcafb4acc#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-bold.woff2?56dfa247b3a0') format('woff2'), url('/portal/common/font/opensans/opensans-bold.woff?1f0400e91648') format('woff'), url('/portal/common/font/opensans/opensans-bold.ttf?d663d1caf08d') format('truetype'), url('/portal/common/font/opensans/opensans-bold.svg?82d0acec4ba5#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold_italic';
  src: url('/portal/common/font/opensans/opensans-bolditalic.eot?9518c1c0c565');
  src: url('/portal/common/font/opensans/opensans-bolditalic.eot?&9518c1c0c565#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-bolditalic.woff2?2a35d60a1189') format('woff2'), url('/portal/common/font/opensans/opensans-bolditalic.woff?7d27f90c4692') format('woff'), url('/portal/common/font/opensans/opensans-bolditalic.ttf?26a5094865d6') format('truetype'), url('/portal/common/font/opensans/opensans-bolditalic.svg?0584496a12d4#open_sansbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url('/portal/common/font/opensans/opensans-extrabold.eot?e21937b9eac0');
  src: url('/portal/common/font/opensans/opensans-extrabold.eot?&e21937b9eac0#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-extrabold.woff2?c2d7776a7e3a') format('woff2'), url('/portal/common/font/opensans/opensans-extrabold.woff?e0c23677786c') format('woff'), url('/portal/common/font/opensans/opensans-extrabold.ttf?065227b18513') format('truetype'), url('/portal/common/font/opensans/opensans-extrabold.svg?d2727ddb4445#open_sansextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold_italic';
  src: url('/portal/common/font/opensans/opensans-extrabolditalic.eot?98cbd60af444');
  src: url('/portal/common/font/opensans/opensans-extrabolditalic.eot?&98cbd60af444#iefix') format('embedded-opentype'), url('/portal/common/font/opensans/opensans-extrabolditalic.woff2?d27676460c8a') format('woff2'), url('/portal/common/font/opensans/opensans-extrabolditalic.woff?80c91c3b93cf') format('woff'), url('/portal/common/font/opensans/opensans-extrabolditalic.ttf?a7b331f9770a') format('truetype'), url('/portal/common/font/opensans/opensans-extrabolditalic.svg?9da01f68e5d7#open_sansextrabold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 0.8em;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-transition: 0.3s linear border;
  -moz-transition: 0.3s linear border;
  -ms-transition: 0.3s linear border;
  -o-transition: 0.3s linear border;
  transition: 0.3s linear border;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: #3d71b8;
}
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto #3d71b8;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
  margin: 0.5em 0;
  display: block;
}
.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly],
.pure-form input[readonly]:focus,
.pure-form select[readonly]:focus,
.pure-form textarea[readonly]:focus {
  background: #eee;
  /* menu hover bg color */
  color: #777;
  /* menu text color */
  border-color: #ccc;
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
  color: #b94a48;
  border: 1px solid #ee5f5b;
}
.pure-form input:focus:invalid:focus,
.pure-form textarea:focus:invalid:focus,
.pure-form select:focus:invalid:focus {
  border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d;
}
.pure-form select {
  border: 1px solid #ccc;
  background-color: white;
}
.pure-form select[multiple] {
  height: auto;
}
.pure-form label {
  margin: 0.5em 0 0.2em;
  font-size: 90%;
}
.pure-form fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}
.pure-form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  font-size: 125%;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
/* Aligned Forms */
.pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 10em;
}
/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em;
}
/* Grouped Inputs */
.pure-form .pure-group fieldset {
  margin-bottom: 10px;
}
.pure-form .pure-group input {
  display: block;
  padding: 10px;
  margin: 0;
  border-radius: 0;
  position: relative;
  top: -1px;
}
.pure-form .pure-group input:focus {
  z-index: 2;
}
.pure-form .pure-group input:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
}
.pure-form .pure-group input:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
}
.pure-form .pure-group button {
  margin: 0.35em 0;
}
.pure-form .pure-input-1 {
  width: 100%;
}
.pure-form .pure-input-2-3 {
  width: 66%;
}
.pure-form .pure-input-1-2 {
  width: 50%;
}
.pure-form .pure-input-1-3 {
  width: 33%;
}
.pure-form .pure-input-1-4 {
  width: 25%;
}
/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 90%;
}
/* Block help for forms */
.pure-form-message {
  display: block;
  color: #666;
  font-size: 90%;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-modal .fancybox-skin {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
}
.fancybox-opened {
  z-index: 2147483640;
}
.fancybox-opened .fancybox-skin {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -132px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 2147483641;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
}
.fancybox-close {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/portal/common/img/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: fixed;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -88px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -44px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
}
/* Overlay helper */
.fancybox-lock {
  width: auto;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 2147483540;
  background: #fff;
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: hidden;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that don't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/portal/common/img/fancybox/fancybox_sprite2@2x.png');
    background-size: 44px 176px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/portal/common/img/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
.over-fancybox {
  z-index: 2147483641;
}
@media all and (max-width: 360px) {
  .fancybox-modal-popup {
    margin: auto;
    margin-left: -15px;
    padding: 0;
  }
}
.fancybox-modal-popup .fancybox-skin,
.fancybox-modal-popup .fancybox-inner {
  min-width: 272px !important;
  width: 272px !important;
  height: 272px !important;
  overflow: hidden !important;
}
@media all and (max-width: 360px) {
  .fancybox-modal-popup .fancybox-skin,
  .fancybox-modal-popup .fancybox-inner {
    min-width: 136px !important;
    width: 136px !important;
    height: 544px !important;
  }
}
.fancybox-modal-popup .fancybox-skin ul,
.fancybox-modal-popup .fancybox-inner ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-direction: row;
  flex-wrap: wrap;
  top: 0;
  left: 0;
}
.fancybox-modal-popup .fancybox-skin ul li,
.fancybox-modal-popup .fancybox-inner ul li {
  display: -webkit-flex;
  display: flex;
}
button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.ie-zoom {
  -ms-touch-action: pan-x pan-y;
}
#content-wrap {
  width: 100%;
  height: 100%;
}
.top-shadow {
  -moz-box-shadow: 0 2px 4px -2px rgba(90, 90, 90, 0.6);
  -webkit-box-shadow: 0 2px 4px -2px rgba(90, 90, 90, 0.6);
  box-shadow: 0 2px 4px -2px rgba(90, 90, 90, 0.6);
}
.bottom-shadow {
  -moz-box-shadow: 0 -2px 4px -2px rgba(155, 155, 155, 0.6);
  -webkit-box-shadow: 0 -2px 4px -2px rgba(155, 155, 155, 0.6);
  box-shadow: 0 -2px 4px -2px rgba(155, 155, 155, 0.6);
}
.topbar-menu-shadow {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
#topbar {
  font-family: "open_sanssemibold";
  font-size: 12px;
}
#topbar a,
#topbar button {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.95);
  font-size: 12px;
  outline: none;
}
#topbar a:focus,
#topbar button:focus,
#topbar a:hover,
#topbar button:hover {
  background-color: #fff;
}
.topbar-animate {
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
}
#topbar.is-hidden {
  top: -36px;
}
#topbar.is-visible {
  top: 0;
}
#topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2147483540;
  width: 100%;
  height: 36px;
  background: #3d71b8;
}
#topbar .topbar-inner {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  height: 36px;
  color: #fff;
}
@media all and (max-width: 939px) {
  #topbar .topbar-inner {
    width: calc(100% - 10px);
    padding: 0 5px;
  }
}
#topbar .topbar-inner a,
#topbar .topbar-inner div,
#topbar .topbar-inner nav,
#topbar .topbar-inner button {
  height: 36px;
  line-height: 36px;
}
#topbar .topbar-inner button:not(.login),
#topbar .topbar-inner a:not(.login) {
  float: left;
}
#topbar .topbar-inner nav {
  float: right;
}
#topbar .topbar-inner .left-navigation {
  float: left;
}
#topbar .topbar-inner .right-navigation {
  float: right;
}
#topbar .topbar-inner .icon-title {
  display: inline-block;
  font-family: "open_sanssemibold" !important;
  color: rgba(255, 255, 255, 0.95);
  margin-top: -2px;
}
@media all and (max-width: 767px) {
  #topbar .topbar-inner .icon-title {
    display: none;
  }
}
#topbar .topbar-inner .logo-wrapper {
  vertical-align: middle;
  float: left;
}
#topbar .topbar-inner .logo {
  background-image: url('/portal/common/img/logo.png?9eb3178896b2');
  background-repeat: no-repeat;
  background-position: 0% center;
  width: 36px;
  padding: 0;
}
#topbar .topbar-inner .logo:hover,
#topbar .topbar-inner .logo:focus {
  background-position: 100% center;
}
#topbar .topbar-inner .logo-separator {
  width: 1px;
  height: 20px;
  background-color: #fff;
  margin: 10px 6px 0 9px;
  vertical-align: middle;
  float: left;
}
#topbar .topbar-inner .title {
  padding: 0 15px;
  font-family: "open_sanssemibold" !important;
  margin-top: 0;
  color: white;
  display: inline;
  float: left;
}
#topbar .topbar-inner .title-link {
  padding: 0;
}
#topbar .topbar-inner .title-link a {
  padding: 0 15px;
  font-family: open_sanssemibold, sans-serif;
}
#topbar .topbar-inner .title-link a:hover {
  color: #3d71b8;
}
#topbar .topbar-inner .plaintext {
  display: none;
}
#topbar .topbar-inner nav a,
#topbar .topbar-inner nav button {
  margin: 0 0 0 0;
  padding: 0 10px;
  display: inline;
}
#topbar .topbar-inner nav a:hover,
#topbar .topbar-inner nav button:hover,
#topbar .topbar-inner nav a:active,
#topbar .topbar-inner nav button:active,
#topbar .topbar-inner nav a:focus,
#topbar .topbar-inner nav button:focus,
#topbar .topbar-inner nav a.open,
#topbar .topbar-inner nav button.open {
  background-color: #fff;
}
#topbar .topbar-inner nav a:hover span,
#topbar .topbar-inner nav button:hover span,
#topbar .topbar-inner nav a:active span,
#topbar .topbar-inner nav button:active span,
#topbar .topbar-inner nav a:focus span,
#topbar .topbar-inner nav button:focus span,
#topbar .topbar-inner nav a.open span,
#topbar .topbar-inner nav button.open span {
  color: #3d71b8;
}
#topbar .topbar-inner nav a:hover .icon-20,
#topbar .topbar-inner nav button:hover .icon-20,
#topbar .topbar-inner nav a:active .icon-20,
#topbar .topbar-inner nav button:active .icon-20,
#topbar .topbar-inner nav a:focus .icon-20,
#topbar .topbar-inner nav button:focus .icon-20,
#topbar .topbar-inner nav a.open .icon-20,
#topbar .topbar-inner nav button.open .icon-20 {
  background-position: 100% center;
}
@media all and (max-width: 767px) {
  #topbar .topbar-inner nav a,
  #topbar .topbar-inner nav button {
    padding: 0 5px;
  }
}
#topbar .topbar-inner nav span.icon-20 {
  display: inline-block;
  margin-top: -2px;
  margin-right: 5px;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: 0% center;
}
@media all and (max-width: 767px) {
  #topbar .topbar-inner nav span.icon-20 {
    margin-right: 0;
  }
}
#topbar .topbar-inner nav .search span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/szukaj.svg?c865d99b9078');
  margin-right: 0;
}
#topbar .topbar-inner nav .settings span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/ustawienia.svg?991e80985187');
  margin-right: 0;
}
#topbar .topbar-inner nav .profile span.icon-20,
#topbar .topbar-inner nav .login span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/profil.svg?6ec4bef7c83e');
}
#topbar .topbar-inner nav .library-link span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/biblioteka.svg?f3a21452803d');
}
#topbar .topbar-inner nav .about span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/detale.svg?af216301260a');
}
#topbar .topbar-inner nav .help-link span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/pomoc.svg?b773f58cd36e');
}
#topbar .topbar-inner nav .print-button span.icon-20 {
  background-image: url('/portal/common/img/topbar-icons/drukuj.svg?8db54fcd9b20');
}
#topbar .topbar-inner nav .print-button {
  display: none;
}
#topbar .topbar-inner nav #license_switch:not(.on) .tick-icon,
#topbar .topbar-inner nav button.alttext:not(.on) .tick-icon,
#topbar .topbar-inner nav #alt_desc_switch:not(.on) .tick-icon {
  display: none;
}
#topbar .epo-auth-hook {
  display: inline;
}
#topbar .epo-auth-login-container {
  display: inline;
}
#topbar .epo-auth-login-container ul {
  margin: 0;
  padding: 0;
}
#topbar .epo-auth-login-container ul li {
  display: inline !important;
  cursor: pointer;
}
#topbar .epo-auth-login-container ul ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#topbar .epo-auth-login-container ul ul li {
  padding: 0 10px;
  display: table-cell;
  background-color: #3d71b8;
}
#topbar .epo-auth-login-container ul ul li a {
  margin: 0;
}
#topbar .epo-auth-login-container ul li:hover > ul {
  display: block;
}
#topbar .epo-auth-login-container ul li:focus > ul {
  display: block;
}
body.high-contrast #topbar .logo {
  margin-top: 4px;
}
body.high-contrast #topbar .logo:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/logo_hc.png?bea636f49951');
}
body.high-contrast #topbar .search span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/szukaj_hc.png?0a96e581ca6c');
}
body.high-contrast #topbar .settings span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/ustawienia_hc.png?d8802312a39b');
}
body.high-contrast #topbar .profile span.icon-20:before,
body.high-contrast #topbar .login span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/profil_hc.png?7c3df8206a52');
}
body.high-contrast #topbar .library-link span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/biblioteka_hc.png?b7a0a30b9064');
}
body.high-contrast #topbar .about span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/detale_hc.png?7abc0da7379d');
}
body.high-contrast #topbar .help-link span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/pomoc_hc.png?46114bd97944');
}
body.high-contrast #topbar .print-button span.icon-20:before {
  content: url('/portal/common/img/topbar-icons/high-contrast/drukuj_hc.png?95fe2eb326b1');
}
#topbar .top-dropdown {
  display: none;
  font-family: "open_sansbold";
}
.settings-container {
  float: right;
  position: relative;
}
.settings-container .top-dropdown {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 2000;
  padding: 0;
  margin: 0;
  background: white;
  width: 200px;
  border: 1px solid #cc;
  -webkit-box-shadow: 2px 5px 7px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 5px 7px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 7px 1px rgba(0, 0, 0, 0.2);
}
.settings-container .top-dropdown li {
  width: 100%;
  display: block;
}
.settings-container .top-dropdown li button {
  color: black !important;
  text-align: left;
  float: none !important;
  display: block;
  width: 100% !important;
  font-family: open_sanssemibold, sans-serif;
}
.settings-container .top-dropdown li button:hover {
  background: DBEBF8 !important;
}
.settings-container .top-dropdown li button .tick-icon {
  background-image: url('/portal/common/img/icon_haczyk-60.svg?2a26c2cfa7c4');
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: center;
  display: inline-block;
  width: 20px;
  height: 40px;
  float: right;
  background-size: 40px 40px;
}
.settings-container .top-dropdown li button.on .tick-icon {
  background-position-x: 0%;
  background-position-y: center;
}
.settings-container hr {
  margin: 0 0;
}
.settings-container #logout-hook button.logout {
  display: none;
}
@media all and (max-width: 450px) {
  .topbar-inner {
    max-width: 100%;
  }
  #topbar-title {
    display: none!important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #topbar .topbar-inner nav button:first-of-type::after {
    content: "\00a0\00a0";
  }
}
.fatal-alert {
  position: fixed;
  z-index: 5000;
  top: 36px;
  left: 0;
  right: 0;
  background: #da4f49;
  color: #ffffff;
  font-size: 28px;
  line-height: 36px;
  padding: 1em;
}
.fatal-alert a {
  color: #ffffff;
  text-decoration: underline;
}
.fancybox-modal header {
  font-size: 24px;
  line-height: 33px;
  padding-bottom: 5px;
  border-bottom: 1px solid #C8C8C8;
  margin-bottom: 10px;
}
.fancybox-modal-contact #dialog_form button {
  background-color: #3d71b8;
  color: #fff;
  padding: 5px 12px;
}
.fancybox-modal-contact #dialog_form button:hover,
.fancybox-modal-contact #dialog_form button:focus {
  background: #fff;
  color: #3d71b8;
  border: 1px solid #3d71b8;
}
.fancybox-modal-contact #dialog_form img.captcha {
  display: block;
  padding: 0 0 8px 0;
}
.fancybox-modal-contact #dialog_form ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fancybox-modal-contact #dialog_form button {
  width: 49%;
}
.fancybox-modal-contact #dialog_form textarea {
  resize: none;
}
.fancybox-modal-contact #dialog_form input {
  width: 100%;
}
.fancybox-modal-contact #dialog_form #send_user_form {
  float: right;
}
.fancybox-modal-contact #dialog_form #success {
  text-align: center;
}
.tooltipsy {
  padding: 5px;
  margin-top: 10px;
  color: #303030;
  background-color: #fff;
  opacity: 1;
  border: 3px solid #c8c8c8;
  position: absolute;
  top: -10px;
  right: -30px;
  z-index: 2147483540;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
#jquery-live-search {
  background: #fff;
  padding: 0;
  max-height: 400px;
  overflow: auto;
  position: absolute;
  z-index: 99;
  border: solid #A9A9A9;
  border-width: 0 1px 1px 1px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
#jquery-live-search .live-search-item {
  margin: 8px;
  padding: 0;
}
#jquery-live-search .live-search-item .ellipsable {
  display: block;
  height: 100%;
}
#jquery-live-search a {
  display: block;
  margin: 0;
  font-size: 12px;
  font-family: open_sansbold;
  line-height: 125%;
}
#jquery-live-search span {
  display: block;
  margin: 0;
  color: #777;
  font-size: 11px;
  font-family: open_sansregular;
  line-height: 120%;
}
#jquery-live-search img {
  margin-right: 8px;
}
#dialog_form {
  overflow: hidden;
  font-family: "open_sansregular";
  min-width: 220px;
  font-size: 14px;
}
#dialog_form label {
  font-size: 14px;
  margin: 0;
  width: auto;
  display: inline;
}
#dialog_form button {
  font-size: 14px;
  height: 30px;
}
#dialog_form input,
#dialog_form select,
#dialog_form textarea {
  font-family: sans-serif;
}
#dialog_form input {
  padding: 5px 6px;
}
#dialog_form select {
  font-size: 13px;
}
#dialog_form textarea {
  margin-bottom: 2px;
}
#dialog_form ul.errorlist {
  /*li:before {
            font-family: FontAwesome;
            content: "\F12A";
            margin-right: 3px;
        }*/
}
#dialog_form ul.errorlist li {
  background: none;
  color: #DA4F49;
  margin-bottom: 5px;
  padding: 2px 0px;
  font-size: 90%;
}
#dialog_form .contact-link {
  position: relative;
  background-color: transparent!important;
}
#dialog_form .contact-link a {
  color: #3d71b8;
  font-weight: bold;
}
.counter {
  display: inline;
  float: right;
}
.button-style {
  padding: 8px 7px;
  background-color: #049cdb;
  color: #fff;
  line-height: 1;
  font-family: open_sansbold;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
}
#cookies-bar-pl,
#cookies-bar-en {
  z-index: 2147483637;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #cfcfcf;
  line-height: 1.4;
  font-family: open_sansregular;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 900px) {
  #cookies-bar-pl,
  #cookies-bar-en {
    padding: 4px 8px 0 8px;
  }
}
#cookies-bar-pl #cookies-accept-pl,
#cookies-bar-en #cookies-accept-pl,
#cookies-bar-pl #cookies-accept-en,
#cookies-bar-en #cookies-accept-en {
  padding: 8px 7px;
  background-color: #049cdb;
  color: #fff;
  line-height: 1;
  font-family: open_sansbold;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 900px) {
  #cookies-bar-pl #cookies-accept-pl,
  #cookies-bar-en #cookies-accept-pl,
  #cookies-bar-pl #cookies-accept-en,
  #cookies-bar-en #cookies-accept-en {
    display: block;
    margin: 8px auto;
  }
}
.button {
  display: block;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.15);
  background-size: 100% 100%;
  border-radius: 0;
  cursor: pointer;
}
.button:hover,
.button:focus {
  background-color: #00ccff;
}
.welcome-page {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
}
.welcome-page .content {
  width: 80%;
  max-width: 410px;
  height: 100%;
  margin: 0 auto;
  text-align: justify;
}
.welcome-page h1 {
  max-width: 410px;
  width: 95%;
  height: 112px;
  margin: 32px 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ccc;
  line-height: 0;
  font-size: 0;
}
.welcome-page p,
.welcome-page ul {
  color: #444;
  text-align: left;
  font-family: open sans, sans-serif;
  font-size: 14px;
}
.welcome-page p {
  margin-top: 1em;
}
.welcome-page p:first-of-type {
  margin-top: 0;
}
.welcome-page ul {
  list-style-position: inside;
}
.welcome-page .nav-title {
  margin: 16px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}
.welcome-page nav {
  width: 100%;
  max-width: 410px;
}
.welcome-page nav button#user-type-student,
.welcome-page nav button#user-type-teacher {
  display: block;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.15);
  background-size: 100% 100%;
  border-radius: 0;
  cursor: pointer;
  width: 100%;
  height: 64px;
  padding: 0 4px;
  margin: 10px 0;
  border-radius: 4px;
  font-family: open sans, sans-serif;
  font-weight: 300;
  line-height: 1;
  font-size: 24px;
  color: #fff;
}
.welcome-page nav button#user-type-student:hover,
.welcome-page nav button#user-type-teacher:hover,
.welcome-page nav button#user-type-student:focus,
.welcome-page nav button#user-type-teacher:focus {
  background-color: #00ccff;
}
.nobr {
  white-space: nowrap;
}

.para:focus,.label:focus,.title:focus {
  color: yellow !important;
  background-color: black !important;
}

.reader-content .section-contents .womi-container.before-text {
    margin-bottom: 48px !important;
}

.elinks .boxelink{
    display: none;
    width: 100%;
}

.elinks a:hover + .boxelink,.elinks .boxelink:hover{
    display: block;
    position: relative;
    z-index: 100;
}

.elinks a
{
 display: inline;
 color: #3d71b8;
 text-decoration: none;
 font-family: open_sansbold;
 word-break: normal;
 }
 
 .tooltipElink {
    position: relative;
    display: inline-block;
}

.tooltipElink .tooltipe {
    visibility: hidden;
    width: 560px;
	height: 400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    top: 70%;
}

.tooltipElink .tooltipe::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltipElink:hover .tooltipe {
    visibility: visible;
    opacity: 1;
    display: block;
}