/*
#head-sekce #login.login-ucitel {
    right: 15px;
    top: 45px;
}
*/

/* ------ Styly šablony rozcestník ------- */
.rozcestnik {
    background: #ddd7c5; 
    padding: 1em 1em 2em 1em;
}

.rozcestnik .rozcestnik-linky {

}
.rozcestnik .rozcestnik-linky .link-img {
    /*  display: none   */
}
.rozcestnik .rozcestnik-linky .link-plneni-txt {
    display: inline-block;
    text-decoration: dotted underline;
    padding-left: .5em;
}
.rozcestnik .rozcestnik-linky .link-plneni-txt.ucitel {
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    padding-left: 0;
}
.rozcestnik a {
    display: block;
}
.rozcestnik a.loglink {
    display: inline-block;
    margin-left: .75em;
    font-weight: 200;
    font-style: italic;
    text-decoration: none;
}
.rozcestnik a.loglink:hover {text-decoration: line; }

#rozcestnik-tridy {
    margin-top: .75em;
    padding-left: 1em;
}
.rozcestnik-linky #rozcestnik-tridy a {
    display: inline-block;
    margin-right: 1em;
}
.rozcestnik a.rozcestnik-link-plneni {
    font-weight: 400;
    font-size: 1.7em;
    margin-bottom: .5em;
    display: flex;
    text-decoration: none;
}

.rozcestnik a.rozcestnik-link-plneni .link-img {
}
.rozcestnik a.rozcestnik-link-trida {
    font-weight: 400;
    font-size: 1.5em;
    padding-left: 2.7em;
    text-decoration: none
}

.rozcestnik a.rozcestnik-link-trida .trida {
    font-style: italic;
}


.splneny-ukol-detail a.admin-link {
    margin-bottom: 1em;
    font-size: 1.1em;
}



/* ------ Styly šablony Splněné úkoly ------- */

.nadepsani-splnenych-ukolu {
    /* margin-left: 1em; */
    margin-bottom: 1.2em;
}

.ukol-nadpis > span:first-child {
  font-size: 0.9em;
  color: #6f6f6f;
}

.nadepsani-splnenych-ukolu a.zadavaci-ukol {
    display: inline-block;
    font-size: 1.3em;
    line-height: 1.1em;
    color: #a87703;
    text-decoration: none;
    padding-left: 0.3em;
    margin-bottom: 0.4em;
}

.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin {

}
.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin.termin-vyprsel .hodnota, #neodevzdali-vypis .termin-vyprsel {
    color: white;
    background: #ca4a4a;
    padding: 0.2em 0.6em;
    border-radius: 0.5em;
}

.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin > .datum2 {
  font-size: 0.9em;
  color: #6f6f6f;
  margin-bottom: 0.1em;
}


.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin .popisek {padding-right: .5em;}
.nadepsani-splnenych-ukolu > span.zadavaci-ukol-termin .hodnota { }


.zadavaci-ukol-dorucen {
    font-weight: 600;
    font-size: 1.5em;
    color: #006000;
    padding-bottom: 0.3em;
    text-align: center;  
}



.zadavaci-ukol-splnene, .neodevzdali-vypis-nadepsani {
  color: #6f6f6f;
  font-size: 1.5em;
  margin: 0 0 0.3em 0em;
}

.neodevzdali-vypis-nadepsani {
    display: inline-block;
    margin: 1em 0 0.5em 0;
}


#ukoly-list .ukol-row {
    font-weight: 200;
    line-height: 1.2em;
    padding: 0.1em 0.5em 0.1em 2em;
    font-size: 0.9em;
}

#ukoly-list a.ukol-row {
    display: block;
    text-decoration: none;
}

#ukoly-list div.ukol-row a.ukol-row-link {
    display: inline-block;
    text-decoration: none;
    line-height: 1.2em;
    padding: 0.5em 0.5em 0em 1em;
}

div.ukol-row.not-authorized {
    pointer-events: none;
    filter: opacity(50%);
}

#ukoly-list a.ukol-row:hover, #ukoly-list a.ukol-row-link:hover {
  background-color: #ffffff70;
}
#ukoly-list a.ukol-row.ukol-prave-odevzdan > span {
    color: #006000;
    font-weight: 400;
}
#ukoly-list a.admin-link {
    font-size: .9em;
}



