﻿@font-face {
    font-family: 'tstar_czmedium';
    src: url('tstar-mediumcz-webfont.eot');
    src: url('tstar-mediumcz-webfont.eot?#iefix') format('embedded-opentype'), url('tstar-mediumcz-webfont.woff') format('woff'), url('tstar-mediumcz-webfont.ttf') format('truetype'), url('tstar-mediumcz-webfont.svg#tstar_czmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tstar_pro_medium';
    src: url('TSTARPRO-Medium.ttf') format('truetype'),
}

.debug {
    display: none;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

* {
    font-weight: normal;
    font-family: tstar_czmedium;
    font-size: 16px;
}

b, th, th a, ul#menu a, .tabsPanel .tabs a, .coursesHeader td, .section, .detail .header, .delegate.opened a, a {
    xfont-weight: bold;
    text-decoration: none;
}

a {
    color: #1d74bc;
}

    a:hover {
        text-decoration: underline;
    }

strong {
    font-weight: bold;
}

body, html {
    padding: 0;
    margin: 0;
}

body {
    min-width: 940px;
    max-width: 1300px;
    margin: 0 auto;
}

img#bg {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#main {
    padding: 0 20px;
    margin: 0 auto;
}

#top, .headerTop {
    height: 90px;
    background-color: #fff;
    opacity: 0.6;
    display: block;
}

    .headerTop:hover {
        text-decoration: none;
    }

ul#menu {
    height: 58px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    top: 2px;
    overflow: hidden;
}

    ul#menu li {
        float: left;
        line-height: 58px;
        position: relative;
    }

    ul#menu a {
        padding: 0 14px 0 20px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 17px;
        display: block;
        height: 58px;
    }

        ul#menu a.selected, ul#menu a:hover {
            color: #000;
            background: url(menusel.png) no-repeat center bottom;
        }

#mainbl {
    background-color: #303135;
}

#nav {
    height: 38px;
    color: #f2955c;
    line-height: 38px;
    font-size: 15px;
    padding-left: 30px;
}

    #nav a {
        color: #f2955c;
    }

#logout {
    white-space: nowrap;
    margin-right: 5px;
    float: right;
}

#mainwh {
    background-color: #fff;
    padding: 1px 30px;
    padding-top: 2px;
}

ul.tabs {
    height: 40px; /*57px;*/
    /*margin: 0 0 0px 0;*/ /*0 0 35px 0;*/
    margin-bottom: 30px;
    padding: 0;
    list-style-type: none;
    border-bottom: 2px #ededed solid
}

    ul.tabs li {
        float: left;
        line-height: 40px; /*57px;*/
        background: url(tab.png) no-repeat -189px bottom;
    }

    ul.tabs a {
        width: 105px;
        color: #555658;
        text-decoration: none;
        text-transform: lowercase;
        font-size: 17px;
        display: block;
        height: 40px; /*57px;*/
        padding: 0 0 2px 30px;
        margin-left: 10px;
    }

    ul.tabs li.selected, ul.tabs li:hover {
        background: url(tab.png) no-repeat 0 bottom;
    }

        ul.tabs li.selected a, ul.tabs li:hover a {
            color: #1d74bc;
        }

    ul.tabs li.tiplan a {
        background: url(tiplan.png) no-repeat left center;
    }

        ul.tabs li.tiplan a:hover, ul.tabs li.tiplan.selected a {
            background: url(tiplan_sel.png) no-repeat left center;
        }

.section, .delegate.opened {
    xbackground: url(caption.png) no-repeat right bottom;
    border-bottom: 6px #227ac2 solid;
    margin-bottom: 25px;
    padding-bottom: 9px;
    font-size: 17px;
    xpadding-left: 30px;
    position: relative;
    xleft: -30px;
}

caption, .caption {
    color: #4373bb;
    font-size: 16px !important;
    padding-bottom: 8px;
    padding-left: 10px;
    text-align: left;
}


.courses {
    border-collapse: collapse;
    width: 100%;
}

    .courses td {
        border-bottom: 1px #e5e5e5 solid;
        background: #f6f6f6 url(coursestdbg.png) repeat-x top;
        padding: 10px 20px;
        color: #575757;
    }

    .courses b {
        color: #1d74bc;
    }

    .courses tr:hover td {
        background-color: #ededed;
    }

.coursesTop td, tr.coursesTop:hover td {
    xheight: 45px;
    border-bottom: 4px #1d74bc solid;
    color: #1d74bc;
    background: #fff;
}

    .coursesTop td.coursesRight, tr.coursesTop:hover td.coursesRight {
        background: #fff;
    }

.coursesTop a {
    color: #1d74bc;
    text-decoration: none;
}

.coursesHeader td {
    background: #ededed none;
    color: #626262;
    line-height: 18px;
}

.coursesToggle {
    background: url(arrows.png) no-repeat left top;
    width: 10px;
    height: 8px;
}

    .coursesToggle.down {
        background-position: left bottom;
    }

.coursesTop b {
    color: #1d74bc;
}

.coursesBottom td, tr.coursesBottom:hover td {
    border-top: 4px #818080 solid;
    border-bottom: none;
    background-color: #fff;
    padding-bottom: 25px;
}

.courses td.ico {
    padding: 13px 0 13px 20px;
    text-align: center;
}

.courses td .ico {
    padding: 13px;
    min-height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.coursesTop td .ico, .courses td span.ico {
    padding: 13px 0 13px 35px;
    background-position: left center;
}

.ico.itext {
    background-image: url(ikony/v/e-text.png);
}

.ico.itextGray {
    background-image: url(ikony/v/e-text.png);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ico.itextRed {
    background-image: url(ikony/v/hneda/e-text.png);
}

.ico.itextGreen {
    background-image: url(ikony/v/zelena/e-text.png);
}

.ico.itextBlue {
    background-image: url(ikony/v/modra/e-text.png);
}

.ico.ipresentation {
    background-image: url(ikony/v/prezentace.png);
}

.ico.ipdf {
    background-image: url(ipdf.png);
}

.ico.itest {
    background-image: url(ikony/v/testy.png);
}

.ico.itestRed {
    background-image: url(ikony/v/hneda/testy.png);
}

.ico.itestOrange {
    background-image: url(ikony/v/cabot/testy.png);
}

.ico.itestGreen {
    background-image: url(ikony/v/zelena/testy.png);
}

.ico.itask {
    background-image: url(ikony/v/cviceni.png);
}

.ico.itaskGreen {
    background-image: url(ikony/v/zelena/cviceni.png);
}

.ico.itaskRed {
    background-image: url(ikony/v/hneda/cviceni.png);
}

.ico.itaskGray {
    background-image: url(ikony/v/cviceni.png);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ico.itaskBlue {
    background-image: url(ikony/v/modra/cviceni.png);
}

.ico.itasksmall {
    background-image: url(ikony/v/cviceni.png);
}

.ico.iforum {
    background-image: url(iforum.png);
}

.ico.iinfo {
    background-image: url(iinfo.png);
}

.ico.iinfoSmall {
    background-image: url(ikony/ms/modra/info.png);
}

.ico.itime {
    background-image: url(ikony/ms/modra/zaznam_akci.png);
}

.ico.itimeBlue {
    background-image: url(ikony/ms/modra/zaznam_akci.png);
}

.ico.itimeRed {
    background-image: url(ikony/ms/cervena/zaznam_akci.png);
}

.ico.itimeGreen {
    background-image: url(ikony/ms/zelena/zaznam_akci.png);
}

.ico.itimeYellow {
    background-image: url(ikony/ms/zluta/zaznam_akci.png);
}

.ico.itimeGray {
    background-image: url(ikony/ms/zaznam_akci.png);
}

.ico.ilog {
    background-image: url(ikony/v/modra/zaznam_akci.png);
}

.ico.ipopis {
    background-image: url(ikony/ms/cviceni.png);
}

.ico.ipopisGreen {
    background-image: url(ikony/ms/zelena/cviceni.png);
}

.ico.ipopisRed {
    background-image: url(ikony/ms/cervena/cviceni.png);
}

.ico.isave {
    background-image: url(icap/isave.png);
}

.ico.icancel {
    background-image: url(icap/icancel.png);
}

.ico.ivalidate {
    background-image: url(icap/ivalidate.png);
}

.ico.iprint {
    background-image: url(icap/iprint.png);
}

.ico.idownload {
    background-image: url(icap/idownload.png);
}

.ico.idownloadGreen {
    background-image: url(icap/idownloadGreen.png);
}

.ico.iosnova {
    background-image: url(ikony/ms/osnova.png);
}

.ico.iassignment {
    background-image: url(iukol.png);
    display: inline !important;
    position: relative;
}

.ico.iassignment-red {
    background-image: url(iukolred.png);
    display: inline !important;
    position: relative;
}

.ico.iprogram {
    background-image: url(iprogram.png);
}

.ico.ierror {
    background-image: url(ikony/ms/cervena/dotaznik.png)
}

.ico.ipost {
}
/*nahrazeno .ico.post */
.ico.iforum {
    background-image: url(ikony/ms/modra/diskusni_forum.png);
}

.ico.iregister {
    background-image: url(ikony/iregister.png);
}

.ico.iregisterCancel {
    background-image: url(ikony/iregisterCancel.png);
}

.ico.irealize {
    background-image: url(ikony/ms/zelena/kurz.png);
}

.ico.idocument {
    background-image: url(ikony/v/e-text.png);
}

.ico.inews {
    background-image: url("ikony/v/novinky.png");
}

.ico.isubscribe {
    background-image: url(ikony/ms/prichozi_posta.png);
}

.ico.iunsubscribe {
    background-image: url(ikony/ms/zelena/prichozi_posta.png);
}

.ico.inotifications {
    background-image: url(ibell.png);
}

.ico.imessageOrange {
    background-image: url(imessageOrange.png);
}

.ico.igraph {
    background-image: url(ikony/ms/statistika.png);
}

.ico.irandom {
    background-image: url(ikony/ms/dotaznik.png);
}

.ico.ianonym {
    background-image: url(ikony/ms/anonym.png);
}

.ico.ianonymBlue {
    background-image: url(ikony/ms/modra/anonym.png);
}

.ico.ianonymRed {
    background-image: url(ikony/ms/cervena/anonym.png);
}

.ico.ireflexeEmpty {
    background-image: url(ikony/ms/cviceni.png);
}

.ico.ireflexeSaved {
    background-image: url(ikony/ms/zelena/cviceni.png);
}

.ico.igallery {
    background-image: url(ikony/ms/typy_kurzu.png);
}

.ico.imergeTarget {
    background-image: url(ikony/ms/modra/typy_kurzu.png);
}

.ico.imergeSource {
    background-image: url(ikony/ms/typy_kurzu.png);
}

.ico.isplitTarget {
    background-image: url(ikony/v/modra/stat_prihlaseni.png);
}

.ico.isplitSource {
    background-image: url(ikony/v/stat_prihlaseni.png);
}


.ico.irozpocet {
    background-image: url(ikony/v/mzdove_prisp.png);
}

.ico.itoggle {
    background-image: url(ikony/ms/odkaz2.png);
}

    .ico.itoggle.opened {
        background-image: url(ikony/ms/zpet.png);
    }

.ico.iodkazGreen {
    background-image: url(ikony/ms/zelena/odkaz.png);
}

.ico.iodkazRed {
    background-image: url(ikony/ms/cervena/odkaz.png);
}

.ico.iEko {
    background-image: url(iEko.png);
}

.ico.iquestion {
    background-image: url(ikony/ms/dotaznik.png);
}

.ico.iquestionred {
    background-image: url(ikony/ms/cervena/dotaznik.png);
}

.ico.ianswer {
    background-image: url(ikony/ms/odkaz2.png);
}

.ico.ianswerred {
    background-image: url(ikony/ms/cervena/odkaz2.png);
}

.ico.inakladPopis {
    background-image: url(iPopis.png);
}

.ico.inakladPopisGray {
    background-image: url(iPopis.png);
}

.ico.inakladPopisBlue {
    background-image: url(iPopisBlue.png);
}

.ico.inakladPopisGreen {
    background-image: url(iPopisGreen.png);
}

.ico.inakladPopisYellow {
    background-image: url(iPopisYellow.png);
}

.ico.inakladPopisRed {
    background-image: url(iPopisRed.png);
}

.ico.idata {
    background-image: url(ikony/ms/struktura_2.png);
}

.ico.ipack {
    background-image: url(ikony/v/objekt.png);
}

.ico.iimportExport {
    background-image: url(ikony/ms/ex-imp.png);
}

.ico.ibackup {
    background-image: url(ikony/ms/dotaznik.png);
}

.ico.icil {
    background-image: url(ikony/ms/cil.png);
}

.ico.icilRed {
    background-image: url(ikony/ms/cervena/cil.png);
}

.ico.icilYellow {
    background-image: url(ikony/ms/zluta/cil.png);
}

.ico.icilBlue {
    background-image: url(ikony/ms/modra/cil.png);
}

.ico.icilGreen {
    background-image: url(ikony/ms/zelena/cil.png);
}


.ico.itargeting {
    background: url(ikony/ms/cil.png) no-repeat left center;
}

.ico.itargeting2 {
    background: url(ikony/ms/cil_2.png) no-repeat left center;
}

.ico.iexport {
    background: url(ikony/ms/export.png) no-repeat left center;
}

.ico.iimport {
    background: url(ikony/ms/import.png) no-repeat left center;
}

.ico.ifood {
    background: url(ikony/ms/spolecnost_a_pozice.png) no-repeat left center;
}

.ico.ifoodGreen {
    background: url(ikony/ms/zelena/spolecnost_a_pozice.png) no-repeat left center;
}

.ico.iqrcode {
    background: url(iqrcode.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center center;
}

.ico.inaklady {
    background-image: url(ikony/v/naklady.png);
}

.bigico {
    background: url(ico.png) no-repeat center center;
    display: inline-block;
    width: 30px;
    height: 30px;
}

    .bigico.iuser {
        background-image: url(loginname.png);
    }

.bold {
    font-weight: bold;
    color: darkblue;
    background-color: lightblue;
    border-radius: 10px;
    padding: 2px 5px 2px 5px;
}


.istate {
    padding: 13px 0 13px 30px;
    overflow: visible !important;
    background: url(istate.png) no-repeat left center;
    /*display: inline-block;*/
}

.ico .iquestionary {
    background-image: url(ikony/v/vystupni_dotaznik.png);
}

.ico.iquestionary {
    background-image: url(ikony/ms/vystupni_dotaznik.png);
    background-repeat: no-repeat;
}

.ico .idownload {
    background-image: url(ikony/v/priloha.png);
}

.ico.iattachement {
    background-image: url(iattachement.png);
}

.istate.actual {
    background-image: url(istate_b.png);
}

.istate.approved {
    background-image: url(istate_g.png);
}

.istate.requireedit {
    background-image: url(istate_y.png);
}

.istate.requirevalidate {
    background-image: url(istate_yo.png);
}

.istate.validatingapprove {
    background-image: url(istate_o.png);
}

.istate.waitingapprove {
    background-image: url(istate_r.png);
}

.istate.archived {
    background-image: url(istate.png);
}

.istate.estavGray {
    background-image: url(itext/itextGray.png);
}

.istate.estavRed {
    background-image: url(itext/itextRed.png);
}

.istate.estavGreen {
    background-image: url(itext/itextGreen.png);
}

.istate.estavBlue {
    background-image: url(itext/itextBlue.png);
}

.ico.iclipEnabled {
    background-image: url(clipEnabled.png);
}

.ico.iclipDisabled {
    background-image: url(clipDisabled.png);
}

.ico.iclipCopy {
    background-image: url(icopyClip.png);
}

.ico.iclipPaste {
    background-image: url(ireplace.png);
}

.ico.iclipCreate {
    background-image: url(icopynew.png);
}

.ico.itext2 {
    background-image: url(is_text.png);
    background-position: center center;
    display: inline-block !important;
    width: 22px !important;
    height: 10px !important;
    padding: 2px !important;
    display: block;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
}

    .ico.itext2.z {
        background-image: url(is_text_z.png);
    }

    .ico.itext2.c {
        background-image: url(is_text_c.png);
    }

.ico.iVzdelani {
    background-image: url(ikony/ms/vzdelavani.png);
}

.ico.iVzdelaniRed {
    background-image: url(ikony/ms/cervena/vzdelavani.png);
}

.ico.iVzdelaniGreen {
    background-image: url(ikony/ms/zelena/vzdelavani.png);
}

.ico.iVzdelaniBlue {
    background-image: url(ikony/ms/modra/vzdelavani.png);
}

.ico.iVzdelaniYellow {
    background-image: url(ikony/ms/zluta/vzdelavani.png);
}

.link.istate {
    padding-left: 30px;
    background-position: 6px center;
}

table.table {
    border: none;
    border-collapse: collapse;
    border-bottom: 4px #7f7f7f solid;
    border-top: 4px #4274bb solid;
    width: 100%;
    margin: 20px 0 25px 0;
}

    table.table td:last-child {
        white-space: nowrap;
    }

    table.table .empty-data-message td:last-child {
        white-space: inherit !important;
    }


    table.table caption * {
        white-space: nowrap;
    }

    table.table td, table.table th {
        padding: 6px 10px;
        text-align: left;
        overflow: visible;
        vertical-align: middle;
    }



    table.table tr {
        background-color: #ffffff;
        border-bottom: 1px #ffffff solid;
    }

        table.table tr:nth-child(odd) {
            background-color: #f6f6f6;
        }

        table.table tr.header {
            xborder-top: 6px #227ac2 solid;
        }

            table.table tr.header a, table.table tr.header {
                color: #227ac2;
                text-decoration: none;
            }

                table.table tr.header a, table.table tr.header .istate, .iaddRow {
                    display: block;
                }

    table.table .icons {
        text-align: right;
    }

    table.table thead .icons * {
        text-align: right;
        display: inline !important;
    }




    table.table tr.header, table.table tr.header:hover {
        background-color: #ececec;
        xborder-top: 1px #e5e5e5 solid;
        border-bottom: 2px #ffffff solid;
        color: #4274bb;
    }

        table.table tr.header div.sort {
            background: url(sort.png) no-repeat right center;
            padding-right: 15px;
        }

            table.table tr.header div.sort.up {
                background: url(sortup.png) no-repeat right center;
            }

            table.table tr.header div.sort.down {
                background: url(sortdown.png) no-repeat right center;
            }

    table.table tr {
        xborder-bottom: 1px #e5e5e5 solid;
    }

        table.table tr:hover {
            xborder-bottom: 1px solid #1d74bc;
            xborder-top: 1px solid #1d74bc;
            background-color: #ffefdd;
        }

        table.table tr.header.slim, table.table tr.header.slim:hover {
            padding: 0;
            font-size: 10pt;
        }

            table.table tr.header.slim th, table.table tr.header.slim th span {
                padding: 0;
                font-size: 9pt;
            }

    table.table td[align=right], table.table th[align=right] {
        text-align: right !important;
    }


    table.table td[align=center], table.table th[align=center] {
        text-align: center !important;
    }

table tr.table_center td.table_center th.table_center {
    text-align: center;
}

table *.on-right {
    float: right;
}

table *.totally-centered {
    text-align: center;
    vertical-align: central;
}
/*
table.rozpocet tr:nth-child(odd) {
  background-color:#fff;
}
table.rozpocet tr:nth-child(even) {
  background-color:#fff;
}*/
table.rozpocet tr.header {
    background-color: #ececec;
}

table.rozpocet tr.nova {
    background-color: rgba(255,0,0,0.5);
}

table.rozpocet tr.navrh {
    background-color: rgba(0,255,0,0.5);
}

table.rozpocet tr.nova:hover {
    background-color: rgba(255,0,0,0.7);
}

table.rozpocet tr.navrh:hover {
    background-color: rgba(0,255,0,0.7);
}


table.table tr.pager {
    xborder-bottom: 1px solid #1d74bc;
    xborder-top: 1px solid #1d74bc;
    background-color: #ececec;
}

/* univerzální třída pro filter v patičce gridu */
.filterBoxFrame {
    margin: 0px !important; /* kdosi měl kdesi snahu marginem centerovat filtry; tohle mu v tom zabrání, tam, kde to ještě zůstalo */
}

    .filterBoxFrame span, input {
        display: inline !important;
    }

select {
    width: 300px;
}

input, textarea {
    background-color: #ededed;
    border: none;
    border-bottom: 1px dashed #227ac2;
    padding: 0 8px;
    height: 28px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

textarea {
    padding: 3px 8px;
}

.detail input, .detail textarea {
    width: 284px;
}

input[type=checkbox] {
    width: auto;
    height: auto;
}

.detail textarea {
    height: auto;
    width: 500px;
}

.detail p {
    margin: 0;
}


.detail {
    border: none;
    border-top: 4px #4274bb solid;
    border-bottom: 4px #7f7f7f solid;
    margin-bottom: 25px;
    margin-top: 20px;
    width: 100%;
}

    .detail tr:nth-child(odd) {
        background-color: #f6f6f6;
    }

    .detail:not(.noFlex) tr {
        border-bottom: 1px #ffffff solid;
        justify-content: left;
        display: flex;
    }

table.detail.formTable tr {
    display: table-row;
}

.detail tr:last-child {
    background-color: #fff;
    border-bottom: 0px #ffffff solid;
}

.detail td {
    padding: 3px 10px;
    border-bottom: 1px #ffffff solid;
    line-height: 28px;
    vertical-align: top;
    width: 100%;
}

.detail > tbody > tr > td:nth-child(2) {
    width: min-content;
    min-width: 650px;
}

.detail .raidoScale td:nth-child(2) {
    width: 100%;
    min-width: unset;
}

.detail tr.links {
    text-align: center;
    background-color: #fff;
}

.detail .header {
    float: left;
    text-align: left;
    background-color: #e0e0e0;
    color: #4274bb;
    vertical-align: top;
    width: 420px;
}

.detail tr:nth-child(odd) .header {
    background-color: #ececec;
}

table.nobottom {
    border-bottom: 0px #7f7f7f solid;
}

.ico {
    padding: 7px 0 7px 25px;
    position: relative;
    background: url(ico.png) no-repeat left center;
    *::padding-top: 0;
}

.header .ico, .empty-data-message .ico {
    padding: 10px 0 10px 25px;
}
/* IE11 */
/*
@media all and (-ms-high-contrast:none) { 
  *::-ms-backdrop, .ico { padding-top: 0; }
  *::-ms-backdrop, .ico.ilogout { padding-top: 13px; } 
  *::-ms-backdrop, table.table tr.header .ico, .iaddRow  {padding-top:13px;}  
  *::-ms-backdrop, .dropControl .idetail {padding-top:13px;}
  *::-ms-backdrop, .courses td.ico .ico {padding-top:0px;} 
  *::-ms-backdrop, .omfgIE {margin-top:10px;}
 
}    */
.ico[disabled], .ico.disabled, .ico.aspNetDisabled {
    cursor: default;
    opacity: 0.2;
}

.ico.icompany {
    background: url(ikony/v/spolecnosti.png) no-repeat left center;
}

.ico.ismlouvy {
    background: url(ikony/v/smlouvy.png) no-repeat left center;
}

.ico.iusers {
    background: url(iusers.png) no-repeat left center;
}

.ico.iusersblue, .ico.iusersBlue {
    background: url(ikony/v/modra/uzivatele.png) no-repeat left center;
}

.ico.iusersyellow, .ico.iusersYellow {
    background: url(ikony/v/zluta/uzivatele.png) no-repeat left center;
}

.ico.iusersgreen, .ico.iusersGreen {
    background: url(ikony/v/zelena/uzivatele.png) no-repeat left center;
}

.ico.iusersred, .ico.iusersRed {
    background: url(ikony/v/cervena/uzivatele.png) no-repeat left center;
}

.ico.iusersOPEN {
    background: url(ikony/ms/modra/uzivatele.png) no-repeat left center;
}

.ico.iusersSELECTED {
    background: url(ikony/ms/zelena/uzivatele.png) no-repeat left center;
}

.ico.iusersCLOSED {
    background: url(ikony/ms/cervena/uzivatele.png) no-repeat left center;
}

.ico.iuserNav {
    background: url(iuserNav.png) no-repeat left center;
}

.ico.iuserdots {
    background: url(ikony/ms/detail_uzivatele.png) no-repeat left center;
}

.ico.iuserdotsGreen {
    background: url(ikony/ms/zelena/detail_uzivatele.png) no-repeat left center;
}

.ico.iuserdotsBlue {
    background: url(ikony/ms/modra/detail_uzivatele.png) no-repeat left center;
}

.ico.iuserchange {
    background: url(ikony/ms/uzivatele_spolecnosti.png) no-repeat left center;
}

.ico.irequest {
    background: url(ikony/ms/struktura.png) no-repeat left center;
}

.ico.irequestBlue {
    background: url(ikony/ms/modra/struktura.png) no-repeat left center;
}

.ico.inewmessage {
    background: url(ikony/ms/nova_zprava.png) no-repeat left center;
}

.ico.izavinac {
    background: url(izavinac.png) no-repeat left center;
}

.ico.izavinacGreen {
    background: url(izavinacGreen.png) no-repeat left center;
}

.ico.izavinacRed {
    background: url(izavinacRed.png) no-repeat left center;
}

.ico.ireport {
    background: url(ireport.png) no-repeat left center;
}

.ico.icalendar {
    background: url(icalendar.png) no-repeat left center;
}

.ico.icalendar_g {
    background: url(icalendar_g.png) no-repeat left center;
}

.ico.icalendar_r {
    background: url(icalendar_r.png) no-repeat left center;
}

.ico.icalendar_b {
    background: url(icalendar_b.png) no-repeat left center;
}
/*.ico.iplan_g { background: url(iplan_g.png) no-repeat left center; }
.ico.iplan_r { background: url(iplan_r.png) no-repeat left center; }
.ico.iplan_y { background: url(iplan_y.png) no-repeat left center; }
.ico.iplan { background: url(iplan.png) no-repeat left center; }*/
.ico.ivisible {
    background: url(ivisible.png) no-repeat left center;
}

.ico.iinvisible {
    background: url(iinvisible.png) no-repeat left center;
}

.ico.iedit {
    background: url(iedit.png) no-repeat left center;
}

.ico.ieditBlue {
    background-image: url(ieditBlue.png);
}

.ico.ieditRed {
    background-image: url(ikony/ms/cervena/detail.png);
}

.ico.ieditYellow {
    background-image: url(ikony/ms/zluta/detail.png);
}

.ico.ieditGreen {
    background-image: url(ikony/ms/zelena/detail.png);
}

.ico.igraf {
    background-image: url(ikony/v/stat_prihlaseni.png);
}

.ico.iremove {
    background: url(iremove.png) no-repeat left center;
}

.ico.iadd {
    background: url(iadd.png) no-repeat left center;
}

.ico.iaddBlue {
    background: url(pridatModra.png) no-repeat left center;
}

.ico.iaddBrown {
    background: url(pridatHneda.png) no-repeat left center;
}

.ico.idetail {
    background: url(idetail.png) no-repeat left center;
}

.ico.idetailGreen {
    background: url(ikony/ms/zelena/detail.png) no-repeat left center;
}

.ico.idetailRed {
    background: url(ikony/ms/cervena/detail.png) no-repeat left center;
}

.ico.idetailBlue {
    background: url(ikony/ms/modra/detail.png) no-repeat left center;
}

.ico.ifiltr {
    background: url(ifiltr.png) no-repeat left center;
}

.ico.ifiltrGreen {
    background: url(ifiltrGreen.png) no-repeat left center;
}

.ico.iup {
    background: url(iup.png) no-repeat left center;
}

.ico.idown {
    background: url(idown.png) no-repeat left center;
}

.ico.idragmove {
    background: url(imovedrag.png) no-repeat left center;
}
/*.ico.iivp { background: url(iivp.png) no-repeat left center; }*/
.ico.iivpplan {
    background: url(ikony/ms/ivp.png) no-repeat left center;
}

.ico.istats {
    background: url(istats.png) no-repeat left center;
}

.ico.ilogout {
    background: url(ilogout.png) no-repeat left center;
    padding-left: 31px;
    margin: 0 30px 0 20px;
}

.ico.ilogback {
    background: url(iLogBack.png) no-repeat left center;
}

.ico.ievaluation {
    background: url(ievaluation.png) no-repeat left center;
}

.ico.ievaluationin {
    background: url(ikony/ms/vstupni_dotaznik.png) no-repeat left center;
}

.ico.ievaluationout {
    background: url(ikony/ms/vystupni_dotaznik.png) no-repeat left center;
}

.ico.ievaluation_b {
    background: url(ievaluation_b.png) no-repeat left center;
}

.ico.imoney {
    background: url(ikony/ms/mzdove_prisp.png) no-repeat left center;
}

.ico.ifinnish {
    background: url(ikony_compet/ms/zelena/vyhodnoceni.png) no-repeat left center;
}

.ico.iassignments {
    background: url(ikony/ms/cviceni.png) no-repeat left center;
}

.ico.isend {
    background: url(obalka_seda.png) no-repeat left center;
}

.ico.iproplaceni {
    background: url(ikony/ms/proplaceni.png) no-repeat left center;
}

.ico.iproplaceniBlue {
    background: url(ikony/ms/modra/proplaceni.png) no-repeat left center;
}

.ico.iprijem {
    background: url(ikony/v/prijeti.png) no-repeat left center;
}

.ico.isettings {
    background: url(ikony/ms/realizace.png) no-repeat left center;
}

.ico.isettingsBlue {
    background: url(ikony/ms/modra/realizace.png) no-repeat left center;
}

.ico.ipriew {
    background: url(ikony/ms/zelena/detail.png) no-repeat left center;
}

.ico.iform {
    background-image: url('ikony/ms/priklad_2.png');
}

.ico.iformRed {
    background-image: url('ikony/ms/cervena/priklad_2.png');
}

.ico.iformGreen {
    background-image: url('ikony/ms/zelena/priklad_2.png');
}

.ico.iformYellow {
    background-image: url('ikony/ms/zluta/priklad_2.png');
}

.ico.isell {
    background-image: url('ikony/ms/proplaceni.png');
}

.ico.itopic {
    background-image: url('ikony/ms/cviceni_alt.png');
}

.ico.iformNOTCOMPLETE {
    background-image: url('ikony/ms/priklad_2.png');
}

.ico.iformCOMPLETE {
    background-image: url('ikony/ms/zluta/priklad_2.png');
}

.ico.iformSUBMITED {
    background-image: url('ikony/ms/modra/priklad_2.png');
}

.ico.iformACCEPTED {
    background-image: url('ikony/ms/oranzova/priklad_2.png');
}

.ico.iformAPPROVED {
    background-image: url('ikony/ms/zelena/priklad_2.png');
}

.ico.iformDENIED {
    background-image: url('ikony/ms/cervena/priklad_2.png');
}

.link {
    border: 1px solid #227ac2;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block;
    margin: 8px 0 13px 0;
    background-color: #fff;
}

    .link:hover {
        background-color: #e9f2f7;
        text-decoration: none;
    }

    .link[disabled], .link.aspNetDisabled {
        border: 1px solid #CCCCCC;
        cursor: default;
        color: #CCCCCC;
    }

        .link[disabled]:hover, .link.aspNetDisabled:hover {
            background-color: #fff;
        }

    .link.small {
        margin: 0 5px;
        padding: 3px 6px;
    }
/* selectable */
#selectable {
    margin: 0 60px;
}

.selectable {
    width: 330px;
    float: left;
}

    .selectable legend input {
        width: 284px;
    }

    .selectable .ul {
        height: 300px;
        overflow-y: scroll;
    }

    .selectable ul {
        list-style-type: none;
        padding: 0;
    }

    .selectable li {
        padding: 3px;
        border: 1px solid #333;
    }

        .selectable li span {
            float: right;
        }

        .selectable li.ui-selecting, .selectable li.ui-unselecting {
            background-color: #ccc;
        }

        .selectable li.ui-selected {
            background-color: #aaa;
        }

.selectableButtons a {
}

.selectableButtons p {
    text-align: center;
}
/* columns */
.panel21Left {
    border-right: 1px solid #dddddd;
    float: left;
    margin-bottom: 10px;
    xmargin-left: 5px;
    xpadding-left: 10px;
    padding-right: 10px;
    width: 65%;
}

.panel3Right {
    border-right: 1px solid #dddddd;
    float: right;
    margin-bottom: 10px;
    padding-right: 10px;
    width: 31%;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

    .overflow-auto table.table {
        margin-top: 0px;
    }

.small-padding {
    padding: 5px;
}
/* tmp */
.filterBoxDropDown {
    display: inline;
}
/* scheduleoverview */
.tablePlan input, .tablePlan select {
    width: 100%;
}

.drag div {
    position: relative;
    margin: 0;
    cursor: move;
    width: 100%;
}

.nodrag td {
    margin: 0;
}

.nodrag div {
    margin: 0 0 1px 0;
}

.gridView {
    border-collapse: collapse;
    border: 1px #3c3c3c solid;
}

.row_header {
    background-color: #e8e8e8;
}

    .gridView td, .row_header th {
        border-bottom: 1px #3c3c3c solid;
    }

#scheduleOverflow {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

#overflowRight, #overflowLeft {
    background-color: white;
    position: fixed;
    bottom: 0;
    text-align: center;
    cursor: pointer;
}

#overflowLeft {
    left: 10px;
}

#overflowRight {
    right: 10px;
}
/* discussion */
.comment {
    width: 95%;
    margin: -1px auto 0;
    padding: 3px;
    background-color: #eee;
    border: 1px solid #333;
}

.commentName {
    background-color: #ddd;
    line-height: 25px;
    padding: 0 6px;
}

.commentTime {
    float: right;
}

.commentPager {
    width: 95%;
    margin: 1px auto 10px;
}

    .commentPager div {
        float: right;
    }

    .commentPager a, .commentPager span {
        padding: 3px;
        background-color: #eee;
        border: 1px solid #333;
    }

.commentTitle {
    margin-top: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.login {
    xpadding-left: 50px;
    xbackground: url(login.png) no-repeat left 15px;
}

.loginname {
    background: url(loginname.png) no-repeat;
    width: 30px;
    height: 23px;
    float: left;
}

.loginpassword {
    background: url(loginpassword.png) no-repeat;
    width: 30px;
    height: 15px;
    float: left;
}
/* etext */
#etextTable td {
    vertical-align: top;
}

#etextMenu {
    width: 294px;
    padding: 3px;
    margin-top: 30px;
    position: relative;
}

    #etextMenu .capt {
        display: inline-block;
        width: 176px;
        height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #etextMenu .header {
        border-bottom: 1px solid lightblue;
    }

    #etextMenu div[topic] {
        cursor: pointer;
    }

    #etextMenu .selected {
        background-color: rgba(0,255,0,0.1);
    }

    #etextMenu .sect {
        float: right;
    }

    #etextMenu div {
        clear: both;
        //background-color: #ddd;
    }

