@font-face {font-family:PTSans;font-weight:normal;src:url('PTS55F.ttf')}
@font-face {font-family:PTSans;font-weight:bold;src:url('PTS75F.ttf')}
@font-face {font-family:PTSans;font-weight:100;src:url('PTC55F.ttf')}
@font-face {font-family:PTSansCond;font-weight:normal;src:url('PTN57F.ttf')}
@font-face {font-family:PTSansCond;font-weight:bold;src:url('PTN77F.ttf')}

@font-face {font-family:trioboFont-PT_Sans;font-weight:normal;src:url('/zdroje/trioboFonts/PT_Sans-Regular.ttf')}
@font-face {font-family:trioboFont-PT_Sans-Narrow;font-weight:normal;src:url('/zdroje/trioboFonts/PT_Sans-Narrow-Regular.ttf')}
@font-face {font-family:trioboFont-PT_Serif;font-weight:normal;src:url('/zdroje/trioboFonts/PT_Serif-Regular.ttf')}
@font-face {font-family:trioboFont-Merriweather;font-weight:normal;src:url('/zdroje/trioboFonts/Merriweather-Regular.ttf')}
@font-face {font-family:trioboFont-NotoSerif;font-weight:normal;src:url('/zdroje/trioboFonts/NotoSerif-Regular.ttf')}
@font-face {font-family:trioboFont-Montserrat;font-weight:normal;src:url('/zdroje/trioboFonts/Montserrat-Regular.ttf')}
@font-face {font-family:trioboFont-AlegreyaSans;font-weight:normal;src:url('/zdroje/trioboFonts/AlegreyaSans-Regular.ttf')}
@font-face {font-family:trioboFont-Oswald;font-weight:normal;src:url('/zdroje/trioboFonts/Oswald-Regular.ttf')}
@font-face {font-family:trioboFont-Lobster;font-weight:normal;src:url('/zdroje/trioboFonts/Lobster-Regular.ttf')}


:root{
  --highlight-color: #8cc;
  --secondary-color: #fc5;
  
  --white: #fff;
  --very-light-gray: #eee;
  --light-gray: #bbb;
  --gray: #888;
  --dark-gray: #444;
  --dark-dark-gray: #333;
  --very-dark-gray: #222;
  --black: #000;
}



body {
  line-height:1.2;
  vertical-align: baseline;
  font-family:PTSans,Helvetica,Arial,sans;
  font-weight: normal;
  font-size:15px;
  color:rgb(0,0,0);
  -webkit-text-size-adjust: none;
  -webkit-transform-style:flat;
  -webkit-backface-visibility: hidden;
  -webkit-user-select: none;
  background-color:rgb(220,220,220);
  overflow-x: hidden;
}
body.noUserSelection {
  -webkit-user-select: none;
}

::-webkit-scrollbar {
  background:transparent;
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
 
::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background-color:#aaa;
}
::-webkit-scrollbar-thumb:hover {
   background-color:#8cc;/*azure*/
}
::-webkit-scrollbar-corner {
  background-color:transparent;
}

p {
  margin:2px 0px;
}

input {
  box-sizing: border-box;
}

h1 {
  font-weight: bold;
  font-size: 200%;
  margin: 0.5 em 0 1em;
}

table {
  table-layout: fixed;
  word-wrap:break-word; 
  width:100%;
  font-family:PTSans,Helvetica,Arial,sans;
  font-size:15px;
  border-collapse:collapse;
  border:1px solid #bbb;
  -webkit-font-feature-settings:"tnum" 1;
}
tr{
  white-space:nowrap; 
}
tr.zahlavi{
  background-color:#ddd;/*silver*/
  font-weight:bold;
}
th, td {
  padding:2px 4px 0px;
  border:1px solid #666;
  background-color:#fff;/*white*/
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  text-align: left;
}
th, tr.zahlavi td {
  font-weight: bold;
  background-color:#ddd;
}
td.podkres {
  background-color:#eee;
}
table.tableLight {
  border:none;
}
table.tableLight td {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
}
table.tableLight tr.zahlavi td {
  border-top:none;
  border-bottom:1px solid #0aa;
  background-color:#fff;
}

.vypustek {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ukazkaBarvy {
  background-repeat: repeat;
  background-size: 8px 8px;
}

.nastaveniBarvy {
  display:inline-block;
  position:relative;
  width:16px;
  height:16px;
  border:1px solid black;
  cursor:pointer;
  margin:0px 2px;
  background-repeat: repeat;
  background-size: 8px 8px; 
  vertical-align:-4px; 
}
.textPole {
  display:inline-block;
  border:1px solid #bbb;
  background:#fff;
  color:#000;
  border-radius:3px;
  margin:0 4px 0 2px;
  padding:0 2px;
  font-family:PTSans;
  font-size:15px;
  text-align:left; 
}
.textPole.vychozi {
  color:#bbb;
}

/* STATISTIKY */

#statistiky .blok {
  border-color:#bbb;
}
#divStatistiky {
  line-height: 1;
}
#divBlokStatistiky{
  background:#fff;
}
#divStatTop {
  background:#eee;  
}
#divStatFoot {
  background:#eee;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.graf {
  display:inline-block;
  height:13px;
  padding-top: 1px;
  width:6px;
  font-family:PTSansCond,Helvetica,Arial,sans;
  font-size:12px;
  font-weight:bold;
  color:#666;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
  text-align: center;
  vertical-align: top;
  overflow:hidden;
  text-overflow: ellipsis;
}

