.middiv,.top {
    top: 0;
    left: 0
}

#toprightdiv,.rightaligned {
    text-align: right
}

#otobr,#ottxt,#xotobr,#xottxt {
    width: 49%;
    min-height: 200px
}

#otobr,#ottxt,#xotobr,#xottxt,.otazkatextdiv {
    min-height: 200px
}

body {
    background: #fff;
    font-family: times new roman,Times,serif
}

td {
    padding: 3px
}

.modal {
    overflow: initial
}

.middiv {
    position: relative;
    margin: auto;
    width: 90%;
    overflow: auto;
    padding: 4px;
    right: 0;
    bottom: 0;
    border: 1px dotted silver
}

.odpoveddiv,.otazkadiv,.otazkatextdiv {
    padding: 4px;
    width: 99%;
    min-width: 500px
}

.otazkadiv {
    position: relative;
    border: 3px solid #000;
    font-size: 18px;
    margin-bottom: 20px
}

.odpovedbtn,.odpoveddiv,.otazkatextdiv {
    position: relative;
    border: 1px solid #000
}

.otazkatextdiv {
    background: #e0e0e0;
    font-size: 2.5vw
}

.odpoveddiv {
    font-size: 1.1vw;
    cursor: pointer
}

.odpovedbtn {
    padding: 10px;
    font-size: 2.1vw
}

.smalltext {
    font-size: 1vw;
    color: gray
}

.top {
    position: fixed;
    width: 99.9%;
    font-size: 20px;
    height: 33px;
    border-bottom: 2px solid gray;
    z-index: 1000;
    overflow: hidden;
    color: #000;
    background: #fff
}

#msgdiv,.maindiv {
    position: relative;
    float: left;
    background: #fff;
    overflow: hidden
}

body:last-child .example {
    width: 100vw
}

.border {
    border: 1px solid red
}

.maindiv {
    top: 38px;
    font-size: 18px;
    padding: 4px;
    color: #15007f
}

body:last-child .main {
    width: 94vw;
    font-size: calc(14px + 0.7vw)
}

#msgdiv {
    padding: 2px;
    font-size: 15px;
    color: #000;
    max-width: 60%
}

#toprightdiv {
    margin-top: 2px;
    position: fixed;
    right: 0;
    padding: 2px 20px 2px 2px;
    font-size: 15px;
    color: transparent;
    width: 300px;
    background: 0 0;
    z-index: 10000;
    overflow: hidden
}

#questionlistdiv,#timerow,#timespan,.listnrdiv,.waybutton,.ways {
    position: relative
}

#questioninfodiv,#timediv {
    font-size: 20px;
    font-weight: 700
}

#ottxt,#timespan,#xottxt,.answerbutton,.resultbox {
    text-align: center
}

#timediv {
    min-width: 100px
}

#timespan {
    padding: 4px;
    color: #000;
    min-width: 60px;
    background: orange
}

#timebardiv {
    border: 2px solid gray;
    height: 30px;
    background: silver;
    border-radius: 5px;
    padding: 0
}

#resultbar,.resultbox {
    border: 1px solid #000;
    float: left
}

#timebarmiddiv {
    width: 0%;
    background: orange;
    padding: 0;
    margin: 0;
    color: transparent;
    border-radius: 5px
}

#questionlistdiv {
    clear: both;
    float: left;
    width: 100%
}

#rcinput {
    width: 300px
}

#timerow {
    float: left;
    margin-bottom: 10px
}

#mainrow {
    background: #e0e0e0;
    margin-top: 10px
}

#col1,#col2,#xcol2 {
    padding: 5px;
    min-height: 600px;
    background: #e0e0e0
}

#basketdiv,#otobr,#ottxt,#xotobr,#xottxt,.answer,.answerbutton {
    background: #fff
}

#questioninfodiv {
    background: #fff;
    padding: 10px;
    margin-top: 20px
}