#ukoly-list a.ukol-row-link > .termin {
  
}
#ukoly-list a.ukol-row-link > .zak {

}
#ukoly-list a.ukol-row-link > .pocet-priloh {

}
#ukoly-list a.ukol-row-link > .reakce {

}

#ukoly-list .ukol-row > span {
    margin-right: .3em;
}

#ukoly-list .ukol-row > span .den-nazev { margin-right: .3em;}
#ukoly-list .ukol-row > span .cas { font-size: 0.9em;}

#ukoly-list .ukol-row .termin {
    display: inline-block;
    width: 9.5em;
}

#ukoly-list .ukol-row .zak  {
    font-size: 1.1em;
    font-weight: 400;
    color: #a87703;
    display: inline-flex;
    width: 12em;
}

#neodevzdali-vypis {
    /* padding: 0em 1em 1em 3em; */
}

#neodevzdali-vypis .zak {
    font-size: 0.85em;
    font-weight: 300;
    color: #590707;
    display: list-item;
    margin: 0 0 0 2.5em;
}

#ukoly-list .ukol-row .pocet-priloh  { 
    font-size: 0.9em; 
    font-style: italic;
    display: inline-block;
    width: 5em;
}


#ukoly-list .ukol-row .reakce {
    color: #156849;
    font-size: 1.2em;
    font-style: italic;
    display: inline-block; 
}

#ukoly-list .ukol-row .reakce .saved {

}

#ukoly-list .ukol-row .reakce .ukol-note {
    display: inline-block;
    font-size: 0.9em;  
}
#ukoly-list .ukol-row .reakce .reakce-datum {
    font-size: 0.8em;  
    margin-left: 0.5em;
    display: inline-block;
}



/* ------ Styly šablony AKTUALITA - zadavací úkol  ------- */

#splnene-ukoly-links {
    margin-top: 2em;
}

#splnene-ukoly-links > a.bttn-odeslat-splneny-ukol {
    display: inline-block;
    color: #75550a;
    text-decoration: none;
    margin-right: 1em;
    background: #F4F4F4;
    border: 1px solid #80808082;
    border-radius: 7px;
    font-size: 1.2em;
    position: relative;
    padding: 0.3em 0.6em 0.3em 0.6em;
}

#splnene-ukoly-links > a.bttn-splnene-ukoly {
    display: inline-block;
    color: #75550a;
    text-decoration: none;
    margin-right: 1em;
    background: #F4F4F4;
    border: 1px solid #80808082;
    border-radius: 7px;
    font-size: 1.2em;
    position: relative;
    padding: 0.3em 0.6em 0.3em 0.6em;
}

#splnene-ukoly-links > a.bttn-poslat-uciteli {
    display: inline-block;
    color: #75550a;
    text-decoration: none;
    margin-right: 1em;
    background: #F4F4F4;
    border: 1px solid #80808082;
    border-radius: 7px;
    font-size: 1.2em;
    position: relative;
    padding: 0.3em 0.6em 0.3em 0.6em;
}

.reakce .saved {
    display: inline-block;
    margin-right: 1em;
}

/* ------ Styly šablony Splneny ukol - detail  ------- */
#jmeno-zaka {
    color: #734b00;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2em;
    padding: 0.3em 0.5em 0em 0em;
}

#sdeleni-zaka-perex {
    color: #734b00;
    font-size: 1.2em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.3em;
    padding: 0.3em .7em 0.7em .5em;
}

#sdeleni-zaka-hr {
    margin: 1em 0;
}



/* ----- FORMULÁŘ - MODAL OKNO ----- */
#modal-odeslat-ukol .modal-dialog {
    margin-top: 50px;
}




/* ----- Formulář (Odeslat úkol) ------ */

#modal-odeslat-ukol .ukol {
    display: flex;
}

.modal-content {
    background: url("../imgs/formular/formular--backgroung-texture.jpg") 0 0 repeat; 
    border: 1px solid rgba(0, 0, 0, 0.67);
    position: relative;
    top: 30px;
}

#modal-odeslat-ukol .modal-body {
    padding: 0px 15px 15px 15px;
}