.graf.modry,   .graf.s0 {background-color:#8df;}
.graf.zeleny,  .graf.s1 {background-color:#afa;}
.graf.cerveny, .graf.s2 {background-color:#faa;}
.graf.oranzovy,.graf.s3 {background-color:#fda;}
.graf.fialovy, .graf.s4 {background-color:#fbf;}
.graf.zluty,   .graf.s5 {background-color:#fe8;}

.graf.extra.s0 {background-color:#fda;}

.graf.odst.s0 {background-color:#eeeeee;}
.graf.odst.s1 {background-color:#d0ebf1;}
.graf.odst.s2 {background-color:#c0e8f4;}
.graf.odst.s3 {background-color:#b0e5f7;}
.graf.odst.s4 {background-color:#a0e2fa;}
.graf.odst.s5 {background-color:#88ddff;}

.graf.extra.odst.s5 {background-color:#fda;}

.blok.modry   {border-left:4px solid #08f;}
.blok.cerveny {border-left:4px solid #d00;}
.blok.zeleny  {border-left:4px solid #0d0;}
.blok.oranzovy{border-left:4px solid #f80;}
.blok.fialovy {border-left:4px solid #d0d;}


.legendaGrafu {
  font-size:14px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  padding:0 4px 0;
}
.legendaGrafu.extra {
  color:#f80;
}
.hodnotaGrafu {
  font-size:14px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  text-align:right;
  padding:0 4px 0;
}
.graf.prvni    {border-top-left-radius:2px; border-bottom-left-radius:2px;}
.graf.posledni {border-top-right-radius:2px;border-bottom-right-radius:2px;}




#bar-seznamMulti {
  height:136px;
  width:100%;
}


#bar-seznamMulti .tlacMulti {
  width:16px;
  height:16px;
  display:inline-block;
  margin:0 2px 0 0;
  cursor:pointer;
}

.tahnuti {
  background:#ffd;
}

#bar-seznamObjektu {
  width:100%;
  overflow:auto;
  font-size:10px;
  font-family:helvetica;
}

#barSkup-forms div.hidden {
  display: none;
}

.button {
  display:inline-block;
  border: 1px solid #bbb;
  border-radius:3px;
  background-color:#ddd;/*silver*/
  font-family: PTSans;
  font-size: 15px;
  padding:3px 10px;
  margin:0 4px;
  text-align: center;
  cursor:pointer;
}

form {
  margin:0;
  padding:0;
}

button {
  display:inline-block;
  border: 1px solid #bbb;
  border-radius:3px;
  background-color: #ddd;/*silver*/
  font-family: PTSans;
  font-size: 15px;
  padding:3px 10px;
  margin:0 4px;
  text-align: center;
  cursor:pointer;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, button:focus {
  border:1px solid #8cc;/*azure*/
  box-shadow: 0 0 4px #8cc;/*azure*/
  outline: 0;
}
button:hover {
  color:black;
  background-color: #8cc;/*azure*/
}
button[type="submit"] {
  background-color: #fff;/*white*/
  color:black;
}
button[type="submit"]:hover {
  background-color: #fc5;/*orange*/
}
button.cerveny {
  color:white;
  background-color: #f88;/*red*/
}
button.cerveny:hover {
  background-color: #f00;/*red-light*/
}
button.admin {
  background-color: #8cc;/*azure*/
}
button.admin:hover {
  background-color: #9dd;/*azure-light*/
}
button:disabled {
  color:#999;
  background-color: #ddd;/*silver*/
}
button:disabled:hover {
  color:#999;
  background-color: #ccc;/*silver-light*/
  cursor:default;
}
button.highlighted, button.oranzovy {
  color:#000;
  background-color: #fc5;/*orange*/
}
button.highlighted:hover, button.oranzovy:hover {
  background-color: #fd5;/*orange-light*/
}
button.maly {
  padding:0px 5px;
  margin:0px 2px;
  font-size:14px;
}
button.square {
  box-sizing: border-box;
  width: 150px;
  height: 150px;
  text-align: center;
  vertical-align: bottom;
  background-color: #8cc;/*azure*/
  color: white;
  margin:4px;
  transition: 0.5s all;  
}
button.square:hover {
  color: white;
  background-color: #7dd;
}
.centeredSquareButtons {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align:center;
}

.square .listOfFavPubs {
  max-height: 380px;
  overflow-y: scroll;
  margin: 8px 0px;
}
.square .publicationButton {
  box-sizing: border-box;
  display:block;
  border: 1px solid #bbb;
  border-radius:3px;
  background-color: #ddd;/*silver*/
  margin: 4px 0px;
  width: 100%;
  color: black;
  cursor:pointer;
  transition: 0.5s all;
}
.square .publicationButton:hover {
  background-color: #fc5;/*orange*/
  color: black;
}
.square .publicationButton .pubText {
  vertical-align: top;
  display: inline-block;
  width: 190px;
  padding: 4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align: left;
}
.square .publicationButton .pubIcon {
  vertical-align: top;
  display: inline-block;
  padding: 4px 0px;
  width: 24px;
  text-align: center;
  border-left: 1px solid #bbb;
}
.square .publicationButton .pubIcon:hover {
  color: white;
}
.square .publicationButton .pubIcon.disabled {
  color: #ccc;
  cursor: default;
}

.naStred {
  text-align:center;
} 

button .icon {
  display: inline-block;
  margin-right: 8px;
}

button.square .icon {
  display: block;
  font-size: 3em;
  margin: 16px;
  transition: 0.5s all;
}
button.square:hover .icon {
  transform: scale(1.1);
}
.typyCar {
  display:inline-block;
  border-width: 1px;
  width:17px;
  height:4px;
  margin-top:6px;
}

#dlgInfoCasFonty {
  width:100%;
  height:310px;
  overflow:auto;
  border:1px solid #bbb;
  border-radius:3px;
}

.tfwBox {
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-column-break-inside: avoid;
  margin: 0 0 4px;
  padding: 4px;
}
.tfwBoxHeader {
  font-weight: bold;
  background-color: #8cc;
  margin: -4px -4px 0 -4px;
  color: white;
  padding: 4px 4px 0px;
}
.tfwBoxHeader .fontSample {
  float:right;
  font-size:20px;
  line-height:20px;
}

.zalozkySeznam {
  display:inline-block;
  overflow: hidden;
  margin:4px 0px 0px;
  padding:0px;
}

.zalozkySeznam .zalozkyOusko {
  display:inline-block;
  background-color: #ddd;/*silver*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color:#000;
  margin:0 0 0 1px;
  padding:4px 8px;
  cursor:pointer;
  text-align:center;
}
.zalozkySeznam .zalozkyOusko:first-child{
  margin-left:0px;
}
.zalozkySeznam .zalozkyOusko:hover {
  color:#000;
  background-color: #8cc;/*azure*/  
}
.zalozkySeznam .zalozkyOusko.aktivni {
  color:#000;
  background-color: #fc5;/*orange*/
}
.zalozkySeznam .zalozkyOusko.aktivni:hover {
  background-color: #fd5;/*orange-light*/
}
.zalozkyObsah {
  display:block;
  vertical-align: top;
}
.zalozkyObsah.skryty {
  display:none;
}
.zalozkyObal {
  margin-bottom: 16px;
}

.zalozkySvisleSeznam {
  display:inline-block;
  vertical-align: top;
  margin-right:4px;
  border:1px solid #bbb;
  background-color:#fff;
  border-radius:3px;
  overflow-x: hidden;
  overflow-y: auto;
}
.zalozkySvisleSeznam .zalozkyOusko {
  display:block;
  padding:2px 8px;
  margin:0px;
  cursor:pointer;
  text-align:left;
  height:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.zalozkySvisleSeznam .zalozkyOusko:hover {
  color:#000;
  background-color: #8cc;/*azure*/
}
.zalozkySvisleSeznam .aktivni {
  color:#000;
  background-color: #fc5;/*orange*/
}
.zalozkySvisleSeznam .aktivni:hover {
  background-color: #fd5;/*orange-light*/
}
.zalozkySvisleObsah {
  display:inline-block;
  vertical-align: top;
}
.zalozkySvisleObsah.skryty {
  display:none;
}


.box, .blok {
  display:block;
  padding:4px;
  border:1px solid #ddd;/*silver*/
/*  border-radius:3px;*/
  vertical-align:top;
}
.blok .blokNazev {
  background-color: #ddd;/*silver*/
  padding:4px;
}
.seznamVrstev {
  overflow-x: hidden;
  overflow-y: scroll;
}
.seznamVrstev .vyberRadek {
  display:block;
  padding:0px 8px 0px 20px;
  margin:0px;
  cursor:pointer;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  height: 20px;
}
.seznamVrstev .vyberRadek:hover {
  color:#000;
  background-color: #8cc;/*azure*/
}
.seznamVrstev .vyberRadek span {
  vertical-align: top;
}
.seznamVrstev .aktivni {
  color:#000;
  background: url(pics/sipkaCernaVpravo.png) no-repeat left center;
}
.seznamVrstev .aktivni:hover {
  background: url(pics/sipkaCernaVpravo.png) no-repeat left center;
  background-color: #8cc;/*azure*/
}

.tfwSelect div .nazevBarvy {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tfwSelect div .vzorekBarvy {
  display:inline-block;
  position:relative;
  width:16px;
  height:16px;
  border:1px solid black;
  margin:-1px 4px 0px 0px;
  background-repeat: repeat;
  background-size: 8px 8px;  
}

.paletaTrioboPole {
  display: inline-block;
  width:21px;
  height:21px;
  border:1px solid black;
  margin:1px 1px 0 0;
  cursor:pointer;
}

#userInfoBox {
  padding:0px;
  margin:-3px 0 0 0;
  font-size:12px;
  color:#fff;
  text-align: right;
  width:248px;
  float:right;
}

#trioboHeader {
  position:fixed;
  box-sizing: border-box;
  width:100%;  
  left:0;top:0;
  background-color: #222;
  padding:6px 16px;
}
#trioboHeader.clanek {
  padding:6px 6px;
}
#trioboHeader img {
  width:100px;
  display:block;
  margin:0px;
}

#trioboHeader .tfwGroupOfIcons {
  float:right;
  margin:-3px 0px 0px;
  border: 1px solid #000;
  background: #000;
}

#trioboHeader.clanek .tfwGroupOfIcons {
  position:absolute;
  left:128px;
  top:6px;
}
#trioboHeader .tfwGroupOfIcons .tfwIcon{
  background-color: #444;/*dark-gray*/
  opacity:0.8;
}
#trioboHeader .tfwGroupOfIcons .tfwIcon.ikona24 div{
  background-position-y: 0px;
}
#trioboHeader .tfwGroupOfIcons .tfwIcon.ikona24:hover {
  background-color: #8cc;/*azure*/
  opacity:1;
}
#trioboHeader .tfwGroupOfIcons .tfwIcon.ikona24:hover div{
  background-position-y: -24px;
}

#divMain, #statistiky {
  padding:40px 16px 16px 16px;  
}
#trioboNav {
  height:62px;
}
#tabulka {
  display:inline-block;
  vertical-align: top;
  background-color:#eee;
  border-radius:3px;
  overflow: hidden;
  margin:8px 16px;
  color:#000;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

#tabulka input {
  margin:-1px 0;
}
#tabulka input:focus {
  outline: 0;
}


.viewTitle {
  margin:8px 0px;
  color:#444;
  font-size:32px;
}

#tabulka .zahlavi, #tabulka .bunka {
 display:inline-block;
 border-top: 1px solid #bbb;
 border-left: 1px solid #bbb;
 margin:0px;
 text-align:left;
 overflow:hidden;
 white-space:nowrap;
 position:relative;
}

#tabulka .zahlavi {
  padding: 4px 4px 2px;
  color:#444;
  background-color: #ddd;/*silver*/
  font-weight:bold;
  white-space: nowrap;
}

#zahlavi {
  height: 25px;
}

