@font-face {
    font-family: 'Swagmasta';
    src: url("../fonts/Swagmasta-custom.woff") format('woff'),
    url("../fonts/Swagmasta-custom.ttf") format('truetype');
}
::-webkit-scrollbar-thumb {
    background: #661143;
}
::-webkit-scrollbar-thumb:window-inactive {
    background:#661143;
}
.ucitel21 .text-color {
    color: #771155;
}
.ucitel21 .text-color-kompetence1 {
    color: #fb8300;
}
.ucitel21 .text-color-kompetence2 {
    color: #56932f;
}
.ucitel21 .text-color-kompetence3 {
    color: #3498ea;
}
.ucitel21 .text-color-kompetence4 {
    color: #197770;
}
.ucitel21 .text-color-kompetence5 {
    color: #4e186e;
}
.ucitel21 .text-color-kompetence6 {
    color: #aa1b74;
}
.ucitel21 .background-color-kompetence1 {
    background-color: #fb8300 !important;
}
.ucitel21 .background-color-kompetence2 {
    background-color: #56932f !important;
}
.ucitel21 .background-color-kompetence3 {
    background-color: #3498ea !important;
}
.ucitel21 .background-color-kompetence4 {
    background-color: #197770 !important;
}
.ucitel21 .background-color-kompetence5 {
    background-color: #4e186e !important;
}
.ucitel21 .background-color-kompetence6 {
    background-color: #aa1b74 !important;
}
.ucitel21 .background-color-faded-kompetence1 {
    background-color: rgba(251, 131, 0, 0.35) !important;
}
.ucitel21 .background-color-faded-kompetence2 {
    background-color: rgba(86, 147, 47, 0.35) !important;
}
.ucitel21 .background-color-faded-kompetence3 {
    background-color: rgba(52, 152, 234, 0.35) !important;
}
.ucitel21 .background-color-faded-kompetence4 {
    background-color: rgba(25, 119, 112, 0.35) !important;
}
.ucitel21 .background-color-faded-kompetence5 {
    background-color: rgba(78, 24, 110, 0.35) !important;
}
.ucitel21 .background-color-faded-kompetence6 {
    background-color: rgba(170, 27, 116, 0.35) !important;
}
.ucitel21 .background-color {
    background-color: #771155
}
.ucitel21 .text-swagmasta {
    font-family: 'Swagmasta', serif;
    font-size: 2.5rem;
}
.ucitel21 .btn {
    font-size: 1.125rem;
    font-weight: bold;
    padding: 1rem;
}
.ucitel21 .btn-yellow {
    color: #771155;
}
.ucitel21 .btn-clear {
    color: #771155;
    border: 0.125rem solid #771155;
    background: transparent;
}
.ucitel21 .btn-clear:hover {
    color: #5F113D;
    border-color: #5F113D;
}
.ucitel21 h2.page-title {
    color: #771155;
    text-transform: uppercase;
    font-weight: bold;
}
.ucitel21 h2.page-title.notransform {
    text-transform: none;
}
.ucitel21 .cast-shadow {
    -webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.35);
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0,0,0,0.35);
}
.ucitel21 hr {
    border-top: 0.0625rem dashed #771155;
}
.ucitel21 .uroven .uroven-img {
    background: transparent url('../img/sprite.png') no-repeat;
}
.ucitel21 .uroven.uroven-lidr .uroven-img {
    width: 38px;
    height: 42px;
    background-position: -585px -2px !important;
}
.ucitel21 .uroven.uroven-prukopnik .uroven-img {
    width: 61px;
    height: 39px;
    background-position: -634px -2px !important;
}
.ucitel21 .uroven.uroven-praktik .uroven-img {
    width: 44px;
    height: 31px;
    background-position: -585px -47px !important;
}
.ucitel21 .uroven.uroven-odbornik .uroven-img {
    width: 23px;
    height: 31px;
    background-position: -634px -47px !important;
}
.ucitel21 .uroven.uroven-novacek .uroven-img {
    width: 44px;
    height: 46px;
    background-position: -585px -81px !important;
}
.ucitel21 .uroven.uroven-objevitel .uroven-img {
    width: 61px;
    height: 33px;
    background-position: -634px -86px !important;
}
.ucitel21 .ema-alert.alert-wider {
    max-width: 50rem;
}


