[data-link=underline] a {
  text-decoration: underline !important;
}
[data-link=underline] .fast-box .title {
  text-decoration: underline !important;
}

[data-contrast=true] p,
[data-contrast=true] h1,
[data-contrast=true] h2,
[data-contrast=true] h3,
[data-contrast=true] h4,
[data-contrast=true] div,
[data-contrast=true] span,
[data-contrast=true] strong,
[data-contrast=true] em,
[data-contrast=true] .start-3 .name-box h3
{
  color: yellow !important;
}

[data-contrast=true] .start-3 .name-box h3
{
  z-index: 15;
}
[data-contrast=true] .wcag {
  z-index: 1000;
}

[data-contrast=true] a,
[data-contrast=true] #calendar-demo button,
[data-contrast=true] .calendar tr:first-child th,
[data-contrast=true] .calendar thead tr:nth-child(2) th
{
  color: #00FFFF !important;
  background: #000 !important;
}

html[data-contrast=true],
[data-contrast=true] head,
[data-contrast=true] body,
[data-contrast=true] nav,
[data-contrast=true] table,
[data-contrast=true] table thead,
[data-contrast=true] table tbody,
[data-contrast=true] table tbody tr,
[data-contrast=true] table tbody th,
[data-contrast=true] .popupInfo .wrap,
[data-contrast=true] .popupInfo .close,
[data-contrast=true] .wrapper,
[data-contrast=true] .wrapper .wrap,
[data-contrast=true] .wrapper:before,
[data-contrast=true] .wrapper:after,
[data-contrast=true] .top,
[data-contrast=true] .top:after,
[data-contrast=true] .top:before,
[data-contrast=true] .top .wrap,
[data-contrast=true] .podmenu,
[data-contrast=true] .podmenu *,
[data-contrast=true] .fast-box,
[data-contrast=true] .fast-box .wrap,
[data-contrast=true] .fast-box .wrap .box .title,
[data-contrast=true] .fast-box .wrap .box .more,
[data-contrast=true] .start-3 *,
[data-contrast=true] .short-link .link,
[data-contrast=true] .short-link h3,
[data-contrast=true] .start-4,
[data-contrast=true] .menuLeft__list--box,
[data-contrast=true] .s-container,
[data-contrast=true] .s-container .wrap,
[data-contrast=true] .middle .wrap .opis blockquote,
[data-contrast=true] .newslista .news-box,
[data-contrast=true] .newslista .news-box *,
[data-contrast=true] .news-left:before,
[data-contrast=true] .articles .articles-right,
[data-contrast=true] .articles *,
[data-contrast=true] .start-5,
[data-contrast=true] .start-6,
[data-contrast=true] .sectionFB,
[data-contrast=true] .start-6 .wrap .box-2 .left .text,
[data-contrast=true] footer,
[data-contrast=true] #content
{
  background: #000 !important;
}


[data-contrast=true] .logo img,
[data-contrast=true] .wrapper nav ul li.search-box .search-ikon,
[data-contrast=true] .start-6 .wrap .box-2 .left .icon-bip
{
  filter: invert(1);
}


[data-contrast=true] .wcag__inside {
  background: #000 !important;
}
[data-contrast=true] .wcag__name {
  color: #00FFFF !important;
}
[data-contrast=true] .wcag__icon, [data-contrast=true] .wcag__name--icon {
  background: #fff !important;
}









/*
[data-font=up] .quick a,
[data-font=up] .fast-box .wrap .box .text,
[data-font=up] .fast-box .wrap .box .more,
[data-font=up] .menuLeft__list--href,
[data-font=up] .start-3 .name-box .text,
[data-font=up] .start-3 .name-box .more,
[data-font=up] #podmenu .wrap .box ul li,
[data-font=up] .start-6 .wrap .header .subname,
[data-font=up] .footer nav
{
  font-size: 140% !important;
}

[data-font=up] .articles *,
[data-font=up] p,
[data-font=up] ul,
[data-font=up] ul li,
[data-font=up] ul li a,
[data-font=up] a,
[data-font=up] a div,
[data-font=up] a h2,
[data-font=up] ol,
[data-font=up] table
{
  font-size: 120% !important;
  line-height:140% !important;
}

[data-font=up] .short-link .link a
{
  font-size: 160% !important;
}

[data-font=up] .fast-box .wrap .box .title,
[data-font=up] .middle .wrap .left h2,
[data-font=up] .middle .wrap .left h3,
[data-font=up] .middle .wrap .left h4,
[data-font=up] .middle .wrap .left h5,
[data-font=up] .middle .wrap .left h6,
[data-font=up] .start-6 .wrap .header .name,
[data-font=up] .short-link .link a
{
  font-size: 200% !important;
}

[data-font=up] .middle .wrap h1
{
  font-size: 300% !important;
}
*/

.wcag {
  float: left;
  width: 270px;
  position: fixed;
  top: 170px;
  left: -270px;
  z-index: 1200;
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #000;
  transition: all 0.4s ease-in-out;
}

.wcag-active,
.wcag:focus
{
  left: 0;
}

.wcag__icon {
  float: left;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -1px;
  right: -55px;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}

.wcag__icon--img {
  float: left;
  width: 40px;
  position: relative;
}

.wcag__inside {
  float: left;
  width: 100%;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.wcag__name {
  float: left;
  width: 100%;
  height: 50px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  cursor: pointer;
}

.wcag__name:hover {
  color: #4054b2;
  text-decoration: underline;
}

.wcag__name--icon {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0px 10px 0px 0px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.wcag__icon--zoom {
  float: left;
  width: 22px;
  position: relative;
}

.wcag__icon--contrast {
  float: left;
  width: 21px;
  position: relative;
}

.wcag__icon--link {
  float: left;
  width: 21px;
  position: relative;
}

.wcag__icon--file {
  float: left;
  width: 24px;
  position: relative;
}

.wcag__icon--reload {
  float: left;
  width: 24px;
  position: relative;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
  .wcag__icon {
    width: 35px;
    height: 35px;

    right: -35px;

  }
  .wcag__icon--img {
    float: left;
    width: 30px;
    position: relative;
  }
}