#divTabulka {
 overflow:hidden;
 -webkit-transition: height 0.5s; 
}

#divTabulkaLoader {
 overflow:hidden;
 border-bottom:0px;
 padding:8px;
 text-align:center;
}

#tabulka .radek {
 overflow:hidden;
 -webkit-transition: height 0.5s;
 white-space: nowrap;
}

#tabulka .bunka {
 padding: 1px 4px;
 background-position:center right;
 background-repeat:no-repeat;
 overflow:hidden;
 background-color:#fff;
 color:#000;
 vertical-align: top;
 height:19px; 
}

#tabulka .bunka.cislo {
 text-align:right;
}

#tabulka .data {
 padding:0px 2px;
 margin:0px; 
 border:none;
 overflow:hidden;
 background-color: transparent;
}

#tabulka input.data[disabled] {
  color:#333;
}

#novyRadek {
 overflow:hidden;
 height:0px;
 -webkit-transition: height 0.5s;
}

#novyRadek .bunka{
 background-color:#ffe;
}

#paticka {
  background-color: #ccc;
  padding: 6px 4px 6px;
  margin:0px;
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
  background-position:center left;
  background-repeat:no-repeat;
}

#tabulka .funkce {
  display:inline-block;
  height:18px;	
  width: 18px;
  margin:0px;
  color:white;
  cursor:pointer;
}

#tabulka .funkce:hover {
  background:#bbb;  
}


#tabulka .sipka {
  width:18px;
  height:18px;
  background:#8cc url("pics/sipkaVpravo.png") 1px 1px;
  float:right;
  margin:0px;
  border-radius:3px;
  cursor:pointer;
}

#tabulka .sipka:hover {
  background-color: #fc5;/*orange*/
}

#tabulka .posunNahoru {
  width:14px;
  height:10px;
  float:none;
  position:absolute;
  right:2px;
  top:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  background:#8cc url("pics/sipkaNahoru.png") -1px -3px;
}

#tabulka .posunDolu {
  width:14px;
  height:10px;
  float:none;
  position:absolute;
  right:2px;
  bottom:1px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  background:#8cc url("pics/sipkaDolu.png") -1px -3px;
}


#tabulka .kalendar {
  width:18px;
  height:18px;
  background:#8cc url("pics/calendar.png") 1px 1px no-repeat;
  float:right;
  margin:0px;
  border-radius:3px;
  cursor:pointer;
}

#tabulka .kalendar:hover {
  background-color:#fc5;
}

#tabulka .kopiruj {
  width:20px;
  height:20px;
  border:none;
  background:url("pics/dupl.png") 0 0 no-repeat;
  float:right;
  margin:0px;
  border-radius:3px;
  cursor:pointer;
}

#tabulka .kopiruj:hover {
  background-color:#04d;
}

#tabulka .bit {
  width:12px;
  height:12px;
  float:left;
  margin:3px 4px;
  border-radius:3px;
  cursor:pointer;
  background-color: #ddd;/*silver*/
}

#tabulka .zapnuto {
  background-color: #fc5;/*orange*/
}



#EditorNahled {
  color:#000;
  position:absolute;
  left:272px;
  top:4px;
  overflow:scroll;
  border-radius:3px;
  padding:8px;
  background:#eee;
}

#EditorNahled .objekt {
  box-sizing: border-box;
  position:absolute;
  outline-style: solid; 
  outline-width:0px;
  outline-color:#aaa;
  -webkit-transform-style:flat;
  overflow: hidden;
  cursor:default;
}

#EditorNahled .objekt.stranka {
  position:absolute;
  overflow:visible;
  -webkit-transform: translate3d(0, 0, 0); 
}

#EditorNahled .objekt.stranka.aktivni, #EditorNahled .objekt.stranka.otevrena, #EditorNahled .objekt.stranka.novyobjekt {
  outline:1px solid black;
}
#EditorNahled .objekt.verti>div {
  display:table-cell;
  height:inherit;
  width:inherit;
}
#EditorNahled .objekt div {
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-nbsp-mode: normal; 
  unicode-bidi: embed;
  -webkit-font-variant-ligatures:normal;
  -webkit-font-kerning: normal;
  -webkit-font-smoothing:antialiased;
  -webkit-font-feature-settings: "kern";
  -webkit-column-fill: auto;
  column-fill: auto;
}

#EditorNahled .objekt img {
  position:absolute;
}


#EditorNahled .objekt.group.aktivni {
  outline-width:8px;
  outline-style:dashed;
  overflow:visible;
}

#EditorNahled .objekt.group.novyobjekt {
  outline:8px dashed #f00;
  cursor:crosshair;
}

#EditorNahled .objekt.group.otevrena {
  outline-width:2px;
  outline-style:dotted;
  outline-color:rgba(128,128,128,0.5);
  overflow:visible;
}

#EditorNahled .objekt.okoli {
  opacity:0.15;
  pointer-events: none;
}

#EditorNahled .objekt.aktivni > .objekt:hover {
  outline-width:1px;
}
#EditorNahled .objekt.group.aktivni:hover {
  outline-width:8px;
}

#EditorNahled .objekt.oznacen {
  cursor:move;
  outline-width:2px;
}
#EditorNahled .objekt.aktivni > .objekt.oznacen:hover {
  outline-width:2px;
}

