/*******************************************************************
 * CSS stylesheet - skautIS (theme STANDARD)
 *******************************************************************
 * Author:      Ondrej Perina - Jerry
 * Create date: 21.8.2009
 * Alter date:	28.8.2010
 *
 * Tento soubor neupravovat, změny při nasazení provádějte v souboru custom.css
 *******************************************************************/
html, body {
    background: #ecf0f5;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: .9em;
}

#page {
    min-width: 960px;
    max-width: 1136px;
    margin: 0 auto;
}

#header {
}

    #header div#application {
        font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
        height: 70px;
    }

        #header div#application a.application_logo {
            display: block;
            width: 61px;
            height: 69px;
            background: url('aplikace_lilie.gif') no-repeat;
            padding: 0;
            margin: 0;
            text-decoration: none;
            border: none;
            float: left;
        }

            #header div#application a.application_logo.SK {
                background: url('aplikace_lilie_SK.gif') no-repeat;
            }

        #header div#application h1, #header div#application h1 {
            margin: 0;
            padding: 0;
        }

        #header div#application span {
            display: none;
            visibility: hidden;
        }

        #header div#application h1#application_name a {
            display: block;
            margin: 0 0 -.15em 70px;
            padding: 0 0 0 0;
            color: #1d4ba5;
            font-size: 2.5em;
            font-weight: normal;
            background: url('aplikace_nazev.gif') no-repeat;
            /*background: url('aplikace_nazev_test.gif') no-repeat;*/
            height: 26px;
            width: 400px;
        }

        #header div#application h2#application_podtitul a {
            display: block;
            margin: 0 0 0 70px;
            padding: 0;
            color: #d1781f;
            font-size: 1.0em;
            font-weight: normal;
            background: url('aplikace_podtitul.gif') no-repeat;
            height: 13px;
            width: 164px;
        }

        #header div#application h2#application_podtitul.SK a {
            background: url('aplikace_podtitul_SK.gif') no-repeat;
        }

    /* přepínání jazykových verzí */
    #header #languages {
        float: left;
        padding: 0;
        margin: -18px 0 0 70px; /* standardní hodnota pro moderní prohlížeče */
        _margin: -35px 0 0 35px; /* hack pro IE 6 a starší */
    }

        #header #languages li {
            display: inline;
            list-style: none;
            margin: 0 3px;
        }

            #header #languages li.active a {
                color: #008;
            }

            #header #languages li a {
                line-height: 16px;
                text-decoration: none;
                color: #888;
                padding: 0 0 0 20px;
            }

                #header #languages li a:hover {
                    text-decoration: underline;
                    color: #008;
                }

            #header #languages li.cesky a {
                background: url('jazyk_cesky.gif') no-repeat;
            }

            #header #languages li.slovensky a {
                background: url('jazyk_slovensky.png') no-repeat;
            }

            #header #languages li.english a {
                background: url('jazyk_english.gif') no-repeat;
            }

            #header #languages li.deutsch a {
                background: url('jazyk_deutsch.gif') no-repeat;
            }

            #header #languages li.francais a {
                background: url('jazyk_francais.gif') no-repeat;
            }

    #header #user {
        font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
        float: right;
        margin-top: -72px;
        min-width: 300px;
    }

        #header #user a.photo {
            float: right;
            margin: 3px 0 0 7px;
        }

            #header #user a.photo img {
                padding: 1px;
                border: 1px solid #9cc1f5;
            }

        #header #user .info {
            text-align: right;
        }

            #header #user .info .name {
                font-weight: bold;
                font-size: .95em;
            }

            #header #user .info .login {
                font-size: .8em;
                margin-top: -.15em;
            }

            #header #user .info .operation {
                font-size: .9em;
            }

                #header #user .info .operation a {
                    text-decoration: none;
                    padding: 0 0 0 15px;
                    color: #5a71c0;
                }

                    #header #user .info .operation a:hover {
                        text-decoration: underline;
                        color: #008;
                    }

                    #header #user .info .operation a.profile {
                        background: url('ticon_osoba.gif') 1px 2px no-repeat;
                    }

                    #header #user .info .operation a.logout {
                        background: url('ticon_zamek.gif') 1px 2px no-repeat;
                    }

        #header #user .workas {
            padding: 7px 0 0 0;
            text-align: right;
        }

            #header #user .workas label {
            }

            #header #user .workas select {
                font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
            }

/* fav G = Grey */
.favg_iconbutton {
    float: right;
    display: block;
    background: url('favorite_icon.png') 0 0 no-repeat;
    margin: 2px 2px 0 0;
    width: 19px;
    height: 17px;
    -webkit-border-image: none 100% 1 0 stretch;
}

/* fav Y = Yellow */
.favy_iconbutton {
    float: right;
    display: block;
    background: url('favorite_icon.png') 0 -17px no-repeat;
    margin: 2px 2px 0 0;
    width: 19px;
    height: 17px;
    -webkit-border-image: none 100% 1 0 stretch;
}

/* reset pagestate */
.pagestate_reset {
    float: right;
    display: block;
    background: url('page_refresh.png') no-repeat;
    margin: 2px 2px 0 0;
    width: 19px;
    height: 17px;
    -webkit-border-image: none 100% 1 0 stretch;
}

/* change page style */
.style_change {
    float: right;
    display: block;
    background: url('style_delete.png') no-repeat;
    margin: 2px 2px 0 0;
    width: 19px;
    height: 17px;
    -webkit-border-image: none 100% 1 0 stretch;
}

a.help_iconbutton {
    float: right;
    display: block;
    background: url('help_linkicon.png') 0 0 no-repeat;
    margin: 1 1 0 0;
    padding: 3px 5px 0 32px;
    width: 63px;
    height: 20px;
    color: #00f;
}

    a.help_iconbutton:hover {
        background: url('help_linkicon.png') 0 -23px no-repeat;
        color: #fff;
    }


.LabelSecurityCode {
    font-family: "Courier New", courier;
    font-size: 14pt;
}



/* nemovitosti */
fieldset {
    padding: 2px;
}

    fieldset table.Filters {
        background: #ffc973;
        border: 1px solid #e48b00;
        padding: 2px;
        width: 100%;
        margin: 2px 2px 7px 2px;
    }

        fieldset table.Filters .HeadlineColumn {
            width: 60px;
            font-weight: bold;
        }

    fieldset.Realty legend {
        font-weight: bold;
        font-size: 11pt;
    }

    fieldset.Occupation {
        background: #f8fef6;
        padding: 3px;
        border: 1px solid #abadb3;
    }

        fieldset.Occupation legend {
            font-weight: bold;
            font-size: 11pt;
            width: 100%;
            background-color: #087b00;
            margin: -4px 0 5px -4px;
            &margin-left: -11px;
            padding: 1px 4px 1px 4px;
            color: #fff;
        }

    fieldset table.TableMaxWidth {
        width: 100%;
    }

    fieldset table .HeadlineColumn {
        width: 130px;
        text-align: left;
        font-weight: normal;
    }

    fieldset table fieldset .HeadlineColumn {
        width: 112px;
    }

    fieldset.Realty fieldset legend, fieldset.Occupation fieldset legend {
        font-weight: normal;
        font-size: 10pt;
    }

.PositionDisplayBox {
    background-color: transparent !important;
    border: 0px !important;
    color: black !important;
    width: 300px;
}


.PanelMap {
    background-color: #f2efe9;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #abadb3;
    margin: 3px;
    overscroll-behavior: contain;
    padding-bottom: 5px;
}

.PanelMapCamps {
    height: 700px;
    width: 100%;
    padding-bottom: 20px;
}

.PanelMap p {
    margin: 5px 0;
}

    .PanelMap div.PanelSearch {
        padding-bottom: 5px;
    }

div.GoogleMap {
    border-top: 1px dotted #000;
    margin: 0 -5px;
    padding: 0 5px;
}

span.GoogleMapInfoTitle {
    font-weight: bold;
    display: block;
    padding-bottom: 8px;
}

div.GoogleMapInfoText {
    padding-bottom: 5px;
}

/* Legenda ikon i mapy taboru */
fieldset.MapLegend {
    float: right;
    padding: 5px;
}

    fieldset.MapLegend img {
        vertical-align: middle;
    }

#body {
    margin: 15px 0 5px 0;
}

    #body .navigation {
        height: 60px;
        background: url('navigace.gif') repeat-x;
        font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
        font-size: 1.3em;
    }

    #body .navigation_left {
        background: url('navigace_levy.gif') no-repeat;
        padding-left: 25px;
    }

    #body .navigation_right {
        background: url('navigace_pravy.gif') right no-repeat;
        padding-right: 25px;
    }

    #body .navigation ul {
        float: left;
        margin: 0;
        padding: 11px 0 0 0;
        width: 100%;
    }

        #body .navigation ul li {
            list-style: none;
            display: inline;
            margin: 0 0px;
        }

        #body .navigation ul ul {
            margin-top: -5px;
            font-size: .85em;
            line-height: 1.05em;
        }

            #body .navigation ul ul li {
                padding-right: 15px;
                border-right: 1px solid #fff;
            }

                #body .navigation ul ul li.noborder {
                    border-right: none;
                }


        /* záložky hlavní navigace */
        #body .navigation ul li span {
            padding: 3px 14px 0 14px;
        }

        #body .navigation ul li a {
            text-decoration: none;
        }

        #body .navigation ul li .left {
            padding: 3px 0 0 4px;
        }

        #body .navigation ul li .right {
            padding: 3px 4px 0 0;
        }

        #body .navigation ul li a:hover {
            background: url('navigace_zalozka_leva.gif') left top no-repeat;
            &padding-top: 0px;
        }

            #body .navigation ul li a:hover span {
                background: url('navigace_zalozka.gif') repeat-x;
            }

            #body .navigation ul li a:hover .right {
                background: url('navigace_zalozka_prava.gif') right top no-repeat;
                &padding-top: 0;
            }

        /* aktivní - vybraná - záložka hlavní navigace */
        #body .navigation ul li.navigation_active span {
            padding-bottom: 2px;
        }

        #body .navigation ul li.navigation_active .left {
            padding: 3px 0 0 6px;
            padding-bottom: 2px;
            &padding-top: 0;
        }

        #body .navigation ul li.navigation_active .right {
            padding: 3px 6px 0 0;
            padding-bottom: 2px;
            &padding-top: 0;
        }

        #body .navigation ul li.navigation_active a {
            background: url('navigace_zalozka_leva_aktivni.gif') left top no-repeat;
        }

            #body .navigation ul li.navigation_active a span {
                background: url('navigace_zalozka_aktivni.gif') repeat-x;
            }

            #body .navigation ul li.navigation_active a .right {
                background: url('navigace_zalozka_prava_aktivni.gif') right top no-repeat;
            }


        /* položky subnavigace */
        #body .navigation ul ul li {
            padding: 0 8px;
        }

            #body .navigation ul ul li a {
                background: none !important;
                padding: 0;
                text-decoration: none;
            }

                #body .navigation ul ul li a:hover {
                    text-decoration: underline;
                }



    /* datová oblast */
    #body .textarea {
        _height: 450px;
        min-height: 450px;
        background: #fff url('podklad_ilustrace.gif') right bottom no-repeat;
    }

    #body .textarea_left {
        background: url('ram_levy.gif') repeat-y;
        padding-left: 4px;
    }

    #body .textarea_right {
        background: url('ram_pravy.gif') right repeat-y;
        padding-right: 4px;
    }

    #body .footerarea {
        font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
        font-size: .85em;
        color: #fff;
        background: url('pruh.gif') repeat-x;
        height: 27px;
        line-height: 25px;
    }

    #body .footerarea_left {
        background: url('pruh_levy.gif') no-repeat;
        padding-left: 15px;
    }

    #body .footerarea_right {
        background: url('pruh_pravy.gif') right no-repeat;
        padding-right: 15px;
    }

    #body .footerarea .copyright {
    }

    #body .footerarea .support {
        float: right;
    }

        #body .footerarea .support .suggestion {
            margin-right: 7px;
        }

    #body .footerarea a {
        font-weight: bold;
        text-decoration: none;
        color: #fff;
    }

        #body .footerarea a:hover {
            text-decoration: underline;
            color: #00f;
        }

/* historie pohybu */
#history {
    font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
    font-size: .85em;
    padding: 3px 3px 3px 3px;
}

    #history span {
        color: #888;
    }


/* nepovinné menu */

