.odgovor {
  position: relative;
}

.drop-pitanje {
}

.bazen-odgovora {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.drop-polje {
  margin: 2px;
  padding: 2px;
  display: inline-block;
  background: white;
}

.drop-polje-hover {
  border: 2px dashed #e6eea6;
  padding: 0px;
}
.pitanje .drop-polje-hover {
  border-color: #628c3a;
}
.drag-odgovor {
  border: 3px solid transparent;
}

.zadatak[data-tasktype='wordDrag'] .pitanje .drop-polje {
  display: inline-block;
  border: 3px solid #e6eea6;
  border-radius: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.zadatak[data-tasktype='wordDrag'] .odgovor {
  padding: 10px;
}

.zadatak[data-tasktype='wordDrag'] .odgovor .bazen-odgovora,
.zadatak[data-tasktype='wordGroup'] .odgovor .bazen-odgovora {
  padding: 10px;
  background: white;
  margin: 0;
  color: black;
}

.zadatak[data-tasktype='wordDrag'] .odgovor .drag-odgovor,
.zadatak[data-tasktype='wordGroup'] .pitanje .drag-odgovor,
.zadatak[data-tasktype='wordGroup'] .odgovor .drag-odgovor {
  color: #333333;
  background-color: #e6eea6;
  display: inline-block;
  margin: 5px;
  padding: 0.2em calc(0.3em + 14.5px);
  text-align: center;
  font-size: 90%;
  border-radius: 20px;
  vertical-align: middle;
  width: auto;
}

.zadatak[data-tasktype='wordDrag'] .odgovor .drag-odgovor:active,
.zadatak[data-tasktype='wordDrag'] .odgovor .drag-odgovor:hover,
.zadatak[data-tasktype='wordGroup'] .pitanje .drag-odgovor:active,
.zadatak[data-tasktype='wordGroup'] .pitanje .drag-odgovor:hover,
.zadatak[data-tasktype='wordGroup'] .odgovor .drag-odgovor:active,
.zadatak[data-tasktype='wordGroup'] .odgovor .drag-odgovor:hover {
  border: 3px solid #628c3a;
  /*color: yellow;*/
  z-index: 100000 !important;
  /* keep dragged elements above else */
}

.zadatak[data-tasktype='wordGroup'] .pitanje > div > div {
  border-right: 1px solid #efefef;
}
.zadatak[data-tasktype='wordGroup'] .pitanje > div > div:last-child {
  border-right: none;
}

.quiz-carousel.zadatak {
  border: 5px solid #dadada;
  box-shadow: none;
}

.quiz-carousel.zadatak h3 {
  padding-top: 40px;
}

.quiz-carousel.zadatak .odgovor-gumbi {
  padding-bottom: 20px;
  padding-top: 20px;
  background-color: transparent;
  text-align: center;
}

.quiz-carousel .carousel-item {
  background-color: white;
  padding: 0 100px 0 100px;
  border-radius: 20px;
}

.sortLista li {
  border: 2px dashed #e6eea6;
  margin-top: -2px;
  min-height: 34px;
}

.sortLista li img.correctAnswer,
.sortLista li img.incorrectAnswer {
  margin-right: 10px;
}

.zadatak[data-tasktype='wordWrite'] input[type='text'] {
  box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1),
    0 7px 18px 0 rgba(97, 108, 121, 0.13);
  padding: 5px 10px;
  border: 1px solid #efefef;
  border-radius: 10px;
  margin: 0.4em 0.4em;
}

/* --CHECKBOX-- */
input[type='checkbox'] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}
input[type='checkbox'] {
  display: none;
}
input[type='checkbox'] + label:before {
  content: '\2714';
  border: 0.1em solid #000;
  border-radius: 0.2rem;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  padding-left: 0.1rem;
  padding-bottom: 0.3rem;
  margin-right: 0.4rem;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
}
input[type='checkbox'] + label:active:before {
  transform: scale(0);
}
input[type='checkbox']:checked + label:before {
  color: #fff;
}
input[type='checkbox']:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
input[type='checkbox']:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.kviz-evaluacija {
  margin: auto;
  color: #fff;
  /*background-color: #fff;*/
}

.kviz-evaluacija .kviz-rezultat {
  padding: 1.5em;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #046276;
  color: #fff;
}

.pairLista li {
  border: 2px solid #e6eea6;
  border-right: none;
  margin-top: -2px;
  min-height: 34px;
}

h2 {
  margin-top: 2em;
}

.quiz-carousel .carousel {
  margin-top: 3em;
}

.carousel-item .container .pitanje,
.carousel-item .container .odgovor {
  /*margin: 0 5em;*/
}

.carousel .button {
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 10px 14px;
  border-radius: 10px;
}

.solution-section {
  /* padding-bottom: 60px; */
  margin-bottom: 60px;
  padding-top: 0;
  text-align: center;
}