#EditorNahled .objekt.group.oznacen{
  outline-style:dotted;
}

#EditorNahled .objekt.editovan {
  outline-width:2px;
  cursor:text;
}

#EditorNahled .objekt .photo360 .threedee {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#EditorNahled .objekt .formObjectCheckbox div {
  display: table;
  width: 100%;
  height: 100%;
}
#EditorNahled .objekt .formObjectCheckbox div div {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}


#EditorNahled .objekt .formObjectNumber div {
  width: 100%;
  height: 100%;
  position: relative;
}
#EditorNahled .objekt .formObjectNumber div div {
  position: absolute;
  text-align: center;
}
#EditorNahled .objekt .formObjectNumber.horizontal .minus {
  top: 0px;
  left: 0px;
  width: 33%;
  height: 100%;
}
#EditorNahled .objekt .formObjectNumber.horizontal .value {
  top: 0px;
  left: 33%;
  width: 33%;
  height: 100%;
}
#EditorNahled .objekt .formObjectNumber.horizontal .plus {
  top: 0px;
  right: 0px;
  width: 33%;
  height: 100%;
}
#EditorNahled .objekt .formObjectNumber.vertical .minus {
  top: 67%;
  left: 0px;
  width: 100%;
  height: 33%;
}
#EditorNahled .objekt .formObjectNumber.vertical .value {
  top: 33%;
  left: 0px;
  width: 100%;
  height: 33%;
}
#EditorNahled .objekt .formObjectNumber.vertical .plus {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 33%;
}
#EditorNahled .objekt .formObjectNumber.onright .minus {
  bottom: 0px;
  right: 0px;
  width: 50%;
  height: 50%;
}
#EditorNahled .objekt .formObjectNumber.onright .value {
  top: 0%;
  left: 0px;
  width: 50%;
  height: 100%;
}
#EditorNahled .objekt .formObjectNumber.onright .plus {
  top: 0px;
  right: 0px;
  width: 50%;
  height: 50%;
}


#EditorNahled img.editovan {
  cursor:move;
}

#EditorNahled.ukazramce .objekt {
  outline-width:1px;
  background-repeat: repeat;
  background-size: 8px 8px;
}

#EditorNahled.ukazramce .objekt.oznacen {
  outline-width:2px;
}

#EditorNahled .tag0, #selektor .tag0 {
  outline-color:#0af;
}
#EditorNahled .tag1, #selektor .tag1 {
  outline-color:#0a0;
}
#EditorNahled .tag2, #selektor .tag2 {
  outline-color:#f80;
}
#EditorNahled .tag3, #selektor .tag3 {
  outline-color:#a0a;
}
#EditorNahled .tag4, #selektor .tag4 {
  outline-color:#aa0;
}
#EditorNahled .tag5, #selektor .tag5 {
  outline-color:#8af;
}
#EditorNahled .tag6, #selektor .tag6 {
  outline-color:#8a8;
}
#EditorNahled .tag7, #selektor .tag7 {
  outline-color:#f88;
}
#EditorNahled .tag8, #selektor .tag8 {
  outline-color:#a8a;
}
#EditorNahled .tag9, #selektor .tag9 {
  outline-color:#aa8;
}

#EditorNahled .tahlo.tag0 {
  border-color:#0af;
}
#EditorNahled .tahlo.tag1 {
  border-color:#0a0;
}
#EditorNahled .tahlo.tag2 {
  border-color:#f80;
}
#EditorNahled .tahlo.tag3 {
  border-color:#a0a;
}
#EditorNahled .tahlo.tag4 {
  border-color:#aa0;
}
#EditorNahled .tahlo.tag5 {
  border-color:#8af;
}
#EditorNahled .tahlo.tag6 {
  border-color:#8a8;
}
#EditorNahled .tahlo.tag7 {
  border-color:#f88;
}
#EditorNahled .tahlo.tag8 {
  border-color:#a8a;
}
#EditorNahled .tahlo.tag9 {
  border-color:#aa8;
}

#EditorNahled.ukazramce  .objekt.tag0 {
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 160, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 160, 255, 0.2) 50%, rgba(0, 160, 255, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag1 {
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 160, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 160, 0, 0.2) 50%, rgba(0, 160, 0, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag2 {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 120, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 120, 0, 0.2) 50%, rgba(255, 120, 0, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag3 {
  background-image: -webkit-linear-gradient(-45deg, rgba(160, 0, 160, 0.2) 25%, transparent 25%, transparent 50%, rgba(160, 0, 160, 0.2) 50%, rgba(160, 0, 160, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag4 {
  background-image: -webkit-linear-gradient(-45deg, rgba(160, 160, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(160, 160, 0, 0.2) 50%, rgba(160, 160, 0, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag5 {
  background-image: -webkit-linear-gradient(-45deg, rgba(128, 160, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(128, 160, 255, 0.2) 50%, rgba(128, 160, 255, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag6 {
  background-image: -webkit-linear-gradient(-45deg, rgba(128, 160, 128, 0.2) 25%, transparent 25%, transparent 50%, rgba(128, 160, 128, 0.2) 50%, rgba(128, 160, 128, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag7 {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 120, 128, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 120, 128, 0.2) 50%, rgba(255, 120, 128, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag8 {
  background-image: -webkit-linear-gradient(-45deg, rgba(160, 128, 160, 0.2) 25%, transparent 25%, transparent 50%, rgba(160, 128, 160, 0.2) 50%, rgba(160, 128, 160, 0.2) 75%, transparent 75%, transparent);    
}
#EditorNahled.ukazramce  .objekt.tag9 {
  background-image: -webkit-linear-gradient(-45deg, rgba(160, 160, 128, 0.2) 25%, transparent 25%, transparent 50%, rgba(160, 160, 128, 0.2) 50%, rgba(160, 160, 128, 0.2) 75%, transparent 75%, transparent);    
}

#EditorNahled.ukazramce .okoli {
  background-image:none;
}

@-webkit-keyframes animacePosun {
  to {background-position: 8px 0;}
}


#EditorNahled .chyba {
  border:4px solid rgba(255,0,0,0.25);
  -webkit-animation: animacePosun 0.8s linear infinite;
  background-repeat: repeat;
  background-size: 8px 8px;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, 0.5) 50%, rgba(255, 0, 0, 0.5) 75%, transparent 75%, transparent);
  margin:-4px;
}

#EditorNahled.hideTag0 .objekt.tag0, #EditorNahled.hideTag1 .objekt.tag1, #EditorNahled.hideTag2 .objekt.tag2, #EditorNahled.hideTag3 .objekt.tag3, #EditorNahled.hideTag4 .objekt.tag4, #EditorNahled.hideTag5 .objekt.tag5, #EditorNahled.hideTag6 .objekt.tag6, #EditorNahled.hideTag7 .objekt.tag7, #EditorNahled.hideTag8 .objekt.tag8, #EditorNahled.hideTag9 .objekt.tag9 {
  display:none;
}

#EditorNahled div {
  border-width:0px;
  border-style:solid;
  border-color:rgba(0,0,0,0);
}

#EditorNahled span {
  border-width:0px;
  border-style:solid;
}


#EditorNahled ul{
  list-style-position:outside;
  padding-left: 1.4em;
  border:0px solid;
}

#EditorNahled .objekt .oznaceno {
  background-color:rgb(191,220,255);
}


#EditorNahled .master {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#EditorNahled .master.over {
  z-index: 100;
}
#EditorNahled .master.hidden {
  display: none;
}

#selektor {
  position:absolute;
  pointer-events:none;
  outline-style:solid;
  outline-width:2px;
}

#selektor.group {
  outline-style:dotted;
}
#selektor.skryty {
  outline:none;
}
#subselektor {
  position:absolute;
  pointer-events:none;
  outline:2px solid #f80;
}

#EditorNahled .tahlo {
  pointer-events:all; 
  border-width:1px;
  border-style:solid;
  border-color:#aaa;
  width:9px;
  height:9px;
  position:absolute;
  background-color:white;
}
#EditorNahled .tahlo.rotate {
  border-radius: 9px;
}