#menubar {
    margin: 10px 0 0 1px;
    width: 250px;
    float: left;
}

    #menubar h3 {
        margin: 0;
        line-height: 31px;
        &line-height: 28px;
        padding: 0 0 0 .3em;
        color: #fff;
    }

    #menubar .menu_heading_left {
        background: url('menu_nadpis.gif') repeat-x;
        display: block;
        padding: 0 0 0 5px;
    }

    #menubar .menu_heading {
        background: url('menu_nadpis.gif') repeat-x;
        display: block;
        height: 29px;
    }

    #menubar .menu_heading_right {
        background: url('menu_nadpis_pravy.gif') right no-repeat;
        display: block;
        padding: 0 12px 0 0;
    }

    #menubar .menu_left {
    }

    #menubar .menu {
        background: #fffdf5;
        min-height: 100px;
        padding: 5px;
    }

    #menubar .menu_right {
        background: url('menu_pravy.gif') right repeat-y;
        padding: 0 4px 0 0;
    }

    #menubar .menu_footer_left {
    }

    #menubar .menu_footer {
        background: url('menu_dolni.gif') repeat-x;
        height: 12px;
    }

    #menubar .menu_footer_right {
        background: url('menu_dolni_pravy.gif') top right no-repeat;
        padding: 0 12px 0 0;
    }

    #menubar h4 {
        margin: 0;
        padding: 0 0 .3em 0;
    }

    #menubar ul {
        font-size: .9em;
        padding: 0 0 0 20px;
        margin: 0 0 15px 0;
        list-style: none;
    }

        #menubar ul a {
            text-decoration: none;
        }

            #menubar ul a:hover {
                text-decoration: underline;
            }

        #menubar ul.upper {
            list-style-image: url('item_upper.gif');
            color: #c60;
        }

            #menubar ul.upper a {
                color: #c60;
            }

        #menubar ul.active {
            list-style-image: url('item_active.gif');
            color: #000;
        }

            #menubar ul.active a {
                color: #000;
            }

        #menubar ul.lower {
            list-style-image: url('item_lower.gif');
            color: #003299;
        }

            #menubar ul.lower a {
                color: #003299;
            }

/* Odsazení menu*/
ol.breadcrumbs {
    margin-bottom: 0px;
}

/* text */
#body #text.narrow {
    margin-left: 250px;
}

#text {
    min-height: 400px;
    /*padding: 10px;*/
}

#body h2, #body h3, #body h4 {
    margin: 0;
    padding: .3em 0 .7em 0;
}

#body h2 {
    color: #c60;
}

#body h3 {
    padding: .3em 0 .5em 0;
    color: #039;
    font-size: 11pt;
}

#body h4 {
    padding: .3em 0;
    color: #c60;
    font-size: 10pt;
}

.left {
    text-align: left;
}

.leftImportant {
    text-align: left !important;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.rightImportant {
    text-align: right !important;
}

.cell_highlight {
    background-color: lightgoldenrodyellow;
}

.justify {
    text-align: justify;
}

.clear {
    clear: both;
}

/* informace na uvodni strance */
#loginInfoBox {
    float: left;
    width: 339px;
    padding: 0;
    margin: 5px 10px 15px -9px;
    background-color: #fff4e1;
}

    #loginInfoBox div.headerBox {
        margin: 0 0 -5px 0;
    }

        #loginInfoBox div.headerBox a {
            float: left;
            display: block;
            height: 58px;
        }

            #loginInfoBox div.headerBox a span {
                display: none;
            }

            #loginInfoBox div.headerBox a.help {
                background: url('hyperlink_help.png') 0 0 no-repeat;
                width: 165px;
                border-right: 1px solid #003199;
            }

                #loginInfoBox div.headerBox a.help:hover {
                    background: url('hyperlink_help.png') -165px 0 no-repeat;
                }

            #loginInfoBox div.headerBox a.helpdesk {
                background: url('hyperlink_helpdesk.png') 0 0 no-repeat;
                width: 173px;
            }

                #loginInfoBox div.headerBox a.helpdesk:hover {
                    background: url('hyperlink_helpdesk.png') -173px 0 no-repeat;
                }

    #loginInfoBox dl {
        padding: 0 9px;
    }

        #loginInfoBox dl dt {
            font-weight: bold;
            color: #039;
            font-size: 1.1em;
            margin: 8px 0 2px 0;
        }

        #loginInfoBox dl dd {
            margin: 0 3px;
            text-align: justify;
        }

            #loginInfoBox dl dd.podpis {
                font-style: italic;
                text-align: right;
                font-size: .85em;
                margin: 3px 0 5px 0;
                padding-bottom: 8px;
                border-bottom: 1px dotted #ccc;
            }

            #loginInfoBox dl dd.odkaz {
                margin: 3px 0 1px 2px;
                color: #ccc;
                font-size: .85em;
            }

                #loginInfoBox dl dd.odkaz span {
                    font-size: 1.15em;
                    font-weight: bold;
                    color: #039;
                }

                #loginInfoBox dl dd.odkaz a {
                    text-decoration: underline;
                    font-size: 1.15em;
                    color: #039;
                }

                    #loginInfoBox dl dd.odkaz a:hover {
                        color: #00c;
                    }

#loginHomePage {
    float: left;
    width: 60%;
    min-height: 560px;
}


/* prirazeni uzivatele k osobe */
.PersonAssignUser {
    width: 50%;
}

    .PersonAssignUser th {
        text-align: left;
    }

    .PersonAssignUser .top {
        text-align: center;
        border-bottom: 1px solid #888;
        padding: 3px 10px;
    }

    .PersonAssignUser .userDatabase {
        width: 35%;
        border-right: 1px solid #888;
        padding: 3px 10px;
        background: #41c52b;
        vertical-align: middle;
        min-height: 30px;
    }

    .PersonAssignUser .userDatabaseHighlight {
        width: 35%;
        border-right: 1px solid #888;
        padding: 3px 10px;
        background: #86e767;
        vertical-align: middle;
        min-height: 30px;
    }

    .PersonAssignUser .userAccount {
        width: 35%;
        padding: 3px 10px;
        background: #ffbfc1;
        vertical-align: middle;
        min-height: 30px;
    }

    .PersonAssignUser .userAccountHighlight {
        width: 35%;
        padding: 3px 10px;
        background: #ffdfe0;
        vertical-align: middle;
        min-height: 30px;
    }

    .PersonAssignUser .address {
        min-height: 70px;
    }

    .PersonAssignUser .extrawidth {
        width: 300px;
    }

    .PersonAssignUser .form-row {
        width: 800px;
        margin: 0px;
    }
/* patička stránky */
#footer {
    font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
    color: #888;
    font-size: .8em;
    padding: 0 20px;
}

    #footer .author {
    }

    #footer .slogan {
        float: right;
        background: url('junak_slogan.gif') no-repeat;
        height: 16px;
        width: 146px;
    }

        #footer .slogan span {
            display: none;
            visibility: hidden;
        }


/* obecné třídy */
.hidden {
    display: none;
    visibility: hidden;
}

/******************************************************************
*   GridView - Invisible skin
********************************************************************/

div.AspNet-GridView table.gridview-no-gridlines td {
    border: none;
    vertical-align: middle;
}

div.AspNet-GridView table.gridview-no-gridlines tbody tr:hover {
    background-color: white;
}

div.AspNet-GridView table.gridview-no-gridlines {
    border-collapse: collapse;
    margin-left: -5px;
    margin-top: -3px;
}

/*******************************************************************
 *  AspNet-GridView
 *******************************************************************/

div.AspNet-GridView {
    overflow-x: auto;
    overflow-y: hidden;
}

    div.AspNet-GridView table {
        border-collapse: collapse;
        margin-top: 0px;
        width: 99.9%;
    }

    div.AspNet-GridView td {
        border: 1px dotted #3883eb;
        padding: 2px 5px;
        vertical-align: middle;
    }

    div.AspNet-GridView tbody tr:hover td {
        background-color: #fff1da;
    }

    div.AspNet-GridView th {
        /*font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;*/
        border: 1px solid #3883eb;
        padding: 2px 5px 1px 5px;
        background: #0B89C8;
        overflow: hidden;
        -moz-user-select: none;
        font-weight: bold;
        color: #fff;
        text-align: left;
    }

        div.AspNet-GridView th a {
            cursor: pointer;
            color: #FFF;
        }

            div.AspNet-GridView th a:hover {
                text-decoration: underline;
            }

    div.AspNet-GridView a {
        color: #076391;
    }

        div.AspNet-GridView a:hover {
            color: #ec9137;
        }

tr.AspNet-GridView-Normal {
    background-color: White;
}

tr.AspNet-GridView-Selected td {
    font-weight: bold;
    background-color: #fff1da;
}

div.AspNet-GridView tbody tr {
    background-color: White;
}

td.History {
    font-weight: bold;
}

tr.Highlight {
    font-weight: bold;
}

tr.AspNet-GridView-Pager {
    background-color: #0B89C8;
    border: 1px dotted #3883eb;
    font-size: .9em;
    /*font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;*/
    padding: 1px 5px;
    color: #FFF;
}

div.AspNet-GridView-Pagination {
    float: left;
}

    div.AspNet-GridView-Pagination a {
        text-decoration: underline;
    }

div.AspNet-GridView-ItemCount {
    float: right;
    padding-left: 30px;
}

div.AspNet-GridView .emptyData {
    text-align: center;
}

hr.GridViewSeparator {
    border: 1px dotted #3883eb;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    margin: 2px -5px 2px -5px;
}
/*******************************************************************
 *  AspNet-DetailsView
 *******************************************************************/
div.AspNet-DetailsView {
    padding: 5px 5px 5px 5px;
    color: #000;
}

div.AspNet-DetailsView-Data ul {
    margin: 0;
    padding: 0;
}

div.AspNet-DetailsView-Data li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*position: relative;*/
}

div.AspNet-DetailsView-Data li {
    list-style: none;
    padding-bottom: 4px;
}

span.AspNet-DetailsView-Name {
    font-weight: normal;
    float: left;
    min-width: 120px;
}

span.AspNet-DetailsView-Value {
    font-weight: bold;
}

    span.AspNet-DetailsView-Value button {
        float: right;
    }


/*******************************************************************
 *	 filtr zobrazovaných dat v seznamu
 *******************************************************************/
