.index #content form#vanocni_darek_2015 { margin: 0 0 1em 0; padding: 1em 1em 0.1em 1em; border: 2px solid red; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background: #FFEEEE; }
    .index #content form#vanocni_darek_2015 p { margin: 0 0 1em 0; }
    .index #content form#vanocni_darek_2015 p.darek { margin: -1.1em -1em 0 0; float: right; }
    .index #content form#vanocni_darek_2015 ol { margin-bottom: 1em; }
    .index #content form#vanocni_darek_2015 ol li { padding: 0 0 0.1em 2em; text-indent: -2em; }
    .index #content form#vanocni_darek_2015 ol li input { position: relative; top: 2px; }

    @media screen and (max-width:720px) {
      .index #content ul.vzkazy li:hover span.datum_a_cas_precteni_vzkazu { display: none; }
      .index #content ul.vzkazy li:hover span.potvrdit_precteni { display: none; }
    }
    .index #content ul.vzkazy li span.zobrazit { display: block !important; }
    .index #content ul.vzkazy li { height: auto;}

    .index #content table tr.radek_tucne { font-weight: bold;}
   
     
      @media screen and (max-width: 768px) {
        .index #content table.akce td.datum:not(.datum_podani,.zadost_podana_dne,.datum_ucinosti,.datum_rozhodnuti_zadosti), .index #content table.akce tr.mimoradna td.datum {
          white-space:normal;
        }
        .index #content table.akce td::before {
          position: absolute;
          width: 48%;
          left: 2%;
          font-weight: normal;
          font-style: italic;
        }
        #content table.akce:not(.zadosti_oznameni_zamestnance) td.nazev::before {
          content: "Název akce";
        }
        #content table.akce td.datum_zacatek_mobil::before {
          content: "Začátek";
        }
        #content table.akce td.datum_konec_mobil::before {
          content: "Konec";
        }
        #content table.akce td.misto_konani::before {
          content: "Místo konání";
        }
        #content table.akce td.poznamky::before {
          content: "Poznámky";
        }
        #content table.akce td.poznamkyI::before {
          content: "Poznámky I.";
        }
        #content table.akce td.uzZam::before {
          content: "Zam.";
        }
        #content table.akce td.uzZZ::before {
          content: "ZZ";
        }
        #content table.akce td.uzZ::before {
          content: "Žáci";
        }
        #content table.akce td.uzV::before {
          content: "Veř";
        }
      }
     
     
  @media screen and (max-width: 768px) {
    .index #content table.zadosti_epd td::before {
      position: absolute;
      width: 48%;
      left: 2%;
      font-weight: normal;
      font-style: italic;
    }
  }
 
  
    @media screen and (max-width: 550px) {
      .index #content table.nevracene_klice td::before {
        font-style: italic;
        position: absolute;
        top: 0.2em;
        left: 2%;
        width: 47%;
        font-weight: normal;
        overflow: hidden;
      }
      .index #content table.nevracene_klice td:nth-child(3) {
        height: 3.6em;
      }
      .index #content table.nevracene_klice td:nth-child(1)::before {
        content: "Klíč";
      }
      .index #content table.nevracene_klice td:nth-child(2)::before {
        content: "Převzal";
      }
      .index #content table.nevracene_klice td:nth-child(3)::before {
        content: "Očekávané datum vrácení";
      }
    }
   
      
  
    #content table tbody tr:hover { background: #F2F2F2; }
    #content table tr td span.skryt { display: none; }
    #content table tr td.popis_pro_skoly { width: 30%; cursor: pointer; }
    #content table tr td.id_ukolu { cursor: pointer; text-decoration: underline; }
    #content table tr td.hodnoceni { white-space: nowrap; }
    #content table tr td.neohodnoceno { background: orange; }
    #content table tr td.hodnoceni button.zvoleno { color: white; background: #1E4063; }