.etextCaption {
    min-width: 750px;
}

#etextMenu div:hover {
    //background-color: #eee;
}

#etextMenu .sect .capt {
    width: 148px;
    margin-left: 24px;
    padding-left: 21px;
}

#etextMenu .sect div:hover {
    background-color: #ddd;
}

#etextContext {
    background-color: #ccc !important;
    width: 165px;
    padding: 2px 3px;
    position: absolute;
    display: none;
    z-index: 1;
}

    #etextContext div {
        background-color: #ccc;
        margin: 1px 0;
    }

    #etextContext hr {
        margin: 0 0 5px;
        background-color: #999;
    }

    #etextContext a {
        padding-left: 20px;
    }

#etextMenu .ico {
    padding: 3px 0 3px 25px;
}

.ico.isection1 {
    background-image: url(cImages/section1.png);
}

.ico.isection2 {
    background-image: url(cImages/section2.png);
}

.ico.isection3 {
    background-image: url(cImages/section3.png);
}

.ico.isection4 {
    background-image: url(cImages/section4.png);
}

.ico.isection5 {
    background-image: url(cImages/section5.png);
}
/* questionary */
.tableItemDescription {
    color: #aaaaaa;
}

.tableDecoration {
    height: 4px;
    width: 300px;
    border: solid 1px #000000;
    background-color: #000000;
}

.tableDecoration {
    height: 4px;
    width: 300px;
    border: solid 1px #000000;
    background-color: #000000;
}

.tableDecorationItem {
    height: 4px;
    font-size: 3px;
    float: left;
}

.choice1 {
    /*color: #00ff00;*/
    display: inline !important;
    background: url('cImages/choice_1.png') no-repeat left;
}

.choice2 {
    /*color: #b0ff01;*/
    display: inline !important;
    background: url('cImages/choice_2.png') no-repeat left;
}

.choice3 {
    /*color: #feff01;*/
    display: inline !important;
    background: url('cImages/choice_3.png') no-repeat left;
}

.choice4 {
    /*color: #ffd201;*/
    display: inline !important;
    background: url('cImages/choice_4.png') no-repeat left;
}

.choice5 {
    /*color: #ff9c01;*/
    display: inline !important;
    background: url('cImages/choice_5.png') no-repeat left;
}

.choice6 {
    /*color: #ff0000;*/
    display: inline !important;
    background: url('cImages/choice_6.png') no-repeat left;
}

.choice0 {
    /*color: #ff0000;*/
    display: inline !important;
    background: url('cImages/choice_0.png') no-repeat left;
}

.panelImage0 {
    background-image: url(cImages/choice_2a.png);
}

.panelImage1 {
    background-image: url(cImages/choice_3a.png);
}

.panelImage2 {
    background-image: url(cImages/choice_4a.png);
}

.panelImage3 {
    background-image: url(cImages/choice_5a.png);
}

.panelImage4 {
    background-image: url(cImages/choice_6a.png);
}

.section {
    margin-top: 20px;
}

.formSection {
    border: 0px solid lightblue;
    border-bottom-width: 1px;
    /*  display:table; */
    margin: 10px;
    margin-left: 20px;
    font-weight: normal;
}

    .formSection > h4 {
        margin: 0px;
        padding: 0px;
    }

.formSectionToLeft {
    margin: 10px 10px 10px 0px;
}

.formRightRadio {
    position: relative;
}

    .formRightRadio td {
        padding-right: 50px;
    }

    .formRightRadio table {
        margin-left: 30px;
        margin-bottom: 30px;
    }

.evaluationComments {
    width: 400px;
    height: 100px;
    margin-left: 30px;
}

.formValidator {
    position: absolute;
    bottom: 40px;
    background-image: url(icon_error.png);
    background-repeat: no-repeat;
    padding: 6px;
}

.validatorMessage {
    color: red;
    margin-left: 10px;
}

.bottomValidator {
    display: block;
    font-size: 10pt;
    color: red;
}

    .bottomValidator[style*=inline] {
        display: block !important;
    }

.questionaryTableHeader {
    font-weight: bold;
    margin-bottom: 5px;
}

.questionarySectionBox td, tr, table, tbody {
    border: 0 solid Black;
}

.questionarySectionBox tr:nth-child(even) {
    background-color: #f6f6f6;
}

.questionarySectionBox tr:hover {
    background-color: #e9f2f7;
}
/* testy */
span > p {
    margin: 0px;
    padding: 0px;
}

.rightAnswer {
    color: Green;
    display: table;
    padding-right: 5px;
    min-width: 400px;
    margin-bottom: 1px;
}

.wrongAnswer {
    color: Red;
    display: table;
    padding-right: 5px;
    min-width: 400px;
    margin-bottom: 1px;
}

.altAnswer {
    color: Orange;
}

.radioBoxTrueFalse {
    margin: 0 15px 0 0px;
    float: left;
}

input[type=radio] {
    margin: 0 3px 0 5px;
    height: 13px;
    width: 13px;
}

.selectAnswerLeft {
    float: left;
    margin: 0 20px 0 0;
}

.selectAnswerRight {
    float: left;
    /*border: 1px solid;*/
}

.testQuestionBox {
    width: 90%;
}

.testNavigation {
    width: 400px;
}

.testMaxPoints {
    display: inline-block;
    padding: 10px;
    text-align: center;
    /*background-color: Gray;
	margin-left:80%;          */
    margin-left: 22px;
    border: 1px solid lightblue;
}

    .testMaxPoints input {
        width: 30px;
        background-color: LightGray;
    }

.noimage img {
    display: none;
}

.arrow {
    padding: 13px 0px 13px 20px;
    margin: 5px;
    background: url(ico.png) no-repeat left center;
}

    .arrow[disabled], .arrow.aspNetDisabled {
        cursor: default;
        opacity: 0.2;
    }

.testReportNavigation {
    margin-left: 35%;
}

.answerBox {
    padding-left: 22px;
    padding-bottom: 20px;
}
/* testy end */
.errorText {
    color: red
}
/*kompetence end*/
span.black {
    color: black;
}

.footer-pages {
    float: right
}

.footer-controls { /*float:left; width:80%*/
}

.textBoxSmall {
    width: 20% !important
}
/*původně 15%*/
.footer-pages > a.selectBox {
    min-width: 50px !important;
    width: 50px !important;
}
/*#yy > a.selectBox {min-width: 150px !important; width: 200px !important;}
#yy > a.selectBox:nth-child(1)  {min-width: 50px !important; width: 50px !important;}
#yy > a.selectBox:nth-child(2){min-width: 300px !important; width: 300px !important;}
#yy > a.selectBox:nth-child(2) .selectBox-label {width: 300px !important;}*/
tr.footer {
    width: 100%;
    background-color: #EDEDED !important;
}

tr.pager {
    width: 100%
}

#hideImg {
    right: 18%;
    width: 60px;
    height: 40px;
    position: fixed;
    top: 60px;
}

.dropDownShadow {
    background: #939393;
    max-width: 65px;
    width: 65px;
    float: right;
    height: 40px;
    color: white;
    position: relative;
}

*/ .dropDownShadow > a:hover {
    background: #5e5e5e !important;
    width: 45px !important;
    float: right;
    height: 40px;
    color: white
}

.dropDownShadow > span.selectBox-arrow {
    background: url("arrow-white.png") no-repeat scroll 50% center transparent;
}

.dropDownShadow > span.selectBox-label {
    color: #217dc0;
    width: 16px !important;
    min-width: 35px;
    max-width: 45px;
    padding-right: 16px;
}

.dropDownShadow > .selectBox-dropdown {
    min-width: 35px;
    max-width: 45px;
    width: 45px;
    float: right;
}

.dropDownShadow .selectBox-dropdown .selectBox-arrow {
    background: url("arrow-white.png") no-repeat scroll 50% center transparent;
    min-height: 40px;
}

.dropDownShadow > .selectBox-dropdown .selectBox-label {
    padding-right: 16px;
    margin-top: 6px;
    color: white;
}