div.Filters {
    background: #ECF4FE;
    border: 1px solid #A3C0E8;
    border-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

div.UnderFilters {
    background: #ECF4FE;
    border: 1px solid #A3C0E8;
    border-bottom: 0px;
    border-top: 0px;
    padding: 5px;
}

/* nastavení šíŕky a řazení */
div.Filters input[type="number"] {
    width: 138px;
    display: inline-block;
}

div.Filters input, div.Filters select, div.Filters label {
    vertical-align: top;
    margin-right: 5px;
    /*margin-top: -5px;*/
}

div.Filters button {
    margin-bottom: 2px;
}

/* rozdeleni filtru na vice radek */
div.Filters div.Line {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* volitelna hlavicka s informacemi v boxu filtru */
div.Filters .FilterHeadline {
    border-bottom: 1px solid #e48b00;
    padding-bottom: 5px;
    margin-bottom: 7px;
}

div.FiltersSearchOnly {
    background: #ffc973;
    border: 1px solid #e48b00;
    padding: 5px;
}

    div.FiltersSearchOnly input, div.FiltersSearchOnly select, div.FiltersSearchOnly label {
        vertical-align: middle;
        margin-right: 5px;
        height: 2.062rem;
    }

    /* rozdeleni filtru na vice radek */
    /*div.FiltersSearchOnly div.Line {
        padding-bottom: 5px;
    }*/

    /* volitelna hlavicka s informacemi v boxu filtru */
    div.FiltersSearchOnly .FilterHeadline {
        border-bottom: 1px solid #e48b00;
        padding-bottom: 5px;
        margin-bottom: 7px;
    }

/*******************************************************************
 *	 insert box (vkládání nových záznamů přímo na záložce zobrazení)
 *******************************************************************/
.insertBox {
    color: #000;
    text-align: justify;
    margin: 16px auto 1.5em auto;
    padding: 0px 10px 10px 10px;
}

    .insertBox h2, .insertBox h4 {
        margin: 0px -10px 5px -10px !important;
        padding: 5px 10px !important;
        font-size: 15pt;
    }

    .insertBox .buttons, .insertBox .AspNet-DetailsView-RowCommand {
        margin: 10px -10px -10px -10px;
        padding: 5px;
        /*border-top-style: solid;*/
        /*border-top-width: 0.01em;*/
        /*text-align: right;*/
    }

    .insertBox .AspNet-DetailsView-RowCommand {
        margin: 10px -15px -29px -15px;
    }

    .insertBox li.AspNet-DetailsView-RowCommand {
        margin: 10px -9px -9px -9px;
    }

    .insertBox td {
        vertical-align: top;
    }

    /* problem s deformaci komponenty Info uvnitr Formu */
    .insertBox .message h2, .insertBox .message h4 {
        margin: 0 !important;
    }

/*******************************************************************
 *	 message dialog (vkládání nových záznamů; insert pages)
 *******************************************************************/
.messageDialog {
    background: #cbf1bd;
    color: #000;
    border: 1px dotted #087b00;
    text-align: justify;
    margin: 1.5em auto;
    padding: 10px;
    min-width: 250px;
    max-width: 60%;
    _width: 250px;
}

    .messageDialog h2 {
        margin: -10px -10px 5px -10px !important;
        padding: 10px 10px 5px 10px;
        background: #087b00;
        color: #cbf1bd !important;
    }

    .messageDialog p {
        margin: .9em;
        color: #000 !important;
    }

    .messageDialog table {
        width: 100%;
    }

    .messageDialog .buttons {
        margin: 10px -10px -10px -10px;
        padding: 5px;
        border-top: 1px dotted #087b00;
        text-align: right;
    }

    .messageDialog fieldset {
        border: 1px dotted #087b00;
        margin: 0 -8px;
        padding: 5px 8px;
    }

        .messageDialog fieldset legend {
            background: #cbf1bd;
            margin: 0 -5px;
            padding: 0 3px;
            font-weight: bold;
        }

        .messageDialog fieldset table td.label {
            width: 130px;
        }


/*******************************************************************
 *	            validační hlášky (odrážkový seznam)
 *******************************************************************/
ul.ValidationSummary {
    background: #ffe0af url('icon_warning.png') top right no-repeat;
    color: #f00;
    border: 1px dotted #e7a500;
    text-align: justify;
    margin: 1.5em auto;
    padding: .7em 40px .7em 1em;
    min-width: 250px;
    max-width: 60%;
    _width: 250px;
    min-height: 30px;
    _height: 30px;
}

    ul.ValidationSummary li {
        margin: .3em .5em;
        padding: 0;
    }

        ul.ValidationSummary li.validationHighlight:hover {
            cursor: pointer;
            text-decoration: underline;
        }

/* taskid#8897 -  */
.validationHighlight {
    background: #ffe0af;
    color: #f00;
}

span.critical {
    color: #000;
    font-weight: bold;
}

input.critical, textarea.critical, select.critical {
    background-color: #e5b7bd;
}

span.required {
    color: #000;
    font-weight: bold;
}

input.required, input.required:focus, textarea.required, textarea.required:focus, select.required, select.required:focus, select.required option {
    background-color: #ffeccd;
}

input[type="text"], input[type="number"], input[type="password"], input[type="date"] {
    height: 2.062rem;
    width: 168px;
    display: initial; /* taskid#23041 - jinak se blbě řadí kontorlky v ju:FormOld */
}

/* taskid#23867 - inputy se špatně přizpůsobují změně velikosti okna ve filtrech v ASPXGridView */
.dxic input[type="text"] {
    width: inherit;
    font-size: 16px;
    padding-left: 5px;
    color: #000 !important;
}

input.ExtraWidth {
    width: 500px;
}

select {
    height: 18px;
}

    select.Multiple {
        height: auto;
    }

input[type="text"], input[type="number"], input[type="date"], textarea, select, textarea.form-control {
    border: 1px solid #abadb3;
    padding: 3px;
}

/*
    Kolaps komponenty ju:Info
*/

.expandIcon {
    background-image: url(expand.png) !important;
    width: 13px;
    height: 13px;
}

.collapseIcon {
    background-image: url(collapse.png) !important;
    width: 13px;
    height: 13px;
}

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* konzistence hlavicky */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}

/* posuv textu, tak aby neprekryval ikonu */
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

/* text a ikona v jedne rade */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

/* skryje ikonku pri collapsu */
.message .ui-corner-all {
    background-image: none !important;
}

/*******************************************************************
 *	              informacni boxy (ruzne varianty)
 *******************************************************************/
.message {
    text-align: justify;
    margin: 1.5em auto;
    padding: 0;
    border: 1px dotted #8cc63e;
    background-color: #ffe0af;
    min-width: 250px;
    max-width: 80%;
    _width: 250px;
    font-size: .85em;
}

    .message h1, .message h2, .message h3, .message h4, .message h5, .message h6 {
        margin: 0;
        padding: .5em !important;
        padding-left: 2.2em !important;
    }

    .message h4 {
        font-size: 1.15em;
    }

    .message p {
        margin: .9em;
        color: #000 !important;
    }

    .message hr {
        border: none;
        border-bottom: 1px dotted #8cc63e;
    }

    .message.warning {
        color: #000;
        border-color: #e7a500;
        background: #ffe0af url('icon_warning.png') top right no-repeat;
    }

        .message.warning hr {
            border-color: #e7a500;
        }

        .message.warning h4, .message.warning h3, .message.warning h2 {
            background: #e7a500 url('icon_warning.png') top right no-repeat;
            color: #ffff00 !important;
        }

    .message.error {
        color: #600;
        border-color: #940808;
        background: #ef6b6b url('icon_error.png') top right no-repeat;
    }

        .message.error hr {
            border-color: #940808;
        }

        .message.error h4, .message.error h3, .message.error h2 {
            background: #940808 url('icon_error.png') top right no-repeat;
            color: #ffc6c6 !important;
        }

    .message.info {
        color: #600;
        border-color: #1031b5;
        background: #d7e2f9 url('icon_info.png') top right no-repeat;
    }

        .message.info hr {
            border-color: #1031b5;
        }

        .message.info h4, .message.info h3, .message.info h2 {
            background: #1031b5 url('icon_info.png') top right no-repeat;
            color: #d7e2f9 !important;
        }

    .message.question {
        color: #600;
        border-color: #1031b5;
        background: #d7e2f9 url('icon_question.png') top right no-repeat;
    }

        .message.question hr {
            border-color: #1031b5;
        }

        .message.question h4, .message.question h3, .message.question h2 {
            background: #1031b5 url('icon_question.png') top right no-repeat;
            color: #d7e2f9 !important;
        }

    .message.play {
        color: #600;
        border-color: #087b00;
        background: #cbf1bd;
    }

        .message.play hr {
            border-color: #087b00;
        }

        .message.play h4, .message.play h3, .message.play h2 {
            background: #087b00;
            color: #cbf1bd !important;
        }

/*******************************************************************
 *	  přihlašovací formulář: základní přihlášení do skautISu
 *******************************************************************/
.Login {
    margin: 2em auto;
    padding: 0;
    width: 252px;
    font-family: Verdana, Arial, sans-serif;
    color: #003299;
}

    .Login table {
        width: 100%;
        border-top: none;
        border-spacing: 0;
    }

        .Login table .TitleTextStyle {
            background: url('loginform_title_bg.gif') no-repeat;
            height: 43px;
            font-size: 1.5em;
            font-weight: normal;
            width: 100% !important;
            border-bottom: 1px solid #000;
            color: #003299 !important;
        }

            .Login table .TitleTextStyle .SubtitleTextStyle {
                display: block;
                font-size: .45em;
                text-align: right;
                margin: 2px 0 0 0;
                color: #ffe0af;
            }

        .Login table td {
            padding: 3px;
            background: #ffe0af;
            height: 25px;
            font-size: .85em;
        }

        .Login table label {
            margin: .6em 5px;
            float: left;
            font-weight: bold;
            color: #003299 !important;
        }

        .Login table input {
            margin: 3px;
            width: 150px;
        }

        .Login table #ctl00_ContentPlaceHolder1_logLogin_LoginButton {
            background: url('loginform_button.gif') no-repeat;
            float: none;
            width: 99px;
            height: 25px;
            border: none !important;
            margin: 0 auto;
            padding: 0 15px 0 0;
            font-family: Verdana, Arial, sans-serif;
            font-size: 8pt;
            cursor: pointer;
        }


/*******************************************************************
 *	         přihlašovací formulář: skautIS Remote Login
 *******************************************************************/
html.login, body.login, form.login {
    background: #fff !important;
    /*font-family: Arial, Helvetica, sans-serif !important;*/
    font-size: .10em !important;
}

.LoginForm {
    margin: 2em auto;
    padding: 0;
    width: 250px;
    font-family: Verdana, Arial, sans-serif;
    color: #003299;
}

    .LoginForm .TitleTextStyle {
        background: url('loginform_title_bg.gif') no-repeat;
        height: 43px;
        padding: 5px 5px 2px 45px;
        font-size: 1.5em;
        font-weight: normal;
    }

        .LoginForm .TitleTextStyle .SubtitleTextStyle {
            display: block;
            font-size: .45em;
            text-align: right;
            margin: 2px 0 0 0;
            color: #ffe0af;
        }

    .LoginForm .UserName, .LoginForm .Password {
        background: #ffe0af;
        font-size: .85em;
        padding: 3px;
        height: 25px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

    .LoginForm .UserName {
        padding-top: 7px;
    }

    .LoginForm .LoginButton {
        background: #ffe0af;
        padding: 3px;
        padding-bottom: 7px;
        height: 25px;
        border: 1px solid #000;
        border-top: none;
        text-align: center;
    }

    .LoginForm label {
        margin: .6em 5px;
        width: 60px;
        display: block;
        float: left;
        font-weight: bold;
    }

    .LoginForm input {
        margin: 3px;
        width: 150px;
        display: block;
        float: left;
    }

    .LoginForm .LoginButton input {
        background: url('loginform_button.gif') no-repeat;
        float: none;
        width: 99px;
        height: 25px;
        border: none !important;
        margin: 0 auto;
        padding: 0 15px 0 0;
        font-family: Verdana, Arial, sans-serif;
        font-size: 8pt;
        cursor: pointer;
    }

    .LoginForm .Validator {
        color: #003299 !important;
    }

div.LoginHyperlinks {
    margin: 3px 0;
    text-align: center;
}

    div.LoginHyperlinks ul {
        padding: 0;
        margin: 0;
    }

        div.LoginHyperlinks ul li {
            padding: 0 2px;
            &padding: 0 1px;
            margin: 0;
            list-style: none;
            display: inline;
            font-size: 7pt;
        }

    div.LoginHyperlinks a {
        color: #039;
    }

        div.LoginHyperlinks a:hover {
            text-decoration: underline;
            color: #5a71c0;
        }

        div.LoginHyperlinks a#HyperLinkNewUser {
            background: url('ticon_osoba.gif') left center no-repeat;
            padding-left: 14px;
        }

        div.LoginHyperlinks a#HyperLinkPassword {
            background: url('ticon_zamek.gif') left center no-repeat;
            padding-left: 14px;
        }




/*******************************************************************
 *	                    TABS (zalozky)
 *******************************************************************/

/* TABS: scrolling */
.scroll_horiz {
    overflow-x: scroll;
}

.scroll_vert {
    overflow-y: scroll;
}

.scroll_both {
    overflow: scroll;
}

.scroll_auto {
    overflow: auto;
}


/* TABS: Default layout */
.tab_default .tab_header {
    white-space: nowrap;
}

.tab_default .tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.tab_default .tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.tab_default .tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}


/* TABS: Widnows XP theme */
.tab_xp .tab_header {
    /*font-family: verdana,tahoma,helvetica;*/
    font-size: 11px;
    background: url('tab_header.gif') bottom repeat-x;
    margin-top: 5px;
}

    .tab_xp .tab_header a {
        color: #000;
        text-decoration: none;
        line-height: 21px;
    }

.tab_xp .tab_outer {
    height: 13px;
    padding: 4px 4px 4px 0;
    background: url('tab_outer.gif') right no-repeat;
}

.tab_xp .tab_inner {
    height: 13px;
    padding: 4px 0 4px 3px;
    background: url('tab_inner.gif') no-repeat;
    &background-position: 0 4px;
}

.tab_xp .tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url('tab_tab.gif') repeat-x;
}

.tab_xp .tab_header a:hover .tab_outer {
    background: url('tab_outer_hover.gif') right no-repeatx;
}

.tab_xp .tab_header a:hover .tab_inner {
    background: url('tab_inner_hover.gif') no-repeat;
    &background-position: 0 4px;
}

