/* CSS Document */
body {
    font-family: Verdana;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

div.header {
    width: 100%;
    height: 80px;
    border-bottom: 1px;
}

div.right {
    float: right;
    padding-top: 58px;
    padding-right: 7px;
}

div.left {
    float: left;
}

textarea {
    font-family: Verdana;
    font-weight: normal;
    font-size: 12px;
}

div.versioninfo {
    padding-top: 32px;
    padding-left: 150px;
    text-align: center;
    float: left;
}

div.validationOk {
    background: url('images/ValidationOK.png') no-repeat top left;
    background-size: 32px 32px;
    padding: 10px 10px 10px 45px;
}

div.validationErr {
    background: url('images/ValidationERR.png') no-repeat top left;
    background-size: 32px 32px;
    height: auto;
    padding: 10px 10px 10px 45px;
}

li.paymentOk {
    list-style-image: url('images/paymentOk.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: auto;
    padding: 2px 2px 2px 25px;
}

li.paymentErr {
    list-style-image: url('images/paymentErr.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: auto;
    padding: 2px 2px 2px 25px;
}

#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 24px;
    background-color: #bfbfbf;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #ababab;
}

    #menu li {
        float: left;
        margin: 0;
        padding: 0;
        margin-top: 5px;
        border-right: 2px solid #535353;
        height: 15px;
        font-size: 12px;
    }

        #menu li a {
            padding: 0 15px 0 15px;
            display: block;
            text-decoration: none;
            color: #535353;
            height: 19px;
            padding-top: 5px;
            margin-top: -5px;
            font-size: 12px;
        }

            #menu li a:hover {
                background-color: #dcdcdc;
                font-size: 12px;
                height: 23px;
            }

#menu_sh {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
    height: 25px;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    /*border-bottom: 1px solid #ababab;*/
}

    #menu_sh li {
        float: left;
        margin: 0;
        padding: 0;
        margin-top: 5px;
        background-color: #bfbfbf;
        border-right: 2px solid transparent;
        height: 23px;
        font-size: 12px;
    }

        #menu_sh li a {
            display: block;
            text-decoration: none;
            color: #535353;
            height: 23px;
            background-image: url("images/left_corner.png");
            background-position: left top;
            background-repeat: no-repeat;
            font-size: 12px;
        }

            #menu_sh li a div {
                background-image: url("images/right_corner.png");
                background-position: right top;
                background-repeat: no-repeat;
                height: 23px;
                padding: 5px 15px 0 15px;
                font-size: 12px;
            }

            #menu_sh li a:hover {
                background-color: #dcdcdc;
                font-size: 12px;
                height: 23px;
            }

.main_filter {
    height: 204px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #e5e5e5;
}
    .main_filter .filter {
        background-color: #d3d3d3;
        height: 24px;
        font-size: 11px;
        color: #535353;
        padding-left: 10px;
        padding-bottom: 3px;
    }

        .main_filter .filter ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            font-size: 11px;
            margin-top: 2px;
            float: left;
            padding-right: 5px;
        }

            .main_filter .filter ul li {
                position:relative;
                float: left;
                display:flex;
                align-items:center;
            }

                .main_filter .filter ul li span {
                    padding-top: 3px;
                    display: block;
                }

                .main_filter .filter ul li select {
                    height: 22px;
                    margin-top: -1px;
                }

                .main_filter .filter ul li input[type="text"] {
                    margin-top: -1px;
                    font-size: 12px;
                    font-weight: bold;
                    width: 150px;
                    border: 1px solid #abadb3;
                    height: 18px;
                }
                .main_filter .filter ul li input[type="date"] {
                    margin-top: 1px;
                    font-size: 12px;
                    font-weight: bold;
                    width: 150px;
                    border: 1px solid #abadb3;
                    height: 20px;
                    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                }

                .main_filter .filter ul li input[type="image"] {
                    height: 22px;
                    width: 27px;
                    margin-top: -1px;
                }

    .main_filter_rozsireni .filter_rozsireni {
        background-color: #d3d3d3;
        height: 24px;
        font-size: 11px;
        color: #535353;
        padding-left: 10px;
        padding-bottom: 3px;
    }

        .main_filter_rozsireni .filter_rozsireni ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            font-size: 11px;
            margin-top: 2px;
            float: left;
            padding-right: 5px;
        }

            .main_filter_rozsireni .filter_rozsireni ul li {
                padding-right: 5px;
                float: left;
            }

                .main_filter_rozsireni .filter_rozsireni ul li select {
                    height: 22px;
                    margin-top: -1px;
                }

                .main_filter_rozsireni .filter_rozsireni ul li input[type="text"] {
                    margin-top: -1px;
                    font-size: 12px;
                    font-weight: bold;
                    width: 150px;
                    border: 1px solid #abadb3;
                    height: 18px;
                }

                .main_filter_rozsireni .filter_rozsireni ul li input[type="image"] {
                    height: 22px;
                    width: 27px;
                    margin-top: -1px;
                }

    .main_filter .advance_filter {
        background-color: #e5e5e5;
        xheight: 300px;
    }

