/* css for book and editor  */
/* ------------color------------- */

.pravopis .ulohaCislo {
  background-color: #A0D1AD;
}
.pravopis .ukazka,
.pravopis h4,
.pravopis h1,
.pravopis .zadani span,
.pravopis .text-zadani ol,
.pravopis i-barva,
.pravopis .pb-show-text-body ukazka {
  color: #00A24F;
}
.slovotvorba .ulohaCislo {
  background-color: #D6BDAD;
}
.slovotvorba .ukazka,
.slovotvorba h1,
.slovotvorba .zadani span{
  color: #A5775A;
}
.tvaroslovi .ulohaCislo {
  background-color: #A9B0D8;
}
.tvaroslovi .ukazka,
.tvaroslovi h1,
.tvaroslovi .zadani span,
.tvaroslovi .text-zadani ol,
.tvaroslovi i-barva{
  color: #3E63B8;
}
.vetna_stavba .ulohaCislo {
  background-color: #FBC197;
}
.vetna_stavba .ukazka,
.vetna_stavba h1,
.vetna_stavba .zadani span,
.vetna_stavba .text-zadani ol,
.vetna_stavba i-barva{
  color: #F36E22;
}
.sloh .ulohaCislo {
  background-color: #d7b894;
}
.sloh .ukazka,
.sloh h1,
.sloh .zadani span,
.sloh .text-zadani ol{
  color: #AB6D25;
}
.porozumeni_textu .ulohaCislo {
  background-color: #B1A8D1;
}
.porozumeni_textu .ukazka,
.porozumeni_textu h1,
.porozumeni_textu h4,
.porozumeni_textu .zadani span,
.porozumeni_textu .text-zadani ol,
.porozumeni_textu i-barva,
.porozumeni_textu .pb-show-text-body ukazka{
  color: #6050A0;
}
.literarni_vychova .ulohaCislo {
  background-color: #E5B2A0;
}
.literarni_vychova .ukazka,
.literarni_vychova h1,
.literarni_vychova h4,
.literarni_vychova .zadani span,
.literarni_vychova .text-zadani ol,
.literarni_vychova i-barva,
.literarni_vychova .pb-show-text-body ukazka{
  color: #C45141;
}

/* univerzalni */
.well {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
}

/* ------------basic------------- */
fieldset {
  display: block;
  font-family: sans-serif;
}
u {
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: 1px solid;
  border-radius: 0;
  padding-bottom: 3px;
  }
span-podtrzeni {
  border: 1px solid transparent;
  padding-bottom: 3px;
  border-bottom: 1px solid;
  }
.zadani {
  width: 60vw;
  position: relative;
  left: 2.5em;
  padding-right: 1.7em;
  font-weight: 700;
}
.text-zadani .zadani {
  left: 40px;
}
.diktaty .zadani {
  margin-right: 20px;
  margin-top: 50px;
  left: 10px;
  font-weight: normal;
}
.ulohaCislo {
  position: absolute;
  left: -2.5em;
  margin: -1px 0 0 5px;
  /* 25px */
  width: 1.6em;
  height: 1.6em;
  line-height: 1.55em;
  border-radius: 50%;
  text-align: center;
}
.diktaty .ulohaCislo {
  top: -30px;
  left: -5px;
}
.ukazka {
  margin-top: 28px;
  margin-left: 10px;
  margin-right: 5px;
  font-style: italic;
}
ukazka {
  display: inline-block;
  margin-bottom: 10px;
}
h4 {
  font-size: 1.1em;
  font-weight: bold;
}
pb-oneval-explanation {
  display: none;
}

.ol-alpha {
  /* margin: 10px 0 0 -10px; */
  margin: 10px 0 0 2em;
  padding: 0;
}

.ck-content .test-placeholder .testy-task-type-choose .pb-oneval-explanation {
  margin-top: 20px;
}

.pb-oneval-explanation ol {
  list-style: none;
  margin-left: -40px;
}
.pb-oneval-explanation ul {
  margin-left: -20px;
}

h1 {
  margin-left: 10px;
  font-family: sans-serif;
}
.zadani span:nth-child(1) {
  color: #333;
}
.text-zadani {
  display: block;
  margin-top: 40px;
  margin-bottom: 50px;
  font-family: sans-serif;
}
.text-zadani .zadani {
  margin-left: -30px;
  margin-bottom: 0;
  font-size: 1.2em;
}
.text-zadani .ukazka {
  margin-top: 0;
}

