/* Minification failed. Returning unminified contents.
(330,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-error'
(338,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-error'
(339,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-error-subtle'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-error'
 */
body {
    font-family: Arial,helvetica,sans-serif;
    font-size: 14px;
    background-color: #fff;
    margin: 1px;
    min-width: 240px;
    max-width: 320px;
}

form {
    display: inline;
}

img {
    border: none;
}

h1, h2, h3 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: .5em 0 .25em 0;
    padding: 0;
}

h2 {
    font-weight: normal;
}

h3 {
    font-size: 15px;
}

a, a:hover, a:link, a:active, a:visited {
    color: #516691;
    font-weight: normal;
    text-decoration: underline;
}

    a.nostyle {
        color: inherit;
        font-weight: inherit;
        text-decoration: inherit;
    }

fieldset {
    padding: 4px;
}

table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    text-align: left;
}

tr {
    margin: 0;
}

td, th {
    margin: 0;
    padding: 2px;
    border: none;
    vertical-align: top;
}

th {
    font-size: 1.2em;
}

    td.textright, th.textright {
        text-align: right;
    }

    td img, th img {
        padding-top: 2px;
    }

td.minimal {
    font-size: 1px;
    line-height: 1px;
}

input[type="text"], input[type="password"] {
    padding: 3px 4px 4px 4px;
    font-size: 14px;
    border: 1px solid #ccc;
    margin: 1px 0;
    width: 12em;
}

select {
    font-size: 14px;
    border: 1px solid #ccc;
    margin: 1px 0;
    width: 13em;
}

input[type="submit"], input[type="button"] {
    min-width: 100px;
    padding: 4px 4px 5px 4px;
    margin: 0 2px 2px 0;
}

#bottombuttons input[type="submit"], #bottombuttons input[type="button"] {
    margin: 0 2px 6px 0;
}

label, .label {
    display: block;
    margin-top: .75em;
    margin-bottom: .25em;
}

hr {
    clear: both;
    border: 0;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    padding: 0;
    margin: 3px 0;
}

#tabMenu {
    height: 46px;
    padding: 2px 2px 0 2px;
    font-size: 12px;
    background-color: #404040;
    margin: 0 0 3px 0;
}

    #tabMenu ul {
        list-style-type: none;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        line-height: 15px;
    }

        #tabMenu ul li {
            list-style-type: none;
            display: block;
            margin: 0 1px;
            padding: 7px 3px;
            float: left;
            width: 70px;
            border: 1px solid #a5a5a5;
            background-color: #d8d8d8;
            text-align: center;
        }

            #tabMenu ul li.selected {
                border-color: #fff;
                background-color: #fff;
            }

    #tabMenu a {
        color: #000;
        text-decoration: none;
    }

    #tabMenu li.selected a {
        color: rgb(79,129,189);
    }

#header {
    display: none; /* temporary hide, todo: remove from master*/
    background-color: #eee;
    font-weight: bold;
    padding: 8px;
    vertical-align: middle;
    margin-bottom: 3px;
}

div#header h1 {
    margin: 0;
}

div#content {
    margin: 3px;
}


div#LogOnPage {
    margin-top: 1em;
}

div#topbuttons {
}

    div#topbuttons .UpdateButtonContainer {
        visibility: hidden;
        text-align: right;
    }

div.buttonContainer {
    margin-top: .75em;
}

div.logoutContainer {
    float: right;
}

    div.logoutContainer a {
        display: block;
        color: #d9d9d9 !important;
        padding: 8px 14px;
    }

div#step {
    float: right;
}

.templateexample {
    font-style: italic;
}

.obs {
    font-style: italic;
}

p.preview {
    padding: 2px;
    font-weight: bold;
    background-color: #eeeeee;
    color: #000;
}

input.TemplateObject_Time {
    width: 50px;
}

input.TemplateObject_Date {
    width: 80px;
}

#issueList {
    margin-top: 2px;
}

.issueItemHeader {
    text-align: right;
    color: rgb(54,95,145);
}

.address {
    font-weight: bold;
}

.title {
    font-size: 1.1em;
    font-weight: bold;
}

.timestamp {
    white-space: nowrap;
}

#eventList .event {
    margin-bottom: .75em;
}

#eventList .text {
    font-style: italic;
}

#eventList .timestamp {
    color: inherit;
}

.missingvalue {
    font-style: italic;
    color: #999;
}

#AddEventPage select {
    margin-bottom: 5px;
}

#AddEventPage #SelectedIssueEventTitle {
    margin: 10px 0;
}

#AddEventPage textarea {
    width: 99%;
}

.feedbackMessage {
    clear: both;
    margin: 5px 0;
    color: rgb(0,176,80);
}

.onDoneFeedback select {
    width: 100%;
}

.onDoneFeedbackConfirm {
    padding: 1em;
    background-color: #eee;
    margin: 1em 0;
    font-weight: bold;
    font-size: 16px;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
    float: none;
    height: 0;
    font-size: 1;
    line-height: 1px;
}

.required {
    color: #f00;
}

.error {
    color: Red;
}

.field-validation-error {
    color: var(--kendo-color-error);
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid var(--kendo-color-error);
    background-color: var(--kendo-color-error-subtle);
}

.validation-summary-errors {
    font-weight: bold;
    color: var(--kendo-color-error);
}

.validation-summary-valid {
    display: none;
}

/*need separate rules for each browser. Otherwise the whole group would be ignored by all browsers*/
.defaultText, .placeholder {
    color: #999 !important;
    font-style: italic !important;
}

:-ms-input-placeholder {
    color: #999 !important;
    font-style: italic !important;
}

::-webkit-input-placeholder {
    color: #999 !important;
    font-style: italic !important;
}

::-moz-placeholder {
    color: #999 !important;
    font-style: italic !important;
}
.StatusIcon.alarm {
    background-image: url(/Content/Image/Icon/alarm_16x16.png);
}

.StatusIcon.comm-alarm {
    background-image: url(/Graphics/ListMarker/itemgroup-alarm);
}

.StatusIcon.workinprogress {
    background-image: url(/Graphics/ListMarker/itemgroup-workinprogress);
}

.StatusIcon.disabled {
    background-image: url(/Graphics/ListMarker/itemgroup-disabled);
    opacity: inherit;
}

.StatusIcon.active {
    background-image: url(/Graphics/ListMarker/itemgroup-active);
}
.StatusIcons img, .StatusIcons span.Empty, img.StatusIcon, span.StatusIconPlaceholder, span.StatusIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
}