.tab_xp .tab_header a:hover .tab_tab {
    background: url('tab_tab_hover.gif') repeat-x;
}

.tab_xp a.active .tab_outer, .tab_xp a:hover.active .tab_outer {
    background: url('tab_outer_active.gif') no-repeat right;
}

.tab_xp a.active .tab_inner, .tab_xp a:hover.active .tab_inner {
    background: url('tab_inner_active.gif') no-repeat;
    &background-position: 0 4px;
}

.tab_xp a.active .tab_tab, .tab_xp a:hover.active .tab_tab {
    background: url('tab_tab_active.gif') repeat-x;
}

.tab_xp .tab_body {
    /*font-family: verdana,tahoma,helvetica;*/
    /*font-size: 11pt;*/
    /*border: 1px solid #999999;*/
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}




/*******************************************************************
 *	          developer GUI
 *******************************************************************/

h1 {
    font-size: 25px;
}

    h1 a, a:link, a:active, a:visited {
        text-decoration: none;
    }

        h1 a img {
            border: 0px;
            vertical-align: middle;
        }

h2 {
    font-size: 16px;
    color: #0095CD;
}

div.TabControl a {
    padding-right: 10px;
}

    div.TabControl a.Selected {
        font-weight: bold;
    }

div.Content {
    margin-top: 5px;
}

div.Footer {
    margin-top: 30px;
}

/* Vertikální mezera hlavními komponentami */
p, div.AspNet-DetailsView, div.AspNet-GridView table, div.FiltersSearchOnly, div.TabControl, div.MarginBottom {
    margin-bottom: 14px;
}

div.LoginView {
    float: right;
    padding: 5px;
    background-color: #F5F5F5;
}

ul.ValidationSummary {
    color: red;
}

/* Menu */
.Menu {
    font-size: 16px;
}


/* FormView */
.FormLabel {
    font-weight: bold;
}

.FormHighlightLabel {
    font-weight: bold;
    font-size: 1.3em;
}

/* Levy panel */
div.Sidebar {
    background-color: #F5F5F5;
    float: left;
    width: 150px;
    margin-right: 10px;
    padding: 5px;
}

    div.Sidebar div {
        padding: 2px;
    }

        div.Sidebar div.Caption {
            font-weight: bold;
        }

/* Vady */
.atypickaData {
    color: Green;
}

.chyba {
    color: Red;
}

.ok {
    color: green;
}

.nedostatek {
    color: #8b00ff;
}

.vyjimka {
    color: Blue;
}

.upozorneni {
}

/* ListSearch */
.ListSearch {
    display: none;
}

/* TextBox Watermark */
.Watermark {
    color: Gray;
    font-style: italic;
    font-weight: normal;
}

.WatermarkRequired {
    color: Gray;
    font-style: italic;
    font-weight: normal;
    background-color: #ffeccd;
}

/* Poznamky */
textarea {
    width: 500px;
    height: 60px;
    /*font-family: verdana,tahoma,helvetica;*/
    font-size: 10pt;
}

.AccountPrefix {
    width: 50px;
    text-align: right;
}
/* Napoveda */
div.Help {
    width: 400px;
    border: 1px solid #c60;
    color: #c60;
    background-color: #fffdf5;
    padding: 5px;
    display: none;
    text-align: justify;
    /*font-family: verdana, tahoma, helvetica;*/
    font-size: 10pt;
    font-weight: normal;
    z-index: 100;
}

img.Help {
    cursor: help;
}

legend img.Help, h3 img.Help, h2 img.Help {
    vertical-align: middle;
}

/* Napoveda FormRow / FormGroup */
div.HelpContainer {
    display: inline-block;
}

span.HelpContainer {
    display: inline-block;
}

.HelpText, .HelpTextHover {
    width: 400px;
    border: 1px solid #c60;
    color: #c60;
    background-color: #fffdf5;
    padding: 5px;
    text-align: justify;
    /*font-family: verdana, tahoma, helvetica;*/
    font-size: 10pt;
    font-weight: normal !important;
    z-index: 1000 !important;
    position: absolute;
    visibility: hidden;
}

.HelpContainer span:hover {
    visibility: visible;
}

/* Napoveda FormRow / FormGroup */
div.CatalogContainer {
    display: inline-block;
}

span.CatalogContainer {
    display: inline-block;
}

.CatalogContainer span:hover {
    visibility: visible;
}


.form-row span.HelpContainer {
    float: left;
}

span.HelpContainer i {
    color: #0072d4;
    font-size: medium;
}

span.CatalogContainer i {
    font-size: medium;
    margin-right: 2px;
}
/* Grafy */
div.Chart {
    width: 400px;
    border: 1px solid #c60;
    color: #c60;
    background-color: #fffdf5;
    padding: 5px;
    display: none;
    text-align: justify;
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    font-weight: normal;
    z-index: 100;
}

img.Chart {
    cursor: help;
    margin-right: 3px;
}

legend img.Chart, h3 img.Chart, h2 img.Chart {
    vertical-align: middle;
}

/* Ikonka grafu u FormRow */
div.ChartContainer {
    display: inline-block;
}

span.ChartContainer {
    display: inline-block;
    float: left;
}

div.ChartText {
    width: 400px;
    border: 1px solid #c60;
    color: #c60;
    background-color: #fffdf5;
    padding: 5px;
    text-align: justify;
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    font-weight: normal;
    z-index: 100;
    display: none;
    position: absolute;
}

/* Ikonka skautského adresáře u FormRow */
div.CatalogContainer {
    display: inline-block;
}

span.CatalogContainer {
    display: inline-block;
    float: left;
}

div.CatalogText {
    width: 400px;
    border: 1px solid #c60;
    color: #c60;
    background-color: #fffdf5;
    padding: 5px;
    text-align: justify;
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    font-weight: normal;
    z-index: 100;
    display: none;
    position: absolute;
}

.indentBox {
    margin: -5px 20px 20px 20px;
}

/* GridView - neaktivni jednotky */
.inactive {
    color: Gray;
}

/* Modal Popup */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* CheckBoxList */
span.CheckBoxList input {
    padding-right: 5px;
}

span.CheckBoxList label {
    margin-right: 10px;
}

/* Informace o zobrazení osoby v adresáři */
div.CatalogDisplayed {
    font-size: 9pt;
    font-style: italic;
    background: url('icon_catalog.png') no-repeat;
    height: 25px;
    padding-left: 20px;
    margin-bottom: 10px;
    vertical-align: middle;
}

/* Navrat z osoby na jednotky */
div.UnitReturnButton {
    /*margin: -45px 0 5px 0;
    float: right;*/
}

    div.UnitReturnButton a {
        margin: 0 5px 0 0;
        font-weight: bold;
    }

        div.UnitReturnButton a:hover {
            text-decoration: underline;
        }

.scoutAdressory {
    line-height: 2.3em;
    height: 2.3em;
}

img.catalog {
    padding: 0px 0px 10px 0px;
}

/******************************************************************* 
*               hodnocení kvality
*******************************************************************/

/* Nadpis oblasti */
div.EvaluationAnswer h3 {
    color: #c60 !important;
    font-size: 22px !important;
    border-top: 1px dotted #3883eb;
    padding-top: 20px !important;
    margin-top: 20px !important;
}

/* Nadpis bodu vize */
div.EvaluationAnswer h4 {
    color: #c60 !important;
    font-size: 18px !important;
    padding-top: 20px !important;
}

/* Popis bodu vize */
div.Set div.Title {
    margin-bottom: 20px;
}

/* Nadpis kriteria */
div.EvaluationAnswer h5 {
    color: black !important;
    font-size: 14px !important;
    padding: 2px !important;
    margin: 0 !important;
    float: left;
}

/* Kriterium */
div.Criteria {
    border: 1px dotted #3883eb;
    padding: 5px;
}

div.CriteriaNotAnswered {
    border: 1px dotted #3883eb;
    padding: 5px;
    background-color: #cbf1bd;
}

/* Neznama odpoved */
div.DontKnowAnswer {
    float: right;
    font-size: 10px;
    vertical-align: top;
}
/* Odpoved */
div.Answers {
    clear: both;
}

    div.Answers div {
        padding: 2px;
    }

        div.Answers div:hover {
            background-color: #fff1da;
        }

/* Zvolena odpoved */
div.SelectedAnswer, label.SelectedAnswer {
    font-weight: bold;
    color: #000044;
}


/* Nejcastejsi odpoved individualnich hodnoceni */
div.MostAnswer, label.MostAnswer {
    font-weight: bold;
    background-color: #ffdd55;
}

/* Jedina odpoved z individualniho hodnoceni */
div.UniqueAnswer, label.UniqueAnswer {
    font-weight: bold;
    background-color: #ccdd77;
}

/* Mezi individualnimi odpovedi nepanuje shoda */
div.DifferentAnswer, label.DifferentAnswer {
    font-weight: bold;
    background-color: #ffaaaa;
}

/* Nevybrana odpoved */
div.InactiveAnswer, label.InactiveAnswer {
    color: Gray;
}

/* ------ Puvodni verze s odpovedmi ve sloupcich  ------ */

/* Kritéria */
table.Criteria {
    border-collapse: collapse;
    margin-left: 3px;
    margin-top: 0px;
    margin-bottom: 10px;
}

    table.Criteria td {
        border: 1px dotted #3883eb;
        padding: 2px 5px;
        vertical-align: middle;
    }

/* Název kritéria */
td.DisplayName {
    font-weight: bold;
}

table.Criteria tr:hover {
    background-color: #fff1da;
}

td.required {
    background-color: #ffeccd;
}

/* Nadpis tabulky (popis, typy odpovedi) */
table.Criteria th {
    font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
    border: 1px solid #DFEFFF;
    padding: 10px 5px 1px 5px;
    font-weight: bold;
    color: #06c;
    background-color: #DFEFFF;
    text-align: left;
}

    /* Jmena jednotek */
    table.Criteria th.Small {
        font-size: 8pt;
    }

    /* Nadpis skupiny kritérií */
    table.Criteria th.Title {
        text-align: center;
    }

table.Criteria th, table.Criteria h4 {
    color: #039 !important;
}

table.Criteria h4 {
    font-size: 11pt !important;
}

/******************************************************************* 
*               box s informacemi pro uzivatele 
*******************************************************************/
.infobox {
    text-align: justify;
    margin: 0 0 20px 0;
    padding: 0;
    border: 1px solid #1031b5;
    background: #e8effc url('box_icon_info.gif') bottom right no-repeat;
}

    .infobox h1, .infobox h2, .infobox h3, .infobox h4, .infobox h5, .infobox h6 {
        margin: 0;
        padding: .5em !important;
    }

    .infobox h4 {
        font-size: 15px !important;
        color: #fff !important;
        background-color: #9ab8f0;
        border-bottom: 1px solid #1031b5;
    }

    .infobox p {
        margin: 10px;
        color: #000 !important;
    }

    .infobox hr {
        border: none;
        border-bottom: 1px dotted #1031b5;
    }

    .infobox fieldset {
        width: 300px;
        margin: 15px 5px 10px 5px;
        border: none;
    }

        .infobox fieldset legend {
            font-size: 15px;
            color: #1031b5;
            font-weight: bold;
            border-bottom: 1px dotted #1031b5;
        }

/* Logo STS */
div.LogoSTS {
    text-align: center;
    float: right;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

    div.LogoSTS img {
        border: 0px solid #000;
        padding: 1px;
        background: #fff;
        border-radius: 10px;
    }

/* Logo Poweer */
div.LogoPower {
    text-align: center;
    float: right;
}

    div.LogoPower img {
        border: 0;
        padding: 1px;
        background: #fff;
    }

table.CannotOrder div.LogoSTS img {
    border: 0 !important;
}

/* Legenda registračních vad */
div.MistakeTypeLegend li {
    margin-bottom: 5px;
}

/* Pořet členů v registraci: Řádek "Řádných a čestných členů (bez hostů)" */
td.RadnychCestnychClenu {
    background-color: #FFDE9F;
    font-weight: bold;
}

/* Jednotka má zrušené časopisy pro rodiče */
span.JournalParent {
    color: Red;
}

/* Zobrazeni HTML zpravy */
iframe {
    border: 1px dotted #087b00;
}

/* Zobrazeni detailu zpravy */
table.MessageDetail {
    width: 100%;
    border-spacing: 0px;
}

td.MessageDate {
    text-align: right;
}

hr.MessageDetail {
    width: 100%;
    border: 1px dotted #3883eb;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

/* Prehled prihlaseni na strance se zpravami */
td.LoginCell {
    padding-left: 5px;
    text-align: right;
    vertical-align: top;
}

div.LoginBlock {
    border: 1px solid #1031b5;
    background: #e8effc;
    padding: 5px 5px 12px 12px;
    display: block;
    text-align: left;
}

    div.LoginBlock dd {
        margin-left: 12px;
    }

/* Modal Popup */
#modal-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 9999;
}

#modal-popup {
    display: none;
    position: absolute;
    width: 200px;
    left: 50%;
    top: 200px;
    margin-left: -100px;
    background-color: white;
    border: 1px dotted black;
    z-index: 10000;
    padding: 10px;
    font-size: .9em;
}