.ukazka-zdroj {
  display: block;
  font-size: 0.8em;
  margin-left: 10px;
}
small.zdroj {
  margin-left: 10px;
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
}
.ukazka small {
  margin-left: 0px;
}

.text-zadani ol {
  margin-left: -10px;
}

.zprava {
  float: right;
  margin-right: 10px;
}

/* udelal dva sloupce */
/* .block {
  display: flex;
}
.block p {
  width: 50vw;
} */
.block p:last-child::before {
  content: '- ';
}
.block p:last-child {
  margin-top: -10px;
}

/* -------------------zmeny--------------------- */

ol.ol-alpha {
  counter-reset: item;
}

ol.ol-alpha  li {
  counter-increment: item;
}

ol.ol-alpha  li::marker {
  content: counter(item, lower-alpha) ") ";
}

.nowrap-slovo {
  white-space: nowrap;
}

.test-body legend > *:first-child {
  display: inline-block;
}

label i-barva {
  font-style: italic;
}

cite-zdroj-ukazka {
  margin-top: 4px;
  float: right;
  margin-left: 10px;
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
}



/* ------------------ pb-show-text ---------------------- */

.pb-show-text-btn {
  /* width: 20vw; */
  float: right;
  position: relative;
  bottom: 5px;
  margin-right: 5px;
}
.pb-show-text-body {
  margin: 10px 5px 0px 5px;
  box-shadow: 0px 2px 6px 1px rgba(51,51,51,0.47);
}
.pb-show-text-body .well {
  background-color: #eee;
  border: 1px solid #aaa;
  font-style: italic;
}
.pb-show-text-body h2 {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
}

/* pb-show-text   ukazka */
pb-show-text {
  display: none;
}
.ck-content button[data-toggle="collapse"][aria-expanded="true"] .show-if-collapsed {
  display: none;
}
.ck-content button[data-toggle="collapse"][aria-expanded="false"] .show-if-expanded {
  display: none;
}

/* ----------- tabulka --------------- */
h3 {
  margin-left: 15px;
  font-size: 1.1em;
  font-weight: bold;
}
.tabulka-ukazka {
  margin-left: 15px;
  font-style: italic;
}
.ukazka-table {
  /* margin: auto; */
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
}
.child-table {
  padding: 10px 25px ;
  box-sizing: border-box;
  width: 50%;
  white-space: nowrap;
  display: flex;   
  flex-wrap: nowrap;
}
.ukazka-table tr:first-child{
  font-weight: bold;
  font-style: normal;
}
.ukazka-table td {
  width: 220px;
  padding: 3px;
}
.ukazka-table tr:first-child td {
  border-bottom: 1px solid #6050A0;

}
/* ----------- tabulka2 --------------- */
.ukazka-table2 tr:first-child th {
  border-bottom: 1px solid #6050A0;
  border-top: 1px solid #6050A0;
  font-weight: bold;
}
.ukazka-table2 tr:first-child td {
  border-bottom: 1px solid #6050A0;
  border-top: 1px solid #6050A0;
  font-weight: bold;
}
.ukazka-table2 tr:first-child td:last-child {
  text-align: left;
}
.ukazka-table2 tr:last-child th {
  border-bottom: 1px solid #6050A0;
}
.ukazka-table2 tr:last-child td {
  border-bottom: 1px solid #6050A0;
}
.ukazka-table2 tr, td {
  padding: 4px 10px;
}
.ukazka-table2 th {
  padding-left: 10px;
  font-weight: normal;
  width: 150px;
  text-align: left;
}
.ukazka-table2 td {
  text-align: center;
}
.ukazka-table2 td:last-child {
  width: 200px;
}
.ukazka-table2 table {border-collapse:collapse;}

/* calculate width 0.1949*1026=200px */
.ukazka-table2-line {
  height: 14px;
  text-align: left;
  background-color: #aaa;
}
.ukazka-table2-inn-line {
  height: 14px;
  background-color: #6050A0;
}

/* ------------ ukazka-table3 ------------- */
.ukazka-table3 tr:first-child th {
  border-bottom: 1px solid #6050A0;
  text-align: left;
  padding-left: 10px;
}
.ukazka-table3 td:first-child{
  width: 250px;
}
.ukazka-table3 td {
  width: 160px;
}
.ukazka-table3 tr:last-child td {
  border-bottom: 1px solid #6050A0;
}
.ukazka-table3 table {
  border-collapse:collapse;
  margin-bottom: 20px;
}

.image-4-3u {
  width: 60%;
  mix-blend-mode: multiply;
}
.image-2-2u {
  width: 42%;
}
.well-sm {
  padding-bottom: 30px;
}