.ucitel21.old-header .container-small-logo {
    padding: 12px 0;
}
.ucitel21.old-header header.header .navbar {
    top: 86px;
}
.ucitel21.old-header .topbar {
    height: 86px;
}
.ucitel21 header .navbar-brand {
    width: 5.625rem;
    background: transparent url(../img/logov2.png) no-repeat;
    background-size: contain;
}
.ucitel21 .header .navbar.navbar-color {
    background-color: #771155;
    color: #ffffff;
}
.ucitel21 .header .navbar .dropdown-menu {
    background-color: #771155;
}
.ucitel21 .header .navbar .dropdown-menu a:hover {
    color: #ffffff;
    background: #5F113D;
}
.ucitel21 .header .dropdown .dropdown-item:focus {
    background-color:#5F113D;
}
.ucitel21 .hp-bg {
    position: relative;
    min-height: 23.13rem;
    color: #ffffff;
    background: url(../img/hp-image.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position-y: 40%;
    padding-top: 0.625rem;
}
.ucitel21 .hp-bg .hp-arrow {
    width: 109px;
    height: 186px;
    background: url(../img/hp-arrow.png) no-repeat;
    position: absolute;
    right: -5rem;
    top: -9rem;
}
.ucitel21 .hp-bg .teacher-count {
    font-size: 10.8rem;
    line-height: 1;
    font-weight: bold;
}
.ucitel21 .hp-footer {
    position: relative;
}
.ucitel21 .hp-footer .hp-footer-text {
    font-size: 1.75rem;
    font-weight: bold;
    text-transform: uppercase;
}
.ucitel21 .hp-footer .hp-footer-img {
    width: 396px;
    height: 278px;
    background: url(../img/hp-footer-img.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}
.ucitel21 .hp-urovne-kompetenci .hp-urovne-kompetenci-img {
    width: 549px;
    height: 214px;
    background: url(../img/hp-urovne-kompetenci.png) no-repeat;
}
.ucitel21 .hp-prehled-kompetenci .hp-kompetence-list p {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 1.5rem;
    text-indent: -1.5rem;
}
.ucitel21 .hp-prehled-kompetenci .hp-kompetence-list p:first-child {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem;
    text-indent: -1.25rem;
}
.ucitel21 .hp-prehled-kompetenci .hp-kompetence-list p a {
    text-decoration: none;
    color: inherit;
}
.ucitel21 .hp-prehled-kompetenci .hp-kompetence-list p a:hover {
    text-decoration: underline;
}
.ucitel21 .hp-prehled-kompetenci .hp-prehled-kompetenci-img-wrapper {
    /*height: 280px;*/
}
.ucitel21 .hp-prehled-kompetenci .hp-prehled-kompetenci-img {
    width: 990px;
    height: 607px;
    background: url(../img/hp-prehled-kompetenci.png) no-repeat;
}
.ucitel21 .hp-prehled-kompetenci-img-wrapper img {
    position: absolute;
    top: 10rem;
    left: 0;
}
.ucitel21 .prehled-urovni .uroven {
    position: relative;
    width: 18.75rem;
}
.ucitel21 .prehled-urovni .uroven > p:first-of-type {
    border-style: solid;
    padding-top: 2rem;
    width: 18.63rem;
}
.ucitel21 .prehled-urovni .uroven.uroven-lidr > p:first-of-type {
    border-width: 30px 60px 20px 30px;
    -o-border-image: url(../img/uroven-lidr-border.png) 38 60 24 40 stretch stretch;
    -icab-border-image: url(../img/uroven-lidr-border.png) 38 60 24 40 stretch stretch;
    -khtml-border-image: url(../img/uroven-lidr-border.png) 38 60 24 40 stretch stretch;
    -moz-border-image: url(../img/uroven-lidr-border.png) 38 60 24 40 stretch stretch;
    -web-kit-border-image: url(../img/uroven-lidr-border.png) 38 60 24 40 stretch stretch;
    border-image: url(../img/uroven-lidr-border.png) 38 60 24 40 stretch stretch;
}
.ucitel21 .prehled-urovni .uroven.uroven-prukopnik > p:first-of-type {
    border-width: 30px 22px 14px 24px;
    -o-border-image: url(../img/uroven-prukopnik-border.png) 34 20 18 24 stretch stretch;
    -icab-border-image: url(../img/uroven-prukopnik-border.png) 34 20 18 24 stretch stretch;
    -khtml-border-image: url(../img/uroven-prukopnik-border.png) 34 20 18 24 stretch stretch;
    -moz-border-image: url(../img/uroven-prukopnik-border.png) 34 20 18 24 stretch stretch;
    -web-kit-border-image: url(../img/uroven-prukopnik-border.png) 34 20 18 24 stretch stretch;
    border-image: url(../img/uroven-prukopnik-border.png) 34 20 18 24 stretch stretch;
}
.ucitel21 .prehled-urovni .uroven.uroven-praktik > p:first-of-type {
    border-width: 30px 20px 20px 24px;
    -o-border-image: url(../img/uroven-praktik-border.png) 34 26 30 24 stretch stretch;
    -icab-border-image: url(../img/uroven-praktik-border.png) 34 26 30 24 stretch stretch;
    -khtml-border-image: url(../img/uroven-praktik-border.png) 34 26 30 24 stretch stretch;
    -moz-border-image: url(../img/uroven-praktik-border.png) 34 26 30 24 stretch stretch;
    -web-kit-border-image: url(../img/uroven-praktik-border.png) 34 26 30 24 stretch stretch;
    border-image: url(../img/uroven-praktik-border.png) 34 26 30 24 stretch stretch;
}
.ucitel21 .prehled-urovni .uroven.uroven-odbornik > p:first-of-type {
    border-width: 30px 30px 20px 24px;
    -o-border-image: url(../img/uroven-odbornik-border.png) 34 28 30 24 stretch stretch;
    -icab-border-image: url(../img/uroven-odbornik-border.png) 34 28 30 24 stretch stretch;
    -khtml-border-image: url(../img/uroven-odbornik-border.png) 34 28 30 24 stretch stretch;
    -moz-border-image: url(../img/uroven-odbornik-border.png) 34 28 30 24 stretch stretch;
    -web-kit-border-image: url(../img/uroven-odbornik-border.png) 34 28 30 24 stretch stretch;
    border-image: url(../img/uroven-odbornik-border.png) 34 28 30 24 stretch stretch;
}
.ucitel21 .prehled-urovni .uroven.uroven-novacek > p:first-of-type {
    border-width: 30px 28px 20px 24px;
    -o-border-image: url(../img/uroven-novacek-border.png) 30 38 30 32 stretch stretch;
    -icab-border-image: url(../img/uroven-novacek-border.png) 30 38 30 32 stretch stretch;
    -khtml-border-image: url(../img/uroven-novacek-border.png) 30 38 30 32 stretch stretch;
    -moz-border-image: url(../img/uroven-novacek-border.png) 30 38 30 32 stretch stretch;
    -web-kit-border-image: url(../img/uroven-novacek-border.png) 30 38 30 32 stretch stretch;
    border-image: url(../img/uroven-novacek-border.png) 30 38 30 32 stretch stretch;
}
.ucitel21 .prehled-urovni .uroven.uroven-objevitel > p:first-of-type {
    border-width: 26px 28px 20px 24px;
    -o-border-image: url(../img/uroven-objevitel-border.png) 40 38 30 32 stretch stretch;
    -icab-border-image: url(../img/uroven-objevitel-border.png) 40 38 30 32 stretch stretch;
    -khtml-border-image: url(../img/uroven-objevitel-border.png) 40 38 30 32 stretch stretch;
    -moz-border-image: url(../img/uroven-objevitel-border.png) 40 38 30 32 stretch stretch;
    -web-kit-border-image: url(../img/uroven-objevitel-border.png) 40 38 30 32 stretch stretch;
    border-image: url(../img/uroven-objevitel-border.png) 40 38 30 32 stretch stretch;
}
.ucitel21 .prehled-urovni .uroven .uroven-img {
    top: 5%;
    left: 47%;
    -webkit-transform: translate(-47%, 0);
    -moz-transform: translate(-47%, 0);
    -ms-transform: translate(-47%, 0);
    -o-transform: translate(-47%, 0);
    transform: translate(-47%, 0);
    position: absolute;
}
.ucitel21 .prehled-oblasti-bg {
    min-height: 16rem;
}
.ucitel21 .prehled-oblasti-bg .btn-download,
.ucitel21 .prehled-oblasti-bg .btn-share,
.ucitel21 .prehled-oblasti-bg .btn-archive {
    color: black;
    font-size: 0.8125rem;
    text-transform: uppercase;
    line-height: 1.5rem;
    width: 14rem;
    text-align: left;
    padding-top: 0.9375rem;
    padding-bottom: 0.875rem;
}
.ucitel21 .prehled-oblasti-bg .btn-share {
    padding-bottom: 0.5rem;
}
.ucitel21 .prehled-oblasti-bg .btn-download:hover,
.ucitel21 .prehled-oblasti-bg .btn-share:hover,
.ucitel21 .prehled-oblasti-bg .btn-archive:hover {
    color: black;
}
.ucitel21 .prehled-oblasti-bg .btn-download span.btn-download-icon,
.ucitel21 .prehled-oblasti-bg .btn-share span.btn-share-icon,
.ucitel21 .prehled-oblasti-bg .btn-archive span.btn-archive-icon {
    background: transparent url('../img/sprite.png') no-repeat;
    float: left;
    margin-top: -0.0625rem;
    margin-right: 0.5rem;
}
.ucitel21 .prehled-oblasti-bg .btn-download span.btn-download-icon {
    width: 28px;
    height: 25px;
    background-position: -699px -71px;
}
.ucitel21 .prehled-oblasti-bg .btn-share span.btn-share-icon {
    width: 33px;
    height: 40px;
    background-position: -699px -29px;
    margin-top: -0.625rem;
}
.ucitel21 .prehled-oblasti-bg .btn-archive span.btn-archive-icon {
    width: 32px;
    height: 25px;
    background-position: -699px -2px;
}
.ucitel21 .prehled-oblasti-bg .user-img {
    background: url(../img/avatar.png);
    background-size: contain;
    width: 3.438rem;
    height: 3.438rem;
    float: left;
    margin-top: -1.25rem;
}
.ucitel21 .prehled-oblasti-bg .login-bubble {
    position: relative;
    max-width: 27rem;
    margin: 1em;
    padding: 1.5em;
    background-color: #fff;
    color: #000;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}
.ucitel21 .prehled-oblasti-bg .login-bubble:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 50%;
    left: -1em;
    border-style: solid;
    border-width: 1em 1em 1em 0;
    border-color: transparent #fff;
    filter: drop-shadow(-0.2rem 0 0.125rem rgba(0, 0, 0, .15));
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.ucitel21 .prehled-oblasti-bg .arrow-p {
    width: 79px;
    height: 135px;
    background: url(../img/arrow-p-sm.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: -3rem;
}
.ucitel21 .prehled-oblasti-kompetence-list-bg {
    background: url(../img/prehled-oblasti-bg.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
}
.ucitel21 .prehled-oblasti-kompetence-list {
    line-height: 1;
}
.ucitel21 .prehled-oblasti-kompetence-list .prehled-oblasti-kompetence-list-items > div {
    padding-bottom: 1rem;
}
.ucitel21 .prehled-oblasti-kompetence-list p {
    font-size: 0.875rem;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 2rem;
    text-indent: -2rem;
}
.ucitel21 .prehled-oblasti-kompetence-list .prehled-oblasti-kompetence-items > p:first-of-type {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem;
    text-indent: -1.25rem;
}
.ucitel21 .prehled-oblasti-kompetence-list p a {
    text-decoration: none;
    color: inherit;
    line-height: 1.5;
}
.ucitel21 .prehled-oblasti-kompetence-list p a:hover {
    text-decoration: underline;
}
.ucitel21 .prehled-oblasti-kompetence-list span.plan-postupu {
    padding-left: 1.688rem;
    font-size: 0.75rem;
    color: black;
}
.ucitel21 .prehled-oblasti-kompetence-list .prehled-oblasti-aktivita {
    text-align: center;
    color: black;
}
.ucitel21 .prehled-oblasti-graf-hodnoceni {
    margin-top: -5rem;
}
.ucitel21 #grafyKompetenci .chart-switch {
    cursor: pointer;
}
.ucitel21 #grafyKompetenci .chart-switch.selected > div:first-child:before {
    content: ">";
    position: absolute;
    left: 0;
}
.ucitel21 .kompetence-detail-aktivity-list {
    color: black;
}
.ucitel21 .kompetence-detail-aktivity-list ul {
    margin-bottom: 0;
    padding-left: 0;
}
.ucitel21 .kompetence-detail-aktivity-list li {
    list-style: none;
    background: url(../img/kompetence-detail-aktivity-list.png) no-repeat;
    padding-bottom: 1.25rem;
    padding-left: 1.563rem;
    color: black;
}
.ucitel21 .kompetence-detail-postup-list .subtitle {
    font-weight: bold;
    text-transform: uppercase;
    color: #771155;
    margin-bottom: 0.875rem;
    font-size: 1.25rem;
}
.ucitel21 .kompetence-detail-postup-list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    padding-bottom: 1rem;
}
.ucitel21 .kompetence-detail-postup-list .two-columns ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.ucitel21 .kompetence-detail-postup-list li {
    list-style: none;
    padding-bottom: 0.5rem;
    color: #771155;
    font-size: 0.875rem;
    font-weight: bold;
}
.ucitel21 .kompetence-detail-postup-list li a:not(:hover) {
    color: #771155;
}
.ucitel21 .kompetence-detail-bg {
    background: url(../img/kompetence-detail-bg.png) no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: center;
}
.ucitel21 .kompetence-detail #nav-tabs {
    border-bottom-color: white;
}
.ucitel21 .kompetence-detail #nav-tabs .nav-item{
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-right: 1rem;
}
.ucitel21 .kompetence-detail .kompetence-popis p {
    margin-bottom: 0;
}
.ucitel21 .kompetence-detail .kompetence-popis p.truncate,
.ucitel21 .kompetence-detail .kompetence-popis p.notruncate {
    line-height: 1.3rem;
}
.ucitel21 .kompetence-detail .kompetence-oblast-level {
    display: none;
    -webkit-transition: left 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: left 0.3s ease-out;  /* Firefox 4-15 */
    -o-transition: left 0.3s ease-out;  /* Opera 10.50–12.00 */
    transition: left 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.ucitel21 .kompetence-detail .kompetence-oblast-level.selected {
    display: block;
}
.ucitel21 .kompetence-detail a {
    text-decoration: none;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven {
    background: #FFFFFF;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0.1875rem 0.125rem 0.375rem 0.1875rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0.1875rem 0.125rem 0.375rem 0.1875rem rgba(0,0,0,0.2);
    box-shadow: 0.1875rem 0.125rem 0.375rem 0.1875rem rgba(0,0,0,0.2);
    min-height: 11.63rem;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven h2 {
    font-size: 1.5rem;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf-text {
    position: absolute;
    max-width: 250px;
    top: 0;
    left: 4rem;
    font-style: italic;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf {
    position: relative;
    background: transparent url('../img/kompetence-vase-uroven-graf.png') no-repeat;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-0 {
    background-position: 0 0;
    width: 487px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-A1 {
    background-position: 0 -98px;
    width: 473px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-A2 {
    background-position: 0 -196px;
    width: 473px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-B1 {
    background-position: 0 -294px;
    width: 473px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-B2 {
    background-position: 0 -392px;
    width: 473px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-C1 {
    background-position: 0 -490px;
    width: 473px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-vase-uroven .graf.uroven-C2 {
    background-position: 0 -588px;
    width: 478px!important;
    height: 96px;
}
.ucitel21 .kompetence-detail .kompetence-prev,
.ucitel21 .kompetence-detail .kompetence-next {
    position: relative;
}
.ucitel21 .kompetence-detail .kompetence-prev {
    padding-left: 1.5rem;
}
.ucitel21 .kompetence-detail .kompetence-next {
    padding-right: 1.5rem;
}
.ucitel21 .kompetence-detail .kompetence-prev i,
.ucitel21 .kompetence-detail .kompetence-next i {
    font-size: 1.625rem;
    position: absolute;
    top: -0.1875rem;
    font-weight: bold;
    color: #818A91;
}
.ucitel21 .kompetence-detail .kompetence-prev i {
    left: 0;
}
.ucitel21 .kompetence-detail .kompetence-next i {
    right: 0;
}
.ucitel21 .kompetence-detail .kompetence-uroven {
    border: 0.125rem solid transparent;
    -webkit-border-radius: 0.875rem;
    -moz-border-radius: 0.875rem;
    border-radius: 0.875rem;
    padding: 1.5rem;
}
.ucitel21 .kompetence-detail .kompetence-uroven:hover {
    border: 0.125rem solid #eee;
}
.ucitel21 .kompetence-detail .kompetence-uroven.selected {
    border: 0.125rem solid #ffc916;
}
.ucitel21 .kompetence-detail .kompetence-uroven h2 {
    color: #771155;
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: bold;
    padding-right: 1rem;
}
.ucitel21 .kompetence-detail .kompetence-uroven .uroven {
    padding-left: 1rem;
}
.ucitel21 .kompetence-detail .kompetence-uroven .uroven-definice p,
.ucitel21 .kompetence-detail .kompetence-uroven .uroven-popis p {
    margin-bottom: 0;
}
.ucitel21 .kompetence-detail .kompetence-uroven .radio-puntik {
    background: transparent url('../img/sprite.png') no-repeat;
    width: 25px;
    height: 25px;
    background-position: -664px -123px;
}
.ucitel21 .kompetence-detail .kompetence-uroven.selected .radio-puntik {
    background-position: -632px -123px;
}
.ucitel21 .archiv-prehledu .prehled-nazev .fa-pencil,
.ucitel21 .archiv-prehledu .prehled-poznamka .fa-pencil {
    cursor: pointer;
}
.ucitel21 .archiv-prehledu .prehled-nazev span:empty:before,
.ucitel21 .prehled-oblasti-bg #currentNazev:empty:before {
    content: "Název nevyplněn";
    font-style: italic;
}
.ucitel21 .archiv-prehledu .prehled-poznamka span:empty:before {
    content: "Poznámka nevyplněna";
    font-style: italic;
}
.ucitel21 .archiv-prehledu .novy-prehled {
    text-decoration: none;
}
.ucitel21 .archiv-prehledu .novy-prehled i {
    font-size: 1.5rem;
    margin-top: -1px;
    position: absolute;
    margin-left: -28px;
    color: black;
}
.ucitel21 #navbarNavDropdown .nav-item {
    position: relative;
}
.ucitel21 #navbarNavDropdown .nav-item a:after {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    border-bottom: 1px dashed #8e8e8e;
    left: 10px;
    right: 10px;
}
.ucitel21 #prehledDownload {
    z-index: 1090;
}
.ucitel21 #prehledDownload button.close {
    opacity: 0.7;
    font-size: 1.125rem;
    padding-top: 1.375rem;
}
.ucitel21 #prehledDownload button.close:hover {
    opacity: 0.9;
}
.ucitel21 #prehledDownload .close-text {
    text-shadow: none;
    font-weight: normal;
}
.ucitel21 .header .header-block-nav .profile-dropdown-menu a:last-child:after {
    border-bottom: 0;
}
.ucitel21 #hp-kompetence-card a {
    color: inherit;
    text-decoration: none;
}
.ucitel21 #hp-kompetence-card .card-header h2 i {
    cursor: pointer;
}
.ucitel21 #feedback-button {
    margin-top: 4rem;
    margin-left: 2.75rem;
    z-index: 1;
}
.ucitel21 #feedback-button.is-home {
    margin-top: 7.375rem;
}
.ucitel21 #feedback-button p {
    background: #F6ED54;
    transform-origin: 0 0;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.ucitel21 #feedback-button p a {
    display: block;
    padding: 0.625rem;
    color: #771155;
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: none;
}
.ucitel21 .pageswrap .btn-secondary {
    background: #771155;
    border-color: #771155;
}
.ucitel21 .pageswrap .page.btn-primary {
    background: white;
    color: #771155;
}
.ucitel21 .paginator .show-more {
    padding: 0.875rem 2rem;
}