#basketdiv {
    padding: 10px;
    margin-top: 10px;
    overflow: auto;
    font-size: 14px
}

#ottxt,#xottxt {
    float: left;
    padding: 10px;
    font-size: 18px;
    font-weight: 700
}

#otobr {
    float: left;
    overflow: hidden
}

#xotobr {
    float: left
}

#resultbar {
    padding: 10px;
    width: 70%
}

.resultbox {
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    width: 19%;
    min-width: 150px
}

.resulttext {
    padding: 10px;
    float: left;
    font-size: 18px;
    font-weight: 700
}

.basketitem {
    padding: 2px;
    border-bottom: 2px solid gray;
    cursor: pointer
}

.answer,.answerbutton,.answercontainer {
    padding: 10px;
    float: left
}

.answer {
    width: 90%
}

.answerbutton {
    width: 8%;
    margin-right: 10px
}

.answercontainer {
    background: #e0e0e0;
    width: 100%;
    font-size: 18px;
    margin: 10px;
    cursor: pointer
}

.listnrdiv {
    float: left;
    padding: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    width: 2.3%;
    font-size: 16px;
    min-width: 20px;
    border: 1px solid #000;
    cursor: pointer;
    border-radius: 5px
}

.ways {
    padding: 4px;
    font-size: 18px;
    width: 99%;
    min-width: 500px;
    min-height: 80px
}

.waybutton {
    padding: 5px;
    font-size: 18px;
    border-radius: 5px;
    text-transform: uppercase
}

.logo {
    width: 15%
}

.red {
    color: red
}

.rcform {
    font-size: 25px;
    color: #505050
}

body:last-child .rcform,body:last-child .readyform {
    font-size: calc(15px + 1vw)
}

.readyform {
    font-size: 25px;
    color: #000
}

body {
    position: relative;
    width: fit-content;
    margin: 0 auto
}

body #topdiv {
    left: unset
}

#maindiv,#topdiv {
    width: 1040px!important;
    overflow: hidden
}

.fullsizep {
    width: 100%
}

#myDialogBody {
    font-size: 18px;
    background: silver
}

.toolinput {
}

.toolselect {
    padding: 6px 5px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0;
    font: inherit;
    color: inherit;
    font-size: 19px
}

.body-vypis {
    max-width: 1200px
}

.titul-vypis {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    background-color: #027fff;
    margin-bottom: 10px
}

.table-vypis {
    padding: 0;
    margin: 0 10px;
    color: #000;
    font-size: 18px;
    margin-bottom: 30px
}

.table-vypis tr {
}

.table-vypis td {
    border: 2px solid #ddd;
    margin: 0;
    padding: 0
}

.table-vypis td img {
    max-width: 350px;
    max-height: 350px;
    display: block;
    margin: 0 auto
}

.table-vypis td:nth-last-of-type(1) {
    padding: 10px 30px;
    font-size: 21px
}

.table-vypis td:nth-last-of-type(2) {
    padding: 13px 18px;
    text-align: center;
    font-size: 19px
}

.table-vypis2 {
    padding: 0;
    margin: 0 10px;
    color: #000;
    font-size: 18px;
    margin-bottom: 30px
}

.table-vypis2 tr {
}

.table-vypis2 td,.table-vypis2 .table-odpovede td {
    border: 2px solid #ddd;
    margin: 0;
    padding: 0
}

.table-vypis2 td img {
    max-width: 350px;
    max-height: 350px;
    display: block;
    margin: 0 auto
}

.table-vypis2 td.cast-otazka {
    padding: 13px 18px;
    text-align: center;
    font-size: 21px
}

.table-vypis2 td.cast-odpovede {
    padding: 0
}

.table-vypis2 .table-odpovede td {
    padding: 10px 30px;
    font-size: 20px;
    border: 0;
    border-bottom: 2px solid #ddd
}