.li--source-filter {
    margin:0 12px;
}

.hidden {
    display:none !important;
}

.notification-badge {
    position:absolute;
    right:-15px;
    top:0;

    color:white;
    background-color:#9b9b9b;
    font-size:10px;
    border-radius:50%;
    padding:0 5px !important;
    cursor:pointer;
}

    .notification-badge.active {
        background-color:red;
    }

.show_filter {
    height: 6px;
    background-color: #bfbfbf;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

    .show_filter img {
        display: block;
        margin: auto;
        border: 0;
    }

.main_filter .filter #stavZadosti {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.main_filter .filter #stavZadosti {
    background-image: url('content/images/filter_down.png');
    background-color: none;
}

.main_filter .filter div.right {
    padding-top: 5px;
    ;
    font-size: 11px;
    padding-right: 15px;
}

.main_filter .advance_filter .buttons {
    float: right;
    margin-right: 15px;
}

/**********************************************************************/

.main_table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

    .main_table thead tr th {
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        height: 24px;
        border: 1px solid #FFFFFF;
        white-space: nowrap;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
    }

.sub_table thead tr th {
    height: 18px;
    font-size: 11px;
}

.main_table tbody tr td {
    border: 1px solid #bfbfbf;
    font-size: 11px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}

sub_table tbody tr td {
    font-size: 10px;
}

.main_table tbody tr td.status_1 {
    background-color: #E6B8B7;
}

.main_table tbody tr td.status_2 {
    background-color: #FCD5B4;
}

.main_table tbody tr td.status_3 {
    background-color: #EBF1DE;
}

.main_table tbody tr td.status_4 {
    background-color: #D8E4BC;
}

.main_table tbody tr td.status_5 {
    background-color: #D8E4BC;
}

.main_table tbody tr td.status_6 {
    background-color: #C6C6C6;
}

.main_table tbody tr td.status_7 {
    background-color: #CCC0DA;
}

.main_table tbody tr td.status_8 {
    background-color: #CCC0DA;
}

.main_table tbody tr td.status_9 {
    background-color: #D8E4BC;
}

.main_table tbody tr td.status_11 {
    background-color: #E6B8B7;
}

.main_table tbody tr td.status_10 {
    background-color: #E6B8B7;
}

.main_table tbody tr td.status_30 {
    background-color: #EBF1DE;
}

.main_table tbody tr td.status_50 {
    background-color: #DAEEF3;
}

.main_table tbody tr td.status_51 {
    background-color: #B7DEE8;
}

.main_table tbody tr td.status_52 {
    background-color: #7E959C;
}

.main_table tbody tr td.status_53 {
    background-color: #D8E4BC;
}

.main_table tbody tr td.status_55 {
    background-color: #E4DFEC;
}

.main_table tbody tr td.status_100 {
    background-color: #C0C0C0;
}


.main_table tbody tr td.point {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    width: 20px;
    height: 20px;
    background-color: #eeeeee;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #eeeeee;
}

.point.red {
    color: #e2001a !important;
}

.point.green {
    color: #41a62a !important;
}

.point.yellow {
    color: yellow !important;
}

.point.black {
    color: black !important;
}

.main_table thead tr th.time,
.main_table tbody tr td.time {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 20px;
}

.main_table tbody tr td.time {
    font-family: georgia;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.main_table tbody tr td.high_1.time {
    color: #e2001a;
    background-color: #f8bfc6;
}

.main_table tbody tr td.high_2.time {
    color: #ff5b00;
    background-color: #ffd6bf;
}

.main_table tbody tr td.high_3.time {
    color: #e2d201;
    background-color: #fffabf;
}


/*****************************************************************/

.footer {
    background-color: #d3d3d3;
    height: 24px;
    border-bottom: 1px solid #ababab;
    padding-left: 15px;
    padding-right: 15px;
}

    .footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 11px;
        margin-top: 5px;
        float: left;
    }

        .footer ul li {
            float: left;
            margin: 0;
            padding: 0;
        }

            .footer ul li a {
                padding-left: 1px;
                padding-right: 1px;
            }

            .footer ul li span {
                padding-left: 5px;
                padding-right: 5px;
            }

            .footer ul li a img {
                border: 0;
            }

    .footer div.right {
        padding-top: 5px;
        font-size: 11px;
    }

/*****************************************************************/

a.icon {
    padding-left: 15px;
    background-position: left;
    background-repeat: no-repeat;
}




input[type="button"],
input[type="submit"] {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 11px;
    font-weight: bold;
    color: #444444;
    height: 25px;
    background-color: #d2d2d2;
    border: 1px solid #bfbfbf;
}

input[type="button"].celkemButton,
input[type="submit"].celkemButton {
    border: 1px solid white;
    background-color: #314163;
    color: white;
    height: 17px;
    margin-left: 10px;
}

    input[type="button"].small,
    input[type="submit"].small {
        width: 100px;
    }

    input[type="button"].big,
    input[type="submit"].big {
        width: 200px;
    }

    input[type="button"].icon,
    input[type="submit"].icon {
        background-repeat: no-repeat;
        background-position: 5px;
        border: 1px solid #bfbfbf;
        padding-left: 25px;
    }