.ucitel21 a:not(.btn) {
    text-decoration: none;
}
.ucitel21 .header.sticky-top {
    top: 55px!important;
    z-index: 9!important;
}
.ucitel21 .row>* {
    width: auto!important;
}

/* sm a vys */
@media (min-width: 768px) {
    .ucitel21 .prehled-oblasti-kompetence-list.prehled-oblasti-kompetence-1 .prehled-oblasti-kompetence-items,
    .ucitel21 .prehled-oblasti-kompetence-list.prehled-oblasti-kompetence-2 .prehled-oblasti-kompetence-items,
    .ucitel21 .prehled-oblasti-kompetence-list.prehled-oblasti-kompetence-3 .prehled-oblasti-kompetence-items {
        min-height: 15rem;
    }
    .ucitel21 .prehled-oblasti-kompetence-list.prehled-oblasti-kompetence-4 .prehled-oblasti-kompetence-items,
    .ucitel21 .prehled-oblasti-kompetence-list.prehled-oblasti-kompetence-5 .prehled-oblasti-kompetence-items,
    .ucitel21 .prehled-oblasti-kompetence-list.prehled-oblasti-kompetence-6 .prehled-oblasti-kompetence-items {
        min-height: 17.9rem;
    }
}
/* md a vys */
@media (min-width: 992px) {
    .ucitel21 .prehled-oblasti-bg .prehled-oblasti-border-left {
        border-left: 0.0625rem dashed #771155;
    }
}
/* xl a vys */
@media (min-width: 1200px) {
    .ucitel21 .hp-prehled-kompetenci .hp-kompetence2 {
        padding-top: 3rem;
        padding-left: 6rem;
    }
    .ucitel21 .hp-prehled-kompetenci .hp-kompetence4 {
        padding-top: 3rem;
        padding-left: 5rem;
    }
    .ucitel21 .hp-prehled-kompetenci .hp-kompetence6 {
        padding-left: 0;
        padding-right: 7rem;
    }
    .ucitel21 .hp-prehled-kompetenci .hp-prehled-kompetenci-btn {
        padding-top: 21rem;
    }
    .ucitel21 .prehled-urovni .uroven-middle {
        background: url(../img/urovne-middle-img.png) no-repeat;
        background-position: 50% 25%;
    }
}
/* nizsi nez lg */
@media (max-width: 991px) {
    .ucitel21 .prehled-oblasti-graf-hodnoceni {
        margin-top: 0;
    }
}
/* nizsi nez md */
@media (max-width: 768px) {
    .ucitel21 #frm-vytvoritPrehledForm-nazev {
        width: 14rem;
    }
}
/* lg a vys */
@media (min-width: 992px) {
    .ucitel21 .kompetence-detail-aktivity-list ul {
        padding-left: 1rem !important
    }
    .ucitel21 #frm-vytvoritPrehledForm-nazev {
        width: 14rem;
    }
}
/* nizsi nez sm */
@media (max-width: 575px) {
    .ucitel21 .prehled-oblasti-bg .login-bubble:before {
        bottom: auto;
        left: auto;
        top: -1em;
        right: 50%;
        border-width: 0 1em 1em;
        border-color: #fff transparent;
        filter: drop-shadow(0 -0.2rem 0.125rem rgba(0, 0, 0, .15));
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    .ucitel21 .kompetence-detail-postup-list .two-columns ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}
/* ie 10, 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie10up {
        flex-direction: row!important;
        -ms-flex-direction: row!important;
    }
}