/* Always visible */
div.AlwaysVisible {
    width: 230px;
    border: 1px dotted #1031b5;
    background: #c2e0f9;
    padding: 5px 5px 5px 10px;
    display: block;
    text-align: left;
}

    div.AlwaysVisible div {
        padding-top: 2px;
        padding-bottom: 2px;
    }

div.AlwaysVisiblePerson {
    width: 230px;
    border: 1px dotted #1031b5;
    background: #ffeac7;
    padding: 5px 5px 5px 10px;
    display: block;
    text-align: left;
}

    div.AlwaysVisiblePerson div {
        padding-top: 2px;
        padding-bottom: 2px;
    }

/* Silná, slabá stránka v číselném hodnocení */
span.StrongSet {
    color: #32CD32;
}

span.WeakSet {
    color: #ff0000;
}

/* Detailni hodnoceni oblasti */
.EvaluationSectionTitle {
    display: inline;
}

div.EvaluationSection {
    margin-bottom: 20px;
}

div.NoHighlight tbody tr:hover {
    background-color: White;
}

div.NoHighlight {
    margin-right: 20px;
    margin-top: 5px;
}

tr.NoBorder td {
    border-width: 0px;
}

td.Top {
    vertical-align: top;
}

div.SectionShift {
    margin-right: 20px;
}

/* AJAX - UpdateProgress */
div.UpdateProgress {
    margin: 2px;
}

    div.UpdateProgress img {
        vertical-align: middle;
    }

/* Graf - valassky frgal */
table.graph .legend {
    border: 3px solid rgb(208,203,172);
    vertical-align: top;
    padding: 10px;
    background-color: White;
}

    table.graph .legend div {
        padding: 5px;
    }

        table.graph .legend div img {
            vertical-align: middle;
            padding-left: 5px;
            padding-right: 5px;
        }

table.graph .space {
    height: 20px;
}

table.graph .bottom {
}

img.RegistrationPhoto {
    cursor: pointer;
}

div.RegistrationBigPhoto {
    background: white;
    padding: 5px;
    border: 1px solid #3883eb;
}

/* Clenske karty */
div.PanelMemberCard {
    background: white;
    padding: 0px 5px 0px 5px;
    border: 1px solid #3883eb;
}

    div.PanelMemberCard td {
        vertical-align: top;
        border-width: 0px;
        background-color: #cbf1bd;
    }

td.MemberCard {
    vertical-align: middle !important;
}

div.MemberCardThumbnail {
    margin-bottom: 10px;
}

div.PanelMemberCard table {
    margin-top: 14px;
}

h4.MemberPhotoInfoTitle {
    background: inherit;
    color: #c60 !important;
    font-size: 10pt;
    margin: 0px !important;
}

/* Modal Popup */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* Registrace osob */
.MemberCardRegistration img {
    vertical-align: middle;
}

div.InlinePanel {
    display: inline;
}

div.EvaluationFormView div.insertBox {
    background-color: #c2e0f9 !important;
}

div.EvaluationFormView h4, div.EvaluationFormView h2 {
    background-color: #3883eb !important;
}

div.EvaluationPersonFormView div.insertBox {
    background-color: #ffeac7 !important;
}

div.EvaluationPersonFormView h4 {
    background-color: #e48b00 !important;
}

/* Radek s neplatnym mailem */
tr.InvalidMail {
    background-color: #fff1da !important;
}

span.Highlight {
    border: 1px solid black;
    padding: 10px;
    font-size: 13pt;
    background-color: #fbd4b4;
    display: inline-block;
    margin: 10px;
}

/* Nastavení miniatury fotografie */
.PersonPhoto {
    width: 40px;
    height: 40px;
}

/* Toolbar */
div.Toolbar input {
    margin-bottom: 5px; /* mezera mezi tlacitky pokud je vice radek tlacitek */
}

div.Toolbar button {
    margin-bottom: 5px; /* mezera mezi tlacitky pokud je vice radek tlacitek */
}

/* Detailovy formular (bily v zalozce) */
div.Toolbar {
    margin-bottom: 9px; /* Bezna mezera mezi prvky je 14px, ale tlacitka udelaji samy 5px mezeru*/
}

div.AspNet-FormView .buttons input {
    margin-bottom: 5px; /* mezera mezi tlacitky pokud je vice radek tlacitek */
}

/* Formuláře */
/* ********* */
.SaveButton {
    font-weight: bold;
}
/* Skupina radek formulare */
.form-group {
    margin-top: 5px;
    margin-bottom: 5px;
}

fieldset.form-group {
    border: 1px initial grey;
    width: 100%;
}

.form-group legend {
    /*background-color: white;*/
    padding-left: 5px;
    padding-right: 5px;
}

/* taskid#24090 - oprava fieldsetu (nedokreslovala se čárka) */
fieldset legend {
    width: initial;
}

.form-group legend img.Help {
    margin-left: 5px;
}

/* Radek formulare */
div.form-row {
    /*margin-left: 5px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    min-height: 30px;
}

    div.form-row:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

/* Popisek radku */
.control-label {
    float: left;
    vertical-align: middle;
}

/* Popisek radku */
.control-label-largerheight {
    line-height: 2.25rem;
}

    .control-label .required {
        color: #f00;
        font-weight: 700;
        margin-left: 2px;
    }

        .control-label .required i {
            font-size: x-small;
        }

.PersonPhotoPanel .CatalogContainer {
    float: right;
    text-align: right;
}

.PersonPhotoPanel .ControlPanel {
    background: #0b89c8;
    margin-top: -5px;
    height: 35px;
    width: 100%;
    padding: 0px 5px;
    line-height: 35px;
    display: flex;
    justify-content: space-evenly;
}

    .PersonPhotoPanel .ControlPanel a {
        color: #fff;
        padding: 0px 5px;
    }


        .PersonPhotoPanel .ControlPanel a:hover {
            color: #ec9137;
        }

.PersonPhotoPanel .controls img {
    width: 100%;
    max-width: 200px;
}

.PersonPhotoPanel .controls {
    width: 200px;
    margin-left: 0px !important;
}

.PersonPhotoPanel .photo-container {
    max-width: 200px;
}

.PersonPhotoPanel {
    display: flex;
    justify-content: end;
}

@media (max-width: 1050px) {
    .PersonPhotoPanel {
        justify-content: start;
    }
}

/* Komponenty radku */
div.form-row div.controls {
    margin-left: 100px;
}

.form-column {
    /*width: 100% !important;*/
}

.width div.controls {
    margin-left: 150px !important;
}

.extrawidth div.controls {
    margin-left: 200px !important;
}

.extralargewidth div.controls {
    margin-left: 250px !important;
}

.superlargewidth div.controls {
    margin-left: 300px !important;
}

.ultralargewidth div.controls {
    margin-left: 500px !important;
}

.small div.controls {
    margin-left: 100px !important;
}

.extrasmall div.controls {
    margin-left: 50px !important;
}

.zerowidth div.controls {
    margin-left: 0px !important;
}

div.form-row .value {
    font-weight: bold;
    margin: 0;
}

/* Text (instrukce) ve fomulari */
p.form-text {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
}

img.countdown {
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    background: url("countdown_icon.png") 0px 0px;
    line-height: 0px;
    font-size: 0px; /*FF*/
    text-decoration: none;
    content: ''; /*OPERA*/
}

img.countdown2 {
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    background: url("countdown_icon.png") 0px 18px;
    line-height: 0px;
    font-size: 0px; /*FF*/
    text-decoration: none;
    content: ''; /*OPERA*/
}

/* Homepage */
div.LoggedUser {
    margin-bottom: 10px;
}

    div.LoggedUser a.photo {
        margin: 3px 0 0 7px;
    }

        div.LoggedUser a.photo img {
            padding: 1px;
            border: 1px solid #9cc1f5;
        }

div.FavoriteBox {
    float: left;
    padding: 5px;
    margin-right: 10px;
    width: 48.5%;
    background-color: #D7E2F9;
    border: 1px dotted #1031b5;
    align-content: center;
}

    /* zruseni odsazeni u praveho bloku */
    div.FavoriteBox.MessageBox {
        margin-right: 0px;
        padding-right: 0px;
    }

    div.FavoriteBox hr {
        border: 1px dotted #1031b5;
    }

    div.FavoriteBox a:hover {
        text-decoration: underline;
    }

a.RecommendationBox {
    background-color: #FFC973;
    border: 1px dotted #E48B00;
    margin: 10px 5px 0 0;
    display: block;
    float: left;
    height: 150px;
    width: 257px;
    text-align: center;
    padding: 5px;
    padding-bottom: 20px;
    color: black;
}

    a.RecommendationBox:hover {
        border: 1px solid #E48B00;
    }

    a.RecommendationBox div.RecommendationName {
        font-weight: bold;
        color: #003399;
        margin-bottom: 5px;
    }

/*doprava zarovnany span - Predchozi prihlaseni */
#lastLogged {
    float: right;
    vertical-align: middle;
    margin-top: 15px;
    margin-right: 5px;
}

/* absolutne napozicovany levy span - zacentrovany */
#loggedUser {
    position: absolute;
    margin-left: 10px;
    margin-top: 15px;
}

/* zacentrovani havicek zprav a oblibenych */
.defaultHeaderCenter {
    position: absolute;
    margin-top: 8px;
}

/* Homepage - END */

/* zvyrazeni rozdilu */

.highlighted {
    display: inline;
    cursor: help;
    background-color: yellow !important;
}

.strikethrough {
    text-decoration: line-through !important;
    color: gray;
    cursor: help;
}

.buttons {
    margin-top: 10px;
    margin-bottom: 15px;
}

.block {
    display: block;
}


/* taskid#10748 */
#UnitDetails {
    overflow: visible;
}

#UnitDetailsLeft {
    float: left;
    width: 75%;
}

#UnitDetailsRight {
    float: right;
    width: 25%;
}

    #UnitDetailsRight img {
        float: right;
    }


/* Editovatelna tabulka */
.EditTableControl {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px dotted #000;
}

.EditTableColumns {
    padding: 5px;
    border-bottom: 1px dotted #000;
}

    .EditTableColumns label {
        vertical-align: middle;
        margin-right: 10px;
    }

    .EditTableColumns input {
        vertical-align: middle;
    }

.EditTableRowCount {
    padding: 5px;
}

.EditTableFooter {
    background-color: #0B89C8;
    font-size: .9em;
    font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
    padding: 1px 5px;
    color: #06c;
}

    .EditTableFooter a, .EditTableFooter span {
        margin-right: 3px;
    }

div.OneRow {
    display: inline;
}

div.OneRowInner {
    display: inline-block;
}


/* taskid#11195 */
.InfoHighlight {
    color: red;
    font-weight: bold;
}

/* taskid#11178 */
.TaskAfterDeadline {
    color: Red;
    font-weight: bold;
}

/* taskid#12043 */
.BiggerLabel {
    font-size: 14px;
}
/* ju:Note */
.html {
    display: table;
    width: 98%;
    /*background-color: white;*/
    padding: 5px !important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: initial !important;
    margin: 0px auto;
}

    .html h1, .html h2, .html h3, .html h4, .html h5, .html h6 {
        display: block !important;
        font: initial !important;
        font-weight: bold !important;
        color: initial !important;
        background-color: transparent !important;
    }
    /* resetování nastavení velikosti fontů a odsazení nadpisů na W3C hodnoty*/
    .html h1 {
        font-size: 2em !important;
        margin: 0.67em 0 0 0;
    }

    .html h2 {
        font-size: 1.5em !important;
        margin: 0.83em 0 0;
    }

    .html h3 {
        font-size: 1.17em !important;
        margin: 1em 0 0 0;
    }

    .html h4 {
        font-size: 1.12em !important;
        margin: 1.33em 0 0 0;
    }

    .html h5 {
        font-size: 0.83em !important;
        margin: 1.67em 0 0 0;
    }

    .html h6 {
        font-size: 0.67em !important;
        margin: 0.83em 0 0 0;
    }

