.field-validation-error {
    color: red;
}

.labor-hours-short {
    color: orange;
}

.labor-hours-over {
    color: red;
}

.labor-hours-ok {
    color: green;
}

.input-validation-error {
    border: 1px solid red;
    background-color: #ffeeee;
}

.validation-summary-errors {
    color: red;
}

error {
    color: red;
}

.success {
    font-weight: bold;
    color: green;
    font-size: 12pt;
}

.button input {
    color: #496691;
}

.km-arrow-e:after,
.km-arrow-e:before {
    content: "\e000";
}

.km-message:after,
.km-messag:before {
    content: "\e000";
}

.km-check:after,
.km-check:before {
    content: "\e037";
}

.km-folder:after,
.km-folder:before {
    content: "\e0a2";
}

.km-gears:after,
.km-gears:before {
    content: "\e0a6";
}

.km-clock:after,
.km-clock:before {
    content: "\e08d";
}

.km-person:after,
.km-person:before {
    content: "\e319";
}

.km-paperclip:after,
.km-paperclip:before {
    content: "\e083";
}

.km-dayplanner:after,
.km-dayplanner:before {
    content: "\e089";
}

.km-fsr:after,
.km-fsr:before {
    content: "\e086";
}

.km-jobtime:after,
.km-jobtime:before {
    content: "\e08d";
}

.km-tasklist:after,
.km-tasklist:before {
    content: "\e077";
}

.km-equip:after,
.km-equip:before {
    content: "\e0a4";
}

.km-equipdetails:after,
.km-equipdetails:before {
    content: "\e0ab";
}

.km-readings:after,
.km-readings:before {
    content: "\e103";
}

.km-parts:after,
.km-parts:before {
    content: "\e0a6";
}

.km-tests:after,
.km-tests:before {
    content: "\e078";
}

.km-job:after,
.km-job:before {
    content: "\e088";
}

.km-openbook:after,
.km-openbook:before {
    content: "\e0cf";
}

.km-location:after,
.km-location:before {
    content: "\e212";
}

.km-locations:after,
.km-locations:before {
    content: "\e220";
}

.km-company:after,
.km-company:before {
    content: "\e0af";
}

.km-contract:after,
.km-contract:before {
    content: "\e20a";
}

.km-contact:after,
.km-contact:before {
    content: "\e319";
}

.km-quote:after,
.km-quote:before {
    content: "\e204";
}

.km-chart:after,
.km-chart:before {
    content: "\e04b";
}

.km-chart1:before {
    content: "\e04b";
}

.km-totals:after,
.km-totals:before {
    content: "\e0cb";
}

.km-po:after,
.km-po:before {
    content: "\e206";
}
.km-exit:after,
.km-exit:before {
    content: "\e031";
}
.km-restart:after,
.km-restart:before {
    content: "\e322";
}

.km-editact:after,
.km-editact:before {
    content: "\e07b";
}

.km-actlist:after,
.km-actlist:before {
    content: "\e0f1";
}

.km-call:after,
.km-call:before {
    content: "\e326";
}

.km-meeting:after,
.km-meeting:before {
    content: "\e225";
}

.km-document:after,
.km-document:before {
    content: "\e0b2";
}

.km-webaccount:after,
.km-webaccount:before {
    content: "\e0ab";
}

.km-activity:after,
.km-activity:before {
    content: "\e319";
    content: "\e319";
}

.km-invoice:after,
.km-invoice:before {
    content: "\e204";
}
@media screen and (max-width: 800px) {
    #TopImageogo {
        display: none;
    }
}
/* Android's default browser doesn't support properly min-width on tables */
@media screen and (max-width: 699px) {
    .km-phone .km-android .k-grid table {
        width: 600px;
    }
}

.validation-summary {
    margin: .2em;
    min-height: 1.8em;
}

    .validation-summary .k-invalid-msg {
        display: block;
        margin: 0.1em 0;
    }


@media (min-width: 1025px) {
    form {
        float: none;
        position: relative;
        width: 30%;
        margin: 0 auto;
        top: 5%;
        border: none;
    }
}

.k-scheduler-mobile .k-task {
    display: block;
}

.photo-template, .photo {
    position: relative;
    height: 100%;
    width: 100%;
}

.photo {
    background-size: 300px;
    background-repeat: no-repeat;
}
/*Used in _FsrLayoutPartial*/
.product {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: white;
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 40px;
}

/* https://www.telerik.com/account/support-tickets/view-ticket/1458658 */
.k-grid td.k-command-cell {
    margin: 0;
    padding: 0;
}

.k-grid a.k-button {
    padding: 0;
}
.k-edit-form-container {
    width: 500px;
}

/*
    Decrease the width of the edit form labels. The default one is 30%.
    The new width should depend on the column titles.
    Switch the text alignment to the left. By default, it is to the right.
*/

.k-popup-edit-form .k-edit-label {
    width: 20%;
    text-align: left;
}

/*
    Increase the width of the textbox containers. The default one is 60%.
    The sum of label and editor percentage widths should be around 90%, to make up for existing paddings.
*/
.k-popup-edit-form .k-edit-field {
    width: 70%;
}

    /*
    Expand the edit textboxes and any other Kendo UI widgets.
    In case of unexpected side effects, use widget-specific classes, instead of .k-widget.
*/
    .k-popup-edit-form .k-edit-field > .k-textbox,
    .k-popup-edit-form .k-edit-field > .k-widget:not(.k-tooltip) {
        width: 98%;
    }
/* center and wrap headers*/
.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}
[type='date'] {
    height: 25px;
    width: 95%;
}
[type='datetime-local'] {
    height: 25px;
    width: 95%;
}
.bold-green-button {
    border: 2px solid green;
    font-weight: bold;
}