.cancel {
    background-image: url('images/cancel.png');
}

.arrow_down {
    background: url('images/arrow_down.png') no-repeat 2px center;
}

.arrow_up {
    background: url('images/arrow_up.png') no-repeat 2px center;
}

.ok {
    background-image: url('images/ok.png');
}

fieldset {
    border: 1px solid #d3d3d3;
    background-color: #e5e5e5;
    /*margin:10px 15px 10px 15px;*/
}

legend {
    font-size: 11px;
    font-weight: bold;
}

fieldset table {
    color: black;
    font-size: 11px;
}

    fieldset table tr td input[type="text"],
    fieldset table tr td select,
    fieldset table tr td textarea {
        color: #000000;
        font-size: 12px;
        font-weight: normal;
        margin-left: 15px;
        margin-right: 15px;
        border: 1px solid #abadb3;
        padding: 2px;
        width: 200px;
    }

        fieldset table tr td input[type="text"].small {
            width: 100px;
        }

        fieldset table tr td input[type="text"].big {
            width: 350px;
        }

        fieldset table tr td textarea.require_1,
        fieldset table tr td select.require_1,
        fieldset table tr td input[type="text"].require_1 {
            background-image: url(images/require_1.png);
        }

        fieldset table tr td input[type="text"].require_2 {
            background-image: url('images/require_2.png');
        }

        fieldset table tr td input[type="text"].require_1,
        fieldset table tr td input[type="text"].require_2,
        fieldset table tr td textarea.require_1,
        fieldset table tr td select.require_1 {
            background-repeat: repeat-y;
            padding-left: 7px;
            background-position: left top;
            width: 195px;
        }

            fieldset table tr td input[type="text"].require_1.big,
            fieldset table tr td textarea.require_1.big,
            fieldset table tr td select.require_1.big {
                width: 345px;
            }

            fieldset table tr td input[type="text"].require_2.big {
                width: 345px;
            }

            fieldset table tr td input[type="text"].require_1.small,
            fieldset table tr td textarea.require_1.small,
            fieldset table tr td select.require_1.small {
                width: 95px;
            }

            fieldset table tr td input[type="text"].require_2.small {
                width: 95px;
            }

input[type="text"].input-validation-error,
input[type="text"].validation-error,
select.input-validation-error,
select.validation-error,
textarea.input-validation-error,
textarea.validation-error {
    background-color: #fce5e8;
    border: 1px solid #e3001a;
}

input[type="text"].require_2.input-validation-error {
    background-color: #ffeee5;
    border: 1px solid #ff5b00;
}


/*///////////////////*/
.ui-draggable .ui-dialog-titlebar {
    cursor: hand;
}


/*
 * Note: While Microsoft is not the author of this file, Microsoft is
 * offering you a license subject to the terms of the Microsoft Software
 * License Terms for Microsoft ASP.NET Model View Controller 3.
 * Microsoft reserves all other rights. The notices below are provided
 * for informational purposes only and are not the license terms under
 * which Microsoft distributed this file.
 *
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: .1em;
    zoom: 1;
    margin-right: 5px;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .1em .1em 0 0;
        font-size: 11px;
        background-color: #8F95A1;
        border: solid 1px #8F95A1;
        /*margin-right: 5px;*/
        font-weight: bold;
        width: auto;
        color: White;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .25em .5em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 0px;
        margin: 0px;
        background: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

    .ui-tabs .ui-tabs-header {
        background-color: #8F95A1;
        border: solid 1px #8F95A1;
        margin-right: 5px;
        font-weight: bold;
        font-size: 110%;
        width: auto;
        color: white;
        padding: 3px;
        float: left;
    }

.ui-icon-circle-triangle-e {
    float: right;
}

.ui-icon-circle-triangle-w {
    float: left;
}

.ui-datepicker-title {
    clear: both;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#ui-datepicker-div {
    display: none;
}

.ui-dialog-title {
    padding-left: 5px;
}

.stavPozadavku_10 {
    background-color: #FFF83A;
}

.stavPozadavku_20 {
    background-color: #F5FFBC;
}

.stavPozadavku_30 {
    background-color: #A8A142;
}

.stavPozadavku_40 {
    background-color: #96E098;
}

.splneniPozadavku_pozde {
    background-color: #EA797C;
}

.splneniPozadavku_dnes {
    background-color: orange;
}

.splneniPozadavku_bliziSe {
    background-color: yellow;
}

.splneniPozadavku_dostCasu {
    background-color: #96E098;
}

.stavUkolu_1 {
    background-color: #A8A142;
}

.stavUkolu_2 {
    background-color: #96E098;
}

.spojeni_cervena {
    background-color: #EA797C;
}

.spojeni_zluta {
    background-color: yellow;
}

.spojeni_zelena {
    background-color: #96E098;
}

.ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}