/* skrývání upozornění na odstávku */
#HideNoticeFrame {
    background-color: #c80f32;
    margin: -5px -10px 0px -10px;
    padding: 5px 10px 5px 10px;
    text-align: left;
}

#HideNoticeButton:after {
    clear: both;
}

#HideNotice {
    display: block;
    background: url("upozorneni_ikona.png") no-repeat left center;
    margin: auto;
    margin-bottom: 10px;
    padding-left: 50px;
}

#HideNoticeText {
    color: #ffffff;
    font-size: medium;
}

    #HideNoticeText h3 {
        margin-bottom: 5px;
        font-size: large;
    }

#HideNoticeButton {
    text-align: right;
    float: right;
}

.HideNoticeLink {
    color: #c0c0c0;
    padding-right: 10px;
    background: url("upozorneni_zavrit.png") no-repeat right center;
}

    .HideNoticeLink:hover {
        text-decoration: underline;
    }

.DropDownListPanel {
    max-height: 232px;
    min-width: 169px;
    border: 1px solid #abadb3;
    /*display: none;*/
    background-color: white;
}

.OverflowBox {
    max-height: 500px;
    overflow: auto;
}

.BlockText {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}

div.GraphSectionWeight {
    margin-top: 20px;
    margin-left: 10px;
}

td.EvaluationSet {
    width: 250px;
}

td.EvaluationDescription {
    width: 400px;
}

.TotalWidth {
    width: 100%;
}

.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}

.floatNone {
    float: none !important;
}


.ContentRight {
    width: 25%;
}

.ContentLeft {
    width: 75%;
}

.CenterText {
    text-align: center;
}

.PersonDetail {
    width: 60%;
}

.LeftColumn {
    width: 60%;
}

.ImgMaxHeight300 img {
    max-height: 300px;
}

.ImgMaxHeight200 img {
    max-height: 200px;
}

.Image {
    text-align: right;
    width: 40%;
}

/*Oprava zobrazení v GridView*/
.ajax__calendar td {
    padding: 0px !important;
    border: 0px !important;
}

/* taskid#23041 */
.ajax__calendar .ajax__calendar_container {
    border-radius: 4px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: .9em;
}

.ajax__calendar_today {
    font-weight: bold;
}

/*a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}*/

/* DevExpress start */

.dxgvHeader_Aqua a, .dxgvHeader_Aqua a:hover {
    color: #fff;
}

.dxgvHeader_Aqua {
    font-weight: bold;
    /*background: #E2F0FF url('/junak/DXR.axd?r=0_117-KphSb') repeat-x top;*/
    background: #0B89C8;
    border-collapse: collapse;
}

    .dxgvHeader_Aqua a.dxbButton_Aqua {
        color: #FFF;
    }

    .dxgvHeader_Aqua table {
        color: #FFF;
    }

.dxgvControl_Aqua,
.dxgvDisabled_Aqua {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #000;
}

.dxgvEditFormDisplayRow_Aqua td.dxgv,
.dxgvDetailCell_Aqua td.dxgv,
.dxgvDataRow_Aqua td.dxgv,
.dxgvDetailRow_Aqua.dxgvADR td.dxgvAIC {
    padding: 2px 5px;
    vertical-align: middle;
    overflow: hidden;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom: 1px dotted #3883eb;
    border-right: 1px dotted #3883eb;
}

.dxpLite_Aqua .dxp-summary,
.dxpLite_Aqua .dxp-ellip {
    color: #FFF;
    white-space: nowrap;
    font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
}

.dxpLite_Aqua .dxp-num {
    color: #FFF;
}


a.dxeHyperlink_Aqua {
    color: blue;
    text-decoration: none;
}

a.dxbButton_Aqua {
    text-decoration: none;
}

a:visited.dxeHyperlink_Aqua {
    color: purple;
    text-decoration: none;
}

a:hover.dxeHyperlink_Aqua {
    text-decoration: none;
}

.dxgvPagerBottomPanel_Aqua,
.dxgvPagerTopPanel_Aqua {
    background: #0B89C8;
}

span.dx-vam, span.dx-vat, span.dx-vab, a.dx-vam, a.dx-vat, a.dx-vab {
    font-size: smaller;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding-left: 3px;
}

.dxpcLite_Aqua,
.dxdpLite_Aqua {
    font: inherit;
}

    .dxdpLite_Aqua .dxpc-header {
        /*line-height: 40px;*/
        height: 40px;
    }

.dxpc-header {
    background-color: #0b95da !important;
    background-image: linear-gradient(to bottom, #0b95da 0, #086da0 100%) !important;
    color: #fff !important;
}

.dxpc-headerContent span {
    padding-top: 5px;
    padding-left: 3px;
}

.dxWeb_pcCloseButton_Aqua {
    display: none;
}

.dxpc-header .dxpc-closeBtn:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f00d" !important;
    font-weight: 900;
}

.dxpc-header .dxpc-closeBtn {
    height: 16px !important;
    width: 16px !important;
    padding-top: 5px !important;
    margin-right: 5px !important;
}

.dxpc-content td {
    padding-left: 2px;
    padding-right: 2px;
}

.dxpc-content table {
    width: 100%;
}

.dxgvDataRow_Aqua > .gridview-button-custom, td.dxgvCommandColumn_Aqua span > div.gridview-button-custom {
    margin-left: 5px;
}

/* Devexpress - validační hlášky (řádková editace) */
.dxgvEditingErrorRow_Aqua td.dxgv {
    white-space: normal;
    padding: 0;
}

    .dxgvEditingErrorRow_Aqua td.dxgv ul {
        list-style-type: none;
    }

.dxeHyperlink_Aqua {
    font: inherit;
}


.dxgvControl_Aqua,
.dxgvDisabled_Aqua {
    font-family: inherit;
    font-size: inherit;
}

.dxeBase_Aqua {
    font: inherit;
    color: inherit;
}

.dxdzControlVert {
    min-height: 25px;
    height: inherit !important;
}

.dxgvLoadingPanel_Aqua {
    width: inherit !important;
}

.dxgvInlineEditRow_Aqua, .dxgvBatchEditModifiedCell_Aqua {
    background-color: rgba(255, 204, 123, 0.5) !important;
}

.dxgvDataRowHover_Aqua {
    background: #ffe7a2 !important;
    color: #4f4f4f !important;
}

/* DevExpress end */

/* Logo Kulaté logo v obsahu vedle titulku */
.content-header {
    padding-top: 10px;
}

    .content-header .image {
        /*width: 100px;*/
        height: 50px;
        resize: none;
        display: block;
        box-sizing: border-box;
        float: left;
        margin-right: 10px;
        /* zarovnání obrázku doprostřed */
        text-align: center;
    }

    .content-header .image-unlimited {
        height: auto;
    }


    .content-header .image img {
        border-radius: 50%;
        max-width: 50px;
        max-height: 50px;
        background-color: #999999;
    }

    .content-header .image-unlimited img {
        border-radius: 0px;
        max-width: none;
        max-height: none;
        background-color: transparent;
    }

    .content-header #left {
        float: left;
        width: 70%;
    }

    .content-header #right {
        float: right;
        width: 30%;
        text-align: right;
    }

/* Logo Kulaté logo v obsahu vedle titulku  end */

/* TabMenu */

#tab-menu {
    width: 100%;
    height: 45px;
    overflow: visible;
}

/* viditelné položky*/
ul#tab-menu-visible-items {
    list-style-type: none;
    float: left;
    margin: 0px;
    position: relative;
}

    ul#tab-menu-visible-items li {
        height: 40px;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        background-color: #f8f8f8;
        /* odsazení textu o 10px z každé strany */
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 2px;
    }

        ul#tab-menu-visible-items li a {
            color: #0b89c8;
            display: block;
            line-height: 40px;
            text-align: left;
            width: 100%;
            height: 100%;
        }

        ul#tab-menu-visible-items li:hover {
            background-color: #fff;
        }

        ul#tab-menu-visible-items li a:hover {
            color: black;
        }

        ul#tab-menu-visible-items li.tab-menu-item-active {
            height: 45px;
            background-color: #fff;
        }

            ul#tab-menu-visible-items li.tab-menu-item-active a {
                color: black;
            }

/* dropdownlist - záložky */
ul#tab-menu-dropdown-items {
    list-style-type: none;
    float: right;
    height: 40px;
    width: 200px;
    background-color: #0b89c8;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    text-align: left;
    position: relative;
    z-index: 9999999999;
}

    /* výška položek + vertikální zarovnání */
    ul#tab-menu-dropdown-items span {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 40px;
    }

    ul#tab-menu-dropdown-items li {
        overflow: hidden;
        min-width: 200px !important;
        background-color: #0b89c8;
        color: #fff;
        display: none;
    }

        ul#tab-menu-dropdown-items li a {
            display: block;
            width: 200px;
            min-height: 40px;
            color: #fff;
            line-height: 40px;
            overflow:visible;
            white-space: nowrap;
        }

        ul#tab-menu-dropdown-items li:hover {
            background-color: #096c9e;
        }

        ul#tab-menu-dropdown-items li.tab-menu-dropdown-item-settings:hover {
            background-color: #096c9e;
        }

        ul#tab-menu-dropdown-items li.tab-menu-dropdown-item-settings a {
            font-weight: bold;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
        }

    ul#tab-menu-dropdown-items a.tab-menu-dropdown-link-only {
        color: #fff;
        font-weight: bold;
    }

ul.tab-menu-dropdown-closed {
    border-bottom: none;
}

ul.tab-menu-dropdown-openned {
    border-bottom: 3px solid #096c9e;
}

ul#tab-menu-dropdown-items li.tab-menu-item-active {
    background-color: #096c9e;
}

span.tab-menu-dropdown-arrow-center {
    float: right;
}

/* TabMenu - konec */

/* font-awesome */
.fa-lg {
    padding-right: 0.1em;
}

/* tlačítka */

.person-photo-delete {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: white !important;
    height: 35px;
}

    .person-photo-delete:hover {
        color: #ec9137 !important;
    }

/* tlačítka - fileupload */
.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .file-upload input.file-input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.MaxWidth200 {
    max-width: 200px;
}

.MinWidth16 {
    min-width: 16px;
}

.MinWidth20 {
    min-width: 20px;
}

.MinWidth30 {
    min-width: 30px;
}

.gridview-button-custom {
    height: 2.5em;
}

.text-align-center {
    text-align: center;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.padding-left-1 {
    padding-left: 0.25em;
}

.padding-right-1 {
    padding-right: 0.25em;
}
/* DashBoard */

.dashboardLeftColumn {
    padding-right: 5px;
    width: 50%;
}

.dashboardRightColumn {
    padding-left: 5px;
    width: 50%;
}

.dashboardBottomColumn {
    clear: both;
    padding-top: 10px;
    width: 100%;
}

@media (max-width: 900px), (max-device-width: 900px) {
    .dashboardLeftColumn {
        padding: 0px;
        padding-top: 10px;
        display: block;
        width: 100% !important;
    }

    .dashboardRightColumn {
        padding: 0px;
        padding-top: 10px;
        display: block;
        width: 100% !important;
    }
}


.LoginSuccess:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f058" !important;
    color: green !important;
    font-weight: 900;
}

.LoginFailure:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f057" !important;
    color: red !important;
    font-weight: 900;
}

.PersonTaskAfterDeadline:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f024" !important;
    color: red !important;
    font-weight: 900;
}

.PersonTaskDeadlineSoon:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f024" !important;
    color: orange !important;
    font-weight: 900;
}

.PersonTaskOk:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f024" !important;
    color: green !important;
    font-weight: 900;
}

/* Dropdownlist */

.content select {
    padding: 5px;
    border-radius: 4px;
}

    .content select option {
        margin-right: 10px;
    }

/* Zalamování jen pro větší rozlišení */
@media (min-width: 1200px), (min-device-width: 1200px) {
    .nowrap {
        white-space: nowrap !important;
    }
}

/*Skrývání patičky pro malé rozlišení*/
@media (max-width: 1200px), (max-device-width: 1200px) {
    .authors {
        display: none;
    }

    .dxpc-mainDiv {
        overflow: hidden;
        max-width: 100%;
    }
}