#modal-odeslat-ukol .modal-header {
    background: url("../imgs/formular/formular--pruh-nahore_opakovat.png") 0 0 repeat-x;
    height: 67px;  
    border-bottom: 0px solid #e5e5e5;
}

#modal-odeslat-ukol .modal-header img#znamka {
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 59px;    
}
    


#modal-odeslat-ukol .modal-header .close {
    z-index: 1000;
    border: 1px solid #80808082;
    position: relative;
    top: -8px;
    right: -8px;
    opacity: 1;
    padding: 10px;
    font-weight: 400;
    background: #F0F0F0;
    border-radius: 7px;
    font-size: 1em;
    color: black;
  
}


#modal-odeslat-ukol .btn-odeslat-ukol {
    background: #F0F0F0;
    border-radius: 7px;
    border: 2px solid #b0b0b0c4;
    font-size: 1.4em;
    position: relative;
    margin: 3px;
    /*  left: 100px; */ 
    font-weight: 600;
    color: black;
    min-width: 150px;
    margin-right: 1em;
    
}

#modal-odeslat-ukol .btn-default:hover {
    border: 2px solid #959595;
    background: #FBF8F1;
}



#modal-odeslat-ukol .nadpisek, .label-ukol-comment, .label-ukol-files {
    font-weight: 200;
    font-style: italic;
    width: 6em;
    display: inline-block;
    text-align: right;
    padding-right: 0.5em;
    margin-bottom: 0.5em;
}

#modal-odeslat-ukol .nadpisek {
    padding-right: calc(1.3em - 10px);
}

#modal-odeslat-ukol .nazevclanku {
    color: #8e6502;
    font-weight: 600;
}



/* ----- MO (Pravidla online výuky) ------ */


.modal-pravidla-vyuky ol li {
    font-size: 0.95em;
    font-weight: 200;
    padding-bottom: 0.3em;
}



.modal-pravidla-vyuky .btn.confirm-pravidla {
    color: white;
    background: #a87703;
    border-color: #745a1e;
    padding: 0.4em 1.5em 0.2em 1.5em;
    font-size: 1.1em;
    font-weight: 200;
}
.modal-pravidla-vyuky .modal-footer {
    text-align: left;
}
#modal-pravidla-vyuky-link a.confirm-pravidla-link {
    text-decoration: none;
}

.label-ukol-files {
    padding-right: 0;
    padding-top: 15px !important;
}

.label-add-prilohy {
    background: #F0F0F0;
    border-radius: 7px;
    border: 2px solid #b0b0b0c4;
    font-weight: 400;
    text-align: center;
    color: #6a6565;
    min-width: 150px;
    padding: 5px 10px;
    margin: 0px 1.2em 5px 3px;
}

#modal-odeslat-ukol .label-add-prilohy:hover {
    background: #FBF8F1;
    border: 2px solid #959595;
  
}


.selected-file > span {
    margin-right: 20px;
    margin-bottom: 0.3em;
    margin-top: 0.2em;
}

.selected-file > img {
    width: auto;
    height: 2em;
    margin-right: 5px;
}


.selected-file > span.name {
    font-weight: 400;
    color: #42320b;
    max-width: 80%;
    line-height: 1.2em;
}

.selected-file > span.size {
    color: #360;
    font-weight: 200;
    display: block ruby;
}

.selected-file > span.nad-limit {
    color: #ff0000;
    font-weight: 400;
  }
  


.nad-limit, .not-allowed-ext {
    color: #ff0000;
    font-weight: 600;
}
.soubory-info-nadlimit {
    color: #f00;
    font-weight: 400;
    font-style: italic;
    padding-left: 7.5em;
    font-size: 0.95em;
}


.soubory-info {
    color: #242424;
    font-weight: 200;
    display: inline-flex;
    font-size: 0.9em;
    padding-left: 1em;
}

#odeslat-info {
    color: #bf0606;
    font-weight: 400;
    font-style: italic;
    font-size: 0.95em;
    display: inline-flex;
}

#odeslat-info #odeslat-error {
    padding-top: 0;
    color: #ff0000;
}

#files-area {
    margin-top: 15px;
    margin-left: 15px;
}