#EditorNahled .tahlo:hover {
  background-color:#08F;
  box-shadow: 0px 0px 8px #08f;
}

#EditorNahled .tahlo.vnitrni {
  border-color:#f80;
}
#EditorNahled .tahlo.vnitrni:hover {
  background-color:#f80;
  box-shadow: 0px 0px 8px #f80;
}

#EditorNahled .warnlinebottom {
  position:absolute;
  display:none;
  bottom:-2px;
  width:100%;
  height:1px;
  border-bottom: 2px solid red;
}
#EditorNahled .warnlineright {
  position:absolute;
  display:none;
  right:-2px;
  width:1px;
  height:100%;
  border-right: 2px solid red;
}

#EditorNahled .objekt .tahloVO {
  border:1px solid #f00;
  width:7px;
  height:7px;
  position:absolute;
  background-color:white;
}

#EditorNahled .objekt .tahloVO:hover {
  background-color:#f00;
  box-shadow: 0px 0px 8px #f00;
}

#EditorNahled .voditko {
  position:absolute;
  display:none;
}
#EditorNahled.ukazvoditka .voditko {
  display:block;
}

#EditorNahled .voditko.horiz {
  cursor: row-resize;
  height: 4px;
}
#EditorNahled.lockedGuidelines .voditko.horiz {
  cursor: inherit;
}
#EditorNahled .voditko.horiz:before {
  content: "";
  display: block;
  position: relative;
  left:0px;
  top:2px;
  width:100%;
  height:1px;
  border-top:1px solid rgba(0,255,255,0.5);
}
#EditorNahled .voditko.vert {
  cursor: col-resize;
  width: 4px;
}
#EditorNahled.lockedGuidelines .voditko.vert {
  cursor: inherit;
}
#EditorNahled .voditko.vert:before {
  content: "";
  display: block;
  position: relative;
  left:2px;
  top:0px;
  width:1px;
  height:100%;
  border-left:1px solid rgba(0,255,255,0.5);
}
#EditorNahled .voditko.selected:before {
  border-color:#f0f;
}
#EditorNahled .voditko.selected:before {
  border-color:#f0f;
}

#EditorNahled .vykryvaciDiv {
  width:100%;
  height:100%;
  background-repeat: repeat;
  background-size: 8px 8px;
  background-image: -webkit-linear-gradient(-45deg, rgba(128, 128, 128, 0.5) 25%, transparent 25%, transparent 50%, rgba(128, 128, 128, 0.5) 50%, rgba(128, 128, 128, 0.5) 75%, transparent 75%, transparent);
  text-align:center;
  padding-top:16px;
}

#RulerRoh {
  position:absolute;
  left:272px;
  top:4px;
  width:18px;
  height:18px;
  background-color: #666;
  box-shadow: 2px 2px 2px #222 inset;
}

#contRulerH {
  position:absolute;
  left:288px;
  top:4px;
  height:18px;
  background-color: #666;
  overflow:hidden;
  box-shadow: 0px 2px 2px #222 inset;
}


#contRulerV {
  position:absolute;
  left:272px;
  top:20px;
  width:18px;
  background-color: #666;
  overflow:hidden;
  box-shadow: 2px 0px 2px #222 inset;
}

#rulerH {
  position:absolute;
  top:2px;
  left:0px;
  height:16px;
  background: #777 url(pics/ruler-h.png) repeat;
}

#rulerV {
  position:absolute;
  top:0px;
  left:2px;
  width:16px;
  background: #777 url(pics/ruler-v.png) repeat;
}

#rulerH .line {
  position:absolute;
  width:0px;
  height:16px;
  border-left:1px solid white;
}

#rulerH .bar {
  position:absolute;
  height:16px;
  background:rgba(255,255,255,0.3);
  border:0px;
}

#rulerH .hidden {
  display: none;
}

#rulerV .line {
  position:absolute;
  height:0px;
  width:16px;
  border-top:1px solid white;
}

#rulerV .bar {
  position:absolute;
  width:16px;
  background:rgba(255,255,255,0.3);
  border:0px;
}

#rulerV .hidden {
  display: none;
}


#EditorNovyObjekt {
  display:block;
  position:absolute;
  border:1px solid black;
  background-repeat: repeat;
  background-size: 8px 8px;
  background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 25%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0.5));
}

#editorDragSelector {
  display:block;
  position:absolute;
  outline:1px solid #0af;
  background-color: rgba(0,176,255,0.2);
}

#EditorBar {
  position:absolute;
  left:0px;
  top:40px;
  padding:0 0 0 4px;
  width:266px;
  overflow-x: hidden;
  overflow-y: auto;
}

#EditorBar .skupina  {
  display:inline-block;
  border-radius:3px;
  border:1px solid #bbb;
  padding:4px 4px;
  margin:4px 0px 8px;
  background-color: #eee;
  width:244px;
}

#EditorBar .podskupina  {
  display:inline-block;
  white-space: nowrap;
}

#EditorBar .skryta {
  display:none;
}

#EditorBar .popisek {
  color:#666;
  font-size:12px;
  margin:0;
}

#EditorBar .legenda {
  display:inline-block;
}

.cudl {
  display:inline-block;
  width:24px;
  background-color: #ddd;/*silver*/
  padding:2px;
  margin-left: 1px;
  cursor:pointer;
  text-align:center;
  vertical-align: top;
}
.cudl:first-child {
  margin-left: 0px;
}
.cudl:hover {
  background-color: #8cc;/*azure*/
  color:#000;
}
.cudl p {
  line-height: 1.2;
}
.maly .cudl {
  height:16px;
  width:16px;
}
.vybranyCudl {
  background-color: #fc5;/*orange*/
}
.vychoziCudl {
  background-color: #8cc;/*azure*/
}
.cudl.leveZarovnani {
  text-align:left;
}
.cudl p {
  margin: 0px;
  padding:0px;
}
.cudl .nazev {
  color: #888;
  font-size:12px;
}
.cudl .vypustek {
  margin-top:-1px;
}
.cudl .home {
  padding-bottom: 1px;
  color: #888;
}
.vicecudlu {
  line-height: 1;
  display:inline-block;
  border-radius:3px;
  border:1px solid #bbb;
  background:#bbb;
  overflow: hidden;
  padding-right:-1px;
  margin-right:4px;
}
.vicecudlu.maly {
  height:20px;
}
.icon16 {
  background-image:url(pics/ikony-16x16.png);
  background-position-y: -16px; 
  width:16px;
  height:16px;
  display:inline-block;  
}
.cudl:hover .icon16 {
  background-position-y: -16px;
}
.vybranyCudl .icon16 {
  background-position-y: -16px;
}
.vychoziCudl .icon16 {
  background-position-y: -16px;
}

.icon24 {
  background-image:url(pics/ikony-24x24.png);
  background-position-y: -24px;
  background-size: 1536px 48px;
  width:24px;
  height:24px;
  box-sizing: content-box;
  display:inline-block;
}
.cudl:hover .icon24 {
  background-position-y: -24px;
}
.vybranyCudl .icon24 {
  background-position-y: -24px;
}