.table-vypis2 .table-odpovede tr:last-child td {
    border-bottom: 0
}

.btn-vypis {
    border: 0;
    background: 0 0;
    float: right;
    color: #000;
    padding: 0 15px;
    font-weight: 600;
    font-family: arial,sans-serif
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

body.style-dark-mode {
    background-color: #242526;
    color: #e4e6eb
}

body.style-dark-mode .titul-vypis {
    background-color: #3a3b3c;
    color: #e4e6eb
}

body.style-dark-mode .table-vypis,body.style-dark-mode .table-vypis2 {
    color: #e4e6eb
}

body.style-dark-mode .table-vypis td,body.style-dark-mode .table-vypis2 td,body.style-dark-mode .table-vypis2 .table-odpovede td {
    border-color: #393a3b
}

body.style-dark-mode .btn-vypis {
    color: #e4e6eb
}

body.style-dark-mode .top {
    background-color: #242526
}

body.style-dark-mode .maindiv {
    background-color: #242526;
    color: #e4e6eb
}

body.style-dark-mode #questioninfodiv {
    background-color: #242526
}

body.style-dark-mode .answercontainer {
    background-color: #2a2b2c
}

body.style-dark-mode #timespan {
    background-color: #3a3b3c
}

body.style-dark-mode #timebarmiddiv {
    background-color: #3a3b3c
}

body.style-dark-mode #timebarmiddiv {
}

body.style-dark-mode #msgdiv {
    background-color: #242526;
    color: #e4e6eb
}

body.style-dark-mode #mainrow {
    background-color: #2a2b2c
}

body.style-dark-mode #col1,body.style-dark-mode #col2,body.style-dark-mode #xcol2 {
    background-color: #2a2b2c
}

body.style-dark-mode #basketdiv,body.style-dark-mode #otobr,body.style-dark-mode #ottxt,body.style-dark-mode #xotobr,body.style-dark-mode #xottxt,body.style-dark-mode .answer,body.style-dark-mode .answerbutton {
    background-color: #242526
}

body.style-dark-mode .basketitem[style="background: white;"] {
    background-color: #242526!important
}

body.style-dark-mode .basketitem[style="background: rgb(224, 224, 224);"] {
    background-color: #38393a!important
}

body.style-dark-mode .waybutton {
    background-color: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.1);
    color: #ddd;
    padding: 4px 9px;
    font-size: 17px
}

body.style-dark-mode .toolselect {
    background-color: #2b2b2b;
    border: 1px solid #616161
}

body.style-dark-mode .waybutton {
}

* {
    outline: none!important
}

body.style-dark-mode .listnrdiv[style="background: white;"],body.style-dark-mode .listnrdiv[style="background-color: white;"] {
    background-color: #262626!important
}

body.style-dark-mode .listnrdiv[style="background: orange;"],body.style-dark-mode .listnrdiv[style="background-color: orange;"] {
    background-color: #a9a200!important
}

body.style-dark-mode .listnrdiv[style="background: cyan;"],body.style-dark-mode .listnrdiv[style="background-color: cyan;"] {
    background-color: #005aa9!important
}

body.style-dark-mode .listnrdiv[style="background: silver;"],body.style-dark-mode .listnrdiv[style="background-color: silver;"] {
    background-color: #444546!important
}

body.style-dark-mode .answercontainer[style="background: white;"],body.style-dark-mode .answercontainer[style="background-color: white;"] {
    background-color: #4a4a4a!important
}

body.style-dark-mode .answercontainer[style="background: orange;"],body.style-dark-mode .answercontainer[style="background-color: orange;"] {
    background-color: #a9a200!important
}

.skryt-otazku {
    background-color: #ddd;
    color: #ddd!important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.style-dark-mode .skryt-otazku {
    background-color: #373737;
    color: #373737!important
}

.skryt-otazku span {
    color: inherit!important;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-otazka-toggle-visib=true] {
    cursor: pointer
}