:root {
  --edukace-color: #007700;
  --edukace-svetla-color: #00A300;
  --edukace-bleda-color: #B8FFB8;
  --crash-color: #666600;
  --crash-svetla-color: #A3A300;
  --crash-bleda-color: #FFFFB8;
  --cvicne-color: #003f68;
  --cvicne-svetla-color: #456E9B;
  --cvicne-bleda-color: #B8E2FF;
  --ostre-color: #ac1c1b;
  --ostre-svetla-color: #DD2222;
  --ostre-bleda-color: #F5C1C1;
}
.cnb-front div.rozcectnik div {
    height: auto;
}
.cnb-front div.rozcectnik div a {
    display: block;
    height: 100%;
    text-align: center;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin: 20px 20px 0 20px;
    padding: 20px 20px 0 20px;
    color: #444;
    background-color: #eee;
}
.cnb-front div.rozcectnik div a i {
    font-size: 80px;
}

.cnb-front .fg-edukace {
    color: var(--edukace-color) !important;
}
.cnb-front .fg-crash {
    color: var(--crash-color) !important;
}
.cnb-front .fg-cvicne {
    color: var(--cvicne-color) !important;
}
.cnb-front .fg-ostre {
    color: var(--ostre-color) !important;
}
.cnb-front .bg-edukace {
    color: #fff !important;
    background-color: var(--edukace-color) !important;
}
.cnb-front .bg-crash {
    color: #fff !important;
    background-color: var(--crash-color) !important;
}
.cnb-front .bg-cvicne {
    color: #fff !important;
    background-color: var(--cvicne-color) !important;
}
.cnb-front .bg-ostre {
    color: #fff !important;
    background-color: var(--ostre-color) !important;
}

#snippet-historieEdukaceGrid-grid table.table-bordered,
#snippet-historieEdukaceGrid-grid .row-grid-bottom,
#snippet-historieEdukaceGrid-grid .table-bordered td, 
#snippet-historieEdukaceGrid-grid .table-bordered th,
#snippet-historieCrashGrid-grid table.table-bordered,
#snippet-historieCrashGrid-grid .row-grid-bottom,
#snippet-historieCrashGrid-grid .table-bordered td, 
#snippet-historieCrashGrid-grid .table-bordered th,
#snippet-historieCvicneGrid-grid table.table-bordered,
#snippet-historieCvicneGrid-grid .row-grid-bottom,
#snippet-historieCvicneGrid-grid .table-bordered td, 
#snippet-historieCvicneGrid-grid .table-bordered th,
#snippet-historieOstreGrid-grid table.table-bordered,
#snippet-historieOstreGrid-grid .row-grid-bottom,
#snippet-historieOstreGrid-grid .table-bordered td, 
#snippet-historieOstreGrid-grid .table-bordered th {
    border: 0;
}
#snippet-historieEdukaceGrid-grid .row-grid-bottom,
#snippet-historieEdukaceGrid-grid .table-striped tbody tr, 
#snippet-historieEdukaceGrid-grid .table-striped tbody tr:nth-of-type(odd),
#snippet-historieCrashGrid-grid .row-grid-bottom,
#snippet-historieCrashGrid-grid .table-striped tbody tr, 
#snippet-historieCrashGrid-grid .table-striped tbody tr:nth-of-type(odd),
#snippet-historieCvicneGrid-grid .row-grid-bottom,
#snippet-historieCvicneGrid-grid .table-striped tbody tr, 
#snippet-historieCvicneGrid-grid .table-striped tbody tr:nth-of-type(odd),
#snippet-historieOstreGrid-grid .row-grid-bottom,
#snippet-historieOstreGrid-grid .table-striped tbody tr, 
#snippet-historieOstreGrid-grid .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

#snippet-historieEdukaceGrid-grid table.table-bordered thead th, #snippet-historieEdukaceGrid-grid table.table-bordered thead th a {
    color: #fff !important;
    background-color: var(--edukace-color) !important;
}
#snippet-historieEdukaceGrid-grid table.table-bordered tbody tr:hover {
    background-color: var(--edukace-bleda-color);
}
#snippet-historieEdukaceGrid-grid .row-grid-bottom {
    border-top: 1px solid var(--edukace-color) !important;
}

#snippet-historieCrashGrid-grid table.table-bordered thead th, #snippet-historieCrashGrid-grid table.table-bordered thead th a {
    color: #fff !important;
    background-color: var(--crash-color) !important;
}
#snippet-historieCrashGrid-grid table.table-bordered tbody tr:hover {
    background-color: var(--crash-bleda-color);
}
#snippet-historieCrashGrid-grid .row-grid-bottom {
    border-top: 1px solid var(--crash-color) !important;
}