.dropDownShadow > .pagging-img {
    background: url("pager.png") no-repeat scroll 50% center;
    position: absolute;
    top: 0px;
    right: 40px;
    width: 23px;
    height: 100%;
}

.dropDownShadow > .selectBox-dropdown {
    background: #939393;
}

.dropControl {
    max-width: 1010px;
    margin-top: 8px;
    display: inline-block;
    padding-left: 10px;
}

    .dropControl > .selectBox-dropdown .selectBox-arrow {
        background: url("arrow-blue.png") no-repeat scroll 50% center transparent;
    }

    .dropControl > .selectBox-dropdown {
        background: #ededed;
    }

        .dropControl > .selectBox-dropdown:hover {
            background: #e9f2f7;
        }

tr.pager > td {
    padding: 0px;
}

.footer-pages {
    padding-top: 8px;
    min-width: 113px;
}

.footer > td {
    margin-top: 10px !important;
    padding 0px !important;
}

.pager > td {
    margin-top: 10px !important;
    padding 0px !important;
}

.footer-pages {
    background: #bab8b9;
    color: white;
    height: 32px;
}

    .footer-pages > span {
        color: black
    }

    .footer-pages > a {
        color: white
    }

.pager > a.selectBox-dropdown {
    color: white !important
}

.footer > a.selectBox-dropdown {
    color: white !important
}

.selectBox-dropdown .selectBox-label {
    color: #217dc0;
    padding-right: 10px;
}

td.footer-cell {
    padding: 0px !important; /* přepíšeme nastavení pro buňku gridu */
}

.arrowHid {
    height: 40px !important;
}

#top, .headerTop {
    width: 1235px;
    height: 65px;
    background-color: #FFF;
    background-image: url(header_full.jpg);
    opacity: 0.8;
    font-size: 25px;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    padding-top: 25px;
    padding-left: 25px;
    font-weight: lighter;
    letter-spacing: 2px;
    position: relative;
}

.iHideHeader {
    background-image: url('hideUpNew.png');
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 15px 20px;
    cursor: pointer;
}

.iShowHeader {
    background-image: url('hideDownNew.png');
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 34px;
    height: 15px;
}

.arrowHid [style*="display:inline"] {
    width: 40px;
}

.ico.iarr-left {
    background: url("sipka_vlevo.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-right {
    background: url("sipka_vpravo.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-rightBlue {
    background: url("sipka_vpravo_modra.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-leftRed {
    background: url("sipka_vlevo_cervena.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-rightRed {
    background: url("sipka_vpravo_cervena.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-rightYellow {
    background: url("sipka_vpravo_zluta.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-rightOrange {
    background: url("sipka_vpravo_oranzova.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-rightLightBlue {
    background: url("sipka_vpravo_smodra.png") no-repeat left center;
    display: inline !important;
}

.ico.iarr-rightBrown {
    background: url("sipka_vpravo_hneda.png") no-repeat left center;
    display: inline !important;
}

.ico.iaddRow {
    background: url("pridat.png") no-repeat left center;
}

#yy {
    padding: 0px;
}

.ico.elibrary {
    background: url(ikony/v/e-text.png) no-repeat left center;
}

.ico.iodevzdavarna {
    background: url(ikony/v/vstupni_dotaznik_alt.png) no-repeat left center;
}

#rightBoxCompany table.table {
    margin-top: 0px !important;
}

#leftBoxCompany table.table {
    margin-top: 0px !important;
}

.flatten-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.flatten-header {
    padding-left: 7px !important;
}

.ico[disabled], .ico.disabled, .ico.aspNetDisabled {
    text-decoration: none;
}

table.table a.mini {
    display: inline !important;
}

.right {
    float: right;
}

.ico.iaddRow2 {
    background: url("pridat.png") no-repeat scroll 0% 0% transparent;
}

.quests {
    float: right;
    padding-top: 5px
}

.tiny-textbox {
    width: 100px !important
}

.ico.ilockred {
    background-image: url(zamek_c.png);
}

.ico.ilockgreen {
    background-image: url(zamek_z.png);
}

.right {
    float: right;
}

.left {
    float: left !important;
}

#InfoPanel {
    height: 80px;
    width: 300px !important;
}

#bluelock {
    height: 180px;
    width: 30px;
    float: left;
    padding-right: 30px;
    padding-top: 20px;
}

.cleaner {
    clear: both;
}

#infoWelcome {
    float: left;
    height: 100px;
}

.dialogFront { /*width: 800px;*/
    height: 125px;
    padding-top: 25px;
}

.lineVertical {
    float: left;
    margin-top: -20px;
    margin-left: 25px;
    margin-right: 25px;
}

.linkBlue {
    background: #1d74c3;
    color: white;
    height: 19px;
    padding: 4px 30px;
    margin-top: 15px;
}

    .linkBlue:hover {
        background: #4e97db;
    }

.blueTextInfo {
    color: #1d74c3;
}

.shadowTextInfo {
    color: #a0a0a0
}

.welcomeText {
    margin-top: 10px;
}

#bottomStripe {
    height: 40px;
    background-color: #EDEDED;
    line-height: 38px;
    font-size: 15px;
    margin-top: 10px;
}

.imgFront {
    padding-left: 20px;
    margin-top: 7px;
    float: left;
    padding-right: 5px;
}

.imgFrontMail {
    padding-left: 20px;
    margin-top: 5px;
    padding-right: 5px;
    float: left;
}

.frontLower {
    margin-top: 8px;
}

.loginpassword2 {
    width: 30px;
    background: url("loginpassword.png") no-repeat scroll 0% 0% transparent;
    height: 15px;
}

.dialogFront2 {
    width: 785px;
    height: 125px;
    padding-top: 25px;
}

.submitPassw {
    margin-top: 13px;
}

.ico.irestorevalue {
    background-image: url(puvodni_stav.png);
}

.icolang {
    padding: 24px 0px 15px 24px;
    margin-right: 5px;
}

.icz {
    background: url(cz_mala.png) no-repeat right;
}

.iczshadow {
    background: url(cz_mala_cb.png) no-repeat right;
}

.ien {
    background: url(eng_mala.png) no-repeat right;
}

.ienshadow {
    background: url(eng_mala_cb.png) no-repeat right;
}

.info {
    /*font-style: italic;*/
    font-family: tstar_czmedium !important;
    color: gray;
    display: block;
    line-height: 130%;
    border-radius: 5px;
    border: 1px solid rgb(235, 235, 235);
    margin: 10px 10px 0 10px;
    background: url("iinfo.png") no-repeat scroll 15px center rgb(244, 244, 244);
    padding: 25px 25px 25px 60px; /* 25px 0px 25px; 25px 25px;*/
}

    .info ul {
        margin-top: 0px;
    }

    .info p {
        padding: 0px;
    }

    .info b {
        color: black;
        font-weight: bold;
    }
/*
  posta

*/
.messagePanel {
    border: 1px solid #227AC2;
    margin: 5px;
    background-color: #E9F2F7;
    margin-bottom: 20px;
    min-width: 1200px;
}

.messageContainer {
    clear: both;
    border: 1px solid #227AC2;
    margin: 10px;
    padding: 5px;
    background-color: #fdfdfd;
    overflow: auto;
}

.MSformLeft {
    clear: both;
    width: 150px;
    float: left;
    text-align: right;
    margin-right: 5px;
    margin-top: 3px;
    padding: 2px;
    text-transform: lowercase;
    border-bottom: 1px solid #f0f0f0;
}

.MSformRightLabel {
    float: left;
    padding: 2px;
    width: auto;
    padding-top: 3px;
    margin-top: 3px;
    font-weight: bold !important;
    margin-left: 10px !important;
    color: #000000;
    -height: 1%;
}

.MStableItemHeader {
    font-weight: bold;
}

.formUnderlined {
}

.MShead {
    padding: 10px 0px 15px 0;
    float: left;
}

.MSrecipientMail {
    font-size: 12pt;
    color: gray;
}

.ico.ireply {
    background: url('cImages/icon_reply_mirror.png') no-repeat;
    float: right;
    display: block;
    padding: 0 0 10px 15px;
    margin-top: 5px;
}

.ico.iclip {
    background-image: url(cImages/iclip.png);
    background-position: center center;
}
/*file extensions images*/
.fileico {
    padding: 0px 0 0px 20px;
    background: url(fileicons/small/_blank.png) no-repeat left center;
}
/*monitoring mp*/
.vyber_projektu {
    display: inline;
    position: relative;
    z-index: 99;
}

    .vyber_projektu input {
        color: #E1922B;
        border: none;
        border-bottom: 0px;
        padding: 0 8px;
        margin: 0px;
        height: 38px;
        width: 150px !important;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        background: url(droparrow.png) no-repeat;
        background-position: 148px 17px;
        background-color: #636363;
        cursor: pointer;
    }

        .vyber_projektu input[disabled] {
            color: #E1922B;
            background: none;
            background-color: #636363;
            cursor: not-allowed;
        }

.nohover:hover {
    text-decoration: none !important;
}

.nohover {
    text-decoration: none !important;
}

.vyberpartnera_head {
    background: url(ipartner.png) no-repeat;
    padding: 0 23px 23px 0;
    position: relative;
    top: -9px;
    left: 6px;
}

.vyber_partnera_list {
    background-color: #636363;
    color: #E1922B;
}

    .vyber_partnera_list input[type="checkbox"] {
        width: 20px !important;
        height: 4px !important;
        border: 0px none;
        background: transparent none repeat scroll 0% 0%;
    }

    .vyber_partnera_list td {
        line-height: 20px;
        padding-right: 10px;
    }

    .vyber_partnera_list .button {
        margin: 5px;
        color: #E1922B;
    }

.vyberObdobi_head {
    background: url(imo.png) no-repeat;
    padding: 0 23px 23px 0;
    position: relative;
    top: -9px;
    left: 6px;
}

.vyber_MO_list {
    background-color: #636363;
    color: #E1922B;
}

    .vyber_MO_list input[type="radio"] {
        width: 20px !important;
        height: 4px !important;
        border: 0px none;
        background: transparent none repeat scroll 0% 0%;
    }

    .vyber_MO_list td {
        line-height: 20px;
        padding-right: 10px;
    }

.vyberRole_head {
    background: url(irole.png) no-repeat;
    padding: 0 23px 23px 0;
    position: relative;
    top: -9px;
    left: 6px;
}

.vyber_role_list {
    background-color: #636363;
    color: #E1922B;
}

    .vyber_role_list input[type="radio"] {
        width: 20px !important;
        height: 4px !important;
        border: 0px none;
        background: transparent none repeat scroll 0% 0%;
    }

    .vyber_role_list td {
        line-height: 20px;
        padding-right: 10px;
    }

#logout .ico.ilogout {
    margin: 0px;
    margin-left: 10px;
}
/*gridView small case, header a telo zvlast*/
.smallcasetable .header * {
    font-size: 13px;
    letter-spacing: -1px;
}

.smallcasetable tbody * {
    font-size: 13px;
}

.smallcasetable tbody .pager * {
    font-size: 16px;
}
/*zachovale ikony*/
.button_unlock, .button_nolock, .button_needed {
    height: 15px !important;
    /*width: 15px!important;
	min-width: 15px!important;*/
    display: block;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
    padding-left: 15px;
}

.button_needed {
    background: url(images/lock.png) no-repeat;
}

.button_unlock {
    background: url(images/unlock.png) no-repeat;
}

.button_nolock {
    background: url(images/nolock.png) no-repeat;
}

.stav {
    display: inline-block;
    width: 20px;
    /* float:left;*/
}

    .stav:hover .items {
        display: block;
    }

    .stav .items {
        display: none;
        background-color: white;
        border: solid 1px black;
        width: 110px;
        position: absolute;
        float: left;
        margin-left: 10px;
        %margin-left:0;
        z-index: 1;
    }

        .stav .items a, .stav .items span {
            text-decoration: none;
            display: block;
            width: 106px;
            padding: 2px;
            color: Black;
        }

        .stav .items span {
            font-weight: bold;
            cursor: default;
        }

        .stav .items a:hover {
            background-color: #3399FF;
            color: white;
        }

.cell_number {
    text-align: right;
    margin-right: 5px;
}

.AjaxCalendarIcon {
    width: 0px;
    height: 0px;
    padding-right: 20px;
    padding-bottom: 15px;
    background: url(datepick.png) no-repeat;
    display: inline;
    cursor: pointer;
}

.Povinne {
    border-color: red;
}

.Minus {
    background-image: url(images/minus.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    padding-left: 12px;
}

.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(100,100,100,0.7);
    //opacity:0.3;
}

    .fullscreen caption {
        background-color: #ececec;
        margin-top: 0;
        padding-top: 5px;
    }

    .fullscreen .table {
        margin-top: 0;
    }

.nowraptable, .nowraptable * {
    table-layout: fixed;
}

    .nowraptable tbody * {
        white-space: nowrap;
        overflow: hidden;
    }

    .nowraptable .footer *, .nowraptable .pager * {
        white-space: normal;
        overflow: visible;
    }

.table *, .detail * {
    font-size: 14px;
}

.small-spacer {
    display: inline-block !important;
    width: 10px;
}

.separator {
    background-color: #e4e4e4;
    width: 4px;
    height: 26px;
    display: inline;
    padding: 2px;
    margin: 0 14px 0 14px;
}

.separatorTight {
    background-color: #e4e4e4;
    width: 4px;
    height: 26px;
    display: inline;
    padding: 2px;
    margin: 0 7px 0 0px;
}

.icap {
    padding: 4px 0px 4px 28px;
    margin: 0 14px 0 0;
    background: url(ico.png) no-repeat left center;
}

    .icap[disabled], .icap.disabled, .icap.aspNetDisabled {
        cursor: default;
        opacity: 0.2;
        color: gray;
    }

        .icap[disabled]:hover, .icap.disabled:hover, .icap.aspNetDisabled:hover {
            text-decoration: none;
        }

    .icap.icsml {
        margin: 0;
    }
    /** IKONY ********************************************************************/
    .icap.ifullscreen {
        background-image: url(icap/ifullscreen.png);
    }

    .icap.inowrap {
        background-image: url(icap/inowrap.png);
    }

    .icap.imchange {
        background-image: url(icap/imchange.png);
    }

    .icap.iprints {
        background-image: url(icap/iprints.png);
    }

.ico.iprints {
    background-image: url(icap/iprints.png);
}

.icap.iprint {
    background-image: url(icap/iprint.png);
}

.icap.iprintOrange {
    background-image: url(icap/iprintOrange.png);
    margin: 0
}

.icap.idownload {
    background-image: url(icap/idownload.png);
}

.icap.icopy {
    background-image: url(icap/icopy.png);
}

.ico.icopyb {
    background-image: url(icopy.png);
}

.icap.iminimalize {
    background-image: url(icap/min.png);
}

.icap.imaximalize {
    background-image: url(icap/max.png);
}

.icap.idrag {
    background-image: url(icap/idrag.png);
}

.icap.icheckGreen {
    background-image: url(icap/icheckGreen.png);
}

.icap.ibook {
    background-image: url(ikony/v/e-text.png);
}

.icap.idetail {
    background-image: url(idetail.png);
}

.icap.iadd {
    background-image: url(icap/iadd.png);
}

.icap.iaddBrown {
    background-image: url(icap/iaddBrown.png);
}

.icap.iremove {
    background-image: url(iremove.png);
}

.icap.iedit {
    background-image: url(iedit.png);
}

.icap.iarr-left {
    background-image: url("sipka_vlevo.png");
}

.icap.iarr-right {
    background-image: url("sipka_vpravo.png");
}

.icap.isave {
    background-image: url(icap/isave.png);
}

.ico.isaveBlue {
    background-image: url(icap/isaveBlue.png);
}

.icap.icancel {
    background-image: url(icap/icancel.png);
}

.ico.icancelBlue {
    background-image: url(icap/icancelBlue.png);
}

.icap.ivalidate {
    background-image: url(icap/ivalidate.png);
    color: #9fc54c;
}

.icap.iakce {
    background-image: url(icap/iakce.png);
}

.icap.icheck {
    background-image: url(ikony/ms/cervena/dotaznik.png)
}

.icap.inocheck {
    background-image: url(ikony/ms/dotaznik.png)
}

.icap.ifiltr {
    background-image: url(ifiltr.png);
}

.icap.ifilter {
    background-image: url(icap/ifilter.png);
}

.icap.icalculator {
    background-image: url(icap/icalculator.png);
}

.icap.iarrow-right {
    background-image: url(icap/iarrow-right.png);
}

.icap.isettings {
    background-image: url(ikony/ms/realizace.png);
}

.icap.iback {
    background-image: url(ikony/ms/zpet.png);
}

.icap.ihelp {
    background-image: url(ikony/v/modra/info.png);
}

.icap.irestore {
    background-image: url('puvodni_stav.png');
}

.icap.irestoreRed {
    background-image: url('icap/irestoreRed.png');
}

.icap.ipassword {
    background-image: url('loginpassword.png');
}

.icap.iform {
    background-image: url('ikony/v/priklad_2.png');
}

.icap.iimage {
    background-image: url('ikony/v/priloha.png');
}

.icap.iage {
    background-image: url('ikony/ms/ivp.png');
}

.icap.iadmin {
    background-image: url('ikony/v/cinnosti.png');
}

.icap.isend {
    background-image: url('odeslat.png');
}

.ico.iupload {
    background-image: url('odeslat.png');
    margin-right: 7px;
}

.icap.imail {
    background: url(ikony/v/posta.png) no-repeat left center;
}

.icap.imailGreen {
    background: url(ikony/v/zelena/posta.png) no-repeat left center;
}

.icap.imailRed {
    background: url(ikony/v/cabot/posta.png) no-repeat left center;
}

.icap.iapprove {
    background: url(icap/isave.png) no-repeat left center;
}

.icap.ideny {
    background: url(icap/icancel.png) no-repeat left center;
}

.ico.imail {
    background: url(ikony/ms/posta.png) no-repeat left center;
}

.ico.imailGreen {
    background: url(ikony/ms/zelena/posta.png) no-repeat left center;
}

.ico.imailRed {
    background: url(ikony/ms/cervena/posta.png) no-repeat left center;
}

.ilock {
    width: 22px;
    height: 22px;
}
/* ilock by mel byt div */
.ico.imailSettings {
    background-image: url(ikony/v/emailSettings.png);
    padding-left: 27px;
}

.ico.imailSettingsRed {
    background-image: url(ikony/v/cabot/emailSettings.png);
    padding-left: 27px;
}

.ico.imailSettingsGreen {
    background-image: url(ikony/v/zelena/emailSettings.png);
    padding-left: 27px;
}

.ico.imailSettingsBlue {
    background-image: url(ikony/v/modra/emailSettings.png);
    padding-left: 27px;
}

.ico.imailSettingsBrown {
    background-image: url(ikony/v/hneda/emailSettings.png);
    padding-left: 27px;
}

.ilockBlue {
    background-image: url(icap/ilockBlue.png);
    display: inline !important;
}

.ilockGreen {
    background-image: url(icap/ilockGreen.png);
    display: inline !important;
}

.ilockBrown {
    background-image: url(icap/ilockBrown.png);
    display: inline !important;
}

.ilockGray {
    background-image: url(icap/ilockGray.png);
    display: inline !important;
}

.ilockYellow {
    background-image: url(icap/ilockYellow.png);
    display: inline !important;
}

.ilockOrange {
    background-image: url(icap/ilockOrange.png);
    display: inline !important;
}

.ilockRed {
    background-image: url(icap/ilockRed.png);
    display: inline !important;
}

.ico.iback {
    background-image: url(ikony/ms/zpet.png);
}

.ikona_ano {
    background-image: url(ano.png);
    width: 18px;
    height: 7px;
}

.ikona_ne {
    background-image: url(ne.png);
    width: 12px;
    height: 7px;
}

.AktivitaMesice {
    background-image: url(tick_nocheck_disabled.png);
    width: 18px;
    height: 18px;
}

    .AktivitaMesice.JePrirazena {
        background-image: url(tick_checked_disabled.png);
        width: 18px;
        height: 18px;
    }

a.AktivitaMesice {
    background-image: url(tick_nocheck.png);
    padding: 0px 9px;
}

.AktivitaMesiceEdit.JePrirazena {
    background-image: url(tick_checked.png);
    padding: 0px 9px;
}

.AktivitaMesiceEdit {
    background-image: url(tick_nocheck.png);
    padding: 0px 9px;
}

.transparent, .transparent td, .transparent tr {
    background-color: rgba(255,255,255,0) !important;
}

table .header .icons {
    background-color: #e0e0e0;
}
/* Table caption prouzek */
.table-caption {
    display: block;
}

.tc-left-stav { /* Prostor pro stavoveé ikony vpravo od textu */
    display: inline;
    float: left;
    border-right: 4px solid #e4e4e4;
    padding: 5px 5px 5px 5px;
}

.tc-caption { /* Textový popisek úplně vlevo */
    display: inline;
    float: left;
    border-right: 4px solid #e4e4e4;
    padding: 5px 15px 5px 5px;
}

.tc-left-buttons { /* Prostor pro tlačítka v hlavní části */
    display: inline;
    float: left;
    padding: 5px 15px 5px 15px;
}

.tc-right-left-buttons { /* Prostor pro tlačítka (tisky) na pravé straně (nalevo od oddělovače) */
    display: inline;
    float: right;
    padding: 5px 5px 5px 5px;
}