/* velikost textu v logout timeru */
.logoutTimer {
    font-size: 0.688rem;
}

/* velikost písma v patičce */
.main-footer {
    font-size: 14px;
}

/* nastavení maximální šírky pro html editor */
.ajax__htmleditor_editor_container {
    width: 100% !important;
}

/* úpravy menu taskid#23940 */
.sidebar-treeview-userroles a {
    font-size: 14px;
    padding: 6px 5px 6px 15px !important;
}

#sidebar-treeview-unit-lower a, #sidebar-treeview-unit-actual a, #sidebar-treeview-unit-upper a {
    font-size: 14px;
    padding: 6px 5px 6px 23px;
}

#unitTreeA {
    color: #ec9137;
}

#unitTreeParentA, #unitTreeActualA, #unitTreeLowerA {
    padding: 0.725rem 0.938rem 0.325rem 23px;
}

    #unitTreeParentA > .fas, #unitTreeActualA > .fas, #unitTreeLowerA > .fas {
        font-size: 1.125rem;
        width: 1rem;
    }

.sidebar-unit-first-element {
    padding-top: 0px !important;
}

/* taskid#23956 úprava zobrazení ikonky se zprávami */
.sidebar-quicktool-link[data-notification]:after {
    right: 0px;
    bottom: 0px;
    min-width: 15px !important;
    height: inherit !important;
    width: inherit !important;
    max-width: 23px !important;
    padding: 0px 2px 0px 2px;
}

/* logout tlačítko */
#LinkButtonLogoutMenu, #LinkButtonLogoutMenu:visited, #LinkButtonLogoutMenu:active {
    color: black;
}

    #LinkButtonLogoutMenu:hover {
        color: white;
    }

.sidebar-logout {
    padding: 0px !important;
}


    .sidebar-logout a {
        padding: 3px 10px 3px 0;
        border-right: 1px solid #333;
        margin-right: 10px;
        float: left;
    }

.sidebar-collapse .sidebar-logout a {
    border-right: inherit;
    text-align: center;
    padding: 0px;
    width: 100%;
    margin: 0px;
    float: inherit;
}

.sidebar-collapse .sidebar-quicktool {
    text-align: center;
}

/* Checkboxy */

div.AspNet-FormView div.form-row div.controls span {
    font-weight: bold;
}

span.primary {
    color: #0b95da;
}

span.success {
    color: #087b00;
}

span.info {
    color: #0b95da;
}

span.warning {
    color: #ec971f;
}

span.danger {
    color: #ff8080;
}




/* taskid#23544 Velikost tabulek jen pro větší rozlišení */

.table-width-small {
    width: 33%;
    max-width: 300px;
}

.table-width-half {
    width: 50%;
    max-width: 500px;
}

.table-width-big {
    width: 66%;
    max-width: 700px;
}

.table-width-full {
    width: 100%;
}

@media (max-width: 900px), (max-device-width: 900px) {
    .table-width-full, .table-width-small, .table-width-half, .table-width-big {
        width: 100%;
        max-width: inherit;
    }
}

.margin-top-half-rem {
    margin-top: 0.5rem;
}

/* dialog */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-default {
    border-color: #c5c5c5 !important;
}
    .ui-widget-default .ui-dialog-titlebar {
        background-color: #e9e9e9 !important;
        color: #333333 !important;
    }

.ui-dialog-info {
    border-color: #0b95da !important;
}

    .ui-dialog-info .ui-dialog-titlebar {
        background-color: #0b95da !important;
        background-image: linear-gradient(to bottom, #0b95da 0, #086da0 100%);
        color: #fff !important;
    }

.ui-dialog-succcess {
    border-color: #087b00 !important;
}

    .ui-dialog-succcess .ui-dialog-titlebar {
        background-color: #087b00 !important;
        background-image: linear-gradient(to bottom, #087B00 0, #043C00 100%);
        color: #fff !important;
    }

    .ui-dialog-succcess .ui-dialog-titlebar-close:after {
        color: #ffffff;
    }

.ui-dialog-warning {
    border-color: #ec971f !important;
}

    .ui-dialog-warning .ui-dialog-titlebar {
        background-color: #ec971f !important;
        background-image: linear-gradient(to bottom, #ec971f 0, #be7610 100%);
        color: #fff !important;
    }

.ui-dialog-danger {
    border-color: #ff8080 !important;
}

    .ui-dialog-danger .ui-dialog-titlebar {
        background-color: #ff8080 !important;
        background-image: linear-gradient(to bottom, #ff8080 0, #ff4343 100%);
        color: #fff !important;
    }

.ui-dialog-titlebar-close {
    border: 0px;
    background-color: transparent;
    height: 25px !important;
    top: 40% !important;
}

.ui-dialog {
    width: 600px !important;
    max-width: 90%;
}

.ui-dialog-titlebar-close:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}

.ui-dialog-titlebar {
    font-weight: bold;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold;
}

.ui-dialog,
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-radius: 3px;
}

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px
    }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

/* filtry */
.paragraph {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.filter-item {
    white-space: nowrap;
    margin-top: 8px;
    margin-bottom: 5px;
    display: inline-flex;
}


    .filter-item label {
        display: inline;
        font-size: inherit;
        color: inherit;
        float: left;
        line-height: 36px;
    }

    .filter-item .toggle-group label {
        line-height: inherit;
    }

    .filter-item input {
        height: 36px;
        padding-left: 4px;
        padding-right: 4px;
    }

        .filter-item input[type=image] {
            padding-left: inherit;
            padding-right: inherit;
        }

    .filter-item .Help {
        padding-top: 8px;
    }

/* Bootstrap callouts taskid#24821 */
.bs-callout {
    padding: 20px 20px 20px;
    padding-top: 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.italic {
    font-style: italic;
}

.alert h3 {
    font-weight: bold;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.alert .padding-10, .alert .buttons {
    padding-top: 10px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-10 {
    padding: 10px;
}

.margin-10 {
    margin: 10px;
}

/* taskid#24166 - drag and drop */
/* oblast kam lze přetahovat */
.ui-draggable-dragging-droppable-area {
    background-color: #add8e6;
}

/* oblast kam se bude táhnutý prvek vkládat */
.dxgvDataRow_Aqua.ui-draggable-dragging-droppable-area-current td.dxgv {
    background-color: #e3e3e3;
}

/* přetahovaný prvek */
.ui-draggable-dragging {
/*    background-color: inherit;
    color: inherit;*/
}

/* Tábory - dotazníky */
div#PanelQuestion {
    display: block;
    width: 100%;
    margin: 25px;
}

/* Nadpis dotazníku*/
div#PanelQuestionDescription {
    margin-bottom: 15px;
}

div#PanelQuestion span.CheckBoxList input + label {
    display: inline-block;
    width: 50%;
}

span#lblTextBoxCampSurvey {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 0.875rem;
}

/* Dotace */


div#PanelRepeaterGrant {
    display: block;
    width: 100%;
}

a#LinkButtonGrant {
    display: inline-block;
    margin: 5px 5px 0px 5px;
}

    a#LinkButtonGrant.IsActual {
        font-weight: 800;
    }

.wrapper-no-menu .content-wrapper {
    margin-left: 0px !important;
}

.wrapper-no-menu .main-footer {
    margin-left: 0px !important;
}

/* AKCE */

#statement-tables, .statement-tables {
    min-height: 50px;
    clear: both;
    position: relative;
}

    #statement-tables .statement-control, .statement-tables .statement-control {
        position: relative;
        max-width: 100%;
        float: left;
        display: block;
        margin-right: 10px;
    }

    #statement-tables:after, .statement-tables:after {
        content: '';
        display: block;
        clear: both;
    }

.dxeTextBox_Aqua, .dxeFocused_Aqua, .dxeReadOnly_Aqua, .dxeButtonEdit_Aqua {
    border: 1px solid #abadb3 !important;
    border-radius: 4px !important;
    padding: 1px !important;
    font-size: 14px !important;
}

.dxeEditArea_Aqua, .dxeEditAreaSys {
    color: #555 !important;
}

.sidebar-treeview-userroles .sidebar-treeview-userroles-change-link, .bg-primary-role {
    margin-left: 5px;
}

.sidebar-collapse .sidebar-treeview-userroles .sidebar-treeview-userroles-change-link, .sidebar-collapse .bg-primary-role {
    margin-left: inherit;
}

div.AspNet-FormView div.form-row div.controls span.html {
    font-weight: normal;
}

.width-80-percent {
    width: 80%;
}

@media (min-width: 1600px), (min-device-width: 1600px) {

    .layout-two-column-left {
        float: left;
        width: 70% !important;
    }

    .layout-two-column-right {
        float: right;
        width: 28% !important;
    }
}

@media (max-width: 1600px), (max-device-width: 1600px) {

    .layout-two-column-left {
        float: none;
        display: block;
        width: 100% !important;
    }

    .layout-two-column-right {
        float: none;
        display: block;
        width: 100% !important;
    }
}

.width-full {
    width: 100%;
}

.width-100 {
    width: 100px;
    min-width: 100px;
}

.width-150 {
    width: 150px;
    min-width: 150px;
}

.width-200 {
    width: 200px;
    min-width: 200px;
}

.width-300 {
    width: 300px;
    min-width: 300px;
}

.min-height-600 {
    min-height: 600px;
}

.min-height-700 {
    min-height: 700px;
}

.height-80-percent-vh {
    height: 80vh !important;
}

.height-full-vh {
    height: 100vh !important;
}

.height-full {
    height: 100%;
}


.floatRight.right.Image .material-image img {
    margin-top: 10px;
}

@media (max-width: 1050px), (max-device-width: 1050px) {
    .floatRight {
        float: none !important;
        width: initial;
    }

    .floatLeft {
        float: none !important;
        width: initial;
    }

    .right img {
        text-align: left !important;
    }

    div.floatRight.right.Image, .controls.right {
        text-align: left !important;
    }

    .floatRight.right.Image .material-image img {
        margin-top: 5px;
    }
}


.float-right-always {
    float: right;
}

.float-left-always {
    float: left;
}


/* osoba detail malý display */
@media (max-width: 900px), (max-device-width: 900px) {
    .floatRight.right.Image {
        float: none !important;
        width: initial;
    }

    .floatLeft.left.PersonDetail {
        float: none !important;
        width: initial;
    }

    .PersonPhotoPanel.ControlPanel {
        float: none;
    }

    div.floatRight.right.Image, .controls.right {
        text-align: left !important;
    }

    .PersonPhotoPanel .ControlPanel {
        float: none !important;
    }
}


.dxeTextBox_Aqua, .dxeFocused_Aqua, .dxeReadOnly_Aqua, .dxeButtonEdit_Aqua {
    background-color: #FAFAFA;
    border: 1px solid #cccccc !important;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    height: 2.3em;
}

.dxeReadOnly_Aqua, input .dxeEditArea_Aqua .dxeEditAreaSys {
    background-color: transparent !important;
    border: none !important;
}

    input .dxeEditArea_Aqua .dxeEditAreaSys:hover {
        background-color: #ffe7a2 !important;
    }

    .dxeTextBox_Aqua input, .dxeFocused_Aqua input, .dxeReadOnly_Aqua input, .dxeButtonEdit_Aqua input {
        background-color: inherit !important;
    }

    .dxeTextBox_Aqua .dxic, .dxeFocused_Aqua .dxic, .dxeReadOnly_Aqua .dxic, .dxeButtonEdit_Aqua .dxic {
        padding: 5px;
    }

.dxeButtonEditButton_Aqua, .dxeSpinLargeIncButton_Aqua, .dxeSpinLargeDecButton_Aqua {
    background: none;
}

.dxeButtonEditButton_Aqua, .dxeCalendarButton_Aqua, .dxeSpinIncButton_Aqua, .dxeSpinDecButton_Aqua, .dxeSpinLargeIncButton_Aqua, .dxeSpinLargeDecButton_Aqua, .dxeColorEditButton_Aqua {
    border: 0px;
}

.bs-callout .insertBox {
    padding: 0px;
    margin: 0px;
}