.tfwIcon.ikona16 {
  width:16px;
  height:16px;
}
.tfwIcon.ikona24 {
  width:24px;
  height:24px;
}
.tfwIcon.ikona16 div {
  background-image:url(pics/ikony-16x16.png);
  background-position-y: -16px; 
  width:16px;
  height:16px;
  display:inline-block;  
}
.tfwIcon.ikona24 div {
  background-image:url(pics/ikony-24x24.png);
  background-position-y: -24px;
  background-size: 1536px 48px;   
  width:24px;
  height:24px;
  display:inline-block;  
}

.skupinaIkon{
  display:inline-block;
  background:#eee;
  margin:-4px -2px 0px; 
}
.tfwIcon.stavova{
  padding:5px 0px 6px;
}
.tfwIcon.stavova div{
  opacity:0.2;
}
.tfwIcon.stavova.selected div{
  opacity:1;
}
.columnStatusText {
  font-size: 9px;
  margin: -1px 0 -4px 0;
  line-height: 1;
}
._tg_flag {
  background-image: url(pics/flags.png?ver=4);
  background-size: 315px 14px;
  width:21px;
  height:14px;
  display: inline-block;
  margin: 3px 1px 3px 0px;
  opacity: 0.75;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}
._tg_flag.en {
  background-position-x: -21px;
}
._tg_flag.cz {
  background-position-x: -42px;
}
._tg_flag.de {
  background-position-x: -63px;
}
._tg_flag.sk {
  background-position-x: -84px;
}
._tg_flag.cn {
  background-position-x: -105px;
}
._tg_flag.kr {
  background-position-x: -126px;
}
._tg_flag.ru {
  background-position-x: -147px;
}
._tg_flag.es {
  background-position-x: -168px;
}
._tg_flag.it {
  background-position-x: -189px;
}
._tg_flag.jp {
  background-position-x: -210px;
}
._tg_flag.ro {
  background-position-x: -231px;
}
._tg_flag.se {
  background-position-x: -252px;
}
._tg_flag.fi {
  background-position-x: -273px;
}
._tg_flag.pl {
  background-position-x: -294px;
}
._tg_availability {
  padding: 1px 0px;
}
._tg_availability:before {
  display: inline-block;
  width: 8px;
  height: 18px;
  vertical-align: bottom;
  margin: 0px 3px 1px 0;
  border-radius: 2px;
  background-color: gray;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);  
  content: " ";
  opacity: 0.75;
}
._tg_availability.free:before {
  background-color: rgb(0,200,100);
}
._tg_availability.paid:before {
  background-color: rgb(255,215,0);
}
._tg_availability.locked:before {
  background-color: rgb(218,112,214);
}
._tg_availability.hidden:before {
  background-color: rgb(128,128,128);
}
#EditorBar .barevnePole {
  display:inline-block;
  position:relative;
  width:30px;
  height:30px;
  border:1px solid black;
}
#EditorBar .barevnePoleMale {
  display:block;
  position:absolute;
  width:16px;
  height:16px;
  border:1px solid black;
}
.plovouciInput {
  position:absolute;
  display:block;
}
#EditorBar .ukazkaOkraje {
  position:absolute;
  display:block;
  border:1px solid #000;
  background: #222;
}

#EditorBar .red {
  background:#fcc;
  float:right;
  margin-right:0px;
}
#EditorBar .red:hover {
  background:#d00;
  color:white;
}

.editorBarNaznak {
  position:relative;
  display:inline-block;
  width:212px;
  height:98px;
  top:10px;
  left:10px;
  border:1px solid #bbb;
  margin:4px 0 20px;
}

#bar-Progress.skryty {
  display:none;
}


.progressbar {
  background:#fff;
  border-radius:3px;
  border:1px solid #bbb; 
  overflow: hidden;
}


.progressbar div {
  background-color: #8cc;/*azure*/
  height:100%;
  width:0%;
  -webkit-transition: width 1s;
}

.progressbar div div {
  width:100%;
  height:100%;
  background-repeat: repeat-x;
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}


#editorToolBar {
  position:absolute;
  left:272px;
  top:4px;
  
  width:560px;
  height:0px;
  -webkit-transition: height 0.2s; 

  padding:0px 8px;
  background: #ccc;
  border-radius:3px;  
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5) inset;
  overflow:hidden;
}



#editorToolBar .editorTBsady {
  display:none;
}

#editorToolBar .sadaVidet {
  display:block;
}

#editorTBstyly {
  height:54px;
  vertical-align: top;  
}

.tlacitkoStyl {
  display:inline-block;
  background:#fff;
  padding:2px 2px;
  border-radius:3px;
  border:1px solid #bbb;
  color:#000;
  cursor:pointer;
  margin:0 4px 4px 0;
  text-align:center;
  width:68px;
  height:48px;
  overflow:hidden;
  vertical-align: top;  
}

.tlacitkoStyl:hover {
  color:#000;
  background-color: #8cc;/*azure*/
}
.tlacitkoStyl.aktivni {
  background-color: #fc5;/*orange*/
}
.tlacitkoStyl.aktivni:hover {
  background-color: #fd5;/*orange-light*/
}
.tlacitkoStyl.zakazano {
  background: transparent;
}
.tlacitkoStyl.zakazano:hover {
  color:#000;
  background-image: none;
}


.tlacitkoStyl .popisek {
  font-family: PTSans;
  font-size:13px;
  margin:0px -4px 2px;
  padding:0px 4px;
  border-bottom: 1px dotted #bbb;
}


.tlacitkoStyl .ukazka {
  margin:0px;
  overflow:hidden;
  border:0px solid;
}

.roleta .tlacitkoStyl {
  margin:4px;
}

.hotkey {
  float:right;
  font-size:85%;
  color:#000;
  background-color:#eee;
  border-left:1px solid black;
  border-right:1px solid black;
  border-radius: 3px;
  padding:0px 4px;
  margin-top:2px;
}

.spravovatStylyUkazka {
  border:0px solid;
}  

.eTBformatovani {
  font-family: PTSans;
  font-size: 14px;
}
.eTBformatovani .radek {
  height:22px;
  vertical-align: top;
}
.eTBformatovani .podskupina  {
  display:inline-block;
  padding:4px;
  border-radius:3px;
  border: 1px solid #bbb;
  vertical-align: top;
  margin-right:4px;
}
.eTBformatovani .legenda {
  display:inline-block;
  text-align:right;
  vertical-align: bottom;
  padding-bottom:2px;
}

.eTBformatovani .cudl {
  height:16px;
  width:16px;
  vertical-align: top;
}

.eTBformatovani .barevnePole {
  display:inline-block;
  vertical-align: top;  
  position:relative;
  top:2px;
  width:16px;
  height:16px;
  border:1px solid black;
}



.roleta {
  border:1px solid #bbb;
  background: #eee;
  border-radius:3px;
  z-index:1;
}

.roleta .seznam {
  overflow-y: scroll;
  overflow-x: hidden;
}

.roleta .radek {
  padding: 2px 8px;
  cursor:pointer;
  clear:both;
}

.roleta .radek:hover {
  color:#000;
  background-color: #8cc;/*azure*/
}

.roleta .radek.aktualni {
  color:#000;
  background-color: #fc5;/*orange*/
}


#editorDialogLupa {
  width:94px;
  padding:4px;
}
#editorDialogStrana {
  width:200px;
  padding:4px;
}
#editorDialogView {
  width:280px;
  padding:4px;
}