.tc-right-buttons { /* Tlačíka (nowrap a fulscreen) úplně vpravo */
    border-left: 4px solid #e4e4e4;
    display: inline;
    float: right;
    padding: 5px 5px 5px 15px;
}
/* locky? */
caption .selectBox-dropdown, .faqCaption .selectBox-dropdown {
    max-height: 26px;
    margin-right: 5px;
}

.small.selectBox-dropdown, .small.selectBox-dropdown .selectBox-label {
    max-height: 26px;
    max-width: 70px;
    min-width: 70px;
    overflow: hidden;
}

.lockFrame > span.selectBox-arrow {
    background: url("icap/idroparr.png") no-repeat scroll 50% center transparent;
}

.lockFrame span.selectBox-label {
    color: #217dc0;
    margin-top: 0 !important;
    width: 16px !important;
    min-width: 26px;
    max-width: 26px;
    padding-right: 16px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}

.lockFrame > .selectBox-dropdown {
    min-width: 35px;
    max-width: 45px;
    width: 45px;
    max-height: 26px;
    margin-right: 0px;
}

    .lockFrame > .selectBox-dropdown .selectBox-arrow {
        background: url("icap/idroparr.png") no-repeat scroll 50% center transparent;
        min-height: 26px;
    }

    .lockFrame > .selectBox-dropdown .selectBox-label {
        padding-right: 16px;
        margin-top: 6px;
        color: white;
    }

.lockFrame > .selectBox-dropdown {
    background-color: rgba(0,0,0,0);
}

.lockFrame.green span.selectBox-label {
    background: url(icap/ilockGreen.png) no-repeat top left;
    text-indent: -9999px;
}

.lockFrame.brown span.selectBox-label {
    background: url(icap/ilockBrown.png) no-repeat top left;
    text-indent: -9999px;
}

.lockFrame.red span.selectBox-label {
    background: url(icap/ilockRed.png) no-repeat top left;
    text-indent: -9999px;
}