.selected-file {
    display: flex;
    margin-left: 10px;
    margin-bottom: 0.5em;
    font-size: 1em;
}




#modal-odeslat-ukol .ukol-data {
    margin: 5px 0 1.25em 0;
}

#modal-odeslat-ukol .datum2 {
    font-size: 0.95em;
}
#modal-odeslat-ukol a#odhlasit {
    font-size: 0.9em;
    font-weight: 400;
    font-style: italic;
    color: #a87703;
    text-decoration: underline;
    margin-left: 1em;    
}

#modal-odeslat-ukol .form-group.komentar {
    background: url("../imgs/formular/formular--div-stred--backgroung-texture.jpg") 0 0 repeat;
    padding: 10px;
    margin: 0px;
    border-radius: 7px;
}

#modal-odeslat-ukol .form-group.zprava {
  display: block;
}

#modal-odeslat-ukol .textarea {
    padding: 5px 15px;
}

#modal-odeslat-ukol .form-group.soubory {
    margin-top: 10px;
}

#modal-odeslat-ukol .ukol-komentar {
  padding: 10px;
  margin: 0px;
}

#modal-odeslat-ukol .textarea-ukol-comment::-webkit-input-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;}
#modal-odeslat-ukol .textarea-ukol-comment::-moz-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;} /* firefox 19+ */
#modal-odeslat-ukol .textarea-ukol-comment:-ms-input-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;} /* ie */
#modal-odeslat-ukol .textarea-ukol-commentinput:-moz-placeholder {font-style:italic; font-weight:300;font-size: 1.2em;}


.modal-form-txt-info {
    font-weight: 200;
    font-size: 0.9em;
    padding: 10px 15px;
    border-radius: 7px;
    background: #eee5e5;
  
}

.modal-form-txt-info hr {
    border-style: dotted none none;
    border-color: #515151;
    margin: 0.7em 0;
}

.modal-form-txt-info a {
    color: #5b4000;
}



/* FORMULÁŘ - MODAL OKNO */

/*.modal-dialog {
    width: 70%;
    min-width: 600px;
    margin: 50px auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url("../imgs/formular/formular--backgroung-texture.jpg") 0 0 repeat;
  border: 1px solid #777;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);

}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 5px solid #fff;
    background: url("../imgs/formular/formular--pruh-nahore_opakovat.png") 0 0 repeat;
  
}
  

.modal-header .close {
    margin-top: -2px;
    background: url("../imgs/formular/formular--tlacitko-zavrit-pozadi.png") 0 no-repeat;
}



.form-group {
    background: url("../imgs/formular/formular--div-stred--backgroung---texture.jpg") 0 0 repeat;
    padding: 10px;
    background: #ebf6ff;
}

.form-horizontal .form-group {
  margin-right: -5px;
  margin-left: -5px;
}

.form-horizontal .control-label {
  padding-top: 3px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 0px;
  font-size: 1em;
font-weight: lighter;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/



/* ------ Styly ONLINE POZVANKA  ------- */
#online-vyuka-links-sekce {
    padding-top: 1.5em;
    border-top: 1px rgba(0,0,0,0.06) solid;
}

#online-vyuka-links-sekce > div > h2, #online-vyuka-links-sekce > div > a {
    display: inline-block;
}
#online-vyuka-links-sekce  a.pravidla-titulek {
    margin-left: 3em;
    color: #646464;
    font-style: italic;
    font-size: 0.9em;
}

#online-vyuka-links-sekce > div > h2 {
    font-size: 1.4em;
    font-weight: 600;
    color: #a87703;
    text-decoration: none;
    margin-bottom: 0.1em;
}

#doplnek-pod-H2 {
    font-size: 0.9em;
    font-weight: 200;
    font-style: italic;
    color: #606060;
    padding-bottom: 0.3em;
}


#online-vyuka-links {
    margin-left: .5em;
    
}
#dnes-datum {
    margin: 0.5em 0 0.7em 0;
    font-size: 1em;
    font-weight: 200;
    line-height: 1.5em;
}

.odkaz-row {
    min-height: 40px;
    margin: .25em 0;
    display: table;
    padding: 10px;
}
a.odkaz-row.odkaz-row-link {
    display: table;
    color: #000;
    background: #d5d2c869;
    text-decoration: none;
}