main a[target='_blank']:after {
  content: '';
  width: 14px;
  height: 14px;
  margin-left: 0.25rem;
  display: inline-block;
  background: transparent
    url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IkRlc2lnbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImV4dGVybmFsLWxpbmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzNkM2QzZCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDYuNjY2NjY2NjcgTDksMTAuNjY2NjY2NyBDOSwxMC44NTA3NjE2IDguODUwNzYxNTgsMTEgOC42NjY2NjY2NywxMSBMMS4zMzMzMzMzMywxMSBDMS4xNDkyMzg0MiwxMSAxLDEwLjg1MDc2MTYgMSwxMC42NjY2NjY3IEwxLDMuMzMzMzMzMzMgQzEsMy4xNDkyMzg0MiAxLjE0OTIzODQyLDMgMS4zMzMzMzMzMywzIEw1LjMzMzMzMzMzLDMgQzUuODg1NjE4MDgsMyA2LjMzMzMzMzMzLDIuNTUyMjg0NzUgNi4zMzMzMzMzMywyIEM2LjMzMzMzMzMzLDEuNDQ3NzE1MjUgNS44ODU2MTgwOCwxIDUuMzMzMzMzMzMsMSBMMS4zMzMzMzMzMywxIEMwLjA0NDY2ODkxNzEsMSAtMSwyLjA0NDY2ODkyIC0xLDMuMzMzMzMzMzMgTC0xLDEwLjY2NjY2NjcgQy0xLDExLjk1NTMzMTEgMC4wNDQ2Njg5MTcxLDEzIDEuMzMzMzMzMzMsMTMgTDguNjY2NjY2NjcsMTMgQzkuOTU1MzMxMDgsMTMgMTEsMTEuOTU1MzMxMSAxMSwxMC42NjY2NjY3IEwxMSw2LjY2NjY2NjY3IEMxMSw2LjExNDM4MTkyIDEwLjU1MjI4NDcsNS42NjY2NjY2NyAxMCw1LjY2NjY2NjY3IEM5LjQ0NzcxNTI1LDUuNjY2NjY2NjcgOSw2LjExNDM4MTkyIDksNi42NjY2NjY2NyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTExLDQgQzExLDQuNTUyMjg0NzUgMTEuNDQ3NzE1Myw1IDEyLDUgQzEyLjU1MjI4NDcsNSAxMyw0LjU1MjI4NDc1IDEzLDQgTDEzLC0yLjIyMDQ0NjA1ZS0xNiBDMTMsLTAuNTUyMjg0NzUgMTIuNTUyMjg0NywtMSAxMiwtMSBMOCwtMSBDNy40NDc3MTUyNSwtMSA3LC0wLjU1MjI4NDc1IDcsLTIuMjIwNDQ2MDVlLTE2IEM3LDAuNTUyMjg0NzUgNy40NDc3MTUyNSwxIDgsMSBMMTEsMSBMMTEsNCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTUuNzA3MTA2NzgsNy43MDcxMDY3OCBMMTIuNzA3MTA2OCwwLjcwNzEwNjc4MSBDMTMuMDk3NjMxMSwwLjMxNjU4MjQ4OSAxMy4wOTc2MzExLC0wLjMxNjU4MjQ4OSAxMi43MDcxMDY4LC0wLjcwNzEwNjc4MSBDMTIuMzE2NTgyNSwtMS4wOTc2MzEwNyAxMS42ODM0MTc1LC0xLjA5NzYzMTA3IDExLjI5Mjg5MzIsLTAuNzA3MTA2NzgxIEw0LjI5Mjg5MzIyLDYuMjkyODkzMjIgQzMuOTAyMzY4OTMsNi42ODM0MTc1MSAzLjkwMjM2ODkzLDcuMzE2NTgyNDkgNC4yOTI4OTMyMiw3LjcwNzEwNjc4IEM0LjY4MzQxNzUxLDguMDk3NjMxMDcgNS4zMTY1ODI0OSw4LjA5NzYzMTA3IDUuNzA3MTA2NzgsNy43MDcxMDY3OCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==')
    0 0 no-repeat;
}

*:focus {
  outline: none;
}

.eu-logo {
  background-color: transparent !important;
}

button.b-round.b-summary-view.jsToggle {
  padding: 10px 20px;
}

small {
  display: block;
  font-size: 0.8em !important;
}

body.italian img[src*='latin-modul'],
body.italian5 img[src*='latin-modul'] {
  display: none;
}

button {
  outline: none;
}

.wordsearch td.selected {
  color: black;
  background-color: lightgrey;
}

img.incorrectAnswer,
img.correctAnswer {
  display: inline;
  vertical-align: middle;
  margin-right: 4px;
}

.answerImgDiv {
  display: inline-block;
}

.answer.invalid {
  border: 4px solid red;
  padding-right: 35px;
  background-image: url(../img/red_cross_mark.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.answer.valid {
  border: 4px solid lightgreen;
  padding-right: 35px;
  background-image: url(../img/check_mark.png);
  background-repeat: no-repeat;
  background-position: center right;
}

.quiz-audio-container {
  width: 100%;
}

table {
  width: 100% !important;
}