.lockFrame.gray span.selectBox-label {
    background: url(icap/ilockGray.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.yellow span.selectBox-label {
    background: url(icap/ilockYellow.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.blue span.selectBox-label {
    background: url(icap/ilockBlue.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.orange span.selectBox-label {
    background: url(icap/ilockOrange.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.NEZKONTROLOVANO span.selectBox-label {
    background: url(istate_b.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.ZKONTROLOVANO span.selectBox-label {
    background: url(istate_g.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.VYHRADY span.selectBox-label {
    background: url(istate_r.png) no-repeat top left !important;
    text-indent: -9999px;
}

.lockFrame.OPRAVENO span.selectBox-label {
    background: url(istate_o.png) no-repeat top left !important;
    text-indent: -9999px;
}

.vykazFrame {
    position: relative;
}

    .vykazFrame > span.selectBox-arrow {
        background: url("icap/idroparr.png") no-repeat scroll 50% center transparent;
    }

    .vykazFrame span.selectBox-label {
        color: #217dc0;
        margin-top: 0 !important;
        width: 16px !important;
        min-width: 26px;
        max-width: 26px;
        padding-right: 16px;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

    .vykazFrame > .selectBox-dropdown {
        min-width: 35px;
        max-width: 45px;
        width: 45px;
        max-height: 26px;
        margin-right: 0px;
    }

        .vykazFrame > .selectBox-dropdown .selectBox-arrow {
            background: url("icap/idroparr.png") no-repeat scroll 50% center transparent;
            min-height: 26px;
        }

        .vykazFrame > .selectBox-dropdown .selectBox-label {
            padding-right: 16px;
            margin-top: 6px;
            color: white;
        }

    .vykazFrame > .selectBox-dropdown {
        background-color: rgba(0,0,0,0);
    }

    .vykazFrame.green span.selectBox-label {
        background: url(iVykazGreen.png) no-repeat top left;
        text-indent: -9999px;
    }

    .vykazFrame.brown span.selectBox-label {
        background: url(iVykazBrown.png) no-repeat top left;
        text-indent: -9999px;
    }

    .vykazFrame.red span.selectBox-label {
        background: url(iVykazRed.png) no-repeat top left;
        text-indent: -9999px;
    }

    .vykazFrame.gray span.selectBox-label {
        background: url(iVykazGray.png.png) no-repeat top left !important;
        text-indent: -9999px;
    }

    .vykazFrame.yellow span.selectBox-label {
        background: url(iVykazYellow.png) no-repeat top left !important;
        text-indent: -9999px;
    }

    .vykazFrame.blue span.selectBox-label {
        background: url(iVykazBlue.png) no-repeat top left !important;
        text-indent: -9999px;
    }

.ico.istateEDITABLE {
    background: url(icap/ilockYellow.png) no-repeat center center;
}

.ico.istateSCHELUDED {
    background: url(icap/ilockBlue.png) no-repeat center center;
}

.ico.istateFINNISHED {
    background: url(icap/ilockRed.png) no-repeat center center;
}

.ico.istateCHECKED {
    background: url(icap/ilockGreen.png) no-repeat center center;
}

.ico.istateAPPROVED {
    background: url(icap/ilockGreen.png) no-repeat center center;
}

.lockFrame.readOnly span.selectBox-label {
    background: url(icap/imodeRead.png) no-repeat top left;
    text-indent: -9999px;
}

.lockFrame.move span.selectBox-label {
    background: url(icap/imodeMove.png) no-repeat top left;
    text-indent: -9999px;
}

.lockFrame.copy span.selectBox-label {
    background: url(icap/imodeCopy.png) no-repeat top left;
    text-indent: -9999px;
}

.lockFrame.edit span.selectBox-label {
    background: url(icap/imodeEdit.png) no-repeat top left !important;
    text-indent: -9999px;
}

.imode {
    padding: 4px 0px 4px 28px;
    margin: 0 5px 0 0;
    background: url(ico.png) no-repeat left center;
}

    .imode.edit {
        background: url(icap/imodeEdit.png) no-repeat top left;
    }

    .imode.copy {
        background: url(icap/imodeCopy.png) no-repeat top left;
    }

    .imode.readOnly {
        background: url(icap/imodeRead.png) no-repeat top left;
    }

    .imode.move {
        background: url(icap/imodeMove.png) no-repeat top left;
    }

input.SmallText.Edit {
    width: 50px;
}

.GridBack {
    width: 70px;
    /*background: url(images/table.png) repeat-x center;*/
    background: #ececec repeat-x;
    font-weight: normal !important;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    /*vertical-align: bottom;*/
    color: #4373bb;
}

.row_vikend {
    background-color: #f9c1bd !important;
    border-bottom: 1px #ffffff solid;
    !important
}

.row_svatek {
    background-color: rgba(0,255,0,0.4) !important;
    border-bottom: 1px #ffffff solid;
    !important
}

.row_green {
    background-color: rgba(144, 248, 165, 0.8) !important;
    border-bottom: 1px #ffffff solid;
    !important
}

.row_aktualday {
    border-top: 2px #51bb42 solid !important;
    border-bottom: 2px #51bb42 solid !important;
    !important
}

.drag {
    background: url(idrag.png) no-repeat;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    position: relative;
    cursor: hand;
    display: inline-block;
    top: 7px;
}

.ico.icopy {
    background-image: url(icopy2.png);
}

.ico.imove {
    background-image: url(imove.png);
}

.ico.inocopy {
    background-image: url(inocopy.png);
}

.nodrag {
    background: url(inodrag.png) no-repeat;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    position: relative;
    cursor: hand;
    display: inline-block;
    top: 7px;
}

.hidden {
    display: none !important;
}
/*stary detail*/
.detail2 input, .detail2 textarea {
    width: 284px;
}

.detail2 textarea {
    height: auto;
    width: 500px;
}

.detail2 {
    margin-bottom: 25px;
    width: 100%;
}

    .detail2 tr:nth-child(even) {
        background-color: #f6f6f6;
    }

    .detail2 tr:last-child {
        background-color: #fff;
    }

    .detail2 td {
        padding: 3px 10px;
        line-height: 28px;
        vertical-align: top;
        width: 100%;
    }

    .detail2 tr.links {
        text-align: center;
        background-color: #fff;
    }

    .detail2 .header {
        float: right;
        text-align: right;
        xpadding-top: 6px;
        color: #aaa;
        vertical-align: top;
        width: 170px;
        text-decoration: none;
    }

table.table tbody td span {
    display: block;
}

table.table tbody .pager td span, table.table tbody .footer td span {
    display: inline-block;
}

table.table.NoHover tr:hover {
    background-color: white !important;
}

table.table.NoHover tr:nth-child(2n+1):hover {
    background-color: #F6F6F6 !important;
}

.innerFrame Caption {
    background-color: #fff;
}
/* dochazkovy system  */
table.thinlines td {
    padding: 1px !important;
}

table.thinlines, table.thinlines inner_Text {
    margin-top: 0px !important;
}

table.detail.thinlines .header {
    width: 300px !important;
}

table th.left-border {
    border-left: 2px solid #4274BB;
}

.tabSmall {
    max-width: 43px;
    overflow: hidden;
}

ul.tabs .tabSmall a {
    text-indent: 20px;
}

ul.tabs .tabSmall.selected a {
    text-indent: 0px;
}

.tabSmall.selected {
    max-width: 145px;
    color: #1D74BC !important;
}

.tabSmallPerm {
    max-width: 43px;
    overflow: hidden;
}

ul.tabs .tabSmallPerm a {
    text-indent: 20px;
}

ul.tabs .tabSmallPerm.selected a {
    text-indent: 0px;
}

.tabSmallPerm.selected {
    max-width: 145px;
    color: #1D74BC !important;
}
/* V rámci oprav byly překopány a přestylovány footery/pagery datagridu: */
.footer-pager-row {
    background-color: #ECECEC !important;
}

.footer-pager-cell {
    padding: 0px !important;
}

.footer-pager {
    display: block;
    min-height: 40px;
}

.footer-pager-cell span {
    display: inline !important;
    white-space: nowrap;
}

.footer-pager-content {
    display: inline-block !important;
    float: left;
    min-height: 30px; /* má 8+2px padding */

    padding: 8px 0px 2px 10px;
}

    .footer-pager-content .selectBox-dropdown {
        background-color: transparent;
        width: 150px !important;
        overflow: hidden;
    }

    .footer-pager-content .selectBox-label {
    }

    .footer-pager-content .selectBox-arrow {
        background-color: #ECECEC; /* tím se skryje (ehm. překryje) případný přetékající obsah labelu */
    }

.footer-pager-pages-dropdown {
    display: inline-block !important;
    float: right;
    width: 65px;
    min-height: 30px; /* má 2x5px padding */

    padding: 5px;
    background: #939393;
}

    .footer-pager-pages-dropdown .selectBox-dropdown {
        background: transparent url("pager.png") no-repeat scroll 5px 50%;
        min-width: 20px !important;
        width: 60px !important;
    }

        .footer-pager-pages-dropdown .selectBox-dropdown .selectBox-arrow {
            background: transparent url("arrow-white.png") no-repeat scroll 5% 50%;
            left: 45px;
        }

    .footer-pager-pages-dropdown .selectBox-label {
        padding: 5px 0px 0px 25px;
        width: 20px !important;
        color: #FFFFFF;
    }

.footer-pager-pages-links {
    display: inline-block !important;
    float: right;
    min-width: 114px !important;
    min-height: 30px; /* má 2x5px padding */

    padding: 5px;
    background: #bab8b9;
    text-align: center;
}

    .footer-pager-pages-links * {
        display: inline-block !important;
        color: #FFFFFF;
    }

caption .selectBox, caption .selectBox a, caption .selectBox span {
    min-width: 20px !important;
}

a.selectBox {
    cursor: pointer;
    text-decoration: none !important;
}

.cestyHeader {
}

.zdrojeDochazkaHeader {
    width: 15px;
    text-align: center !important;
}

.zdrojeDochazkaHeaderTotal {
    width: 30px;
    text-align: right !important;
}

.zdrojeDochazkaItem a {
    color: black;
}

.zdrojeDochazkaItem {
    text-align: center !important;
}

.zdrojeDochazkaItemTotal {
    text-align: right !important;
}

.icesta {
    padding: 0px 11px 5px 11px;
}

.filterBoxFrame .ico.idetail {
    background-image: url(ifiltr.png);
}

.ico.ifiltr {
    background-image: url(ifiltr.png);
}

.alignTop {
    vertical-align: top !important;
}

.alignRight {
    text-align: right;
}

.iconText {
    position: absolute;
    display: inline;
    left: 14px;
    top: 12px;
    background-color: rgba(230, 230, 230, 0.1);
    border-radius: 6px;
    font-size: 10pt;
    font-weight: normal;
    font-family: Helvetica;
    color: black;
    overflow: visible !important;
}

    .iconText.large {
        left: 8px;
        top: 12px;
        background-color: rgba(230, 230, 230, 0.1);
        border-radius: 6px;
        font-size: 10pt;
        font-weight: normal;
        font-family: Helvetica;
        color: black;
    }

    .iconText.alert {
        color: red;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 7px;
        border-radius: 20px;
        z-index: 01;
        background-color: rgba(250, 192, 200, .8);
        left: 10px;
    }

    .iconText.noticeGreen {
        color: green;
        font-weight: bold;
        font-size: 13px;
        padding: 0px 7px;
        border-radius: 20px;
        z-index: 01;
        background-color: rgba(70, 255, 70, .5);
        left: 10px;
    }

    .iconText.noticeBlue {
        color: rgb(0,0,255);
        font-weight: bold;
        font-size: 13px;
        padding: 0px 7px;
        border-radius: 20px;
        z-index: 01;
        background-color: rgba(34, 122, 194, .43);
        left: 10px;
    }

    .iconText.topRight {
        top: -2px;
        right: -5px;
        left: unset;
    }

    .iconText.whiteShadow {
        text-shadow: 0px 0px 2px white,0px 0px 2px white,0px 0px 2px white;
    }

    .iconText.bottomRight {
        top: 12px;
        right: 0px;
        left: unset;
    }

    .iconText.topLeft {
        top: -2px;
        left: unset;
        right: 15px;
    }

    .iconText.bold {
        font-weight: bold;
    }

    .iconText.smallText, .iconText.smallText * {
        font-size: 9pt;
    }

    .iconText.blueCircle {
        color: white;
        background-color: rgba(34, 122, 194, .73);
        padding: 0px 5px;
        border-radius: 20px;
        z-index: 2;
        max-width: 10px;
        aspect-ratio: 1/1;
    }

        .iconText.blueCircle.smallText {
            max-width: 7px;
        }

.vykazFrame .iconText.alert, .vykazFrame .iconText.noticeGreen, .vykazFrame .iconText.noticeBlue {
    top: 6px;
    left: 11px;
    font-size: 12px;
}

.iconText.alert::after {
    content: '!';
}

.iconText.noticeGreen::after, .iconText.noticeBlue::after {
    content: 'i';
}

.iassignment-red .iconText {
    color: black;
    background-color: rgba(255, 255, 255, 0);
}

div[data-header], div[data-caption], div[data-footer], div[data-tab] {
    display: none;
}

.footer-pager-content div[data-footer] {
    display: initial;
}

.ico.icestaNove {
    background-image: url(icestaYellow.png);
}

.ico.icestaZamknuto {
    background-image: url(icestaRed.png);
}

.ico.icestaSchvaleno {
    background-image: url(icestaGreen.png);
}

.ico.icestaUznano {
    background-image: url(icestaGreen.png);
}

.ico.icestaZkraceno {
    background-image: url(icestaGray.png);
}

.ico.icestaVyhrady {
    background-image: url(icestaGray.png);
}

.ico.icestaNeuznano {
    background-image: url(icestaRed.png);
}

.ico.icestaPovoleno {
    background-image: url(icestaBlue.png);
}

.ico.icestaPOZADANO {
    background-image: url(icestaYellow.png);
}

.ico.icestaVYUCTOVANO {
    background-image: url(icestaRed.png);
}

.ico.icestaSCHVALENO {
    background-image: url(icestaGreen.png);
}

.ico.icestaPOVOLENO {
    background-image: url(icestaBlue.png);
}

.ico.icestaSPOLUCESTUJICI {
    background-image: url(icestaGray.png);
}

table.calendar tbody td span, td.calendar span {
    padding-bottom: 10px;
    height: 15px;
    white-space: nowrap;
}

    table.calendar tbody td span:last-child, td.calendar span:last-child {
        padding-bottom: 0px;
    }

table.calendar tbody td, td.calendar {
    vertical-align: top;
}

.ico.imeetingEDITABLE {
    background-image: url(imeetingYellow.png);
    display: inline !important;
    position: relative;
}

.ico.imeetingSCHELUDED {
    background-image: url(imeetingBlue.png);
    display: inline !important;
    position: relative;
}

.ico.imeetingARCHIVED {
    background-image: url(imeetingGray.png);
    display: inline !important;
    position: relative;
}

.ico.imeetingFINNISHED {
    background-image: url(imeetingGreen.png);
    display: inline !important;
    position: relative;
}

.ico.imeetingPORADAEDITABLE {
    background-image: url(imeetingYellowP.png);
}

.ico.imeetingPORADASCHELUDED {
    background-image: url(imeetingBlueP.png);
}

.ico.imeetingPORADAARCHIVED {
    background-image: url(imeetingGrayP.png);
}

.ico.imeetingPORADAFINNISHED {
    background-image: url(imeetingGreenP.png);
}

.ico.imeetingJEDNANIEDITABLE {
    background-image: url(imeetingYellowJ.png);
}

.ico.imeetingJEDNANISCHELUDED {
    background-image: url(imeetingBlueJ.png);
}

.ico.imeetingJEDNANIARCHIVED {
    background-image: url(imeetingGrayJ.png);
}

.ico.imeetingJEDNANIFINNISHED {
    background-image: url(imeetingGreenJ.png);
}

.ico.iassignmentEDIT {
    background-image: url(iassignmentYellow.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentORDERED {
    background-image: url(iassignmentOrange.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentWAITING {
    background-image: url(iassignmentGray.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentAPPROVED {
    background-image: url(iassignmentGray.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentASSIGNED {
    background-image: url(iassignmentBlue.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentDENIED {
    background-image: url(iassignmentRed.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentREFUSED {
    background-image: url(iassignmentRed.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentEXECUTING {
    background-image: url(iassignmentBlue.png);
    display: inline !important;
    position: relative;
}

.ico.iassignmentFINNISHED {
    background-image: url(iassignmentGreen.png);
    display: inline !important;
    position: relative;
}

.ico.iVykazRed {
    background-image: url(iVykazRed.png);
    position: relative;
}

.ico.iVykazBlue {
    background-image: url(iVykazBlue.png);
    position: relative;
}

.ico.iVykazGreen {
    background-image: url(iVykazGreen.png);
    position: relative;
}

.ico.iVykazGray {
    background-image: url(iVykazGray.png);
    position: relative;
}

.ico.ireservationEDITABLE {
    background-image: url(ireservationYellow.png);
}

.ico.ireservationRESERVED {
    background-image: url(ireservationBlue.png);
}

.ico.ireservationBORROWED {
    background-image: url(ireservationOrange.png);
}

.ico.ireservationRETURNED {
    background-image: url(ireservationGreen.png);
}

.ico.ireservationARCHIVED {
    background-image: url(ireservationGray.png);
}

.ico.ireservation {
    background-image: url(ireservationGray.png);
}

.ico.irealization {
    background-image: url(ikony/ms/realizace_kurzu.png);
}

.ico.irealizationEDITABLE {
    background-image: url(ikony/ms/realizace_kurzu.png);
}

.ico.irealizationSCHELUDED {
    background-image: url(ikony/ms/modra/realizace_kurzu.png);
}

.ico.irealizationFINNISHED {
    background-image: url(ikony/ms/cervena/realizace_kurzu.png);
}

.ico.irealizationCHECKED {
    background-image: url(ikony/ms/zelena/realizace_kurzu.png);
}

.ico.irealizationAPPROVED {
    background-image: url(ikony/ms/zelena/realizace_kurzu.png);
}

.ico.irealizationRESERVATION {
    background-image: url(ikony/ms/realizace_kurzu.png);
}

.ico.ilessons {
    background-image: url(ikony/ms/vyklad.png);
}

.icap.ijidelnicek {
    background-image: url(ikony/ms/vyklad_2.png);
}

.ico.ijidelnicek {
    background-image: url(ikony/ms/vyklad_2.png);
    background-position: center;
}

.ico.ilessonsRed {
    background-image: url(ikony/ms/cervena/vyklad.png);
}

table.tableCalendar th[scope="col"] {
    text-align: center;
    width: 15px;
    white-space: nowrap;
    overflow: hidden;
}

    table.tableCalendar th[scope="col"]:first-child {
        width: auto;
        min-width: 100px;
    }

table.tableCalendar td {
    padding: 5px 0 5px 0;
    text-align: center;
}

table.tableCalendar tbody tr td:first-child {
    text-align: left;
    padding-left: 10px;
}

.inav {
    padding: 4px 0px 4px 28px;
    margin: 0 0px 0 0;
    background: url(ico.png) no-repeat left center;
}

    .inav.icompany {
        background-image: url(CompanyNavIco.png);
    }

    .inav.iproject {
        background-image: url(ProjectNavIco.png);
    }

    .inav.ipromanager {
        background-image: url(ProManagerIco.png);
    }

table.table .sumrow {
    background-color: #cccccc !important;
}

table.detail.smallHeader .header {
    width: 300px;
}

table.detail.smallHeader td.header[colspan="2"] {
    width: 100%;
    font-weight: bolder;
}

.navigationDropDown {
    color: #f2955c;
    margin: 0 14px 0 0;
    padding-left: 5px;
    background: url(droparrow.png) no-repeat;
    background-position: 180px 17px;
    width: 150px;
    height: 38px;
    background-color: #636363;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

#navigationIcon {
    display: inline-block;
    padding: 0 0 0 38px;
    background: url('irole.png') no-repeat;
    height: 38px;
    margin: 0;
}

.navigationDropDown .navigationItem {
    background-color: #333333;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #636363;
}

.navigationDropDown::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

.hideOnFullScreen {
    display: inline !important;
}

.fullscreen .hideOnFullScreen {
    display: none !important;
}

.showOnFullScreen {
    display: none;
}

.fullscreen .showOnFullScreen {
    display: inline !important;
}

.listHeader {
    padding-bottom: 30px;
}

    .listHeader .captionDiv {
        border-bottom: 2px solid #1d74bc;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .listHeader .header {
        color: #4373bb;
        font-size: 16px !important;
        padding-bottom: 8px;
        padding-left: 10px;
        text-align: left;
    }

    .listHeader .description {
        margin-left: 20px;
        display: block;
    }

.listItem {
    margin: 8px 0 8px 20px;
}

    .listItem .commentItem {
        color: gray;
        font-size: 10pt;
        padding-left: 20px;
        position: relative;
    }

.headerItem {
    font-weight: bold;
}

.listBody {
    margin-bottom: 40px;
}

    .listBody .itemHeader {
        float: left;
        width: 300px;
        text-align: right;
        padding-right: 10px;
    }

    .listBody .itemContent {
        float: left;
    }

.ico.irequestNOTCOMPLETE {
    background: url(irequestStrip.png) no-repeat 0 2px;
}

.ico.irequestCOMPLETE {
    background: url(irequestStrip.png) no-repeat 0 -94px;
}

.ico.irequestSUBMITED {
    background: url(irequestStrip.png) no-repeat 0 -28px;
}

.ico.irequestACCEPTED {
    background: url(irequestStrip.png) no-repeat 0 -60px;
}

.ico.irequestCLOSED {
    background: url(irequestStrip.png) no-repeat 0 -60px;
}

.ico.irequestDENIED {
    background: url(irequestStrip.png) no-repeat 0 -158px;
}

.ico.irequestAPPROVED {
    background: url(irequestStrip.png) no-repeat 0 -60px;
}

.ico.irequestPRESELECTED {
    background: url(irequestStrip.png) no-repeat 0 -28px;
}

.ico.irequestSUPPORTED {
    background: url(irequestStrip.png) no-repeat 0 -60px;
}

.ico.ihodnoceni {
    background: url(ievaluationStrip.png) no-repeat 0 2px;
}

.ico.ihodnoceniNOTCOMPLETE {
    background: url(ievaluationStrip.png) no-repeat 0 2px;
}

.ico.ihodnoceniCOMPLETE {
    background: url(ievaluationStrip.png) no-repeat 0 -94px;
}

.ico.ihodnoceniSUBMITTED {
    background: url(ievaluationStrip.png) no-repeat 0 -28px;
}

.ico.ihodnoceniACCESSIBLE {
    background: url(ievaluationStrip.png) no-repeat 0 -60px;
}

.ico.ihodnoceniREVISED {
    background: url(ievaluationStrip.png) no-repeat 0 -28px;
}

.ico.ihodnoceniMASTER {
    background: url(ievaluationStrip.png) no-repeat 0 2px;
}

.ico.ihodnoceniPUBLIC {
    background: url(ievaluationStrip.png) no-repeat 0 -158px;
}

.ico.ihodnoceniSCORING {
    background: url(ievaluationStrip.png) no-repeat 0 -28px;
}

.ico.ihodnoceniSCORED {
    background: url(ievaluationStrip.png) no-repeat 0 -28px;
}

.ico.ihodnoceniREVISION {
    background: url(ievaluationStrip.png) no-repeat 0 -158px;
}

.ico.ihodnoceniADJUSTMENTS {
    background: url(ievaluationStrip.png) no-repeat 0 -158px;
}

.ico.ihodnoceniADJUSTED {
    background: url(ievaluationStrip.png) no-repeat 0 -28px;
}

.ico.ihodnoceniRed {
    background: url(ievaluationStrip.png) no-repeat 0 -158px;
}

.ico.ihodnoceniGreen {
    background: url(ievaluationStrip.png) no-repeat 0 -60px;
}

.ico.ihodnoceniOrange {
    background: url(ievaluationStrip.png) no-repeat 0 -125px;
}

.ico.ihodnoceniBlue {
    background: url(ievaluationStrip.png) no-repeat 0 -28px;
}

.ico.iconflict {
    background: url(iconflictStrip.png) no-repeat 0 2px;
}

.ico.iconflictYellow {
    background: url(iconflictStrip.png) no-repeat 0 -94px;
}

.ico.iconflictBlue {
    background: url(iconflictStrip.png) no-repeat 0 -28px;
}

.ico.iconflictGreen {
    background: url(iconflictStrip.png) no-repeat 0 -60px;
}

.ico.iknowlage {
    background: url(iknowlageStrip.png) no-repeat 0 2px;
    margin-right: 2px
}

.ico.iknowlageBlue {
    background: url(iknowlageStrip.png) no-repeat 0 -28px;
    margin-right: 2px
}

.ico.iknowlageGreen {
    background: url(iknowlageStrip.png) no-repeat 0 -60px;
    margin-right: 2px
}

.ico.iknowlageYellow {
    background: url(iknowlageStrip.png) no-repeat 0 -94px;
    margin-right: 2px
}

.ico.icinnosti {
    background: url(ikony/v/cinnosti.png) no-repeat left center;
}

.ico.iuserWarn {
    background: url(imeetingGray.png) no-repeat left center;
}

.ico.iuserWarnRed {
    background: url(imeetingRed.png) no-repeat left center;
}

.ico.icomment {
    background: url(ikony/ms/diskusni_forum.png) no-repeat left center;
}

.ico.icommentBlue {
    background: url(ikony/ms/modra/diskusni_forum.png) no-repeat left center;
}

.ico.icommentRed {
    background: url(ikony/ms/cervena/diskusni_forum.png) no-repeat left center;
}

.ico.icommentGreen {
    background: url(ikony/ms/zelena/diskusni_forum.png) no-repeat left center;
}

.ico.icommentOPEN {
    background: url(ikony/ms/modra/diskusni_forum.png) no-repeat left center;
}

.ico.icommentCLOSED {
    background: url(ikony/ms/cervena/diskusni_forum.png) no-repeat left center;
}

.ico.icommentAPPROVED {
    background: url(ikony/ms/zelena/diskusni_forum.png) no-repeat left center;
}

.ico.icomment2, .ico.inote {
    background: url(ikony/ms/cviceni.png) no-repeat left center;
}

.ico.icomment2Blue, .ico.inoteBlue {
    background: url(ikony/ms/modra/cviceni.png) no-repeat left center;
}

.ico.icomment2Red, .ico.inoteRed {
    background: url(ikony/ms/cervena/cviceni.png) no-repeat left center;
}

.ico.icomment2Green {
    background: url(ikony/ms/zelena/cviceni.png) no-repeat left center;
}

.ico.icomment2OPEN {
    background: url(ikony/ms/modra/cviceni.png) no-repeat left center;
}

.ico.icomment2CLOSED {
    background: url(ikony/ms/cervena/cviceni.png) no-repeat left center;
}

.ico.icomment2APPROVED {
    background: url(ikony/ms/zelena/cviceni.png) no-repeat left center;
}

.ico.iexkurze {
    background: url(ikony/v/aktivity.png) no-repeat left center;
}

#menu .notification {
    position: absolute;
    top: 10px;
    left: 5px;
    background-color: rgba(255,0,0,0.7);
    line-height: 0;
    width: 22px;
    height: 11px;
    border-radius: 11px;
    padding-top: 11px;
    text-align: center;
    color: white;
}

table.discussion {
    border-collapse: collapse;
    width: 100%;
}

    table.discussion .icons {
        text-align: right !important;
    }

    table.discussion tr td, table.discussion tr th {
        border-bottom: 1px #e5e5e5 solid;
        background: #f6f6f6 url(coursestdbg.png) repeat-x top;
        padding: 10px 20px;
        color: #575757;
    }

    table.discussion tr.header th {
        background: #ededed none;
        color: #626262;
        line-height: 18px;
        border-top: 4px #1d74bc solid;
        text-align: left;
    }

    table.discussion tr:hover td {
        background-color: #ededed;
    }

    table.discussion tr td:first-child, table.discussion tr th:first-child {
        padding-right: 2px;
    }

    table.discussion tr.footer td, table.discussion tr.footer td:hover {
        border-top: 4px #818080 solid;
        border-bottom: none;
        background-color: #fff;
        padding-bottom: 25px;
    }

    table.discussion .caption td, table.discussion tr.caption:hover td {
        xheight: 45px;
        border-bottom: 4px #1d74bc solid;
        color: #1d74bc;
        background: #fff;
    }

.messages {
    border-style: solid;
    border-width: 0px;
    border-color: black;
}

.messageFrame {
    margin: 0 0 10px 0;
    padding: 5px;
}

    .messageFrame .infoPanel {
        border-radius: 5px;
        margin-bottom: 1px;
        padding: 3px 30px 8px 40px;
        background-image: url('DiscussionAvatar.png');
        background-repeat: no-repeat;
        margin-left: 20px;
        position:relative;
    }

        .messageFrame .infoPanel .category {
            position: absolute;
            top: 24px;
            left: 57px;
            font-size: 10pt;
            font-weight: bold;
        }

        .messageFrame .sender {
            color: #029ce2;
            font-weight: bold;
            position: relative;
        }

    .messageFrame .commentTitle {
        position: absolute;
        top: 9px;
        left: 12px;
        color: #8888;
        font-size: 10pt;
    }

    .messageFrame .time {
        color: #565656;
        font-size: 10px;
    }

    .messageFrame .infoPanel a {
        font-size: 10pt;
    }

    .messageFrame .arrow {
        background-image: url('discussionArrow.png');
        background-position: 20px 0;
        width: 100%;
        height: 15px;
        padding: 0;
        margin: 0;
    }

    .messageFrame .contentPanel {
        padding: 15px;
        min-height: 80px;
        background-color: #efefef;
        position: relative;
        padding-bottom: 35px;
    }

        .messageFrame .contentPanel .buttons {
            position: absolute;
            bottom: 5px;
            right: 5px;
        }

.icod {
    padding: 2px 25px 0 0;
    background-repeat: no-repeat;
}

    .icod.iedit {
        background-image: url('iDiscussionEdit.png');
    }

    .icod.iremove {
        background-image: url('iDiscussionRemove.png');
    }

    .icod.iquote {
        background-image: url('iDiscussionQuote.png');
    }

    .icod.isave {
        background-image: url('icap/isave.png');
    }

    .icod.icancel {
        background-image: url('icap/icancel.png');
    }

.messageFrame .contentPanel .quote {
    padding: 5px;
    background-color: rgba(180,180,180,0.5);
    border-radius: 10px;
}

.discussionInfo {
    border-bottom: 2px #009fe3 solid;
    margin-bottom: 5px;
    color: #565656;
    font-size: 16px !important;
    font-weight: bold;
    padding-bottom: 8px;
    padding-left: 10px;
    text-align: left;
    padding-top: 10px;
}

.icap.iDiscussionBack {
    background-image: url('iDiscussionBack.png');
}

table.discussion .quoteSender {
    text-decoration: underline;
}

table.table thead th:first-child, table.table thead th:first-child *, table.table thead td:first-child * {
    white-space: nowrap;
}

    table.table thead th:first-child input[type=checkbox], table.table thead td:first-child input[type=checkbox] {
        margin-right: 5px;
    }

.discussionPanel p {
    margin: 0;
}

.ico.idiscussionNormal {
    background-image: url('ikony/ms/vyklad.png');
}

.ico.idiscussionLocked {
    background-image: url('zamek_c.png');
}

.noticeBoard {
    width: 100%;
    margin-bottom: 50px;
    border-collapse: collapse;
}

    .noticeBoard tr.header td, .noticeBoard tr.header th {
        padding-bottom: 20px;
        padding: 10px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: left;
        height: 50px;
        vertical-align: top;
        color: #4274bb;
    }

    .noticeBoard tr.lessonHeader th {
        color: #4274bb;
        background-color: #e0e0e0;
        border-right: 1px solid white;
        padding: 4px;
    }

        .noticeBoard tr.lessonHeader th span {
            max-width: 400px;
            overflow: hidden;
            display: block;
        }

    .noticeBoard tr {
        border-bottom: 2px solid white;
    }

        .noticeBoard tr.header {
            border-bottom: 2px solid #4472b4;
            background-color: white;
        }

            .noticeBoard tr.header:first-child td, .noticeBoard tr.header:first-child th {
                height: 25px;
            }

            .noticeBoard tr.header th:first-child {
                color: #4373bb;
                font-size: 16px !important;
                padding-bottom: 3px;
                padding-left: 10px;
                text-align: left;
            }

        .noticeBoard tr td:first-child {
            vertical-align: middle;
            padding: 30px;
            color: #4472b4;
            font-weight: bolder;
        }

        .noticeBoard tr:nth-child(even) td {
            background-color: #f8f8f8;
        }

        .noticeBoard tr:nth-child(odd) td {
            background-color: #eeeeee;
        }

    .noticeBoard td, .noticeBoard td {
        padding: 10px;
        vertical-align: top;
        border-right: 1px solid white;
    }

        .noticeBoard td a {
            display: block !important;
        }

    .noticeBoard .iconText, .iconText.circle {
        background-color: #396bb9;
        border-radius: 10px;
        left: 12px;
        top: 15px;
        padding: 0px 4px 0px 4px;
        color: white;
    }

.responseBoxFrame {
}

.responseLabel, .shadowText {
    display: block;
    color: gray;
    font-size: 10pt;
    padding-left: 20px;
}

.excursionCalendar {
    width: 100%;
    margin-bottom: 50px;
    border-collapse: collapse;
    border-bottom: 3px #7f7f7f solid;
    border-top: 3px solid #4472b4;
}

    .excursionCalendar * {
        font-size: 14px;
    }

    .excursionCalendar caption {
        color: #4373bb;
        font-size: 16px !important;
        padding-bottom: 8px;
        padding-left: 10px;
        text-align: left;
    }

    .excursionCalendar tr.header {
        color: #4274bb;
        background-color: #ececec;
        border-bottom: 2px #ffffff solid;
        color: #4274bb;
    }

    .excursionCalendar tr th:first-child {
    }

    .excursionCalendar tr:nth-child(even) td {
        background-color: #f8f8f8;
    }

    .excursionCalendar tr:nth-child(odd) td {
        background-color: #eeeeee;
    }

    .excursionCalendar td, .excursionCalendar th {
        padding: 6px 10px;
        text-align: left;
        overflow: visible;
        vertical-align: top;
        border-right: 1px solid white;
    }

    .excursionCalendar .item, .excursionCalendar .item:hover {
        display: block !important;
        white-space: nowrap;
        color: black;
    }

        .excursionCalendar .item.selected {
            color: #00a700;
        }
/*table.table.fixedHeader caption {
    position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
top: 0;
background-color:white;
}*/
table.table.fixedHeader thead {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0px;
}

tr.selected td {
    background-color: rgba(0,255,0,0.15) !important;
}

tr.selectedBlue td {
    background-color: rgba(0,0,255,0.15);
}

span.roles {
    display: inline;
}

    span.roles span {
        display: inline !important;
    }

.redCircle {
    background: red;
    border-radius: 10px;
    width: 15px;
    text-align: center;
    box-sizing: border-box;
    height: 15px;
    vertical-align: top;
    left: 10px;
    top: 16px;
    color: white;
    font-size: 10pt;
}

.redCircleText {
    position: absolute;
    color: white;
    font-size: 8pt;
    left: 15px;
    top: 5px;
    width: 20px;
    height: 20px;
}

.flashText {
    font-weight: bold;
    -webkit-animation: color-change 4s infinite;
    -moz-animation: color-change 4s infinite;
    -o-animation: color-change 4s infinite;
    -ms-animation: color-change 4s infinite;
    animation: color-change 4s infinite;
}

@-webkit-keyframes color-change {
    0% {
        color: #4373bb;
    }

    30% {
        color: #4fd15a;
    }

    70% {
        color: red;
    }

    100% {
        color: #4373bb;
    }
}

@-moz-keyframes color-change {
    0% {
        color: #4373bb;
    }

    30% {
        color: #4fd15a;
    }

    70% {
        color: red;
    }

    100% {
        color: #4373bb;
    }
}

@-ms-keyframes color-change {
    0% {
        color: #4373bb;
    }

    30% {
        color: #4fd15a;
    }

    70% {
        color: red;
    }

    100% {
        color: #4373bb;
    }
}

@-o-keyframes color-change {
    0% {
        color: #4373bb;
    }

    30% {
        color: #4fd15a;
    }

    70% {
        color: red;
    }

    100% {
        color: #4373bb;
    }
}

@keyframes color-change {
    0% {
        color: #4373bb;
    }

    30% {
        color: #4fd15a;
    }

    70% {
        color: red;
    }

    100% {
        color: #4373bb;
    }
}

.discussionAttachementBox {
    border: 1px solid gray;
    padding: 5px;
    border-radius: 5px;
    width: 320px;
    margin-top: 20px;
}

    .discussionAttachementBox .attLink {
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        max-width: 220px;
        white-space: nowrap;
    }

        .discussionAttachementBox .attLink:hover {
            text-decoration: underline;
        }

.selectBox-dropdown-menu .selected, .selectBox-dropdown-menu .selected:hover {
    background-color: lightgreen;
}

.selectBox-dropdown-menu .empty, .selectBox-dropdown-menu .empty:hover {
    background-color: lightgray;
}
/* testy */
span > p {
    margin: 0px;
    padding: 0px;
}

.rightAnswer {
    color: Green;
    display: table;
    padding-right: 5px;
    min-width: 400px;
    margin-bottom: 1px;
}

.wrongAnswer {
    color: Red;
    display: table;
    padding-right: 5px;
    min-width: 400px;
    margin-bottom: 1px;
}

.altAnswer {
    color: Orange;
}

.radioBoxTrueFalse {
    margin: 0 15px 0 0px;
    float: left;
}

input[type=radio] {
    margin: 0 3px 0 5px;
    height: 13px;
    width: 13px;
}

.selectAnswerLeft {
    float: left;
    margin: 0 20px 0 0;
}

.selectAnswerRight {
    float: left;
    /*border: 1px solid;*/
}

.testQuestionBox {
    width: 90%;
}

.testNavigation {
    width: 400px;
}

.testMaxPoints {
    display: inline-block;
    padding: 10px;
    text-align: center;
    /*background-color: Gray;
	margin-left:80%;          */
    margin-left: 22px;
    border: 1px solid lightblue;
}

    .testMaxPoints input {
        width: 30px;
        background-color: LightGray;
    }

.noimage img {
    display: none;
}

.arrow {
    padding: 13px 0px 13px 20px;
    margin: 5px;
    background: url(ico.png) no-repeat left center;
}

    .arrow[disabled], .arrow.aspNetDisabled {
        cursor: default;
        opacity: 0.2;
    }

.testReportNavigation {
    margin-left: 35%;
}

.answerBox {
    padding-left: 22px;
    padding-bottom: 20px;
}

.testTable {
    border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: collapse;
    border-bottom: 4px #7f7f7f solid;
    border-top: 4px #4274bb solid;
    width: 100%;
    margin: 20px 0 25px 0;
}

    .testTable td {
        padding: 30px;
        padding-bottom: 110px;
        position: relative;
    }

.monsterico {
    background: url(ico.png) no-repeat center top;
    display: inline-block;
    width: 60px;
    height: 50px;
    padding-top: 50px;
}

    .monsterico[disabled]:hover {
        text-decoration: none;
    }

    .monsterico.iarr-right {
        background-position: right 0%;
        color: green;
        text-align: right;
        background-color: transparent;
        background-image: url('testNextButtonGreen.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    .monsterico.iarr-left {
        background-position: left 0%;
        color: green;
        text-align: left;
        background-color: transparent;
        background-image: url('testPrevButtonGreen.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    .monsterico.iarr-right[disabled], .monsterico.iarr-right.disabled, .monsterico.iarr-right.aspNetDisabled {
        background: url(testNextButtonGray.png) no-repeat;
        cursor: inherit;
        color: gray;
    }

    .monsterico.iarr-left[disabled], .monsterico.iarr-left.disabled, .monsterico.iarr-left.aspNetDisabled {
        background: url(testPrevButtonGray.png) no-repeat;
        cursor: inherit;
        color: gray;
    }

.testTable .testArrowLeft, .ztable .testArrowLeft {
    position: absolute;
    left: 0;
}

.testTable .testArrowRight, .ztable .testArrowRight {
    position: absolute;
    right: 0;
}

.testTable .testMaxPoints, .ztable .testMaxPoints {
    position: absolute;
    right: 0;
    top: 0px;
    color: gray;
    border: none;
}

.testTable caption {
    text-align: center;
    position: relative;
}

    .testTable caption * {
        font-size: 14px !important;
    }

.table caption, .detail caption {
    position: relative;
}

    .table caption .right, .detail caption .right {
        position: absolute;
        right: 0;
        bottom: 12px;
    }

.centerCaption caption {
    text-align: center;
}

.testTable .formSection {
    border-bottom: 2px solid #cbe7f2;
    padding-bottom: 3px;
}

.testCaption .ico.iarr-left {
    padding-right: 30px;
    background-position: right;
    display: inline-block !important;
    width: 300px;
    text-align: right;
}

.testCaption .ico.iarr-right {
    display: inline-block !important;
    width: 300px;
    text-align: left;
    padding-left: 30px;
}

.testCaption {
    width: 100%;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}

.testTable caption .right {
    position: absolute;
    right: 0;
}

.answerBox span.black {
    color: gray;
    float: left;
    display: inline-block;
    width: 10px;
}

.selectAnswerLeft {
    min-width: 150px;
    text-align: right;
    margin-right: 10px;
}

.selectAnswerRight {
    min-width: 200px;
}

.selectAnswerRight {
    min-width: 200px;
}

    .selectAnswerRight .selectBox-dropdown {
        width: 150px !important;
        min-width: 150px;
        line-height: 1;
        padding-top: 2px;
    }

    .selectAnswerRight .selectBox-label {
        width: 120px !important;
        min-width: 120px;
        line-height: 1;
        padding-bottom: 0;
    }

    .selectAnswerRight .selectBox-disabled, .selectAnswerRight .selectBox-disabled .selectBox-label {
        background-color: #ededed;
        //color:white;
    }
/* testy end */
/* WindowManager */
.WMmain {
    //overflow:hidden;
    width: 100%;
    position: relative;
}

    .WMmain:after {
        clear: both;
    }

.WMpanel {
    // border:solid 1px black;
    width: 48%;
    //min-height:300px;
    //float:left;
    display: inline-block;
    // padding:10px;
    margin: 10px;
    position: relative;
    vertical-align: top;
}

    .WMpanel .table {
        margin-top: 20px !important;
    }

    .WMpanel caption {
        padding-top: 0px !important;
    }

    .WMpanel.animate {
        transform: scale(0.2);
        top: -120px;
    }

    .WMpanel:after {
        clear: both;
    }

    .WMpanel .icap.idrag {
        position: absolute;
        top: 18px;
        right: -14px;
        padding: 4px 4px 30px 30px;
        cursor: move;
        background-image: url(icap/iMoveSquare.png);
        z-index: 9999;
    }

    .WMpanel .icap.iminimalize {
        position: absolute;
        top: 18px;
        padding: 4px 4px 30px 30px;
        right: 20px;
        background-image: url(icap/iMinimalizeSquare.png);
        z-index: 9999;
    }

    .WMpanel.minimalize {
        display: none;
    }

.WMspacer {
    width: 20px;
    height: 180px;
    float: left;
    border: solid 1px blue;
}

.WMpanel > img {
    float: right;
}

.WMfooter {
    // border:solid 1px gray;
}

.WMfooterLEFT {
    position: absolute;
    left: -100px;
    top: 0;
    width: 100px;
    height: 100%;
}

.WMfooterRIGHT {
}

.WMfooterTOP {
    z-index: 9999;
    position: sticky;
    top: 0;
    background-color: #e5e5e5;
    height: 45px;
    width: 100%;
}

.WMfooterBOTTOM {
    z-index: 9999;
    position: sticky;
    bottom: 0;
}

.WMoverlay {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1000000000;
    //background-color:rgba(100,100,100,0.5);
    top: 0;
    left: 0;
}

.WMfooterItem {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.WMfooterLEFT .WMfooterItem {
    width: 85%;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    text-align: center;
    padding: 7px;
    font-size: 10pt;
    margin: 5px;
    border: solid 1px #555658;
    float: left;
    position: relative;
    background-color: #f3f3f3;
    //#555658;
    border-radius: 5px;
    cursor: pointer;
}

.WMfooterTOP .WMfooterItem {
    display: inline-block;
    width: 100px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    text-align: center;
    padding: 7px;
    font-size: 10pt;
    color: white;
    background: url(zdedilSeparator.png) no-repeat left 6px;
    vertical-align: middle;
    position: relative;
    background-color: #4272ba;
    float: left;
    cursor: pointer;
}

    .WMfooterTOP .WMfooterItem:first-child {
        background-image: none;
    }

.WMfooterItem a {
    position: absolute;
    right: -10px;
    top: 15px;
    display: none;
    padding: 4px 4px 15px 15px;
}

.WMpanel.navRight, .WMoverlay.navRight {
    background-image: url(direction.png);
    background-repeat: repeat-y;
    background-position: right;
    border: dashed 1px #f3f3f3;
}

.WMpanel.navLeft, .WMoverlay.navLeft {
    background-image: url(directionleft.png);
    background-repeat: repeat-y;
    background-position: left;
    border: dashed 1px #f3f3f3;
}

.ui-effects-transfer {
    border: 2px solid black;
}
/* WindowManager END */
.closeButton {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(close2.png) no-repeat scroll 0% 0%;
}

.innerFrame {
    padding: 15px;
    border-radius: 5px;
    /*background: #FFF url("App_Themes/Elearning/preload.gif") no-repeat scroll 50% 50%;*/
    border: 3px solid #AAA;
    background-color: #ffffff;
    min-width: 700px;
    overflow: auto;
    max-height: 500px;
    overscroll-behavior: contain;
}

.mainFrame {
    position: fixed;
    opacity: 1;
    display: block;
    padding: 14px 17px;
    z-index: 1100;
    margin: auto;
    overscroll-behavior: contain;
}

.filterPopup {
    display: inline-block;
}

.rowMultiPickerContainer {
    position: relative;
}

.rowMultiPicker {
    z-index: 100;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    height: 20px;
    top: -5px;
    min-width: 50px;
    display: none;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    left: -30px;
    transition: 1s;
}

.rowMultiOpener {
    cursor:pointer;
}

.rowMultiPickerContainer.opened .rowMultiPicker {
    display: block;
    transition: 1s;
}

.errorBar {
    display: block;
    margin: auto;
    text-align: center;
}

a.rollUp {
    background: url(arrow-blue-up.png) no-repeat left center;
    padding-left: 15px;
    white-space: nowrap;
}

a.rollDown {
    background: url(arrow-blue.png) no-repeat left center;
    padding-left: 15px;
    white-space: nowrap;
}

.selectBox.large.selectBox-dropdown {
    min-width: 200px;
}
/* mini rozpocet*/
table.miniRozpocet {
    border-bottom: 4px #7f7f7f solid;
    border-top: 4px #4274bb solid;
    width: 100%;
}

    table.miniRozpocet, table.miniRozpocet thead *, table.miniRozpocet tbody * {
        font-size: 10pt !important;
        border-collapse: collapse;
        border-spacing: 0px;
        padding: 2px;
        padding-left: 5px;
    }

        table.miniRozpocet thead * {
            font-size: 12pt;
        }

        table.miniRozpocet thead tr {
            background-color: #ececec;
            xborder-top: 1px #e5e5e5 solid;
            border-bottom: 2px #ffffff solid;
            color: #4274bb;
        }

        table.miniRozpocet thead th {
            padding: 5px;
        }

        table.miniRozpocet caption {
            color: #4373bb;
            font-size: 16px !important;
            padding-bottom: 8px;
            padding-left: 10px;
            text-align: left;
        }

        table.miniRozpocet tr:nth-child(2n+1) td {
            background-color: #ececec;
        }

        table.miniRozpocet tr:nth-child(2n) td {
            background-color: #ffffff;
        }

        table.miniRozpocet .numBox {
            border-radius: 0;
            text-align: right;
            width: 60px;
            background-color: #ffe672;
            border: none;
            height: 20px;
            border: 1px solid #acacac;
        }

        table.miniRozpocet .textBox {
            border-radius: 0;
            width: 97%;
            border: none;
            background-color: #ffe672;
            height: 20px;
            border: 1px solid #acacac;
        }

            table.miniRozpocet .numBox[disabled], table.miniRozpocet .textBox[disabled] {
                background-color: #ededed;
                color: red;
            }
/* mini rozpocet end*/
.RadioList {
    white-space: nowrap;
}

    .RadioList span {
        margin-left: 6px;
        min-width: 150px;
        display: inline-block;
    }

.unselectable {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

table.table .cke_editor tr {
    background: none !important;
    border: none !important;
}

    table.table tr.noHower:hover, table.table .cke_editor tr:hover {
        background-color: inherit !important;
    }

table.table .cke_editor span.cke_button {
    display: inline !important;
}

ul.tabs li {
    position: relative;
}

ul.tabs .tabInfo {
    position: absolute;
    right: 15px;
    top: 10px;
    background-color: red;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: white;
    padding: 0;
    line-height: 1.5;
    text-align: center;
    font-size: 10pt;
    cursor: default;
}

ul.tabs .tabInfoGreen {
    position: absolute;
    right: 15px;
    top: 10px;
    background-color: forestgreen;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    color: white;
    padding: 0;
    line-height: 1.5;
    text-align: center;
    font-size: 10pt;
    cursor: default;
}

ul.tabs li.tabSmall .tabInfo {
    right: 1px;
    top: 1px;
}

ul.tabs li.tabSmall.selected .tabInfo {
    right: 15px;
    top: 10px;
}

table.table tr.bold * {
    color: black;
    font-weight: bold;
}

table.table.sticker caption {
    position: fixed;
    top: 0px;
    background-color: white;
    z-index: 10;
    padding-top: 5px;
}

.innerFrame table.detail.sticker, .innerFrame table.table.sticker {
    margin-top: 40px;
}

table.detail.sticker caption {
    position: fixed;
    top: 0px;
    background-color: white;
    z-index: 10;
    padding-top: 5px;
    box-shadow: 0px 3px 0px;
}

.innerFrame table.detail.sticker caption, .innerFrame table.table.sticker caption {
    top: 17px;
    min-height: 22px;
}

table.table.sticker tr.header:nth-child(1) th, table.table.sticker tr.header:nth-child(1) td {
    position: sticky;
    top: 35px;
    background-color: #ececec;
    z-index: 10;
}

table.table.sticker tr.header:nth-child(2) th, table.table.sticker tr.header:nth-child(2) td {
    position: sticky;
    top: 66px;
    background-color: #ececec;
    z-index: 10;
}

.innerFrame table.table.sticker tr.header:nth-child(2) th, .innerFrame table.table.sticker tr.header:nth-child(2) td {
    top: 54px;
}

table.table.sticker tr.header:nth-child(3) th, table.table.sticker tr.header:nth-child(3) td {
    position: sticky;
    top: 97px;
    background-color: #ececec;
    z-index: 10;
}

table.table.sticker tr.header:nth-child(4) th, table.table.sticker tr.header:nth-child(4) td {
    position: sticky;
    top: 128px;
    background-color: #ececec;
    z-index: 10;
}

table.porCalTable.sticker tbody tr.header, table.porCalTable.sticker tbody tr.header td {
    position: sticky;
    top: 97px;
    background-color: #ececec;
    z-index: 10;
    box-shadow: 0px 3px 0px;
}

.innerFrame table.porCalTable.sticker tbody tr.header, .innerFrame table.porCalTable.sticker tbody tr.header td {
    top: 85px;
}

table.table.sticker tr.header:last-child th, table.table.sticker tr.header:last-child td {
    box-shadow: 0px 3px 0px;
}

.innerFrame table.table.sticker tr.header:nth-child(1) th, .innerFrame table.table.sticker tr.header:nth-child(1) td {
    top: 22px;
}

.fullscreen table.table.sticker {
    margin-top: 40px;
}

#scrollTopButt {
    position: fixed;
    bottom: 80px;
    right: 0;
    width: 20px;
    height: 20px;
    display: none;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url(iTop.png) no-repeat
}

.disableSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.msgFrame {
    width: 98%;
    padding: 5px;
    margin-bottom: 5px;
    position: relative;
}

    .msgFrame.msgOwner {
        text-align: right;
    }

.msgIcon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('DiscussionAvatar.png') center top no-repeat;
}

.msgOwner .msgIcon {
    right: 0;
    left: auto;
    text-align: center;
    padding-top: 10px;
    height: 30px;
    background-image: none;
    background-color: gray;
}

.msgGroup {
    display: inline-block;
    background-color: lightgray;
    padding: 10px;
    margin-left: 40px;
    border-radius: 10px;
    text-align: left;
}

.msgOwner .msgGroup {
    margin-left: 0;
    margin-right: 40px;
}

.msgText {
    display: block;
    width: auto;
}

.msgBox {
    height: 400px;
    overflow: auto;
    background-color: white;
    border-radius: 10px;
    position: relative;
}
/*.msgText:hover {
    background-color:#cacaca;
    border-radius:5px;
}*/
.msgControls {
    width: 100%;
    border-radius: 10px;
    background-color: gray;
    margin-top: 8px;
    position: relative;
}

    .msgControls textarea, .msgControls input {
        width: calc(100% - 115px);
        display: block !important;
        border-radius: 10px;
        border: none;
        padding-top: 1px;
        height: 27px;
    }

.msgWindow {
    border: 10px solid gray;
    border-radius: 10px;
    background-color: gray;
    margin-top: 20px;
}

.msgSend {
    background: url('odeslat_z.png') center center no-repeat;
    width: 30px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 36px;
    bottom: 0;
}

.msgAttachement {
    background: url('ikony/v/priloha.png') center center no-repeat;
    width: 35px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.msgEmoticons {
    width: 35px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 55px;
    bottom: 0;
}

    .msgEmoticons:hover {
        text-decoration: none;
    }

.msgTypeNotify {
    margin-left: 20px;
    content: 'a';
    color: gray;
    margin: 0 0 5px 20px;
    font-size: 11pt
}

.msgEmoPanel {
    display: block;
    width: 300px;
    min-height: 100px;
    background-color: gray;
    border-radius: 10px;
    border: 1px solid black;
    padding: 10px;
    position: absolute;
    bottom: 35px;
    right: 0;
}

    .msgEmoPanel span {
        cursor: pointer;
    }

    .msgEmoPanel .emoSubPanel * {
        font-size: 18pt;
    }

.msgOptions {
    position: absolute;
    width: 85px;
    height: 20px;
    background-color: gray;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    top: -40px;
    right: 0;
    padding: 7px;
}

.redFeedback {
    display: block;
    color: red;
    text-align: center;
    margin: auto;
    padding: 15px;
}

.msgDownload {
    background-repeat: no-repeat;
    padding-left: 20px;
}

.msgImagePriew {
    display: block;
}
/* HTML editor */
.Editor__htmlEditor {
}

.Editor__editor {
    background-color: white;
    overflow: auto;
    resize: vertical;
    min-width: 15px;
    min-height: 50px;
    padding: 10px;
    box-sizing: border-box;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #e0e0e0;
    word-break: break-word;
    overflow-wrap: break-word;
    padding-right: 115px;
}

.Editor__bradius {
    border-radius: 10px;
}

.Editor__editor > div {
    min-height: 20px;
}

.Editor__toolbar {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    height: 50px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.Editor__toolItem {
    width: 40px;
    height: 40px;
    margin: 10px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

.Editor__placeholder {
    color: gray;
}

.Form__ImageItem {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
    opacity: 0.6;
    box-sizing: border-box;
}

    .Form__ImageItem:hover, .Form__ImageItemSelected {
        border: 2px solid lightblue;
        border-radius: 10px;
        opacity: 1;
        padding: 10px;
    }

.Form__ImageItemSelected {
    background-color: rgba(0,165,255, .2);
}

.Form__ImagePriewButt {
    position: relative;
    float: right;
    padding: 11px;
}

    .Form__ImagePriewButt img {
        display: none;
        position: fixed;
        left: 15px;
        top: 15px;
        border: 1px solid lightblue;
        z-index: 10000000;
        opacity: 1;
    }

    .Form__ImagePriewButt:hover img {
        display: block;
        max-width: 800px;
        max-height: 500px;
    }

.CKattachementInsert {
    cursor: pointer;
    background: url("sipka_vpravo.png") no-repeat left center;
    height: 25px;
    padding-left: 30px;
}

table.table tr.transparent {
    opacity: 0.2;
}

    table.table tr.transparent:hover {
        opacity: 0.8;
        color: red;
        background-color: rgba(150,150,150,0.5) !important;
    }

.calendarSpan {
    padding: 1px 0;
    white-space: nowrap;
    position: relative;
}

table tr.editable {
    background-color: #ffefdd !important;
}

.cleanTable, .cleanTable tr, .cleanTable td {
    padding: 0 !important;
    margin: 0 !important;
    background-color: inherit !important;
}

.gray {
    color: gray;
}

.red {
    color: red;
}

.orange {
    color: darkorange !important;
}

.green {
    color: green;
}

.blue {
    color: #1d74bc;
}

.attachementOkaz {
    color: brown;
}

.flatTable, .flatTable caption {
    display: inline-block;
    padding: 0;
    margin: 0;
}

a.selectBox-dropdown-transparent {
    background-color: transparent !important;
}

.inliner, .inliner * {
    display: inline-block !important;
    white-space: nowrap !important;
}

.statePopUp {
    position: absolute;
    display: none;
    height: auto;
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0px;
    z-index: 10000;
    line-height: 20px;
}

.statePopUpItem {
    width: auto;
    white-space: nowrap;
    display: block !important;
    padding: 0 25px;
    line-height: 25px;
    text-align: left !important;
}

    .statePopUpItem:hover {
        background-color: rgba(255, 100, 0, 0.2);
    }

.ikapLogo1 {
    background-image: url('ikap/logo1.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.ikapLogo2 {
    background-image: url('ikap/logo2.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.ikapLogo3 {
    background-image: url('ikap/logo3.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.ikapLogo4 {
    background-image: url('ikap/logo4.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.navPopupPanel {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.navPopupSubPanel {
    position: absolute;
    background-color: #303135;
    padding: 5px 20px;
    top: 48px;
    right: -10px;
    display: none;
    min-height: 20px;
    min-width: 200px;
    padding: 0 20px;
}

    .navPopupSubPanel a {
        display: block;
        z-index: 11;
        position: relative;
    }

.navPopupArrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #303135;
    position: absolute;
    top: -10px;
    right: 21px;
}

.ico.helpIcoNav {
    background-image: url('iinfoNav.png');
    margin-right: 8px;
}

.navFeed {
    min-width: 400px;
    max-width: 400px;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    line-height: 1.5;
    height: 25px;
    cursor: pointer;
    z-index: 20;
    position: relative;
    border-bottom: 1px solid #636363;
}

    .navFeed .redCircle {
        position: absolute;
        top: 4px;
        left: 380px;
        font-size: 7pt;
    }

    .navFeed:hover {
        text-decoration: underline;
    }

    .navFeed::before {
        content: '> '
    }

    .navFeed.selected::before {
        content: '< '
    }

.navFeedItems {
    min-width: 400px;
    max-width: 400px;
    box-sizing: border-box;
    z-index: 20;
    position: relative;
    display: none;
    max-height: 200px;
    overflow: auto;
    overflow-x: hidden;
    background-color: #636363;
    padding-bottom: 5px;
}

    .navFeedItems.opened {
        display: block;
    }

    .navFeedItems > div {
        width: 100%;
        height: 20px;
        background-color: #636363;
        padding: 0 10px 0 10px;
        box-sizing: border-box;
        line-height: 1.3;
        color: #f2955c;
        font-size: 11pt;
        cursor: pointer;
        z-index: 20;
        position: relative;
    }

        .navFeedItems > div:hover {
            background-color: #7f7f7f;
            color: white;
        }

        .navFeedItems > div::before {
            content: '> ';
        }

#ctl00_notificationSubPanel {
    padding: 0;
}

.navFeedRedDot {
    width: 5px;
    height: 5px;
    border-radius: 7px;
    background-color: red;
    position: absolute;
    top: 9px;
    left: 4px;
}

.navFeedItems a {
    display: inline-block;
    width: 100%;
    min-height: 10px;
}

    .navFeedItems a:hover {
        text-decoration: none;
        color: white;
        ;
    }
/* Kalendar poradenstvi*/
.headerCell {
    display: inline-block;
    height: 17px;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -9px;
    border-left: 1px solid #BBB;
}

    .headerCell:first-child {
        border: none;
    }

.calItem {
    display: inline-block;
    height: 25px;
    position: absolute;
    top: -4px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 9pt;
    padding-top: 5px;
    box-sizing: border-box;
    color: gray;
    text-align: center;
}

    .calItem:hover {
        text-decoration: none;
    }

    .calItem.secondRow {
        top: 22px;
    }

    .calItem.RESERVED {
        background-color: rgba(255, 0, 20, .7);
        border-radius: 4px;
        z-index: 2;
    }

    .calItem.OPEN {
        background-color: rgba(0, 255, 0, 0.4);
        border-radius: 7px;
    }

    .calItem.RESERVED_OUT {
        background-color: rgba(100, 100, 100, .7);
        border-radius: 4px;
        z-index: 2;
    }

    .calItem.OPEN_OUT {
        background-color: rgba(200, 200, 200, 0.4);
        border-radius: 7px;
    }

    .calItem.videochat {
        background-image: url('ivisible.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

    .calItem.RESERVEDOTHERS {
        background-color: rgba(255, 150, 20, .7);
        border-radius: 4px;
    }

    .calItem.OPENOTHERS {
        background-color: rgba(0, 0, 255, 0.4);
        border-radius: 7px;
    }

    .calItem.RESERVED_OUTOTHERS {
        background-color: rgba(100, 100, 100, .7);
        border-radius: 4px;
    }

    .calItem.OPEN_OUTOTHERS {
        background-color: rgba(200, 200, 200, 0.4);
        border-radius: 7px;
    }

    .calItem span {
        color: #1FA504;
        font-size: 8pt;
        left: 0;
        top: 6px;
        padding: 0 6px;
        position: absolute;
    }

        .calItem span:last-child {
            right: 0;
            left: initial;
        }

    .calItem.RESERVED span, .calItem.RESERVEDOTHERS span, .calItem.OPEN_OUTOTHERS span, .calItem.OPENOTHERS span {
        color: ivory;
    }

    .calItem.RESERVED_OUT span {
        color: ivory;
    }

    .calItem.OPEN_OUT span {
        color: ivory;
    }

    .calItem.doubleRow {
        padding-top: 10px;
    }

        .calItem.doubleRow span {
            top: 2px;
        }

.porCalTable tr td:first-child {
    font-size: 10pt;
}

.porCalTable tr.weekend td {
    background-color: rgba(255, 0, 0, 0.1);
}

.porCalTable tr td.selected {
    background-color: rgba(230, 132, 0, 0.3) !important;
    border-radius: 10px;
    text-align: center;
}

.captionHolder {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .captionHolder caption {
        display: inline;
        padding: 0;
        margin: 0;
    }
/* konec kalendare poradenstvi */
.collapsable {
    display: block;
    overflow: hidden;
    position: relative;
}

    .collapsable.opened, .collapsable:hover {
        max-height: initial !important;
    }

.ipin {
    background: url(ipin.png) no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 3px;
    opacity: 0.2;
    cursor: pointer;
}

    .collapsable.opened .ipin, .ipin:hover {
        opacity: 0.6;
    }

.sideIconPanel {
    position: fixed;
    bottom: 200px;
    right: 0;
    width: 40px;
    min-height: 30px;
}

    .sideIconPanel .sideIcon {
        display: block;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        border: 1px solid rgba(100, 100, 100,0.5);
        background-color: rgba(255,255,255,1);
    }

        .sideIconPanel .sideIcon:hover {
            border-color: #4274bb;
        }

        .sideIconPanel .sideIcon.attachements {
            background-image: url('ikony/v/priloha.png');
        }

            .sideIconPanel .sideIcon.attachements:hover {
                background-image: url('ikony/v/modra/priloha.png');
            }

.attBoxRow {
    margin: 0;
    padding: 0;
    font-size: 10pt;
    height: 20px;
    position: relative;
    line-height: 1.1;
    padding-left: 5px;
    padding-right: 35px;
    z-index: 10;
    margin-top: 5px;
    cursor: default;
    background-color: #636363;
}

.attBoxHeader .attBoxRow {
    background-color: #303135;
    font-size: 11pt;
}

.attBoxRow:hover {
    color: white;
}

.attBoxBody {
    background: #636363;
    max-height: 350px;
    overflow: auto;
}

.attBoxRow:last-child {
    padding-bottom: 4px;
}

.attBoxRow .ico.iremove {
    position: absolute;
    right: 8px;
    display: inline-block;
    width: 21px;
    height: 20px;
    padding: 0;
    margin: 0;
}

.globalWarning {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12pt;
}

.globalWarningPlaceHolder {
    height: 20px;
    display: block;
}

    .globalWarningPlaceHolder.hidden {
        display: none;
    }

.relative {
    position: relative;
}

.pickBoxFrame {
    display: inline-block;
    white-space: nowrap;
    position: relative;
}

    .pickBoxFrame .pickBoxButton {
        background: url('ikony/ms/modra/zaznam_akci.png') center center no-repeat;
        width: 25px;
        height: 25px;
        display: inline-block;
        cursor: pointer;
        margin-bottom: -8px;
    }

.pickBoxItemFrame {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    background-color: white;
    overflow: auto;
    max-height: 200px;
    min-width: 70px;
}

    .pickBoxItemFrame.opened {
        display: block !important;
        z-index: 1;
    }

    .pickBoxItemFrame .pickBoxItem {
        background-color: white;
        border: 1px solid lightgray;
        padding: 1px 3px 1px 3px;
    }

        .pickBoxItemFrame .pickBoxItem:hover {
            background-color: rgba(255,100,0,0.4);
        }
/* Float box start */
.floatBox {
    position: fixed;
    width: 300px;
    top: 50px;
    left: 80%;
    min-height: 300px;
    max-height: 650px;
    background: url(napoveda/vertical.png) repeat-y;
    background-color: white;
}

.floatBoxCorner {
    height: 26px;
    width: 26px;
    float: left;
    background-image: url(napoveda/tl.png);
    margin-right: 10px;
    display: inline-block;
}

.floatBoxCaption {
    height: 26px;
    cursor: move;
    width: 100%;
    background: url(napoveda/t.png) repeat-x;
    line-height: 26px;
    overflow: hidden;
    font-weight: bold;
}

.floatBoxContent {
    padding: 5px;
    min-height: 264px;
    max-height: 600px;
    width: 280px;
    overflow: auto;
}

.floatBoxFooter div:last-child {
    height: 26px;
    width: 26px;
    background-image: url(napoveda/br.png);
    float: right;
    cursor: se-resize;
}

.floatBoxFooter {
    height: 26px;
    background: url(napoveda/b.png) repeat-x;
}

    .floatBoxFooter div:first-child {
        height: 26px;
        width: 26px;
        float: left;
        background-image: url(napoveda/bl.png);
    }

.floatBoxClose {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 26px;
    width: 26px;
    cursor: pointer;
    background-image: url(napoveda/tr.png);
}

.floatBoxLside {
    position: absolute;
    width: 6px;
    height: 95%;
    cursor: e-resize;
    max-height: 610px;
}

.floatBoxRside {
    position: absolute;
    width: 6px;
    height: 95%;
    cursor: e-resize;
    max-height: 610px;
    right: 0;
}
/* float box end */
.clickLabel {
    color: #1d74bc;
    cursor: pointer;
    display: inline;
}

    .clickLabel:hover {
        text-decoration: underline;
    }

table.table th.selected a {
    background-color: rgba(230, 132, 0, 0.3) !important;
    border-radius: 10px;
    text-align: center;
}

.flagIco {
    display: inline-block !important;
    color: orange;
    position: relative;
    overflow: visible !important;
    padding: -3px;
    font-size: 14pt;
}

.flagNumber {
    position: absolute;
    bottom: -1px;
    right: 4px;
    color: black;
}

.oprava1 {
    background: url('ioprava1.png') left center no-repeat;
    padding-left: 15px;
}

.oprava2 {
    background: url('ioprava2.png') left center no-repeat;
    padding-left: 15px;
}

.oprava3 {
    background: url('ioprava3.png') left center no-repeat;
    padding-left: 15px;
}

.oprava4 {
    background: url('ioprava4.png') left center no-repeat;
    padding-left: 15px;
}

.oprava5 {
    background: url('ioprava5.png') left center no-repeat;
    padding-left: 15px;
}

.cislaVykazBox {
    color: gray;
    float: right;
}

.topDot {
    position: absolute;
    top: 0;
    left: 6px;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: black;
    border-radius: 5px;
}

    .topDot.VYHRADY {
        background-color: rgb(194,12,17);
    }

    .topDot.OPRAVENO {
        background-color: orange;
    }

    .topDot.ZKONTROLOVANO {
        background-color: rgb(138, 191,67);
    }

    .topDot.NEZKONTROLOVANO {
        background-color: rgb(44,159,200);
    }

table.detail .col1, table.detail .col2 {
    width: 300px;
    display: inline-block;
}

.nowrap, .nowrap * {
    white-space: nowrap
}

.relativeCells th, .relativeCells td {
    position: relative;
}

.headerFilterBox {
    position: absolute;
    background-color: #ececec;
    border: 1px solid #4274bb;
    z-index: 100;
    display: none;
}

    .headerFilterBox.show {
        display: block;
    }

.headerFilterButton {
    cursor: pointer;
}

table.table tr.parent5 {
    background-color: rgba(255,220,140,0.4);
}

    table.table tr.parent5:hover {
        background-color: rgba(255,220,140,0.7);
    }

table.table tr.parent4 {
    background-color: rgba(255,200,120,0.4);
}

    table.table tr.parent4:hover {
        background-color: rgba(255,200,120,0.7);
    }

table.table tr.parent3 {
    background-color: rgba(255,170,100,0.4);
}

    table.table tr.parent3:hover {
        background-color: rgba(255,170,100,0.7);
    }

table.table tr.parent2 {
    background-color: rgba(255,150,70,0.4);
}

    table.table tr.parent2:hover {
        background-color: rgba(255,150,70,0.7);
    }

table.table tr.parent1 {
    background-color: rgba(255,130,40,0.4);
}

    table.table tr.parent1:hover {
        background-color: rgba(255,130,40,0.7);
    }

table.table tr.parent0 {
    background-color: rgba(255,80,20,0.4);
}

    table.table tr.parent0:hover {
        background-color: rgba(255,80,20,0.7);
    }

.subText {
    font-size: 8pt;
    color: gray;
    display: block;
    line-height: 1;
    padding-top: 6px;
}
/*targeting*/
.matchControl {
}

#content_header, .table_header {
    color: #4373bb;
    font-size: 16px !important;
    padding-bottom: 8px;
    padding-left: 10px;
    text-align: left;
    border-bottom: 4px #4274bb solid;
}

.block_entry {
    border-bottom: 4px #7f7f7f solid
}

    .block_entry table tr td {
        height: 20px;
        padding: 7px;
    }

    .block_entry table trtr:nth-child(2n+1) td {
        background-color: #f6f6f6;
    }

    .block_entry table tr td:first-child {
        width: 300px;
        color: #4373bb;
        background-color: #e0e0e0;
    }

    .block_entry table tr:nth-child(2n+1) td:first-child {
        background-color: #ececec;
    }

.notice_heading_title {
    border-bottom: 1px solid lightblue;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*targering end*/
.raidoScale {
    width: 100%
}

    .raidoScale tr {
        display: flex;
        justify-content: space-around;
        width: 100%;
        border: 0 !important;
        background-color: transparent !important;
    }

        .raidoScale tr:hover {
            background-color: transparent !important;
        }

    .raidoScale label {
        display: none;
    }

    .raidoScale.showLabel label {
        display: inline-block;
    }

    .raidoScale.showLabel td {
        display: inline-block;
        line-height: 20px;
    }

.jidelnicek {
    width: 800px;
}

    .jidelnicek tr td > div {
        border-bottom: 1px solid transparent;
        padding-bottom: 2px;
    }

        .jidelnicek tr td > div > div {
            margin-left: 5px;
        }

    .jidelnicek tr:hover td > div {
        border-bottom: 1px dashed gray;
    }

    .jidelnicek td {
        padding: 5px;
    }

    .jidelnicek .zaznam {
        display: flex;
        margin-left: 30px;
    }

        .jidelnicek .zaznam div:nth-child(1) { /*poradi*/
            width: 40px;
        }

        .jidelnicek .zaznam div:nth-child(2) { /*nazev*/
            width: 100%;
        }

        .jidelnicek .zaznam div:nth-child(3) { /*alergeny*/
            width: 0px;
        }

        .jidelnicek .zaznam.edit div:nth-child(3) { /*alergeny*/
            width: 150px;
        }

        .jidelnicek .zaznam div:nth-child(4) { /*cena*/
            width: 120px;
            text-align: right;
        }

        .jidelnicek .zaznam.edit div:nth-child(4) { /*cena*/
            width: 140px;
        }

        .jidelnicek .zaznam div:nth-child(5) { /*tlacitka*/
            width: 100px;
        }

        .jidelnicek .zaznam.edit div:nth-child(5) { /*tlacitka*/
            width: 50px;
        }

    .jidelnicek .datum {
        margin-top: 20px;
        font-weight: bolder;
        border-bottom: 1px solid lightblue;
    }

        .jidelnicek .datum:hover {
            border-bottom: 1px solid lightblue;
        }

    .jidelnicek .header {
        display: flex;
        justify-content: space-between;
        margin-left: 15px;
        border-bottom: 1px dotted gray;
    }
/* cc dropdown */
.ccDrop {
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    display: inline-block;
    cursor: pointer;
}

    .ccDrop[disabled=disabled] {
        cursor: default;
    }

    .ccDrop > div {
        height: 30px;
        padding: 5px;
        padding-left: 10px;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        color: #217dc0;
        background-color: #e9f2f7;
        position: relative;
    }

    .ccDrop .dropArrow {
        position: absolute;
        right: 10px;
        top: 7px;
        color: #444;
        font-size: 13px;
    }

    .ccDrop > ul {
        display: none;
        position: absolute;
        margin: 0;
        padding: 0;
        border: solid 1px #BBB;
        z-index: 99999;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        color: #1d74bc;
    }

    .ccDrop.open > ul {
        display: block;
        max-height: 180px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .ccDrop > ul li {
        display: block;
        height: 30px;
        padding: 5px;
        background-color: #ffffff;
        width: 100%;
        min-width: 60px;
        box-sizing: border-box;
        cursor: pointer;
        white-space: nowrap;
        text-align: left !important;
        padding-right: 20px;
    }

        .ccDrop > ul li:hover {
            text-decoration: underline;
            background-color: #ededed;
        }

        .ccDrop > ul li.selected {
            background-color: #e9f2f7;
        }

    .ccDrop.elearning {
    }
    /*Transparent ccdrop*/
    .ccDrop.Transparent > div {
        background-color: transparent;
    }
    /* Red ccdrop */
    .ccDrop.Red {
        color: red;
    }

        .ccDrop.Red > div {
            background-color: rgba(255, 0, 0, 0.3);
            color: black;
        }
    /* Plain ccdrop */
    .ccDrop.Plain > div {
        background-color: transparent;
        color: inherit;
    }
/*cc dropdown end*/
/* neat form*/
table.neatForm {
    background-color: #e3e3e3;
    padding: 10px;
    border-radius: 14px;
}

    table.neatForm td.header {
        padding-left: 20px;
        font-weight: bold;
        color: #333;
    }

    table.neatForm input, table.neatForm .ccDrop > div {
        border-radius: 10px;
        padding: 5px;
        padding-right: 15px;
        border: none;
        background-color: #fefefe;
        box-sizing: border-box;
    }

    table.neatForm .footerMessage {
        color: gray;
        font-size: 10pt;
        padding: 5px 20px;
    }
/* neat form end*/
span.tooltip {
    position: relative;
}

    span.tooltip > span {
        display: none !important;
    }

    span.tooltip:hover > span {
        position: fixed;
        top: 40px;
        font-size: 10pt;
        font-family: monospace;
        left: 0px;
        display: block !important;
        color: black;
        background-color: #FFF;
        border: 1px solid black;
        padding: 5px;
        z-index: 10;
    }

    span.tooltip:hover span {
        font-family: monospace;
        font-size: 10pt;
        display: inline !important;
    }

.infoDivka {
    position: absolute;
    right: 50px;
    bottom: 10px;
    color: gray;
}

.header.fullRow {
    float: none;
    width: 100%;
    background-color: #cfcfcf !important;
}

table.miniDetail {
}

table.miniDetail {
    border: none;
    border-top: 4px #4274bb solid;
    border-bottom: 4px #7f7f7f solid;
    margin-bottom: 25px;
    margin-top: 20px;
    width: 100%;
}

    table.miniDetail > tbody > tr:nth-child(odd) {
        background-color: #f6f6f6;
    }

    table.miniDetail > tbody > tr {
        border-bottom: 1px #ffffff solid;
    }

        table.miniDetail > tbody > tr:last-child {
            background-color: #fff;
            border-bottom: 0px #ffffff solid;
        }

        table.miniDetail > tbody > tr > td {
            padding: 3px 10px;
            border-bottom: 1px #ffffff solid;
            line-height: 28px;
            vertical-align: top;
            width: 100%;
        }

    table.miniDetail .header {
        float: left;
        text-align: left;
        background-color: #e0e0e0;
        color: #4274bb;
        vertical-align: top;
        width: 300px;
    }

    table.miniDetail > tbody > tr:nth-child(odd) .header {
        background-color: #ececec;
    }

    table.miniDetail td > table {
        width: 100%;
    }

        table.miniDetail td > table tr {
            display: flex;
            justify-content: space-around;
        }

select.dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #e9f2f7;
    background-image: url(jquery.selectBox-arrow.png);
    border: none;
    padding: 2px 8px;
    color: #217dc0;
    position: relative;
    border-radius: 0.25em;
    background-repeat: no-repeat;
    background-position: 95% center;
    max-width: 250px;
    width: 100%;
    line-height: 1.5;
}
/*minimal test*/
.minimalTestFrame {
    border: none;
    border-collapse: collapse;
    width: 100%;
    margin: 5px 0 10px 0;
    text-align: left;
    background-color: white;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    border-radius: 15px;
    counter-reset: questionCounter;
}

    .minimalTestFrame .questionItem {
        margin-bottom: 20px;
        counter-increment: questionItem;
        padding-left: 25px;
        position: relative;
    }

        .minimalTestFrame .questionItem::before {
            content: counter(questionItem) ") ";
            font-weight: bold;
            display: inline;
            position: absolute;
            left: 0;
        }

    .minimalTestFrame .questionAnswer {
        margin-left: 20px;
    }

        .minimalTestFrame .questionAnswer .answerItem {
            margin: 5px 0;
        }

            .minimalTestFrame .questionAnswer .answerItem input {
                display: none !important;
            }

            .minimalTestFrame .questionAnswer .answerItem label {
                border: 1px solid gray;
                border-radius: 5px;
                width: 90%;
                height: 25px;
                display: block;
                box-sizing: border-box;
                padding-left: 10px;
                cursor: pointer;
                user-select: none;
                margin: 5px 0;
            }

            .minimalTestFrame .questionAnswer .answerItem[disabled] label {
                cursor: initial;
                opacity: 0.5;
                pointer-events: none;
            }

            .minimalTestFrame .questionAnswer .answerItem[disabled].correct label, .minimalTestFrame .questionAnswer .answerItem[disabled].wrong label {
                opacity: 1;
            }

            .minimalTestFrame .questionAnswer .answerItem label:hover {
                background-color: lightgray;
            }

            .minimalTestFrame .questionAnswer .answerItem input:checked ~ label {
                background-color: lightgray;
            }

            .minimalTestFrame .questionAnswer .answerItem.correct label {
                background-color: lightgreen !important;
            }

            .minimalTestFrame .questionAnswer .answerItem.wrong label {
                background-color: lightcoral !important;
            }

    .minimalTestFrame .trueFalseAnswer input {
        display: none !important;
    }

    .minimalTestFrame .trueFalseAnswer label {
        border: 1px solid gray;
        border-radius: 5px;
        width: 80px;
        height: 80px;
        display: inline-block;
        box-sizing: border-box;
        cursor: pointer;
        user-select: none;
        margin: 5px 0;
        text-align: center;
        padding-top: 30px;
    }

    .minimalTestFrame .trueFalseAnswer div:nth-child(2) {
        padding-left: 30px;
    }

    .minimalTestFrame .trueFalseAnswer input:checked + label, .minimalTestFrame .trueFalseAnswer label:hover {
        background-color: lightgray;
    }

    .minimalTestFrame .trueFalseAnswer .correct input + label {
        background-color: lightgreen !important;
    }

    .minimalTestFrame .trueFalseAnswer .wrong input + label {
        background-color: lightcoral !important;
    }

    .minimalTestFrame .trueFalseAnswer input[disabled] + label {
        cursor: initial;
        opacity: 0.5;
        pointer-events: none;
    }

    .minimalTestFrame .trueFalseAnswer .correct input[disabled] + label, .minimalTestFrame .trueFalseAnswer .wrong input[disabled] + label {
        opacity: 1;
    }

    .minimalTestFrame .selectAnswer {
        display: flex;
        gap: 10px;
        border-bottom: 1px dotted #cacaca;
        min-width: 600px;
        width: 609px;
        margin-bottom: 5px;
        line-height: 2;
    }

        .minimalTestFrame .selectAnswer:hover {
            border-bottom-style: solid;
        }

        .minimalTestFrame .selectAnswer div {
            min-width: 300px;
        }

        .minimalTestFrame .selectAnswer a.correct, .minimalTestFrame .wordAnswer textarea.correct {
            background-color: lightgreen !important;
            color: darkgreen !important;
        }

        .minimalTestFrame .selectAnswer a.wrong, .minimalTestFrame .wordAnswer textarea.wrong {
            background-color: lightcoral !important;
            color: white !important;
        }
/******/
.starPanel {
    position: relative;
    width: 100px;
    height: 20px;
    display: inline-block;
}

    .starPanel .starFrame {
        width: 75px;
        height: 20px;
        position: relative;
        color: black;
    }

    .starPanel .shadowStars, .starPanel .shinyStars {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        font-size: 18px;
    }

    .starPanel .shinyStars {
        color: orange;
        overflow: hidden;
    }

    .starPanel span {
        position: absolute;
        right: 8px;
        top: 6px;
        color: gray;
        font-size: 9pt;
    }
/***form category picker***/
.pickFrame {
    position: relative;
    width: 200px;
    height: 25px;
    color: #217dc0;
    background-color: #e9f2f7;
    cursor: pointer;
    padding: 2px 8px;
    user-select: none;
    -moz-user-select: none;
    line-height: 1.5;
    background-image: url(jquery.selectBox-arrow.png);
    background-position: 96% center;
    background-repeat: no-repeat;
}


    .pickFrame > span {
        overflow: hidden;
        max-height: 30px;
        display: inline-block;
    }
    .pickFrame .pickPanel {
        display: none;
        padding: 2px 8px;
        max-height: 400px;
        overflow-y: auto;
        max-width: 800px;
        width: auto;
        white-space: nowrap;
        border: 1px solid lightgray;
    }

    .pickFrame:focus-within .pickPanel {
        display: block;
        position: absolute;
        z-index: 10000;
        top: 25px;
        left: 0;
        background-color: white;
        color: black;
    }

.pickSection {
    min-height: 25px;
}

    .pickSection::before {
        content: "⌄";
        width: 25px;
        height: 25px;
    }

    .pickSection.open::before {
        content: "⌃";
    }

    .pickSection:not(.open) div:not(.selected) {
        display: none;
    }

    .pickSection div {
        padding-left: 25px;
    }

        .pickSection div.selected {
            color: green;
        }

            .pickSection div.selected::before {
                content: "✓";
                color: green;
                width: 25px;
                height: 25px;
            }

        .pickSection div:hover {
            background-color: lightgray;
        }

tr.subHidden {
    display: none;
}

table.table [data-clap=f] {
    display: none;
}

.simpleCompetenceFrame {
    max-width: 1000px;
    counter-reset: stupne;
}

    .simpleCompetenceFrame .simpleCompetenceTitle {
        font-size: 13pt;
        color: #4274bb;
        padding-left: 15px;
    }

        .simpleCompetenceFrame .simpleCompetenceTitle + div {
            padding-left: 30px;
            margin-bottom: 10px;
        }

    .simpleCompetenceFrame p {
        margin: 0;
    }

    .simpleCompetenceFrame div:first-child {
        font-size: 16pt;
        color: #4274bb;
        display: flex;
        justify-content: space-between;
    }

    .simpleCompetenceFrame div:nth-child(2) {
        // margin-left:15px;
    }

    .simpleCompetenceFrame input[type="radio"] {
        display: none !important;
    }

    .simpleCompetenceFrame ul {
        background: transparent;
        padding: 0;
        padding-left: 10px;
        margin: 0;
    }

    .simpleCompetenceFrame label {
        cursor: pointer;
        display: block;
        border: 1px solid lightgray;
        border-radius: 10px;
        padding: 15px;
        position: relative;
        margin-bottom: 5px;
    }

        .simpleCompetenceFrame label::before {
            counter-increment: stupne;
            content: counter(stupne);
            position: absolute;
            top: -8px;
            left: -10px;
            width: 25px;
            height: 25px;
            border-radius: 30px;
            border: 1px solid lightgray;
            background-color: white;
            text-align: center;
            line-height: 1.5;
            border-top: 0px;
            border-left: 0px;
        }

        .simpleCompetenceFrame label:hover {
            background-color: #0f02;
        }

    .simpleCompetenceFrame span.userSelected input[type="radio"] + label {
        background: #f50a;
    }

    

    .simpleCompetenceFrame span.userSelected:hover input[type="radio"] + label {
        background: linear-gradient(45deg,#0f02 0%, #0f02 50%,#f50a 50%, #f50a 100%);
    }
    .simpleCompetenceFrame span.userSelected input[type="radio"]:checked + label {
        background: linear-gradient(45deg,#0f06 0%, #0f06 50%,#f50a 50%, #f50a 100%);
    }

    .simpleCompetenceFrame span[disabled="disabled"] label:hover {
        background-color: #fff;
        cursor: default;
    }

    .simpleCompetenceFrame input[type="radio"]:checked + label {
        background-color: #0f06;
    }

    .simpleCompetenceFrame .pager {
        text-align: center;
    }

a.vyberunselected {
    color: gray !important;
    margin-left: 5px;
}

a.vyberselected {
    font-weight: bold;
    margin-left: 5px;
}

.imgHover {
    position: relative;
    display: inline;
}

    .imgHover .imgHoverShow {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    .imgHover:hover .imgHoverShow {
        display: block;
        position: absolute;
        top: 25px;
        left: -450px;
        z-index: 10000;
    }
/*combo box list*/
.comboPanel {
    position: relative;
    display: inline-block;
    user-select: none;
    vertical-align: middle;
}

    .comboPanel .comboList {
        display: none;
        position: fixed;
        top: 25px;
        left: 0;
        max-width: 999px;
        z-index: 10;
        min-width: 150px;
        min-height: 1em;
        background: white;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        border: solid 1px #BBB;
    }

        .comboPanel .comboList input[type="text"] {
            background: #eee;
            border-bottom: 1px dashed gray;
            background: #eee url('idetail.png') calc(100% - 5px) center no-repeat;
        }

    .comboPanel .listItemPanel {
        max-height: 250px;
        overflow: auto;
    }

    .comboPanel:focus-within .comboList {
        display: block;
    }

    .comboPanel .comboValue {
        height: 25px;
        line-height: 1.5;
        padding: 2px 8px;
        display: block;
        color: #217dc0;
        padding-right: 10px;
        background: #e9f2f7 url(jquery.selectBox-arrow.png) calc(100% - 5px) center no-repeat;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
    }

    .comboPanel .comboItem {
        line-height: 1.5;
        padding: 0 1.5em 0 .5em;
        white-space: nowrap;
        overflow: hidden;
        background: 6px center no-repeat;
        color: #1d74bc;
        cursor: pointer;
    }

        .comboPanel .comboItem:hover {
            text-decoration: underline;
            background-color: #EEE;
        }
/*combo box list end*/
/*compact container*/
.compactFrame {
    position: relative;
    display: inline-block;
    overflow: visible !important;
}

    .compactFrame:hover * {
        z-index: 3;
        overflow: visible !important;
    }

.compactItems {
    position: absolute;
    display: none;
    top: -5px;
    left: 0;
    flex-flow: column;
    gap: 4px;
    overflow: hidden;
    height: 0;
    background-color: white;
    z-index: 2 !important;
    transition: height 50ms ease-in;
}

    .compactItems > * {
        margin: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-right: 10px;
    }

.compactFrame:hover .compactItems:not(:empty) {
    display: flex;
    height: fit-content;
    border: 1px solid lightblue;
    border-radius: 5px;
    transition: height 200ms ease-in;
    padding-top: 30px;
}

.smallDisplayVisible {
    display: none !important;
}
/*svg ico*/
.svgico {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    padding: 2px 0 0 25px;
    margin: 0.3em;
    line-height: 1.5;
    white-space: nowrap;
    box-sizing: border-box;
}

    .svgico::after {
        content: '';
        mask-position: left center;
        -webkit-mask-position: left center mask-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        mask-size: 100% 100%;
        -webkit-mask-size: 100% 100%;
        z-index: 1;
        box-sizing: border-box;
    }

    .svgico .iconText {
        position: absolute;
        color: white;
        text-align: center;
        background-color: #172E74;
        width: 16px;
        height: 16px;
        border-radius: 10px;
        bottom: -5px;
        right: -5px;
        font-size: 0.65rem;
        padding-top: 0.1em;
        z-index: 2;
        line-height: 1.3;
        box-sizing: border-box;
    }

    .svgico.iactivity::after {
        mask-image: url('../ElearningR/svgico/iactivity.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iactivity.svg');
    }

    .svgico.ibell::after {
        mask-image: url('../ElearningR/svgico/ibell.svg');
        -webkit-mask-image: url('../ElearningR/svgico/ibell.svg');
    }

    .svgico.imchange::after {
        mask-image: url('../ElearningR/svgico/imchange.svg');
        -webkit-mask-image: url('../ElearningR/svgico/imchange.svg');
    }

    .svgico.ijidelnicek::after {
        mask-image: url('../ElearningR/svgico/ijidelnicek.svg');
        -webkit-mask-image: url('../ElearningR/svgico/ijidelnicek.svg');
    }

    .svgico.idetail::after {
        mask-image: url('../ElearningR/svgico/idetail.svg');
        -webkit-mask-image: url('../ElearningR/svgico/idetail.svg');
    }

    .svgico.icomment::after {
        mask-image: url('../ElearningR/svgico/icomment.svg');
        -webkit-mask-image: url('../ElearningR/svgico/icomment.svg');
    }

    .svgico.itime::after {
        mask-image: url('../ElearningR/svgico/itime.svg');
        -webkit-mask-image: url('../ElearningR/svgico/itime.svg');
    }

    .svgico.iadd::after {
        mask-image: url('../ElearningR/svgico/iplus.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iplus.svg');
    }

    .svgico.icomment2::after {
        mask-image: url('../ElearningR/svgico/icomment2.svg');
        -webkit-mask-image: url('../ElearningR/svgico/icomment2.svg');
    }

    .svgico.iuser::after {
        mask-image: url('../ElearningR/svgico/iuser.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iuser.svg');
    }

    .svgico.ibook::after {
        mask-image: url('../ElearningR/svgico/ibook.svg');
        -webkit-mask-image: url('../ElearningR/svgico/ibook.svg');
    }

    .svgico.idepositorium::after {
        mask-image: url('../ElearningR/svgico/iquestionary.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iquestionary.svg');
    }

    .svgico.itopic::after {
        mask-image: url('../ElearningR/svgico/itopic.svg');
        -webkit-mask-image: url('../ElearningR/svgico/itopic.svg');
    }

    .svgico.iinfo::after {
        mask-image: url('../ElearningR/svgico/iinfo.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iinfo.svg');
    }

    .svgico.iquestionary::after {
        mask-image: url('../ElearningR/svgico/iquestion.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iquestion.svg');
    }

    .svgico.iprint::after {
        mask-image: url('../ElearningR/svgico/iprint.svg');
        -webkit-mask-image: url('../ElearningR/svgico/iprint.svg');
    }

    .svgico.inote::after {
        mask-image: url('../ElearningR/svgico/inote.svg');
        -webkit-mask-image: url('../ElearningR/svgico/inote.svg');
    }

    .svgico.ivykaz::after {
        mask-image: url('../ElearningR/svgico/ivykaz.svg');
        -webkit-mask-image: url('../ElearningR/svgico/ivykaz.svg');
    }

    .svgico.ikey::after {
        mask-image: url('../ElearningR/svgico/ikey.svg');
        -webkit-mask-image: url('../ElearningR/svgico/ikey.svg');
    }

    .svgico.imail::after {
        mask-image: url('../ElearningR/svgico/imail.svg');
        -webkit-mask-image: url('../ElearningR/svgico/imail.svg');
    }

    .svgico.idetail2::after {
        mask-image: url('../ElearningR/svgico/idetail2.svg');
        -webkit-mask-image: url('../ElearningR/svgico/idetail2.svg');
    }

    .svgico.icomment.OPEN::after, .svgico.icomment2.OPEN::after {
        background-color: blue;
    }

    .svgico.icomment.CLOSED::after, .svgico.icomment2.CLOSED::after {
        background-color: red;
    }

    .svgico.icomment.APPROVED::after, .svgico.icomment2.APPROVED::after {
        background-color: green;
    }

    .svgico.red::after {
        background-color: red;
    }

    .svgico.blue::after {
        background-color: blue;
    }

    .svgico.green::after {
        background-color: green;
    }

    .svgico.yellow::after {
        background-color: yellow;
    }

    .svgico.orange::after {
        background-color: orange;
    }

    .svgico.brown::after {
        background-color: brown;
    }

    .svgico.rainbow::after {
        animation: rainbow-bg 5s linear;
        animation-iteration-count: infinite;
    }

@keyframes rainbow-bg {
    100%,0% {
        background-color: rgb(255,0,0);
    }

    8% {
        background-color: rgb(255,127,0);
    }

    16% {
        background-color: rgb(255,255,0);
    }

    25% {
        background-color: rgb(127,255,0);
    }

    33% {
        background-color: rgb(0,255,0);
    }

    41% {
        background-color: rgb(0,255,127);
    }

    50% {
        background-color: rgb(0,255,255);
    }

    58% {
        background-color: rgb(0,127,255);
    }

    66% {
        background-color: rgb(0,0,255);
    }

    75% {
        background-color: rgb(127,0,255);
    }

    83% {
        background-color: rgb(255,0,255);
    }

    91% {
        background-color: rgb(255,0,127);
    }
}



.headerDropDown {
    width: 100%;
    appearance: none;
    border: 0;
    color: inherit;
    padding: 0px;
    margin: 0;
    cursor: pointer;
    background: url(arrow-blue.png) right center no-repeat;
}

.kontrolaItem {
    display: flex;
    white-space: nowrap;
    padding: 2px 0;
    justify-content: space-between;
}

table.nestedTable td {
    width: unset;
    line-height: unset;
    padding: 0;
    margin: 0 3px;
}


.accordionFrame {
}


    .accordionFrame > input[type="checkbox"] {
        display: none !important;
    }

    .accordionFrame > label {
        display: block;
        padding: 5px;
        user-select: none;
        cursor: pointer;
        margin: 10px;
        padding-left: 25px;
        position: relative;
    }

        .accordionFrame > label::before {
            content: '\25B6';
            color: #888;
            font-size: 16px;
            position: absolute;
            left: 10px;
            top: 5px;
            z-index: 1;
            transition: rotate linear 200ms;
        }

    .accordionFrame > input[type="checkbox"]:checked ~ label::before {
        rotate: 90deg;
    }

    .accordionFrame > div {
        display: block;
        margin: 0 20px;
        max-height: 0px;
        border-top: 1px solid white;
        transition: max-height linear 200ms, margin linear 200ms;
        transition: border linear 200ms;
        overflow: hidden;
    }

    .accordionFrame > input[type="checkbox"]:checked ~ div {
        display: block;
        max-height: 500px;
        overflow: auto;
        border-top: 1px solid #dddd;
        margin: 20px;
    }

.faqCaption {
    border-bottom: 4px #4274bb solid;
    color: #4373bb;
    font-size: 16px !important;
    padding-bottom: 4px;
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
    background-color: white;
}

.faqHeader {
    display: flex;
    flex-flow: row;
    background-color: #ececec;
    border-bottom: 2px #ffffff solid;
    color: #4274bb;
    padding: 6px 10px;
}

.faqFooter {
    border-top: 4px #7f7f7f solid;
    padding-top: 30px;
}

.faqRow {
    margin: 0;
}



    .faqRow > label {
        margin: 0;
        padding: 6px 10px 6px 35px;
        display: flex;
    }

    .faqRow > input[type="checkbox"]:checked ~ div {
        padding: 10px 5px 5px 10px !important;
        margin: 0 !important;
        background: white;
        overscroll-behavior: contain;
    }

    .faqRow.even {
        background-color: #f6f6f6;
    }

    .faqRow.odd {
        background-color: #fff;
    }

    .faqRow:hover {
        background-color: #ffefdd;
    }

.searchBox {
    /*background:url(idetail.png) no-repeat left center;
    padding-left:30px;*/
}

input[type=search] {
    -webkit-appearance: searchfield !important;
}

    input[type=search]::-webkit-search-cancel-button {
        -webkit-appearance: searchfield-cancel-button !important;
    }



.slowLoader {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: #FFF;
    left: -100px;
    box-sizing: border-box;
    animation: shadowRolling 2s linear infinite;
}

@keyframes shadowRolling {
    0% {
        box-shadow: 0px 0 rgba(66, 116, 187, 0), 0px 0 rgba(66, 116, 187, 0), 0px 0 rgba(66, 116, 187, 0), 0px 0 rgba(66, 116, 187, 0);
    }

    12% {
        box-shadow: 100px 0 #4274bb, 0px 0 rgba(66, 116, 187, 0), 0px 0 rgba(66, 116, 187, 0), 0px 0 rgba(66, 116, 187, 0);
    }

    25% {
        box-shadow: 110px 0 #4274bb, 100px 0 #4274bb, 0px 0 rgba(66, 116, 187, 0), 0px 0 rgba(66, 116, 187, 0);
    }

    36% {
        box-shadow: 120px 0 #4274bb, 110px 0 #4274bb, 100px 0 #4274bb, 0px 0 rgba(66, 116, 187, 0);
    }

    50% {
        box-shadow: 130px 0 #4274bb, 120px 0 #4274bb, 110px 0 #4274bb, 100px 0 #4274bb;
    }

    62% {
        box-shadow: 200px 0 rgba(66, 116, 187, 0), 130px 0 #4274bb, 120px 0 #4274bb, 110px 0 #4274bb;
    }

    75% {
        box-shadow: 200px 0 rgba(66, 116, 187, 0), 200px 0 rgba(66, 116, 187, 0), 130px 0 #4274bb, 120px 0 #4274bb;
    }

    87% {
        box-shadow: 200px 0 rgba(66, 116, 187, 0), 200px 0 rgba(66, 116, 187, 0), 200px 0 rgba(66, 116, 187, 0), 130px 0 #4274bb;
    }

    100% {
        box-shadow: 200px 0 rgba(66, 116, 187, 0), 200px 0 rgba(66, 116, 187, 0), 200px 0 rgba(66, 116, 187, 0), 200px 0 rgba(66, 116, 187, 0);
    }
}


.moveAbove td {
    border-top:2px solid black!important;
}

.moveBelow td {
    border-bottom: 2px solid black!important;
}

.dragico {
    cursor:grab;
}



.rozhovorForm {
    padding-left: 15px;
    counter-reset: rozhovorQuestionCounter rozhovorQuestionVedouciCounter;
    position: relative;
    padding-right: 40px;
    max-width: 1000px;
}

.rozhovorForm .rozhovorQuestion {
    margin-bottom:30px;
    padding-left:15px;
}

.rozhovorForm .rozhovorQuestionHeader {
    color: #4274bb;
    padding-bottom: 10px;
    font-weight: bold;
}

.rozhovorForm .rozhovorQuestionHeader::before {
    position: absolute;
    display: inline-block;
    left: -5px;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid lightgray;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: lightgray;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: lightgray;
    background-color: white;
    text-align: center;
    line-height: 1.5;
    border-top: 0px;
    border-left: 0px;
    font-weight: bold;
}
.rozhovorForm .rozhovorQuestionHeader.vedouci::before {
    content: 'V' counter(rozhovorQuestionVedouciCounter);
    counter-increment: rozhovorQuestionVedouciCounter;
    color: orange;
            
}

.rozhovorForm .rozhovorQuestionHeader.zam::before {
    content: counter(rozhovorQuestionCounter);
    counter-increment: rozhovorQuestionCounter;
           
}

    .rozhovorForm .rozhovorQuestionHeader.required::before {
        border-color: #f008;
        box-shadow: 0px 0px 0px 3px #f008, 0 0 2px 1px #f008 inset;
    }
    .rozhovorForm .rozhovorQuestionAnswers {
        padding-left: 15px;
    }

        .rozhovorForm .rozhovorQuestionAnswers br {
            display:none;
        }

        .rozhovorQuestionAnswers input[type="radio"] {
            display: none !important;
        }

    .rozhovorQuestionAnswers input[type="radio"]:checked + label {
        background-color: #0f06;
    }

    .rozhovorQuestionAnswers input[type="radio"]:not([disabled]) + label:hover {
        background-color: #0f02;
        cursor:pointer;
    }

.rozhovorQuestionAnswers label {
    display: block;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 3px 15px;
    position: relative;
    margin-bottom: 5px;
}

.rozhovorForm .rozhovorQuestionSubTitle {
    padding: 10px 0px;
    color: #4274bb;
    font-weight:bold;
}

    .rozhovorForm .rozhovorQuestionComment > span {
        display: block;
        width: 300px;
        font-size: 13pt;
        color: #4274bb;
    }

.rozhovorForm .rozhovorQuestionComment > textarea, .rozhovorForm .rozhovorQuestionComment > div {
    margin-left: 15px;
}

.rozhovorForm .rozhovorHeader {
    position: sticky;
    top: -15px;
    width: 100%;
    height: 30px;
    background: white;
    color: #4274bb;
    font-size: 14pt;
    z-index: 2;
    border-bottom: 2px solid;
    margin-bottom: 15px;
}

.rozhovorForm span.userSelect input[type="radio"] + label {
    background: #f50a;
}



.rozhovorForm span.userSelect:hover input[type="radio"]:not([disabled]) + label {
    background: linear-gradient(45deg,#0f02 0%, #0f02 50%,#f50a 50%, #f50a 100%);
}

.rozhovorForm span.userSelect input[type="radio"]:checked + label {
    background: linear-gradient(45deg,#0f06 0%, #0f06 50%,#f50a 50%, #f50a 100%);
}


.rozhovorForm .vedouci span.userSelect input[type="radio"] + label {
    background: #0f06;
}

.rozhovorForm .vedouci span.userSelect:hover input[type="radio"]:not([disabled]) + label {
    background: linear-gradient(45deg,#f506 0%, #f506 50%,#0f06 50%, #0f06 100%);
}

.rozhovorForm .vedouci span.userSelect input[type="radio"]:checked + label {
    background: linear-gradient(45deg,#f50a 0%, #f50a 50%,#0f06 50%, #0f06 100%);
}

.rozhovorQuestionAnswers .vedouci input[type="radio"]:checked + label {
    background-color: #f50a;
}

.rozhovorQuestionAnswers .vedouci input[type="radio"]:not([disabled]) + label:hover {
    background-color: #f506;
    cursor: pointer;
}

.rozhovorForm .zamPanel {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #0f06;
    padding: 5px;
    border-radius: 10px;
}

.rozhovorForm .vedouciPanel {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border: 1px solid #f50a;
    padding: 5px;
    border-radius:10px;
}