a.odkaz-row.odkaz-row-link:hover {
    background: #f7f6f1;
}

a.odkaz-row.odkaz-row-link > span.stav {
    color: #a87703;
    text-decoration: underline;
    font-weight: 400;
    font-size: 1em;
}


.odkaz-row.not-active {
    pointer-events: none; 
    /* filter: opacity(70%); */
}
.odkaz-row.probehlo {
    pointer-events: none; 
    filter: opacity(60%);
}
.odkaz-row > span {
    padding-right: 1em;
    display: table-cell;
}

.odkaz-row > span.stav {
  width: 90px;
}

.odkaz-row > span:not(.nazev) {
    font-weight: 200;
}


.odkaz-row > span.stav, .odkaz-row > span.poznamka {
  font-style: italic;
  font-size: 0.9em;
}

.odkaz-row.not-active > span.stav, .odkaz-row.not-active > span.poznamka {
    font-style: italic;
    font-size: 0.85em;
}

#online-vyuka-neni {
    font-size: 1.1em;
    font-style: italic;
    color: #7b7b7b;
    font-weight: 200;
    padding-left: 1em;
}

.obsah h1:first-child, .obsah h2:first-child, .obsah h3:first-child, .obsah h5:first-child, .obsah h6:first-child  {margin-top:0em}
#news {}




/* ------ Stránka: ÚKOLY A TERMÍNY ------ */
/* Obecne styly pro vsechno  - PRVKY NAD VYPISY  */
.ukoly-terminy-vypis #typ-zobrazeni {
    margin: 1.3em 1em 0em 1em; 
    border-bottom: #00000057 solid 1px;
}

.ukoly-terminy-vypis #typ-zobrazeni label {
    margin-right: 1em;
}

.nic_k_zobrazeni {
    margin-right: 1em;
}


.ukoly-terminy-vypis .souhrn-info {
    font-style: italic;
    margin: 1em;
    display: block;
    font-size: .9em;
    font-weight: 200;
}

.nic_k_zobrazeni {
    font-style: italic;
    margin: 1em;
    display: block;
    font-size: .9em;
    font-weight: 200;
}


.ukoly-terminy-vypis .souhrn-typ-vystupu {
    margin-bottom: 1.5em;
    opacity: 70%;
} 
.ukoly-terminy-vypis .souhrn-typ-vystupu .radio-inline:first-child {
    margin-right: 1.5em;
}
.ukoly-terminy-vypis .souhrn-typ-vystupu .radio-inline:hover {
    text-decoration: underline;
}

.ukoly-zobrazit-odezva #typ-splneni label {
    font-size: .9em;
    color: #715618;
    margin-left: 1.2em;
}

.ukoly-zobrazit-odezva #typ-splneni {
    margin: 0.7em 0 1.5em 0em;
}

.ukoly-zobrazit-odezva a.splneny-ukol-link:hover {
    background-color: #ffffff70;
}

.ukoly-zobrazit-odezva .col-sm-2 {
    top: -1.5em;
}

#ucitele-prepinace-nadpis {
    margin-top: .75em;
}

#ucitele-prepinace-nadpis #nadpis {
    color: #a87703;
    margin-right: .75em;
}
#ucitele-prepinace-nadpis #ucitel-jmeno {
    font-weight: 700;
}
.plneni-pro-ucitele {
    font-weight: 200;
    font-size: 0.9em;
}




/* Obecne styly pro vsechno  - VYPISY*/ 
/*Strana 1 z x*/
.ukoly-terminy-vypis .row.aktuality-header {
    margin-bottom: 0 !important;
}

.reakce-txt  {
    color: #011668;
    font-size: 0.85rem;
}


.ukoly-terminy-vypis .row .zadani > a {
    text-decoration: none;
}

.ukoly-terminy-vypis .row .zadani > a:hover, .ukoly-terminy-vypis .row .zadani > a:focus {
    text-decoration: underline;
}

.ukoly-terminy-vypis .souhrn-row > div > span:not(:first-child) {
    font-weight: 400;
}

