/* HTML elemnts */
html, body, form {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-family: Arial;
    font-size: 11pt;
}

html, body, form, #map, .fill {
    width: 100%;
    height: 100%;
}

a.static,
a.static:visited {
    color: blue;
}

.invisible {
    display: none !important;
}

.center {
    text-align: center;
}

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

input[type=text].error, input[type=password].error, input[type=checkbox].error {
    color: #ff0000;
    background-color: #ffffbb;
    border: 1px solid #ff0000;
}

label.error, label.custom-error, div.error, span.error, li.error {
    color: #ff0000;
}

.button-panel button.k-button {
    line-height: 30px;
}

    .button-panel button.k-button img.k-image {
        width: 32px;
        height: 32px;
        vertical-align: middle;
    }

.button-panel button.k-button-icon {
    width: auto;
    height: 38px;
    padding: 0.4em;
}

.small-button-panel button.k-button {
    line-height: 15px;
}

    .small-button-panel button.k-button img.k-image {
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

.full-width {
    width: 100%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-both {
    clear: both;
}

.read {
    background-color: #eeeeee !important;
}

.disabled {
    color: #999999;
}

.dialog-holder {
    position: relative;
    width: 100%;
    height: 100%;
}

.dialog-fixed-message {
    position: absolute;
    top: 0px;
    height: 48px;
    width: 100%;
}

.dialog-content-panel {
    position: absolute;
    top: 0px;
    bottom: 48px;
    width: 100%;
}

.dialog-middle-content-panel {
    position: absolute;
    top: 48px;
    bottom: 48px;
    width: 100%;
}

.dialog-middle-content-panel-fit-top {
    position: absolute;
    top: 0px;
    bottom: 48px;
    width: 100%;
}

.dialog-middle-content-panel-fit-bottom {
    position: absolute;
    top: 48px;
    bottom: 0px;
    width: 100%;
}

.dialog-button-panel {
    position: absolute;
    bottom: 0px;
    height: 48px;
    width: 100%;
}

    .dialog-button-panel > div {
        padding-top: 12px;
    }

    .dialog-button-panel button {
        min-width: 80px;
        white-space: nowrap;
    }

        .dialog-button-panel button.k-button img.small {
            width: 22px !important;
            height: 22px !important;
            vertical-align: middle;
        }

div.table {
    display: table;
}

    div.table div.row {
        display: table-row;
    }

        div.table div.row div.cell {
            display: table-cell;
        }

.scroll {
    overflow: auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.label-list label {
    padding-right: 12px;
}

div.indent {
    padding-left: 12px;
}

    div.indent table {
        border-collapse: collapse;
        width: 100%;
    }

        div.indent table tr td {
            padding: 4px;
        }

            div.indent table tr td:not(:first-child) {
                line-height: 24px;
            }

            div.indent table tr td:first-child:not([colspan]) {
                width: 140px;
            }

table.row-line tr td {
    border-bottom: #dddddd 1px solid;
}

table.row-line tr:last-child td {
    border-bottom: none !important;
}


table.padding {
    border-collapse: collapse;
    margin: auto;
}

table.more-padding tr td {
    padding: 12px 3px !important;
}


.small-text {
    font-size: 10pt;
}

.float-panel {
    position: fixed;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 6px;
    border: 1px solid #cccccc;
    font-size: smaller;
}


button.long-button {
    min-width: 100px;
    width: auto !important;
}

.strong {
    text-decoration: underline;
    font-weight: bold;
}

.sub-title {
    text-decoration: underline;
    font-weight: bold;
    padding: 6px 0px;
}


.vtop {
    vertical-align: top;
}

.code {
    white-space: pre;
    font-family: monospace, monospace;
}