/* Combobox start */
.dxflCaption_Aqua {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    line-height: 2.5;
    margin-bottom: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

/*.dxflGroup_Aqua dxflGroupSys dxflAGSys tbody tr:first-child {
    display: inline;
}*/

table.dxflGroup_Aqua.dxflGroupSys.dxflAGSys tr:first-child {
    display: inline-block;
}

table.dxflGroup_Aqua.dxflGroupSys.dxflAGSys tr:last-child {
    display: inline-block;
    float: right;
}

.dxlbd table tbody tr {
    float: none !important;
    display: block !important;
}

.dxgvEditForm_Aqua td.dxgv {
    padding: 0px;
}

.dxflGroup_Aqua {
    padding: 0px;
}

.dxgvEditFormTable_Aqua {
    margin: 0px;
}

.dxflCLLSys.dxflItemSys.dxflTextEditItemSys.dxflItem_Aqua input[type="text"] {
    height: 2.2em;
}

.dxlbd {
    background-color: #FAFAFA;
    border: 1px solid #cccccc !important;
    font-size: 1rem;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.dxgvEditForm_Aqua.dxldb.dxeListBoxItem_Aqua {
    padding: 0px;
}

@media (min-width: 900px), (min-device-width: 900px) {

    .dx-combobox-width-force-500 input {
        width: 500px !important;
    }

    .dx-combobox-width-force-200 input {
        width: 200px !important;
    }
}

tr.dxeListBoxItemRow_Aqua {
    border: 0px solid #000;
}

.dxeLoadingPanel_Aqua tbody {
    border: 0px solid #000;
}

.dxeLoadingPanel_Aqua tr {
    text-align: center !important;
    float: none !important;
    display: table-row !important;
}

.insertBox .dxeButton {
    vertical-align: middle;
}

/* Combobox end */

.scroll_horizonzal_only {
    overflow-x: auto;
    overflow-y: hidden;
}

.scroll_vertical_only {
    overflow-x: hidden;
    overflow-y: auto;
}


#personOtherTable {
    font-size: 14px;
}

    #personOtherTable tr td .toggle {
        margin-left: 50px;
    }

    #personOtherTable tr td {
        line-height: 35px;
    }

.tab-hidden {
    display: none;
}

#googleMap {
    width: 300px;
    height: 300px;
    position: relative;
}

#ImagePhotoRealtyCollectionDetail {
    width: 300px;
}

@media (max-width: 720px), (max-device-width: 720px) {
    .realty-collection-image, #googleMap, #ImagePhotoRealtyCollectionDetail {
        margin: auto !important;
        width: 100% !important;
        min-width: 150px;
    }

    .google-map {
        width: 100%;
    }
}

@media (max-width: 1850px), (max-device-width: 1850px) {
    .width-80-percent {
        width: 100%;
    }
}

@media (max-width: 1120px), (max-device-width: 1120px) {
    .google-map {
        float: none !important;
    }
}


.margin-left-3 {
    margin-left: 3px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-50 {
    margin-left: 50px;
}

/*tohle je ošetření, že když použijeme margin nav form-row, tak se posune jen popis, nikoli hodnota*/
div.margin-left-10.form-row label.control-label {
    padding-right: 10px;
}


.form-row-label-indent label {
    padding-left: 30px;
}

.chart-overview h3 {
    margin-top: 12px;
}

.h2-margin-top-fixed h2 {
    margin-top: 0.9em !important;
}

.dev-express-scroll {
    width: 100%;
    overflow-x: auto;
}

.display-none {
    display: none;
}

.display-none-forced {
    display: none !important;
}

.dxgvEditingErrorRow_Aqua {
    background-color: #f2dede;
    color: #a94442;
}

    .dxgvEditingErrorRow_Aqua td.dxgv ul.list-style-type-list-initial {
        list-style-type: initial;
        padding-top: 5px;
    }

.line-height-select {
    line-height: 2.3rem;
}

/*ASPxFileUpload*/

.dxucControl .dxucBrowseButton {
    line-height: 1.7rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

    .dxucControl .dxucBrowseButton:hover, .dxucControl .dxucBrowseButton:focus {
        background-color: #e0e0e0;
        background-position: 0 -15px
    }

.dxucControl .dxucTextBox {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .dxucControl .dxucTextBox.dxCB {
        border-top-left-radius: inherit;
        border-bottom-left-radius: inherit;
    }

.form-control textarea {
    padding: 2px;
}

div.map-object {
    width: 350px;
    height: 350px;
}

    div.map-object .panel-world-map {
        width: 100%;
        height: 100%;
    }

.smap {
    font: inherit !important;
    white-space: nowrap;
}

    .smap .card {
        width: auto !important;
        font-size: smaller;
    }

        .smap .card .card-body {
            height: auto !important;
        }

    .smap .FormLabel {
        margin-left: 3px;
    }

.blue-icon {
}

.non-url a {
    color: #000;
    cursor: default;
    pointer-events: none;
}

.center-checkbox {
    margin: 0 auto;
}

.table-as-list tr, .table-as-list th, .table-as-list table td {
    background: none !important;
    border: none !important;
}

    .table-as-list tr > th:first-child, .table-as-list table tr > td:first-child {
        width: 23px;
    }

.table-as-list .AspNet-GridView-Pager, .table-as-list thead {
    display: none;
}

.text-default {
    color: #ccc !important;
}

.text-dark {
    color: #24292b !important;
}

.text-primary {
    color: #0a84c2 !important;
}

.text-success {
    color: #066200 !important;
}

.text-info {
    color: #f2f2f2 !important;
}

.text-warning {
    color: #df8a13 !important;
}

.text-danger {
    color: #f66 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.background-danger {
    background-color: #ffcbc4 !important;
}

.fixed-height-100 {
    max-height: 100px;
    height: 100px;
}

.fixed-height-200 {
    max-height: 200px;
    height: 200px;
}

.fixed-height-300 {
    max-height: 300px;
    height: 300px;
}

.fixed-height-400 {
    max-height: 400px;
    height: 400px;
}

.max-height-100 {
    max-height: 100px;
}

.max-height-200 {
    max-height: 200px;
}

.max-height-300 {
    max-height: 300px;
}

.max-height-400 {
    max-height: 400px;
}

.dxeEditArea_Aqua.dxeDisabled_Aqua {
    padding: 0px !important;
}

.filters-bottom-border {
    border-bottom: 1px solid #A3C0E8 !important;
}

@media (max-width: 1050px), (max-device-width: 1050px) {
    .limited-view {
        width: 100%;
    }
}

@media (min-width: 1050px), (min-device-width: 1050px) {
    .limited-view {
        max-width: 1050px;
    }
}

.limited-view {
    margin: 0 auto;
}

.placeholder-contact ::placeholder {
    font-style: italic;
}

.placeholder-contact :-ms-input-placeholder {
    font-style: italic;
}

.max-width-100 {
    max-width: 100px !important;
}

.max-width-200 {
    max-width: 200px !important;
}

.max-width-300 {
    max-width: 300px !important;
}
.max-width-400 {
    max-width: 400px !important;
}
.max-width-500 {
    max-width: 500px !important;
}

.fa, .fas {
    font-weight: 900 !important;
}

.fab, .far {
    font-weight: 400 !important;
}

.person-change-old {
    width: 250px;
    color: Gray;
}

    .person-change-old .value {
        font-weight: normal !important;
    }

/*.person-change-old .value {
    background-color: red;
}*/

.person-change-new {
    width: 250px;
}



    .person-change-new .value, .person-change-old .value {
        padding: 5px;
        padding-top: 5px !important;
    }

/* Odkazy bez atributu href jsou vidět jako text. Je to kvůli DevExpress, kdy z HyperLinkColumn odstraňuji URL na základě nějaké podmínky, řádek po řádku */
a:not([href]) {
    text-decoration: none;
    color: #333 !important;
    cursor: default !important;
}

.gridview a:not([href]) {
    color: inherit !important;
}

.margin-default {
    margin-bottom: 14px;
    padding-top: 3px;
}

input:not([type='radio']) + label, input:not([type='checkbox']) + label {
    float: left;
    display: inline-block;
}

input[type='radio'] + label, input[type="checkbox"] + label {
    float: none;
}

#dashboard_setting label {
    float: none !important;
}

/* EXPORT */

.export-person-column {
    float: left;
    width: 225px;
}

    .export-person-column h4 {
        font-weight: bold;
    }

.export-person label {
    width: 250px;
}

.export-person td {
    padding-right: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.export-person {
    margin-top: 20px;
    /*border: 1px groove #aaa;*/
    /*border-radius: 10px;*/
    /*box-shadow: 0px 0px 1px #bbb;*/
}

    .export-person tr:nth-child(odd) {
        /*background-color: #f7f7f7;*/
    }

.slideable-collapse {
    border: none;
    background-color: #fff;
}

.export-person li {
    list-style-type: none;
    display: block;
    float: left;
    width: 340px;
    min-height: 25px;
}

    .export-person li label {
        display: block;
        width: 85%;
        height: 100%;
    }

    .export-person li:hover {
        background-color: rgb(250,250,250);
    }

@media (max-width: 798px) {
    .export-person li {
        margin-left: -50px;
    }
}

.slideable-text {
    margin-left: 10px;
    float: right;
    font-size: 14px;
    line-height: 21px;
}

.color-white {
    color: white !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}


/*taskid#59542*/
.AspNet-GridView table.gridview tbody td input[type=text]:not(.form-control) {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

div.button-switch {
    white-space: nowrap;
    overflow: hidden;
    display: inline-table;
    margin-top: 3px;
    margin-bottom: 3px;
}

    div.button-switch span.button-switch-left {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: 1px solid #ccc;
        line-height: 1.2 !important;
    }

        div.button-switch span.button-switch-left::before {
            font-family: "Font Awesome 5 Free" !important;
            content: "\f00c " !important;
            padding-right: 2px;
            font-weight: 900;
        }

    div.button-switch span.button-switch-right {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left: 1px solid #ccc;
        line-height: 1.2 !important;
    }

        div.button-switch span.button-switch-right::before {
            font-family: "Font Awesome 5 Free" !important;
            content: "\f00d" !important;
            padding-right: 2px;
            font-weight: 900;
        }

.sidebar-quicktool-simi .sidebar-quicktool-link {
    padding: 3px 11px;
}

td.gridcontent-text-center {
    text-align: center !important;
}

#loadingIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25%;
    margin-bottom: 10px;
}

#tariff-dislay {
    visibility: hidden;
}

/* taskid#77022 */
@media (max-width: 900px) {
    .camp-questions-answers-public .ultralargewidth div.controls {
        margin-left: unset !important;
        clear: both;
    }
}

@media (max-width: 768px) {
    .camp-questions-answers-public .superlargewidth div.controls {
        margin-left: unset !important;
        clear: both;
    }

    .camp-questions-answers-public .extralargewidth div.controls {
        margin-left: unset !important;
        clear: both;
    }
}

.camp-questions-public label {
    overflow-wrap: normal;
}
.squash-note-text br {
    display: contents;
}

/*odsazeni dalsich tlacitek v batch/inline editaci*/
.dxgvDataRow_Aqua > td.dxgvCommandColumn_Aqua:not(:first-child) .gridview-button-custom {
    margin-left: 0.5em;
}

/*zarovnani ikonec vice na stred var batch/inline editaci*/
.dxgvHeader_Aqua td.dx-ac > *:before,
.dxgvDataRow_Aqua td.dxgvCommandColumn_Aqua .fa-check:before,
.dxgvDataRow_Aqua td.dxgvCommandColumn_Aqua .fa-pencil-alt:before,
.dxgvDataRow_Aqua td.dxgvCommandColumn_Aqua .fa-ban:before,
.dxgvDataRow_Aqua td.dxgvCommandColumn_Aqua .fa-times:before,
.dxgvDataRow_Aqua td.dxgvCommandColumn_Aqua .fa-plus:before {
    vertical-align: sub !important;
}

div.alert b, div.alert strong {
    font-weight: bold;
}

div.alert b, div.alert strong {
    font-weight: bold;
}

div.alert i{
    font-style: italic;
}

/* taskid#77016 */
.gray-icon {
    color: #808080;
}

.margin-left-60 {
    margin-left: 60px;
}

.congress-preference-controls .bs-callout {
    margin: 10px 0 0 0;
}

/* taskid#81764 */
.dropdown-multiselect-flex-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* taskid#88079 */
.table-transparent {
    --bs-table-bg: transparent;
}

/* dropdown auto complete kontrolka */
/* Schování prázdného ul seznamu v auto complete dropdownu */
.dropdown-auto-complete-ul:not(:has(li)) {
    display: none !important;
}
/* Zobrazení li položek ul seznamu auto complete dropdownu */
.form-row:has(.dropdown-auto-complete) {
    overflow: visible;
}

.candidate-member-table td {
    padding: 0 5px 5px 0;
}