b, strong, .tucne { font-family: 'AvenirNextLTProBold', sans-serif; }

.ui-tooltip-content {
  font-size:75%;
}


#clen-name {
  font-weight: bold;
  font-size: 150%;
}
.pismo100 a {
  font-size: 1.0rem !important;
}
span.ico-gray[class^="icon"]:before {
    color: #F8F8F8;
}

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

.btn-menu {
 margin-bottom: 30px;
}


.box h2 {
    line-height: 1.4em;
}

.pismo75 {
  font-size: 75%;
}

.pismo70 {
  font-size: 70%;
}

span.ico-red[class^="icon"]:before {
  color: #FF0000 !important;
}

.page--my-authorities .box--profile span.ico-red[class^="icon"] {
  top:0;
}

.table--custom {
  margin-top: 0 !important;
}

h2 a, h2 a:visited {
  color: #707070;
}

h2 a:hover {
  color: #034EA2;
}

.je20 {
  min-height: 20px;
}

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

.panel-top__right .profile__avatar img {
  width:100%;
}

td .profile__avatar img {
  width:100%;
}

.box--members .profile__avatar img {
  width:100%;
}

/* v okně INFO */
.praveIkony { float:right; margin:0; font-size:22px; }
.praveIkony a { color:#707070; margin:0 0 0 10px; transition: color .5s ease; }
.praveIkony a:hover { color:#00336D; }

/* submenu v nastavení */
.ikonaVetsi { font-size:140%; margin-right:0.5em; }

.box ol { list-style-type: decimal; list-style-position: outside; padding:0 0 0 1.5em; margin-bottom:20px; }
.box ol li { padding: 5px 0 0 1em; }
.box ul { list-style-type: circle; list-style-position: outside; padding:0 0 0 2.5em; margin-bottom:20px; }
.box ul li { padding: 5px 0 0 0; }

.btn-dar, .btn-maly {
  margin: 0px 5px 0px 0px !important;
  padding: 2px 15px !important;
}

.btn-rozpocet {
  margin: 0px 5px 5px 0px !important;
  padding: 3px 15px !important;
}

.btn-rozpocet.active { background:#008000; color:#fff; }

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

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

/* kalendář na stránce novinky */

#calendar-novinky {
 min-width: 100%;
}

.event__date h2 {
 margin-top: 30px;
}

/* newsletter v novinkách */

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

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

.box.box--images .news {
    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 .news:after {
opacity: 0;
    transition: opacity .2s ease;
    content: "\e910";
    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;
}


/* ikony na ploše */
.box.box--bordered-content .box--with-icon i:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #757575;
  font-size: 20px;
}

.box.box--with-icon i:before {
  position: absolute;
  top: 14px;
  left: 20px;
  color: #757575;
  font-size: 20px;
}


.box--with-icon .fa, .box--with-icon .fas, .box--with-icon .far, .box--with-icon .fal, .box--with-icon .fab {
  display:block;
}



.table--komise {
  min-width:auto;
}


.page--dashboard .box.box--with-icon h2:hover {
    color: #757575;
    transition: color .3s ease;
}
.page--dashboard .box.box--blue h2:hover {
    color: #3CE600 !important;
    transition: color .3s ease;
}

.no-top-padding {
 padding-top: 0px !important;
}

.page--dashboard .box.box--blue i:before {
    position: absolute;
    top: 14px;
    left: 20px;
    color: white !important;
    font-size: 20px;
}


/* TIP BOX */


.box.box--border {
  border: 2px solid #034EA2;
}
.box.box--border p {
font-style: italic;
}

/* modrý button v bílém boxu */

.btn.btn--blue-filled2 {
    background-color: #034EA2;
    color: #FFFFFF;
    border: 2px solid #034EA2 ;
}
.btn--blue-filled2:hover, .btn--blue-filled2:focus {
    background-color: #f8f8f8;
    color: #034EA2;
    border: 2px solid #034EA2;
}


/* akce */

/* oprava checkboxu */
input[type="checkbox"] + label .checkbox--custom:before {
  top: 4px;
}
.input-v {
  margin: 2px 0px 2px 0px;
}
@media screen and (max-width: 1440px) {
  .input-v {
    margin: 5px 0px 5px 0px;
  }

  input[type="checkbox"] + label .checkbox--custom:before {
    top: 0px;
  }
}

.tools-akce {
  line-height: 1.9em;
}


.textbox-akce, .textbox-akce-top {
    display: inline-block;
    padding: 0px 10px;
    color: white;
    border-radius: 10px;
    position: relative;
    margin: 0 5px 5px 0px;
    line-height: 40px;
}
.textbox-akce-top {
 font-weight: bold;
  padding: 5px 12px 5px 12px;
  color: #757575;
}

.textbox-mini {
  display: inline-block;
  padding: 0 7px;
  color: white;
  border-radius: 20px;
  position: relative;
  margin: 0 5px;
  line-height: 20px;
}

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

.textbox--white {
    background-color: #e5e5e5;
    color:#000;
}

.textbox--gray {
  color:#000;
}

.textbox--sedy {
  background-color: #777;
  color:#fff;
}

.box i.top-right {
    font-size: 20px;
    position: absolute;
    right: 14px;
    top: 15px;
}
.linka {
    border-bottom: 1px solid #EFEFEF;
    padding: 9px 0;
    margin: 0;
}

.small, small {
font-size: 0.80rem!important;
}


/* nově přidané pro aktuální akci */
.jsCalendar tbody td.jsCalendar-currentEvent {
  background-color: #3CE600; /* rgba(3, 78, 162, 0.7); */
  color: #fff;
  height: 32px;
  line-height: 32px;
  width: 32px; }

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

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

/* změna dnešního dne */
.jsCalendar tbody td.jsCalendar-current {
  background-color: #c3c3c3;
  color:#000;
}

.titulekBublina {
  margin-top: 7px;
  font-size: 100%;
  line-height:120%;
}
.titulekBublina a:hover { color:#3CE600; }

.checkbox-table {
  padding: 10px 0px 10px 0px;
}

.table--custom tr.last-past {
border-bottom: 2px solid #C3C3C3 !important;
}
.table--custom tr.first-future  {

border-top: 2px solid #C3C3C3 !important;
}

.calendar-top {
font-size: 1.0rem;
margin-top: 20px;
line-height: 1.5;
}
.calendar-top h2 {
font-size: 1.0rem;
}

.nowrap {
white-space: nowrap;
}

.minipanel {
    float: left;
    margin-top: 25px;
    margin-right: 25px;
}
.minipanel.mensi {
    width: 105px;
}
.minipanel.vetsi {
    width: 240px;
}
.minipanel.nejvetsi {
    width: 390px;
    max-width:100%;
}
.minipanel.mensi input {
    width: 90px;
}
.minipanel.vetsi input {
    width: 225px;
}
.minipanel.nejvetsi input {
    width: 375px;
    max-width:82%;
}

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

.submit--prihlaska, .submit--prihlaska:hover {
    font-size: 0.935rem;
    border: 1px solid #034EA2;
    border-radius: 10px;
    padding: 10px 14px;
    color: #034EA2;
    margin: 5px;
    outline: none;
    background-color: white;
}
.submit--prihlaska:hover {
    border: 1px solid #F8F8F8;
  background-color: #034EA2;
  color: #F8F8F8;
}

h2.event_datum {
margin-top: 0px!important;
}

.box--formular {
margin: 0px 0px 30px 0px;
}
.box--formular label {
   padding: 0px 0px 0px 10px;
   font-size: 0.75rem;
}
.box--formular label {
    display: block;
}
.box--formular h3 {
padding: 0px 0px 0px 10px;
}

h1 .profile__avatar {
    display: inline-block;
    vertical-align: text-bottom;
    width: 50px;
    height: 50px;
}

h1 .profile__avatar img {
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 768px) {
  h1 .profile__avatar {
      display: inline-block;
      vertical-align: text-bottom;
      width: 40px;
      height: 40px;
  }

  h1 .profile__avatar img {
    width: 40px;
    height: 40px;
  }
}

.event__filter form > div:nth-of-type(3) {
 margin-top: 0px!important;
}
@media screen and (max-width: 1440px) {
.event__filter form > div:nth-of-type(3) {
    width: 40%!important;
}
}

.no-border {  border: none!important;
}


div.doc-green {
  border: solid green;border-width:0px 0px 0px 10px;
}
div.doc-orange {
  border: solid #e38f18; border-width:0px 0px 0px 10px;
}
div.doc-red {
  border: solid red; border-width:0px 0px 0px 10px;
}
.doc-green {
  color: green;
}
.doc-orange {
  color: #e38f18;
}
.doc-red {
  color: red;
}

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

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

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

.stanovy ol li {
padding: 10px;
line-height: 1.2em;
}



.box--with-icon a {
color: #707070!important;
}

.plocha-info {
position: absolute;
font-size: 0.5rem;
right: 0px;
bottom: 0px;
background-color: #C0C0C0;
text-align: center;
padding: 0px 5px 0px 5px;
font-weight: bold;
cursor:help;
color:white;
}

.plocha-info:hover {
background-color: gray;
}


.formular-akce h2 {
    font-size: 1.0rem;
}


.akce-label {
font-size: 0.75rem;
padding: 10px 20px;
width: 90%;
}

.textarea--custom {
    padding: 14px 18px;
    color: #034EA2;
    margin: 5px;
    line-height: 1.5;
    border-radius: 10px;
    border: 1px solid #707070;
}
.aadresy {
padding: 10px;
margin: 20px 0px 20px 0px;
}
.aadresa {
    line-height: 1.7;
    border-radius: 10px;
    border: 1px solid #F8F8F8;
    box-shadow: 1px 1px #888888;
    text-align: center;
}
.aadresa:hover {
background-color: #F8F8F8;
}
.amapa {
padding: 20px 0px 20px 0px ;
}


.p-tym {
margin-right:25px;
}
.p-tym-h2 {
color: #B3D2F6 !important;
}
.box-table {
    min-width: 40px !important;
    font-size: 90%;
}

.table-mala {
    min-width: 100% !important;
    font-size: 90%;
}
.table-mala th, .table-mala td { padding:0 6px; }


/* adresar 2019 */
.address-book .profile__avatar {
    width: 30px!important;
    height: 40px;
}
.address-book-item__detail a {
 color: #034EA2;
}
.address-book-item__detail a:hover {
 color: #034EA2;
 text-decoration: underline;
}

.address-book-item__main a {
  color: #034EA2;
  }

.address-book-item__main a:hover {
  color: #034EA2;
  text-decoration: underline;
  }
.open .address-book-item__main a {
 color:white;
 }
.open .address-book-item__main a:hover {
color:white;
text-decoration: underline;
}
.levy-odskok {
margin-left: 30px;
}
.horni-odskok {
  margin-top: 30px;
}

.btn--blue-transparent.active {
  background-color: #034EA2;
  color: white;
}

.color--orange { color:#ffac59; }

/* lepší responzivita boxu */
/* div48 jsou kvůli stínu (v kombinaci s 'box') */
.lepsiBox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size:0; }
.div10, .div15, .div20, .div25, .div30, .div33, .div40, .div48, .div50, .div60, .div75, .div100 { display:inline-block; vertical-align:top; padding:0.7em 1%; margin:0; font-size:1vw;  }
.div10 { width:10%; }
.div15 { width:15%; }
.div20 { width:20%; }
.div25 { width:25%; }
.div30 { width:30%; }
.div33 { width:33%; }
.div40 { width:40%; }
.div48 { width:48%; margin-right: 2%; }
.div50 { width:50%; }
.div60 { width:60%; }
.div75 { width:75%; }
.div100 { width:100%; }

.lepsiBox .input--custom { width:100%; margin:0.2em 0; }
.lepsiBox .select--custom { width:100%; margin:0.2em 0; }

.lepsiBox input[type="radio"] + label .radio--custom { font-size:1em; padding-left:1.5em; margin-right:2em; }
.lepsiBox input[type="radio"] + label .radio--custom:before { width:1em; height:1em; }
.lepsiBox input[type="checkbox"] + label .checkbox--custom { font-size:1em; padding-left:1.5em; margin-right:2em; }
.lepsiBox input[type="checkbox"] + label .checkbox--custom:before { width:1em; height:1em; }
.lepsiBox label { font-size:1rem; }

@media screen and (max-width:700px) {
  .div10, .div15, .div20, .div25, .div30, .div40, .div45, .div50, .div60, .div75, .div100 { width:100%; font-size:2vw; }
}
/* --- lepší responzivita boxu */

/* další buttony */
.butt { font-size:0.9em; padding:0.2em 1em; margin-top:3px; text-align:center; border:1px solid #ddd; border-radius:16px; transition:background 0.3s; }
.butt-normal { background:#eee; color:#222; }
.butt-normal:hover { background:#fff; }
.butt-cerveny { background:#ff9f9f; color:#fff; }
.butt-cerveny:hover { background:red; }
.butt-oranzovy { background:#FFCB92; color:#fff; }
.butt-oranzovy:hover { background:#ffd5a6; }
.butt-zeleny { background:#99e697; color:#000; }
.butt-zeleny:hover, .butt-zeleny.active { background:#287b24; color:#fff; }
.butt-bily { background:#fff; color:#222; }
.butt-bily:hover { background:#bbb; }
.butt-modry { background:#034ea2; color:#fff; }
a .butt-modry { color:#fff!important; }
.butt-modry:hover, .butt-modry.active { background:#bbb; }

.butt-maly { font-size:0.75em; }
.butt-vetsi { font-size:1em; padding:0.4em 1em; }
.butt-velky { font-size:1.25em; padding:0.4em 1em; }
.butt-odskok { margin-right:1em; }
.butt-odskok-l { margin-left:1em; }
/* --- další buttony */

.textbox-akce-maly {
  display: inline-block;
  padding: 2px 6px 1px;
  color: white;
  border-radius: 4px;
  position: relative;
  margin: 0;
}


.profil_foto { display:block; float:left; margin:0 15px 0 0; width:60px; height:60px; border-radius:50%; overflow:hidden; background-position:center center; background-size:cover; background-color:#c3c3c3; }
.obal_profil { padding:10px 0; }
.skrytyEdit span { opacity:0; }
.skrytyEdit:hover span { opacity:1; }
.poloSkrytyEdit span { opacity:0.5; }
.poloSkrytyEdit:hover span { opacity:1; }

.editujUdaj .linkEdituj { color:#fff; transition:color 0.2s; margin-left:1em; }
.editujUdaj:hover .linkEdituj { color:#000; }

a.objevujici { color:#eee; transition:color 0.2s; }
a.objevujici:hover { color:#000; }

.box.box--profile table.table--custom.mensi, table.table--custom.mensi { width:auto; min-width:inherit; margin:10px 0; }
.box.box--profile table.table--custom.mensi td, .box.box--profile table.table--custom.mensi th { padding-left:1em; padding-right:1em; }

.input--custom.velikost5 { width:5em; }
.input--custom.velikost10 { width:10em; }
.input--custom.velikost15 { width:15em; }
.input--custom.velikost20 { width:20em; }
.input--custom.velikost1 { width:25%; }
.input--custom.velikost2 { width:40%; }
.input--custom.velikost3 { width:60%; }
.input--custom.velikost4 { width:100%; }

@media screen and (max-width:700px) {
  .input--custom.velikost2 { width:100%; }
  .input--custom.velikost3 { width:100%; }
  .ucast h2#clen-name { font-size:24px; }
}

.jenMale { display:none; }

@media screen and (max-width:480px) {
  .jenVelke { display:none; }
  .jenMale { display:block; }
  .ucast h2#clen-name { font-size:20px; }
}

.none { display:none; }
.ruka { cursor: pointer; }
.skrt { text-decoration: line-through; }
.viktor { clear:both; font-size:1px; }

.background--zelena { background-color:#99e697; }
.background--zluta { background-color:#ffff28; }
.background--cervena { background-color:#ffb7b7; }

.jakoChk, .jakoRadio { display:inline-block; margin:0 12px 12px 0; }
.jakoChkInline, .jakoRadioInline { display:inline-block; margin:0 6px 12px 24px; }


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* POPUP APLIKACE */
.apka__backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0 , 0.65);
  backdrop-filter: blur(7.5px);
  z-index:9998;
}

.apka__modal {
  z-index:9999;
  padding: 60px 7.5%;
}

.apka__modal p {
  line-height: 1.35;
}

.apka__title {
  padding: 0;
  font-size: 170% !important;
}

.apka__aktivace {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 60px 0 90px 0;
}

.apka__aktivace img {
  max-width: 100%;
  height: auto;
}

.apka__button {
  padding: 0.75em 1.5em;
  font-weight: bold;
}

.apka__close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 3rem;
  font-weight: bold;;
  color: white;
  background-color: black;
  height: 3.5rem;
  width: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  padding: 0;
  margin: 0;
  outline: 0;
  text-shadow: none;
  opacity: 1;
  border-radius: 50%;
  border: none;
}

.apka__clearfix {
  height: 1px;
  clear: both;
}

.apka__img {
  float: right;
  max-width: 40%;
  height: auto;
  margin-left: 20%;
  width: 300px;
}

@media (max-width: 768px) {
  .apka__img {
    display: none;
  }
}