/* Štítek úkolu, zelený/červený jestli je hotov */
.ukoly-terminy-vypis  .ukol-stitek {
    display: inline-block;
    width: 1.5em;
    height: 100%;
    margin-right: .5em;
}
.ukoly-terminy-vypis .ukol-stitek.ukol-je-splnen {
    background: #5cac4b;
}
.ukoly-terminy-vypis  .ukol-stitek.ukol-neni-splnen {
    background: #c22;
}
.ukoly-terminy-vypis  .ukol-stitek.ukol-neni-splnen-sede {
    background: #bbb;
}
.ukoly-terminy-vypis .souhrn-row .den-nazev {
    display: inline-block;
    width: 1.1em;
}


/* ------ Stránka: ÚKOLY A TERMÍNY / výpis: Úkoly a zadání s termínem splnění ------ */
/*jednotlvy radek*/
#ukoly-zobrazit-s-terminy .row {
    margin-bottom: 1em;
}
#ukoly-zobrazit-s-terminy .row .datum-splneni {
    color: #2b2b2b;
    font-size: 0.95em;
    font-weight: 200 !important;
    margin-right: .25em;
    display: inline-block;
    width: 9.5em; 
}
#ukoly-zobrazit-s-terminy .row .datum-zadani {
    font-style: italic;
    margin-left: .25em;
    font-size: .8em;
    font-weight: 200 !important;
}

#ukoly-zobrazit-s-terminy .row.is-past-date {opacity: 50%;}

#ukoly-zobrazit-s-terminy .row .oddel-cara {
  font-weight: 200;
  font-size: .8em;
}
#ukoly-zobrazit-s-terminy .row .predmet {
    font-size: .8em;
    padding-right: 1em;
}

/* ------ Stránka: ÚKOLY A TERMÍNY / výpis: Souhrn všech úkolů a zadání  ------ */ 
#ukoly-zobrazit-vse .row {
    margin-bottom: 0.3em;
}
#ukoly-zobrazit-vse .row .datum-zadani {
    color: #2b2b2b;
    font-size: 0.95em;
    font-weight: 200 !important;
    margin-right: .25em;
    display: inline-block;
    width: 9.5em; 
}
#ukoly-zobrazit-vse .row .datum-splneni {
    font-style: italic;
    margin-left: .25em;
    font-size: .8em;
    font-weight: 200 !important;
}
#ukoly-zobrazit-vse .row .predmet {
    font-size: .8em;
    padding-right: 1em;
}

/* PREHLEDY PLNENI - OBECNE */
.ukoly-zobrazit-odezva .zadani-row {
    margin-bottom: 2em;
}
.ukoly-zobrazit-odezva .row.ukol-row {
    margin-bottom: 0;
}
.ukoly-zobrazit-odezva .zadani-row .main-row {
    margin-bottom: .3em;
}
.ukoly-zobrazit-odezva #podle-zadani {
    margin-top: .75em;
}
.ukoly-zobrazit-odezva .zadani-row .sub-rows {
    padding-left: 2em;
}
.ukoly-zobrazit-odezva .zadani-row span.trida {
    color: #696969;
    margin-right: .3em;
}
.ukoly-zobrazit-odezva .zadani-row span.predmet
{
    color: #424242;
    margin-right: .3em;
}
.ukoly-zobrazit-odezva span.info {
    color: #8c8c8c;
    font-style: italic;
    font-size: 0.8em;
}
.ukoly-zobrazit-odezva span.info span {
    display: inline-block;
}
.ukoly-zobrazit-odezva span.info .publikovano {
    font-size: 1.1em;
    margin-left: 1em;
    color: #887171
}
.ukoly-zobrazit-odezva span.info .deadline {
    font-size: 1.1em;
    color: #804040;
    margin-left: 1em;
}


.ukoly-zobrazit-odezva a.admin-link {
    font-size: 0.8em;
}


.ukoly-zobrazit-odezva a.splneny-ukol-link {
    text-decoration: none;
}
.ukoly-zobrazit-odezva a.splneny-ukol-link .splneno-txt {
    color: #000;
    font-size: .8em;
    margin-right: .25em;
}

.ukoly-zobrazit-odezva a.splneny-ukol-link .splneno-datum {
    color: #434343;
    margin-right: 0.5em;
    margin-left: 0.3em;
    width: 9em; 
    display: inline-block;
    font-weight: 200;
    font-size: 0.8em;
}
.ukoly-zobrazit-odezva a.splneny-ukol-link .splneno-datum.first {
    font-weight: 400;
    background: #edf400;
    color: #a40000;;
}