#volbaKalendar {
  width:188px;
  height:164px;
  overflow:hidden;
}

#volbaKalendar p.zahlavi {
  font-size:11px;
}

#volbaKalendar div.head {
  padding:4px 2px 2px;
  background-color: #ddd;/*silver*/
  text-align:center;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}

#kalendarTlacitkoZpet {
  float:left;
  cursor:pointer;
  width:20px;
  background:url("pics/sipkaVlevo.png") 2px 2px;  
}

#kalendarTlacitkoVpred {
  float:right;
  cursor:pointer;
  width:20px;
  background:url("pics/sipkaVpravo.png") 2px 2px;
}

#volbaKalendar p {
  margin:0px;
}

#volbaKalendar p span {
  display:inline-block;
  width:22px;
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  text-align:right;
  padding:2px 2px 0px;
}

#volbaKalendar p.tyden span.den {
  cursor:pointer;
}

#volbaKalendar p.tyden span.den:hover {
  background-color: #8cc;/*azure*/
  color:black;
}

#volbaKalendar p span.nedele {
  border-right:none;
  color:red;
}

#volbaKalendar p span.aktualni {
  background-color: #fc5;/*orange*/
  color:black;
}



#tedFontSelect {
  width:340px;
  height:350px;
}

#tedFontSelect .seznam {
  height:300px;
}

#tedFontSelect .radek {
  height:24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding:6px 0 0 0;
}
#tedFontSelect .radek.vybrany {
  background-color: #fc5;/*orange*/
}

#tedFontSelect .ukazkaPisma {
  float:right;
  font-size:20px;
  line-height:20px;
  margin:0px;
}

#editorVyberStinu {
  width:200px;
  padding:4px;
}

#editorVyberStinu .barevnePoleMale {
  display:inline-block;
  position:relative;
  width:12px;
  height:12px;
  margin-top:-4px;
  margin-bottom:-4px;
  margin-right:8px;
  top:-3px;
  border:1px solid #444;
}
#editorVyberStinu .legenda {
  display:inline-block;
}

#editorVyberSeznamu {
  width:100px;
  padding:4px;
}

#tedNastaveniOkraju {
  width:230px;
  padding:8px;
}


#divTahloVysky {
  position:absolute;
  height:0px;
  width:24px;
  display:inline-block;
  background:#fff;
  padding:4px;
  border:1px solid #000 !important;
  border-radius:3px;
  color:#000;
  cursor:pointer;

}

.obalka {
  border:1px solid black;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

._tg_obj {
  display:block;
  position:relative;
}

._tg_obj.vybrany {
  outline:2px solid red;
}

._tg_obj.editovatelny:hover {
  outline:1px solid red;
  cursor:default;
}
._tg_obj.vybrany:hover {
  outline:2px solid red;
  cursor:default;
}



._tg_imx {
  display:inline-block;
  position:relative;
  overflow:hidden;
}

._tg_imx img {
  display:block;
  position:absolute;
}

#EditorPlovouciBar {
  position:absolute;
  left:0px;
  top:-34px;
  background:red;
  color:white;
  padding:4px 8px;
  border-top-left-radius: 8px;
  border-top-right-radius:8px;
  white-space: nowrap;
  font-family: PTSans;
  font-size:15px;
}

.kolecko {
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:6px;
  box-shadow:  0px  0px 2px rgba(0,0,0,1) inset;
  margin-right:4px;
}

.kolecko.zeleny {
  background-color:#0b0;
}
.kolecko.oranzovy {
  background-color:#f70;
}
.kolecko.cerveny {
  background-color:#e00;
}


.nazevSlozky {
  padding:2px 4px;
  border:1px solid #bbb;
  border-radius:3px;
  background-color: #eee;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;
  margin-bottom: 2px;
  font-weight: bold;  
}

.soubory {
  display:block;
  padding:4px;
  border:1px solid #bbb;
  border-radius:3px;
  vertical-align:top;
  background-color:white;
  position:relative;
}

.soubory .nastroje {
  background-color: #eee;
  border-bottom: 1px solid #bbb;
  margin: -4px -4px 4px -4px;
  padding:4px 0;
}

.soubory .soubor .jmeno {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;
}


.soubory.nahledy .soubor {
  position:relative;
  display:inline-block;
  background-color: #ddd;/*silver*/
  text-align:center;
  width:180px;
  height:152px;
  border:1px solid #bbb;
  border-radius:3px;
  padding:4px;
  margin:4px;
  text-align:center;
  vertical-align: bottom;
  color:#000;
}

.soubory.nahledy .soubor .nahled {
  max-width:172px;
  max-height:98px;
  margin:0 auto;
}

.soubory.nahledy .soubor .jmeno {
  width:172px;
  position:absolute;
  font-size:13px;
  bottom:34px;
}

.soubory.nahledy .soubor .informace {
  width:172px;
  font-size:11px;
  position:absolute;
  bottom:4px;
}

.soubory.nahledy .soubor .linky {
  padding:2px 6px;
  background-color:#f80;
  border:1px solid white;
  border-radius: 3px;
  position:absolute;
  right:4px;
  bottom:2px;
  font-size:11px;
  color:#000;
}

.soubory.nahledy .soubor .nazevFotky {
  width:180px;
  font-size:12px;
  position:absolute;
  bottom:18px;
  left:0px;
  height:16px;
  font-weight:bold;
  background-color:rgba(255,255,255,0.7);
}

.soubory.nahledy .soubor .popisek {
  width:180px;
  font-size:10px;
  position:absolute;
  bottom:2px;
  left:0px;
  height:15px;
  background-color:rgba(255,255,255,0.7);
}


.soubory.seznam .soubor {
  display:block;
  padding:1px 4px;
  height:21px;
}

.soubory.seznam .soubor .nahled {
  display:none;
}

.soubory.seznam .soubor .jmeno {
  display:inline-block;
  width:200px;
}

.soubory.seznam .soubor .informace {
  display:inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap; 
}

.soubory.seznam .soubor .linky {
  float:right;
  padding:2px 6px;
  background-color:#f80;
  border:1px solid white;
  border-radius: 3px;
  font-size:11px;
  color:#000;  
}

.soubory.seznam .soubor .nazevFotky {
  display:inline-block;
  width:120px;
  background-color:rgba(255,255,255,0.7);
  vertical-align: top;
}

.soubory.seznam .soubor .popisek {
  display:inline-block;
  width:454px;
  background-color:rgba(255,255,255,0.7);
  vertical-align: top;
}

.soubory .soubor:hover {
  background-color: #8cc;/*azure*/
}

.soubory .soubor.oznacen {
  background-color: #fc5;/*orange*/
  border-color: #f80;
}

.soubory .soubor.oznacen:hover {
  background-color: #fd5;/*orange-light*/
}

.soubory.hideImg .soubor.typImg {
  display:none;
}
.soubory.hideVideo .soubor.typVideo {
  display:none;
}
.soubory.hideAudio .soubor.typAudio {
  display:none;
}
.soubory.hideHtml .soubor.typHtml {
  display:none;
}

.soubory.hideFont .soubor.typFont {
  display:none;
}


.soubory .zadnySoubor {
  position:absolute;
  top:264px;
  width:55%;
  margin:0 20%;
  text-align: center;
  border:1px solid #bbb;
  border-radius:3px;
  padding:32px 16px;
  box-shadow: 4px 4px 16px rgba(0,0,0,0.3);
}

.soubory .zadnySoubor .ikony {
  vertical-align: bottom;
}