.ukazka-sides {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.well .ukazka-sides {
  width: 60vw;
}
.ukazka-two-sides {
  display: flex;
  flex-wrap: wrap;
}
.ukazka-sides-off {
  width: 100%;
}
.ukazka-centerSide {
  width: 85%;
  text-align: center;
}
.ukazka-centerSide ukazka {
  text-align: left;

}
.ukazka-two-rightSide {
  margin-right: 60px;
  margin-bottom: 15px;
}


legend .ukazka {
  margin-top: 5px;
  }
  .well-author {
    background-color: white;
    padding-left: 10px;
    padding-bottom: 15px;
    font-size: 0.9em;
    font-weight: bold;
    color: #333;
    font-style: italic;
  }

  /* -------opravy k knize----------- */
  .final-score, .btn-check, .btn-reset {
    margin-left: 10px;
  }
  .well h2 {
    margin-bottom: 10px;
  }


  /* -----mixAnswer opravy-------- */
legend .ukazka {
  margin-top: 15px;
  }
  .testy-task-type-mixed .zadani {
    margin-bottom: 0;
  }
.well-sm>strong{
  display: inline-block;
  margin-bottom: 10px;
}


  /* ------------- vychodnoceni -------------- */
.table-image-box tr, td {
  padding: 0;
}
.text-headline, .score-box, .noselect h4 {
  margin-left: 5px;
  margin-right: 5px;
}


/* ------------- tiraz -------------- */
a {
  color: #175ACE;
}
.tiraz-block {
  font-family: sans-serif;
}
.tiraz-table {
  width: 100%;
  border: 0;
  border-collapse:collapse;
  margin-bottom: 20px;
  table-layout:fixed;
  word-wrap: break-word;
}
.tiraz-table th {
  width: 50%;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}
.tiraz-table td {
  width: 50%;
  padding: 10px;
}
.tiraz-img {
  max-width: 200px;
}
.tiraz-table-vyjimka {
  vertical-align: top;
}
.tiraz-block h3 {
  margin-left: 0;
  margin-bottom: 20px;
  font-size: 1.2em;
}
.tiraz-block p {
  margin-bottom: 0;
}
.tiraz-block {
  margin: 5px;
}


/* ------------------ DEMO ------------------- */
center {
  margin-top: 100px;
}
/* .DEMO-href {
  width: 280px;
  height: 100px;
  background-color: #00A24F;
} */
.DEMO-href {
  transition: all 1s ease-out;

}
.btn-demo-koupit {
  position: relative;
  width: 280px;
  height: 100px;
  font-size: 1.3em;
  font-weight: bold;
  font-family: sans-serif;
  color: #fff;
  background-size: cover;
  background-repeat: repeat;
  background: rgb(0,170,177);
  background: linear-gradient(148deg, rgba(0,170,177,1) 0%, rgba(0,162,79,1) 36%, rgba(0,170,177,1) 100%); 
  opacity: 0.9;
  border-radius: 25px;
  box-shadow: 0px 2px 6px 1px rgba(51,51,51,0.47);
  transition: all .25s ease-in-out;
}
.btn-demo-koupit:hover {
  transform: scale(1.01);
  opacity: 1;
  box-shadow: 2px 3px 7px 2px rgba(51,51,51,0.47);
}



/* ------------------ media (small screen) ------------------- */
@media(max-width:850px) { 
.ukazka-table {
 width: 100%;
}
.image-4-3u {
  width: 80%;
}
.ukazka-sides {
  width: 80%;
}
.ukazka-sides-off {
  width: 100%;
}
.well .ukazka-sides {
  width: 80vw;
}
}
@media(max-width:690px) {
  .ukazka-sides {
    width: 100%;
  }
}
@media(max-width:564px) {
  .zadani {
    width: 85vw;
  }
  .pb-show-text-btn {
    margin: 10px 5px 0px 5px;
    float: none;
  }
  .ukazka-table2 {
    overflow-x: scroll;
    width: 90vw;
  }
  .image-4-3u {
    width: 100%;
  }
}
@media(max-width:490px) { 
.child-table {
width: 100%;
}
cite-zdroj-ukazka {
  float: none;
}
.well-sm {
  padding-bottom: 0;
}
}
@media(max-width:390px) { 
    .ukazka-centerSide {
      text-align: left;
    }
}
@media(max-width:350px) { 
  .zadani {
    width: 75vw;
  }
  .pb-show-text-body {
    margin: 0;
  }
  .pb-show-text-btn {
    margin: 10px 5px 10px 5px;
  }
}