.ukoly-zobrazit-odezva a.splneny-ukol-link .pocet-priloh {
    color: #393939;
    margin-right: .75em;
    font-weight: 200;
    font-size: 0.8em;
}


/* PREHLEDY PLNENI - PRIHLASEN UCITEL */
/* ------ Stránka: ÚKOLY A TERMÍNY / výpisy: Přehledy plnění pro users group < 3 ------ */ 
a.admin-link {
    display: inline-block;
    color: #951616;
    margin-right: .5em;
    font-weight: 400;
    background: #f0f04836;
}

#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link {
    display: table-row;
}
#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span {
    display: table-cell;
}

#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span.splneno-txt {
    width: 10em;
}
#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span.splneno-datum {
    width: 10em;
}
#ukoly-zobrazit-odezva-ucitel a.splneny-ukol-link > span.pocet-priloh {
    width: 6em;
}
#ukoly-zobrazit-odezva-ucitel .reakce {
    color: #156849;
    background: #d3e6d659;
    font-size: 0.9em;
}

#ukoly-zobrazit-odezva-ucitel .reakce-datum {
    font-size: 0.7em; 
    margin-left: 0.5em;
    color: #555;
}

/* 
#ukoly-zobrazit-odezva-ucitel .splneno-txt { 
    min-inline-size: 10em;
    display: table-cell; 
}
*/

#ukoly-zobrazit-odezva-ucitel .reakce-txt { }
#ukoly-zobrazit-odezva-ucitel .reakce-flag { }

    min-inline-size: 10em;
    display: table-cell; */



/* PREHLEDY PLNENI - PRIHLASEN ZAK */
#ukoly-zobrazit-odezva-zak .reakce {
    color: #156849;
    background: #d3e6d659;
}

#ukoly-zobrazit-odezva-zak .reakce-datum {
    font-size: 0.7em; 
    margin-left: 0.5em;
    color: #555;
}
#ukoly-zobrazit-odezva-zak .reakce-txt {
}
#ukoly-zobrazit-odezva-zak .reakce-flag {
}

/* PREHLEDY PLNENI - Ciste podle ukolu */
.ukoly-zobrazit-odezva #ciste-jen-ukoly .row {
    margin-bottom: 1em;
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly .main-row { 
    font-size: .8em; 
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.trida {
    color: #696969;
    margin-right: .3em;
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.predmet {
    color: #424242;
}

.ukoly-zobrazit-odezva #ciste-jen-ukoly span.zadani a {
    margin-left: 1em;
    color: #917f57;
} 

.ukoly-zobrazit-odezva #ciste-jen-ukoly .splnene-ukoly { font-size: 1.3em; line-height: 0.9;}


.ukoly-zobrazit-odezva #ciste-jen-ukoly span.info { }
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.info .publikovano { }
.ukoly-zobrazit-odezva #ciste-jen-ukoly span.info .deadline {  }



.ukoly-terminy-vypis #ciste-jen-ukoly a.splneny-ukol-link {
    display: inline-block;
    padding-top: 0.3em;
    padding-bottom: 0.25em;
    border-bottom: 1px dotted #a877039c;
}

.ukoly-terminy-vypis #ciste-jen-ukoly a.admin-link {
    font-size: 0.7em;
}

.ukoly-zobrazit-odezva #ciste-jen-ukoly a.splneny-ukol-link .splneno-txt { }

.ukoly-zobrazit-odezva #ciste-jen-ukoly a.splneny-ukol-link .splneno-datum {
    font-size: 0.8em;
    width: 10em;
}
.ukoly-zobrazit-odezva #ciste-jen-ukoly a.splneny-ukol-link .pocet-priloh {
    font-size: 0.7em;
}







/* -------------------------------------- */
/* -------------------------------------- */


@media screen and (max-width:600px) {

    #modal-odeslat-ukol .modal-header img#znamka {
        display: none;
    }
    #modal-odeslat-ukol .nadpisek, .label-ukol-comment, .label-ukol-files {
        font-size: .8em;
    }  
}