.verticalCenter {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;  
}

.horizontalCenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

button.horizontalCenter {
  margin-top:2px;
  margin-bottom:2px;
}

.gapBefore {
  margin-top: 16px;
}

.formattedInfo p {
  margin: 8px 0;
}

/* preview */

#previewWrapper {
  overflow: hidden;
  background-color: #222;
  box-sizing: border-box;
  padding:40px;
  width: 100%;
  height:100%;
}

#previewContent {
  -webkit-transform-origin: left top;
  width: 100%;
  height:100%;
  background-color: #000;
  position:relative;
  overflow: hidden;
}    

#dynamicTable-projects tr td input, #dynamicTable-projects tr td .tfwCheckbox {
  color:#000;
}


.tfwDynamicTableContainer.listOfVouchers td:nth-child(2) {
  font-family: courier;
}

.fa-users:before {
  content: "\f0c0";
}
.fa-user:before {
  content: "\f007";
}
.fa-question:before {
  content: "\f128";
}
.fa-address-card:before {
  content: "\f2bb";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-ticket-alt:before {
  content: "\f3ff";
}
.fa-warning:before {
  content: "\f071";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-check:before {
  content: "\f00c";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-edit:before {
  content: "\f044";
}
.fa-upload:before {
  content: "\f093";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-list:before {
  content: "\f03a";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-times:before {
  content: "\f00d";
}
.fa-question:before {
  content: "\f128";
}

#animPreview {
  width:150px;
  height:240px;
  background-color: #ccc;
  position:relative;
  overflow:hidden;
  -webkit-perspective:200px;  
}

#animPreviewObject {
  width: 78px;
  height: 78px;
  background-color: #fc5;/*orange*/
  border: 1px solid black;
  outline: 1px solid rgba(0,0,0,0);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}

@-webkit-keyframes _tg_key_infSpinRight {
  0%  {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}   
}
@keyframes _tg_key_infSpinRight {
  0%  {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}   
}

@-webkit-keyframes _tg_key_infSpinLeft {
  0%  {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(-360deg);}   
}
@keyframes _tg_key_infSpinLeft {
  0%  {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}   
}

@-webkit-keyframes _tg_key_infSpinX {
  0%  {-webkit-transform: rotateX(0deg);}
  100% {-webkit-transform: rotateX(360deg);}   
}
@keyframes _tg_key_infSpinX {
  0%  {transform: rotateX(0deg);}
  100% {transform: rotateX(360deg);}   
}

@-webkit-keyframes _tg_key_infSpinY {
  0%  {-webkit-transform: rotateY(0deg);}
  100% {-webkit-transform: rotateY(360deg);}   
}
@keyframes _tg_key_infSpinY {
  0%  {transform: rotateY(0deg);}
  100% {transform: rotateY(360deg);}   
}

@-webkit-keyframes _tg_key_infSpinXandWait {
  0%  {-webkit-transform: rotateX(0deg);}
  10% {-webkit-transform: rotateX(360deg);}   
  100% {-webkit-transform: rotateX(360deg);}   
}
@keyframes _tg_key_infSpinXandWait {
  0%  {transform: rotateX(0deg);}
  10% {transform: rotateX(360deg);}   
  100% {transform: rotateX(360deg);}   
}

@-webkit-keyframes _tg_key_infSpinYandWait {
  0%  {-webkit-transform: rotateY(0deg);}
  10% {-webkit-transform: rotateY(360deg);}   
  100% {-webkit-transform: rotateY(360deg);}   
}
@keyframes _tg_key_infSpinYandWait {
  0%  {transform: rotateY(0deg);}
  10% {transform: rotateY(360deg);}   
  100% {transform: rotateY(360deg);}   
}

@-webkit-keyframes _tg_key_infHorizShake {
  25%  {-webkit-transform: translateX(2px);}
  75%  {-webkit-transform: translateX(-2px);}
}
@keyframes _tg_key_infHorizShake {
  25%  {transform: translateX(2px);}
  75%  {transform: translateX(-2px);}
}

@-webkit-keyframes _tg_key_infDimming {
  50%  {opacity: 0;}
}
@keyframes _tg_key_infDimming {
  50%  {opacity: 0;}
}

@-webkit-keyframes _tg_key_infFlashing {
  0%   {opacity: 1;}
  49%  {opacity: 1;}
  50%  {opacity: 0;}
  99%  {opacity: 0;}
}
@keyframes _tg_key_infFlashing {
  0%   {opacity: 1;}
  49%  {opacity: 1;}
  50%  {opacity: 0;}
  99%  {opacity: 0;}
}

@-webkit-keyframes _tg_key_infPulse {
  0%  {-webkit-transform: scale(1);}
  5%  {-webkit-transform: scale(1.1);}
  10%  {-webkit-transform: scale(1);}
  15%  {-webkit-transform: scale(1.1);}
  20%  {-webkit-transform: scale(1);}
}
@keyframes _tg_key_infPulse {
  0%  {transform: scale(1);}
  5%  {transform: scale(1.1);}
  10%  {transform: scale(1);}
  15%  {transform: scale(1.1);}
  20%  {transform: scale(1);}
}

@-webkit-keyframes _tg_key_infRainbow {
  0%   {background-color: rgb(255, 0, 0);}
  16%   {background-color: rgb(255, 255, 0);}
  33%   {background-color: rgb(0, 255, 0);}
  50%   {background-color: rgb(0, 255, 255);}
  66%   {background-color: rgb(0, 0, 255);}
  83%   {background-color: rgb(255, 0, 255);}
  100%  {background-color: rgb(255, 0, 0);}
}
@keyframes _tg_key_infRainbow {
  0%   {background-color: rgb(255, 0, 0);}
  16%   {background-color: rgb(255, 255, 0);}
  33%   {background-color: rgb(0, 255, 0);}
  50%   {background-color: rgb(0, 255, 255);}
  66%   {background-color: rgb(0, 0, 255);}
  83%   {background-color: rgb(255, 0, 255);}
  100%  {background-color: rgb(255, 0, 0);}
}


.dialogHelpButton {
  position: absolute;
  right: 4px;
  top: 4px;
  background-color: white;
  color: #8cc;
  padding: 3px 6px 1px;
  border-radius: 50%;
  cursor: pointer;
}
.dialogHelpButton:hover {
  background-color: #fc5;/*orange*/
  color: black;
}

/* m styling */
.mFile {
  margin: 0 2px 1px;
  padding: 0;
  border-radius: 3px;
  border-color: #bbb;
  background-color: white;
}
.mFile_buttonDelete {
  font-size: 24px;
  padding-top: 3px;
  border-radius: 3px;
}

.mElementsWithLabels {
  
}
.mElementsWithLabels_row {
  
}
.mElementsWithLabels_label {
  display: inline-block;
  vertical-align: top;
}
.mElementsWithLabels_element {
  display: block;  
  margin-left: 0px;
  margin-right: 0px;
}
.mElementsWithLabels_element-withLabel {
  display: inline-block;  
  vertical-align: top;
}
.mElementsWithLabels_element input.calendarInput {
  margin-left: 0px;
  margin-right: 0px;
  width: calc(100% - 20px);
}
.mElementsWithLabels_element.tfwContainer {
  margin: 0px;
}
.mElementsWithLabels_element .tfwDropDown {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
}


.eshopOrderCart {
  table-layout: auto;
  border: 0px none;
}
.eshopOrderCart_row-footer {
  font-weight: bold;
  background-color: #ddd;  
}
.eshopOrderCart_row-footer td {
  background-color: #ddd;  
}

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