#snippet-historieCvicneGrid-grid table.table-bordered thead th, #snippet-historieCvicneGrid-grid table.table-bordered thead th a {
    color: #fff !important;
    background-color: var(--cvicne-color) !important;
}
#snippet-historieCvicneGrid-grid table.table-bordered tbody tr:hover {
    background-color: var(--cvicne-bleda-color);
}
#snippet-historieCvicneGrid-grid .row-grid-bottom {
    border-top: 1px solid var(--cvicne-color) !important;
}

#snippet-historieOstreGrid-grid table.table-bordered thead th, #snippet-historieOstreGrid-grid table.table-bordered thead th a {
    color: #fff !important;
    background-color: var(--ostre-color) !important;
}
#snippet-historieOstreGrid-grid table.table-bordered tbody tr:hover {
    background-color: var(--ostre-bleda-color);
}
#snippet-historieOstreGrid-grid .row-grid-bottom {
    border-top: 1px solid var(--ostre-color) !important;
}

.testcnb .hlavicka {
    color: #fff;
}
.testcnb .hlavicka.top {
    box-shadow: 0px 2px 2px 0px rgba(30,30,30,0.5);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(30,30,30,0.5);
    -moz-box-shadow: 0px 2px 2px 0px rgba(30,30,30,0.5);
    position: relative;
    z-index: 10;
    padding: 10px 0;
}
.testcnb.ostry .hlavicka.top {
    background-color: var(--ostre-color);
}
.testcnb.cvicny .hlavicka.top {
    background-color: var(--cvicne-color);
}
.testcnb.edukace .hlavicka.top {
    background-color: var(--edukace-color);
}
.testcnb.crash .hlavicka.top {
    background-color: var(--crash-color);
}
.testcnb.ostry .hlavicka.bottom {
    background-color: var(--ostre-svetla-color);
}
.testcnb.cvicny .hlavicka.bottom {
    background-color: var(--cvicne-svetla-color);
}
.testcnb.edukace .hlavicka.bottom {
    background-color: var(--edukace-svetla-color);
}
.testcnb.crash .hlavicka.bottom {
    background-color: var(--crash-svetla-color);
}
.testcnb .hlavicka.bottom div {
    padding: 10px 0;
    text-align: center;
    border-left: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
.testcnb .hlavicka.bottom div a {
    color: inherit;
    text-decoration: none;
}
.testcnb .hlavicka.bottom div a:hover {
    font-weight: bold;
}
.testcnb .hlavicka.bottom div:first-child {
    border-left: 0;
}
.testcnb.ostry .hlavicka.bottom div.aktivni {
    background-color: var(--ostre-bleda-color);
    color: #000;
}
.testcnb.cvicny .hlavicka.bottom div.aktivni {
    background-color: var(--cvicne-bleda-color);
    color: #000;
}
.testcnb.edukace .hlavicka.bottom div.aktivni {
    background-color: var(--edukace-bleda-color);
    color: #000;
}
.testcnb.crash .hlavicka.bottom div.aktivni {
    background-color: var(--crash-bleda-color);
    color: #000;
}

.testcnb .external {
    text-align: right;
    font-size: 12px;
    color: #bbb;
    margin-top: 20px;
}

.testcnb .studie {
    background-color: #bbb;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
}

.testcnb .odpovedi label {
    display: block;
}
.testcnb .odpoved {
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 16px;
    padding: 10px 0 10px 10px;
}
.testcnb .odpoved.spravna {
    border: 1px solid #0c0;
    font-weight: bold;
    color: #090;
}
.testcnb input[type=submit] {
    color: #fff;
    border: 0;
    padding: 6px 16px;
    border-radius: 5px;
}
.testcnb.ostry input[type=submit] {
    background-color: var(--ostre-color);
}
.testcnb.cvicny input[type=submit] {
    background-color: var(--cvicne-color);
}
.testcnb.edukace input[type=submit] {
    background-color: var(--edukace-color);
}
.testcnb.crash input[type=submit] {
    background-color: var(--crash-color);
}

.testcnb .btn-mark {
    background-color: #ddd;
    border: 1px #ccc solid;
    display: inline-block;
    text-align: center;
    color: #000;
    font-size: 12px;
    padding: 6px 12px;
}
.testcnb .btn-mark i {
    font-size: 32px;
    color: #007bff;
}
.testcnb .btn-mark:hover {
    text-decoration: none;
}

.testcnb .panel {
    background-color: #ddd;
}
.testcnb .panel .predchozi a, .testcnb .panel .dalsi a {
    color: #000;
}
.testcnb .panel .predchozi {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
    font-weight: bold;
}
.testcnb .panel .dalsi {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    font-weight: bold;
    text-align: right;
}
.testcnb .panel .sekce {
    text-align: left;
    font-weight: bold;
    background-color: #666;
    color: #fff;
    margin-top: 20px;
}
.testcnb .panel .otazky a {
    color: #000;
    border: 1px #ccc solid;
    display: block;
    font-size: 12px;
    width: 28px;
    line-height: 26px;
    text-align: center;
    float: left;
    margin-top: 2px;
    margin-right: 2px;
}