/* <link href="css/leda.css" rel="stylesheet">
    <link href="css/game.css" rel="stylesheet">
    <link href="css/testform.css" rel="stylesheet">

    <link href="css/idGeneratedStyles.css" rel="stylesheet"> */

@import "leda.css";
@import "game.css";
@import "testform.css";
/* @import "idGeneratedStyles.css"; */


#content {
    line-height: 0.75cm;
}
.jh-list-move {
    padding-left: 30px !important;
    white-space: nowrap;
}
.jh-list-move2 {
    padding-left: 50px !important;
    white-space: nowrap;
}

.row {
    /* margin-right: 0; */
    /* margin-left: 0; */
}





/*
body, #canvasDiv{
    height:100% !important;
    min-height: 100% !important;
}
*/

#content{
    height: auto; !important;
    min-height: 100% !important;

}

img{
    width: 100%;
    height: auto;
}

.carousel-indicators li {
    border: 1px solid black;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    /* padding-left: 0px; */
    /* padding-right: 0px; */
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*.navbar-default {
    background-color: white;
    border-color: lightgray;
}

.navbar-default .navbar-nav>li>a {
    color: deeppink;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #dc0076;
}

a:hover, a:focus {
    color: #dc0076;
}

a {
    color: deeppink;
    text-decoration: none;
}



.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: deeppink;
}*/

.noselectt{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}






.well {
    /*background: #92d050;*/
    background: #70ad47;
    color: white;
    border: 2px solid #00b050;
}

#content table.lt-table-green-border th,
#content table.lt-table-green-border td {
    border: 1px solid #8cca4e;
}

#content table th {
    background: #70ad47;
    color: white;
}

.lt-odd-green tr:nth-child(even) {
    background: #e1efdb;
}

.lt-even-white tr:nth-child(odd) {
    background: white;
}

.lt-col1-center td:first-child {
    text-align: center;
}
.lt-col1-strong td:first-child {
    font-weight: bold;
}

.cviceni {
    font-size: 80px;
    text-align: center;
    background: gray;
}

.poznamka-pod-carou { /* todo */
    font-size: 80%;
    background: red;
    color: white;
}

/* napr. v "Priklad zapisu"; 4.3.5 */
.lt-green-text {
    color: #01af50;
}

img + div.text-center {
    font-style: italic;
    margin-top: 1em;
    margin-bottom: 2em;
}

.lt-popis {
    font-style: italic;
}

p {
    text-align: justify;
}

#content a[data-toggle="popover"]:link,
#content a[data-toggle="popover"]:visited {
    text-decoration: none;
    border-bottom: dotted gray 1px;
    color: inherit;
}
#content a[data-toggle="popover"]:hover,
#content a[data-toggle="popover"]:active {
    text-decoration: none;
    border-bottom: solid gray 1px;
}

.lt-multitest.carousel .pagination {
    margin: 15px auto 20px auto;
    display: block;
    width: 200px;
    height: 50px;
}
.lt-multitest.carousel .pagination a {
    background-color: transparent;
    color: inherit;
}
.lt-multitest.carousel .pagination>.active>a {
    background-color: rgba(128,128,128,0.3);
}
.lt-multitest.carousel fieldset div {
    margin: 3px;
}

.lt-multitest label {
    border-radius: 3px;
    padding: 3px 5px;
}


.lt-multitest .pagination a.correct,
.lt-multitest label.correct {
    background-color: #dff0d8;
    color: #3c763d;
}
.lt-multitest .pagination a.incorrect,
.lt-multitest label.incorrect {
    background-color: #f2dede;
    color: #a94442;
}
.lt-check {
    position: absolute;
    bottom: 8px;
    border-radius: 4px;
    margin: 5px;
    background-color: transparent;
}
.lt-reset {
    position: absolute;
    bottom: 8px;
    left: 130px;
    border-radius: 4px;
    margin: 5px;
    background-color: transparent;
}
.lt-pretahovacka li.correct {
    background-color: #dff0d8;
    color: #3c763d;
}
.lt-pretahovacka li.incorrect {
    background-color: #f2dede;
    color: #a94442;
}

.lt-btn-zeleny {
    border: 2px solid #00b050;
    background: #92d050;
    color: white;
}

.btn-toolbar {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.ts-sequence-description {
    display: table;
    margin-left: auto;
    margin-right: auto;
}












/*#sortable1, #sortable2*/
.connectedSortable {
    list-style-type: none;
    padding: 5px 0 0 0;
    width: 100%;

    user-select: none;
    min-height: 300px;
}

li.ui-state-default {
    list-style-type: none;
    border-radius: 5px;
    padding-left: 10px;
    background: rgba(0,0,0,0);
    padding: 5px;
    margin: 0 5px 5px 5px;
    user-select: none;
    color: inherit;
}
.lt-placeholder {
    border-radius: 5px;
    padding-left: 10px;
    background-color: rgba(140, 202, 78, 0.5) !important;
    padding: 5px;
    margin: 0 5px 5px 5px;
    height: 2em;
}
li.ui-state-default span.glyphicon {
    position: relative;
    top: 3px;
}

.ui-state-default{
    white-space: nowrap;
}














.ts-empty-headline{
    text-align: center;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {

    border-top: none;
}

.leda-a {
    background-color: #000000;
    color: white;
    font-family: Arial;
    font-weight: 900;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
}

/* rm lt */
.container {
    /* max-width: 952px; */
}

.ts-vertical-align-table tr td{
    vertical-align: middle !important;
}
.incorrect{
    *border-color: #a94442;
    *-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    *box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

}



.incorrect:focus {
    *border-color: #843534;
    *-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    *box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.correct {
    *border-color: #3c763d;
    *-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    *box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.correct:focus {
    *border-color: #2b542c;
    *-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    *box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
}

.panel {
    background-color: transparent;
}


.form-control {

    background-color: transparent;
}











/* lukas leda 2026 */
.ck-content .table {
    margin: 1em 0;
}

table[align="center"] {
    /* border: 2px solid red; */
    margin-left: auto !important;
    margin-right: auto !important;
}
.ck-content {
    max-width: 952px;
}
/* tymto sa skryje text o shitnom browseri z <audio> */
audio-elem:not([controls]) {
    display: none;
    height: 0;
}