/* html and body styles                                                              */

html {
    height: 100%;
}

/*html.stm-modal-opened{
        overflow: hidden;
    }*/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix {
    clear: both;
}

body {
    /*position: static !important;*/
    min-height: 100%;
    height: 100%;
    background: #E6E6E6;
}

.km-root body.km-ios {
    background: #E6E6E6;
}

#Starter {
    background: url('img/watermark.png') no-repeat center center fixed;
    height: 100%;
    width: 100%;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/* content styles                                                                     */

.k-grid {
    outline: 0;
}


.jobCardContent li,
#SignOff li {
    text-overflow: ellipsis;
    white-space: nowrap;
}

#SignOff .stm-signature-description {
    max-height: 12em;
    overflow: auto;
    line-height: 1.2em;
    font-weight: normal;
    white-space: pre-wrap;
}

#SignOff .stm-signature-fields label {
    display: inline-block;
    width: 30%;
}

.k-grid-header table, .k-grid-content table, .k-grid-footer table {
    table-layout: fixed;
}

.k-grid-content {
    position: relative;
    width: 100%;
    zoom: 1;
}

.k-grid .k-grid-content tr.k-state-selected {
    background-color: #f5a983;
}

    .k-grid .k-grid-content tr.k-state-selected:last-child {
        background-color: #f5a983;
        border: 1px solid #888888;
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        -moz-border-bottom-left-radius: 8px;
        -moz-border-bottom-right-radius: 8px;
    }

.k-grid .k-grid-content .k-alt {
    background-color: #f3f3f3;
}

.stm-icon {
    position: relative;
    width: 1.2em;
    height: 1.2em;
    margin-left: -0.3em;
    margin-right: 0.3em;
    display: inline-block;
}

    .stm-icon:after {
        position: relative;
        content: "\a0";
        display: block;
        width: 100%;
        height: 100%;
        text-align: left;
        vertical-align: middle;
        background-size: auto;
        font: 1em/1em "Kendo UI";
    }

/* custom styles - joblist                                                                     */

.jbdNumber {
    font-size: 18px;
    font-weight: bold;
    float: left;
}

.jbdOrderNumber {
    font-size: 1em;
    font-weight: bold;
    color: #ff6a00;
}

.jbdDue {
    font-size: 18px;
    font-weight: bold;
    float: right;
}

.jbdName,
.jbdNameNormal {
    clear: both;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jbdNameNormal {
    font-weight: normal;
}

.jbdSite {
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;
}

.jlMobilePhone,
.jlEmailContact,
.jlWorkPhone {
    display: block;
    height: 32px;
    min-width: 32px;
    padding-left: 36px;
    padding-top: 5px;
    margin-bottom: -5px;
    background-position: left 30%;
    background-repeat: no-repeat;
}

.jlMobilePhone {
    background-image: url('img/mobilephone.png');
}

.jlWorkPhone {
    background-image: url('img/workphone.png');
}

.jlEmailContact {
    background-image: url('img/email.png');
}

.stm-outer-list .km-list > li > * {
    line-height: inherit;
}


/* custom styles - timelist                                                                     */

.timeron {
    background-color: #FCEDCF;
}

    .timeron .tsGrid_DurationAmount,
    .timeron.tsGrid_DurationAmount {
        background-color: #FFCC66;
        background-image: url(img/timer.gif);
        background-position: 3px center;
        background-repeat: no-repeat;
    }



.tsGrid_DurationAmount {
    display: inline-block;
    float: right;
    margin-right: 0;
    padding: 4px 4px 3px 4px;
    width: 80px;
    /*border: 1px solid #c0c0c0;*/
    background-color: #B3D9FF;
    text-align: right;
    margin-top: 0px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-weight: bold;    
}

.signedoff .tsGrid_DurationAmount {
    background-color: #98E28D;
}


/* toolbar styles                                                                     */

.toolbar {
    /*background-color: #ed8010;*/
    height: 70px;
    position: absolute;
    /*width: 100%;*/
    left: 0;
    right: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    /*-ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;*/
    /*overflow: hidden;*/
    display: -webkit-flex;
    display: flex;
}

.km-ios .toolbar .km-button {
    width: 20%;
    color: white;
    font-size: 16px;
    font-size: 4.35vw;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-color: rgba(0, 0, 0, 0.1);
}



.toolbar .tool {
    display: table-cell;
    /*margin-top: 11px;*/
    width: 20%;
    text-align: center;
    background-repeat: no-repeat;
    /*display: inline-block;*/
}

    .toolbar .tool > a {
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
        /*width: 90%;
            height: 100%;*/
        margin: 0;
        font-size: 16px;
        font-size: 4.35vw;
        /*line-height: 60px;*/
        vertical-align: top;
        color: white;
    }

@media only screen and (min-width: 450px) {

    .km-ios .toolbar .km-button {
        font-size: 19.5px;
    }
}

.toolbar .tool .km-icon {
    display: block;
    margin: 0;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 2.5em;
}


/* header styles                                                                     */


.km-scroll-container {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/* footer styles                                                                     */

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}


.km-root .km-ios .km-list .required select,
.km-root .km-ios .km-list select[required],
.km-root .km-ios .km-list .required input:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]):not(.k-input):not(.k-button),
.km-root .km-ios .km-list input[required]:not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=checkbox]):not([type=radio]):not(.k-input):not(.k-button),
.km-root .km-ios .km-list .required textarea,
.km-root .km-ios .km-list textarea[required],
.km-root .km-ios .km-list .required .stm-input > input,
.km-root .km-ios .km-list .stm-input[required] > input {
    color: #000;
    background-color: #fbe0b4;
}

.km-root .km-ios .km-list .required .stm-input input {
    color: #000;
}

.km-root .km-ios .km-list .custom-color {
    color: #000;
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.28)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(1, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
}

.km-root .km-ios .km-list .orange.custom-color {
    background: #ffe0c1;
}

.km-root .km-ios .km-list li.green, .km-root .km-ios .km-list .selected,
li.green {
    color: #000;
    background: #CCFFCC;    
    background-image: none;
    /*background-image: linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.28)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(1, rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));*/
}

.km-root .km-ios li.km-state-active .km-listview-link, .km-root .km-ios li.km-state-active .km-listview-label {
    background: 0;
}

.km-root .km-ios li.km-state-active, .km-root .km-ios li.km-state-active {
    background: #0260E8;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0,rgba(255,255,255,0.28)), color-stop(0.5,rgba(255,255,255,0.1)), color-stop(1,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
}

.km-button.red {
    background-color: #bf0f0f !important;
}

    .km-button.red:active,
    .km-button.red.km-state-active {
        background-color: #9f1616 !important;
    }

.km-button.pink {
    background-color: #ed00ff !important;
}

    .km-button.pink:active,
    .km-button.pink.km-state-active {
        background-color: #a300b0 !important;
    }


.km-button.right {
    float: right;
}


body .km-view {
    position: static;
}

.km-ios .st-footer {
    background-color: rgba(255, 255, 255, 0.9);
    /*border-top: 1px solid #D5D5D5;*/
    /*padding-top: 0.3em;*/
}

.st-footer {
    /*position: fixed;*/
    bottom: 0;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

    .st-footer button {
        min-width: 100px;
        margin-left: 10px;
        margin-right: 10px;
    }

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

.st-total {
    background-origin: border-box;
    position: relative;
    display: inline-block;
    overflow: visible;
    text-align: left;
    margin: 0;
    word-spacing: normal;
    font: 1em Helvetica, sans-serif;
    border-radius: 3pt;
    -moz-border-radius: 3pt;
    -webkit-border-radius: 3pt;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    border: 0;
    /*font-size: .7em;
    font-size: .7rem;*/
    padding: 0 .3em;
    padding: 0 .2rem;
    min-width: 4.4em;
    min-width: 3.2rem;
    margin: 0 .5%;
    text-shadow: none;
    /*color: #fff;*/
    padding-top: 0.3em;
}

    .st-total > div {
        display: table;
    }

        .st-total > div > div {
            display: table-row;
            text-align: right;
        }

            .st-total > div > div > span {
                display: table-cell;
            }

                .st-total > div > div > span:first-child {
                    padding-right: 1em;
                }

.km-ios ul.km-list li textarea {
    background: #fff;
    border: 0;
    font-size: 100%;
    padding: 0;
    display: block;
    width: 100%;
    /*height: 120px;*/
    min-height:120px;
    border: 1px solid rgba(0,0,0,0.2);
    margin-right: 0;
}

    .km-ios ul.km-list li textarea:disabled,
    .km-ios ul.km-list li textarea:read-only {
        border: 0px;
    }

#LineItemHeading textarea {
    height: 50vh;
}

#jobListListView > li {
    border: 0;
}

.km-listview.km-list .km-listview-wrapper .km-listview {
    margin: 0;
}

    .km-listview.km-list .km-listview-wrapper .km-listview li {
        font-size: 1em;
    }

.km-ios .km-list.mylist {
    border: 0;
    padding: 0;
    display: table-row;
    background: 0;
}

    .km-ios .km-list.mylist > li {
        border: 0;
        border-right: 1px solid #888;
        display: table-cell;
        min-width: 0;
        max-width: 0;
        /*width: 33%;*/
    }

        .km-ios .km-list.mylist > li:not(.km-state-active) {
            background-color: transparent;
        }

    .km-ios .km-list.mylist.four > li {
        width: 25%;
    }

    .km-ios .km-list.mylist li, .km-ios .km-list.mylist li:first-child, .km-ios .km-list.mylist li:last-child, .km-ios .km-list.mylist li > .km-listview-link {
        content: none;
        -webkit-box-shadow: initial;
    }

    .km-ios .km-list.mylist > li:last-child {
        border: 0;
    }


.lineitem-list {
    width: 100%;
    table-layout: fixed;
    font-size: 0.9em;
    border-collapse: collapse;
    margin-top: -1em;
    color: #19505a;
    overflow: hidden;
}

    .lineitem-list td,
    .lineitem-list th,
    .lineitem-list tr {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 1px;
    }


.km-ios .lineitem-list ul.km-list {
    display: table-row-group;
    width: 100%;
}

.km-ios .lineitem-list > thead {
    background: white;
    width: 100%;
}

.km-ios .lineitem-list .km-list > tr {
    background: white;
    width: 100%;
}

    .km-ios .lineitem-list .km-list > tr:nth-child(2n+1) {
        background: #fafafa;
    }

    .km-ios .lineitem-list .km-list > tr.km-state-active {
        color: #fff;
        background: #0260E8;
    }

.invoice-value-title {
    display: table-cell;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.invoice-value {
    text-align: left;
    display: table-cell;
    padding-left: 2em;
}

.tel > * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.km-ios .km-popup .km-list > li {
    font-size: 1.2em;
    margin-bottom: 1px;
    height: 45px;
    line-height: 1.9em;
}

.km-ios .stm-notifications-popup.km-popup .km-list > li {
    height: auto;
}

.km-ios .km-view-title, .km-ios .km-dialog-title {
    font-size: 1.3em;
}

.km-ios .km-popup .km-view-title, .km-ios .km-popup .km-dialog-title {
    font-size: 1.2em;
    text-shadow: 0;
    text-align: left;
    padding-left: 10%;
}


.km-ios .km-popup.km-pane {
    min-height: 50px;
}

.stm-draggable {
    box-shadow: 0px 0px 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
}

.stm-filterstrip {
    box-shadow: 0px 0px 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
    text-align: center;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    text-decoration: none;
    background-color: #f1f1f1;
    padding-top: .5em;
}

.km-root .stm-filterstrip select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1rem;
    color: #385487;
    min-width: 6em;
    border: 1px solid rgba(100, 100, 100, 0.2);
    padding: .3em 1em .3em .4em;
    outline: none;
    background: rgba(200, 200, 200, 0.1) 98% center url('img/arrow.png') no-repeat;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    margin: .4em;
}

.km-root .km-ios .km-list select.stm-note-subject {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    right: auto;
    left: 0px;
    width: 35%;
    background-color: transparent;
    top: 0;
    margin-top: 0;
    bottom: 0;
    color: transparent !important;
    min-width: 0;
}
@media screen and (max-width: 766px) {
    #Note .km-list select.stm-note-subject {
        background-position: right 10px center;
    }
}

.km-ios .km-list.stm-outer-list > li {
    background: 0;
}

.km-root .km-ios .edit > .km-navbar {
    background-color: #11abf8;
}

.km-root .edit > .km-navbar .km-button {
    background-color: darkred;
}

.km-root .edit > .km-navbar .km-button {
    background-color: darkred;
}

    .km-root .edit > .km-navbar .km-button:active,
    .km-root .edit > .km-navbar .km-button.km-state-active {
        background-color: #400000 !important;
    }

.datetime-picker {
    position: absolute;
    right: .8em;
    top: 50%;
    line-height: normal;
    z-index: 1;
    right: 0;
    margin-top: -0.95em;
    width: 50%;
    display: table;
}

.km-root .km-ios .km-list .datetime-picker input[type=text][readonly].picker {
    position: relative;
    width: auto;
    min-width: 0;
    display: table-cell;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1.1rem;
    color: #385487;
    border: 0;
    padding: .4em;
    outline: none;
    background: transparent;
}


/*.km-ios .km-list > li.high-priority:not(.km-state-active) {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.7)), color-stop(0.3, rgba(255, 255, 255, 1)), to(white)),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpi/P//vwoDFHz9+vUzDw8PJ5ApDBMrKCj4DyKMQAph+MuXL+JAOQUgNkbCDMZEKIQwCChEGItHIar9WBVicyi6QgZcPkJWyIDP6zCFAAEGAPRWfgx4dcnyAAAAAElFTkSuQmCC);
    background-color: #FF6D4D;
}*/

.km-ios .km-badge.stm-job-new {
    float: right;
    position: static;
    margin: 0 0 0.4em;
}

.km-ios .km-list > li.buttons,
.km-ios .km-list.stm-group-controls > li,
.km-ios .km-list > li.stm-group-controls,
.km-ios .km-list .stm-group-controls {
    padding: 0;
    margin: 0;
    font-size: 1em;
}

    .km-ios .km-list > li.buttons,
    .km-ios .km-list.stm-group-controls > li,
    .km-ios .km-list > li.stm-group-controls /*> ul > li*/,
    .km-ios .km-list .stm-group-controls {
        display: table;
        width: 100%;
    }

.km-ios .km-list > li.buttons {
    text-align: center;
}

.km-list.mylist li > a > span.km-icon {
    float: right;
}




.km-ios .km-list > li.lineitem {
    background-color: white;
}

    .km-ios .km-list > li.lineitem:nth-child(2n+1) {
        background-color: lightgrey;
    }

    .km-ios .km-list > li.lineitem .bottom {
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.541176)), color-stop(0.15, rgba(255, 255, 255, 0.260784)), to(rgba(255, 255, 255, 0.541176)));
        background-color: transparent;
    }


.dollarSignPrefix {
    float: right;
    padding-right: 50%;
    font-weight: 300;
    color: #385487;
    padding-top: .2em;
    margin-left: -100%;
}

.kitset {
    font-style: italic;
}

    .kitset span {
        vertical-align: middle;
    }


.km-root .km-ios .km-content .km-listgroup .km-list > li:first-child {
    border: 1px solid #999;
    border-width: 1px 1px 1px 1px;
    border-color: #999;
}

.km-root .km-ios .km-content .km-listgroup .km-list > li {
    border: 1px solid #999;
    border-width: 0 1px 1px 1px;
}

    .km-root .km-ios .km-content .km-listgroup .km-list > li:last-child {
        border: 1px solid #999;
        border-width: 0 1px 1px 1px;
    }

    .km-root .km-ios .km-content .km-listgroup .km-list > li:first-child:last-child {
        border-width: 1px;
    }


.sortIcon.Desc, .sortIcon.Asc {
    display: inline-block;
    width: 20px;
    vertical-align: top;
    height: 100%;
}

    .sortIcon.Desc:before,
    .sortIcon.Asc:before {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        font: 1.6em "Kendo UI";
        color: #3E4E65;
        top: 20%;
    }

    .sortIcon.Desc:before {
        content: "\e002";
    }

    .sortIcon.Asc:before {
        content: "\e001";
    }

.km-ios .lineitem .headerDescription,
.km-ios .lineitem > li .km-group-title {
    color: #FFF;
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    background-image: none;
    background-color: #5C9B8D;
    /*text-shadow: 0 1px 1px rgba(100, 100, 100, 0.8);*/
    /*border-top: 1px solid rgba(255, 255, 255, 0.5);*/
    /*background-color: #E09544;*/
    /*box-shadow: 0 -1px 0 #78858e;*/
    /*-webkit-box-shadow: 0 -1px 0 #78858e;*/
}

.alternate-row li:nth-child(2n) {
    background-color: #faf1e4;
}

.mobilePhone, .workPhone, .fax, .contact, .contact-email,
.stm-button-with-icon .km-icon {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    margin-bottom: -4px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.km-ios .km-button.stm-button-with-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}

    .km-ios .km-button.stm-button-with-icon .km-icon {
        vertical-align: middle;
        color: #ED8010;
    }

.km-ios .km-list .km-button.stm-button-with-icon .km-icon {
    width: 1em;
}

.km-root .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-button.stm-button-with-icon .km-icon:before {
    content: none;
}

.km-root .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-button.stm-button-with-icon .km-icon:after {
    background-image: initial;
}

.mobilePhone {
    background-image: url('img/mobilephone.png');
    display: inline-block;
}

.workPhone {
    background-image: url('img/workphone.png');
}

.contact-email {
    background-image: url('img/email.png');
}

.fax {
    background-image: url('img/fax.png');
}

.contact {
    background-image: url('img/user.png');
}

.stm-sitelist-item {
    max-height: 5em;
    overflow: auto;
    font-weight: normal;
}

.stm-site-address {
    white-space: normal;
}

    .stm-site-address .km-button {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }

.stm-inline-block-content > * {
    display: inline-block;
}



.lineItemHeaderText,
.lineItemHeaderTextRight {
    font-size: .8em;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.2em;
}

.lineItemHeaderTextRight {
    text-align: right;
}

.km-ios .lineitem .timesheetOrInvoiceLineItem,
.timesheetOrInvoiceLineItem {
    background-color: #B1B1B1;
}

.inThePast {
    color: rgba(40,0,0,.2);
    font-weight: bold;
}

.km-root .km-detaildisclose.timesheet-now:after {
    content: "\e013";
    font-size: 1.6em;
    line-height: 0.8em;
    position: absolute;
    left: 0;
    margin-left: -0.15em;
    top: 0;
    bottom: 50%;
}



.km-ios > .km-view > .km-header {
    position: fixed;
    z-index: 1000;
    top: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.km-root .km-content {
    margin-top: 50px;
    background: transparent;
}

.km-root #JobCard .km-content,
.km-root #AddJob .km-content,
.km-root #AssetDetails .km-content,
.km-root #SmartForm .km-content,
.km-root #ViewSmartForm .km-content,
.km-root #Client .km-content,
.km-root #ClientSite .km-content {
    margin-top: 3.3rem;
}

.km-root .km-popup .km-content,
.km-root .k-popup .km-content {
    margin-top: 0;
}

.km-list input[type=checkbox].inline {
    margin-bottom: 0;
}

.km-list input[type=checkbox].inline,
.km-list input[type=radio].inline {
    position: relative;
    right: 0;
}


.km-root .km-ios .km-list input[type=checkbox],
.km-root .km-ios .km-list input[type=checkbox]:checked,
.km-root .km-ios .km-list input[type=radio],
.km-root .km-ios .km-list input[type=radio]:checked,
.km-ios .stm-checkbox {
    border: 1px solid #888;
    width: 1em;
    height: 1em;
    margin-top: -0.5em !important;
    background: 0;
    -webkit-mask-box-image: 0;
    display: block;
}

    .km-root .km-ios .km-list input[type=checkbox].inline,
    .km-root .km-ios .km-list input[type=radio].inline {
        display: inline-block;
    }


.km-ios .km-list .km-listview-label .stm-checkbox {
    position: absolute;
    top: 50%;
    right: .7em;
}

.km-ios .km-list .stm-checkbox.no-border {
    border: 0px;
    left: 0px;
    position: relative; 
    top: 4px;       
}

.km-root .km-ios .km-list input[type=radio],
.km-root .km-ios .km-list input[type=radio]:checked {
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.km-root .km-ios .km-list .km-listview-label input[type=radio]:checked {
    border: 1px solid #fff;
}

.km-ios input[type=checkbox]:checked:before,
.km-ios .stm-checkbox.checked:before {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    margin-left: -0.25em;
    color: #3E4E65;
    font: 2em/0.2em "Kendo UI";
    content: "\e037";
    margin-top: 0;
}

.km-ios input[type=checkbox]:disabled:before {
    color: #999999;
}

.km-ios input[type=radio]:checked:before {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    content: " ";
    background: #FF8100;
    box-shadow: 0 0 3px #552D04;
    -webkit-box-shadow: 0 0 3px #552D04;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

.km-ios .km-detail.close {
    background-color: #24870D;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem;
}

    .km-ios .km-detail.close:before,
    .km-ios .km-detail.close:after {
        content: "\e038";
        font-size: 2em;
        line-height: 2em;
        top: 50%;
        margin-top: -1em;
        margin-left: -0.15em;
    }

.drag-handler:before {
    color: #3E4E65;
    display: inline-block;
    position: absolute;
    font: 1.8rem "Kendo UI";
    content: "\e01b";
    /*content: "\e016";*/
    right: 0.4rem;
    top: 50%;
    margin-top: -1.7rem;
    padding: 1rem;
}


.km-root .km-ios select,
.km-root .km-ios .km-list select {
    background-image: url('img/arrow.png');
    background-position: 98% center;
    background-repeat: no-repeat;
}


/* ST Styles*/

.toolbar {
    background-color: #91694A;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0.6, rgba(0,0,0,.9)),color-stop(.5, rgba(0,0,0,.5)),color-stop(.5, rgba(0,0,0,.9)),color-stop(.1, rgba(0,0,0,.1)));
    background-image: -moz-linear-gradient(50% 0,50% 100%,rgba(0,0,0,.6),rgba(0,0,0,.5) 50%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.1));
    background-repeat: repeat;
    background-position: 0 0;
}


.km-root .km-ios .km-navbar {
    background-color: #ed8010;
    background-image: none;
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0, rgba(255,255,255,.4)),color-stop(.5, rgba(255,255,255,.1)),color-stop(.51, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(50% 0,50% 100%,rgba(255,255,255,.4),rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0));*/
    background-repeat: repeat;
    background-position: 0 0;
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
}

.km-root .km-ios .km-modalview .km-navbar {
    height: 45px;
}

.km-ios .km-navbar .km-button {
    background-color: rgb(51, 51, 51);
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0, rgba(255,255,255,0)), color-stop(1, rgba(255, 177, 138, 0.3)));
    background-image: -moz-linear-gradient(50% 0,50% 100%,rgba(255,255,255,0), rgba(255, 177, 138, 0.3));
    background-repeat: repeat;
    background-position: 0 0;
}

.km-ios .km-button,
.km-ios .km-button:active,
.km-ios .km-button.km-state-active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.km-ios .km-button {
    /*background-color: rgb(51, 51, 51);*/
    color: #4C5356;
    /*background-image: none;*/
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    border-color: rgb(237, 128, 16);
    border-width: 1px;
    border-bottom-width: 2px;
    font-weight: bold;
}

    .km-ios .km-button:not(.btn-clear) {
        padding: .5em .8em;
    }

.km-ios .km-navbar .km-button {
    border: 0;
    color: white;
}

.km-ios .km-button.km-widget:not(.km-state-active):active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*background-color: transparent;*/
    /*background-color: rgba(237, 128, 16, 1);*/
    /*color: #4C5356;*/
}

.km-ios .km-state-active.km-button,
.km-ios .km-button:not(.km-widget):active,
.km-ios .km-navbar .km-state-active.km-button,
.km-ios .km-navbar .km-button:not(.km-widget):active,
.km-ios .km-load-more .km-load.km-button:active {
    /*background-color: rgb(177, 71, 10);*/
    background-color: rgba(237, 128, 16, 1);
    color: white;
}

.km-ios .km-tabstrip .km-button:active,
.km-ios .km-tabstrip .km-state-active {
    color: white;
    background: rgba(100, 100, 100, 0.3);
}

.km-ios .km-view .km-state-disabled.km-button,
.km-ios .km-view .km-navbar .km-state-disabled.km-button {
    background-color: rgb(170, 170, 170);
    background-image: none;
    color: rgb(210, 210, 210);
}

.km-ios .km-view .km-navbar .km-text,
.km-ios .km-view .km-navbar .km-view-title {
    text-shadow: none;
}

#Starter .km-navbar .km-view-title,
#Updater .km-navbar .km-view-title,
.km-ios .km-view .km-navbar .km-view-title {
    white-space: nowrap;
    margin-left: 4em;
    margin-right: 4em;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    align-items: center;
    display: block;
}

    .km-ios .km-view .km-navbar .km-view-title span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.km-ios .km-view .km-navbar .km-text {
    font: bolder 0.9rem Arial, Helvetica, sans-serif;
}

.km-ios .km-tabstrip {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background-color: #222;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0,rgba(46,46,46,0.8)), color-stop(0.5,rgba(21,21,21,0.5)), color-stop(0.5,rgba(0,0,0,0.8)), color-stop(1,rgba(0,0,0,0.8)));
    background-image: -moz-linear-gradient(top,rgba(46,46,46,0.8),rgba(21,21,21,0.5) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8));
    background-image: -ms-linear-gradient(top,rgba(46,46,46,0.8),rgba(21,21,21,0.5) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8));
    background-image: -o-linear-gradient(top,rgba(46,46,46,0.8),rgba(21,21,21,0.5) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8));
    background-image: linear-gradient(top,rgba(46,46,46,0.8),rgba(21,21,21,0.5) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8));
}

.km-root .km-ios .km-tabstrip .km-button {
    color: white;
    min-width: 10px;
    padding: 0 .8em;
    vertical-align: middle;
}

.km-ios .km-tabstrip .km-state-active.km-button,
.km-ios .km-tabstrip .km-state-active.km-button:last-child,
.km-ios .km-tabstrip .km-state-active .km-icon {
    color: #FF8100; /*#fff;*/
}

.km-root .km-ios .km-tabstrip .km-button:not(.km-state-active) .km-icon:after {
    background-color: rgb(255, 255, 255);
}

.km-ios .completed.km-icon {
    color: #47b01d;
}

.km-ios .incompleted.km-icon,
.km-ios .sf-not-completed.km-icon {
    color: rgba(40,0,0,0.2);
}

.km-ios .stm-invalid {
    color: #9B0000;
}

    .km-ios .stm-invalid .km-icon {
        color: #ED1010;
    }

.km-ios .stm-warning {
    color: #9B4700;
}

    .km-ios .sf-partially-completed.km-icon,
    .km-ios .stm-warning .km-icon {
        color: #ED8010;
    }

.km-ios .sf-completed.km-icon {
    color: #47b01d;
}

.km-root .km-ios .km-header > .km-buttongroup .km-state-active,
.km-root .km-ios .km-footer > .km-buttongroup .km-state-active,
.km-root .km-ios .km-content .km-buttongroup .km-state-active,
.km-root .km-ios .km-button.orange,
.km-root .km-ios .km-shim .km-button.action {
    background-color: #ed8010;
    color: #fff;
}


    .km-root .km-ios .km-header > .km-buttongroup .km-state-active .km-icon,
    .km-root .km-ios .km-footer > .km-buttongroup .km-state-active .km-icon,
    .km-root .km-ios .km-content .km-buttongroup .km-state-active .km-icon,
    .km-root .km-ios .km-button.orange .km-icon {
        color: #fff;
    }

.km-ios .km-load-more .km-load.km-button,
.km-ios .km-button.white {
    background-color: #fff;
}


.km-ios .km-button.dark-grey {
    background-color: #343434;
    color: white;
}

.km-ios .km-button.green {
    background-color: #47b01d;
    color: #fff;
    border: none;    
    border-radius: 50em;
    /*border-color: rgba(0, 0, 0, 0.1);*/
}

    .km-ios .km-button.green:active,
    .km-ios .km-button.green.km-state-active {
        background-color: #258d15;
    }

.km-ios .km-button.orange.km-state-active,
.km-ios .km-shim .km-button.action.km-state-active {
    background-color: #ae5e0b;
}

.km-root .km-ios .km-shim .km-button,
.km-root .km-ios .km-shim .km-navbar * > .km-button {
    background-image: none;
}

.icon {
    display: block;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
}

    .icon.calendar {
        background-image: url('img/calendar.png');
    }

    .icon.jobs {
        background-image: url('img/jobs.png');
    }

    .icon.timesheets {
        background-image: url('img/timesheets.png');
    }

    .icon.orders {
        background-image: url('img/orders.png');
    }

    .icon.clients {
        background-image: url('img/clients.png');
    }


.km-root .km-ios .toolbar * > .km-button {
    background: transparent;
}

.km-ios .toolbar .km-button:active,
.km-ios .toolbar .km-button.km-state-active {
    background-color: rgba(237,128,16,.8);
}



div:not(.km-popup) > .km-view:not(.km-modalview) > .km-content { /*> *:last-child {*/
    /*padding-bottom: 50px;*/
}

.notOwner {
    font-style: italic;
    font-size: 1em;
    margin-left: 10px;
    float: left;
    color: grey;
}


.invoice-add .km-icon:after,
.invoice-add .km-icon:before {
    content: "\e0cb";
}

.invoice-cancel .km-icon:after,
.invoice-cancel .km-icon:before {
    content: "\e03a";
}

.km-ios .km-list .invisible {
    display: none;
}

.km-ios .km-listinset:not(:empty),
.km-ios .km-listgroupinset > li > ul.km-list {
    border-radius: 8px;
    border: 1px solid #999;
    overflow: hidden;
}

.km-ios .km-listinset.high-priority,
.km-ios .km-list.high-priority {
    border: 4px solid rgb(249, 74, 59);
}

.km-ios .stm-entity-display-title {
    margin-bottom: 0;
}

.km-ios .stm-entity-display-body {
    margin-top: 0;
}

.km-ios .km-listinset,
.km-ios .km-listgroupinset > li > ul.km-list {
    position: relative;
}

    .km-ios .km-listinset > li > *,
    .km-ios .km-listgroupinset > li > ul.km-list > li > * {
        z-index: 3;
    }

.km-root .km-ios .no-group-border.km-listgroup .km-list > li {
    border-width: 0 0 1px 0;
}


.exception-icon {
    background: url('img/error-button-icon.png') no-repeat;
    /*width:20px;
    height:20px;*/
    padding: 7px 16px 16px 16px;
    margin: -12px -15px -12px -12px;
}

.header-product-description {
    max-height: 220px;
    overflow-y: auto;
    /*padding: 0.7em;*/
    font-size: 0.8em;        
    white-space: pre;
}

.km-button.search {
    float: right;
    font-size: 0.85em;
}

table .header-product-description {
    max-height: 160px;
    overflow: hidden;
}

#quote-line-items .header-product-description {
    line-height: 1.7em;
}

.km-root .km-view .jobButtonGroup {
    font-size: 0.8em;
    width: 80%;
    display: table;
}

    .km-root .km-view .jobButtonGroup > li {
        padding: 1.2em 0.4em;
        display: table-cell;
        width: 25%;
    }

.km-list .stm-input {
    font-size: 1.1rem;
    width: 50%;
    position: absolute;
    top: 50%;
    line-height: normal;
    right: 0;
    margin-top: -1em;
    min-width: 6em;
    border: 0;
    outline: none;
    background: transparent;
    white-space: nowrap;
    margin-right: 4px;
}

    .km-list .stm-input .k-input {
        /*border-color: #dbdbde;*/
        border: 0;
        margin: 0;
        padding: .4em 0;
        text-indent: .3em;
        text-overflow: ellipsis;
        background: transparent;
    }

        .km-list .stm-input .k-input[type="date"],
        .km-list .stm-input .k-input[type="number"],
        .km-list .stm-input .k-input[type="time"],
        .km-list .stm-input .k-input[type="tel"] {
            position: static;
            right: auto;
            min-width: initial;
        }

    .km-list .stm-input .stm-timepicker {
        width: 40%;
    }

    .km-list .stm-input .stm-datepicker {
        width: 60%;
    }

.km-root .km-ios .km-list select:not([multiple]) {
    text-indent: 0;
}

#ClientSite.jobCardContent .km-list > li > label:not(.km-listview-label),
#ClientSite.jobCardContent .km-list > li > a > label,
#JobCardIndex.jobCardContent .km-list > li > label,
#JobCardIndex.jobCardContent .km-list > li > a > label {
    min-width: 40%;
    display: inline-block;
}

#ClientSite.jobCardContent .km-list > li > input,
#ClientSite.jobCardContent .km-list > li > select,
#JobCardIndex.jobCardContent .km-list > li > input,
#JobCardIndex.jobCardContent .km-list > li > select {
    width: 60%;
}


.km-root .km-ios .km-tabstrip.km-scrollabletabstrip {
    display: block;
}

    .km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-scroll-container {
        display: inline-block;
    }

    .km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-touch-scrollbar {
        background-color: rgba(218, 218, 218, 0.9);
        -moz-border-radius: .3em;
        -webkit-border-radius: .3em;
        border-radius: .3em;
    }

.km-ios .km-tabstrip.km-scrollabletabstrip .km-button {
    display: table-cell;
}

.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-scrollable {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

    .km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-scrollable.exceeds {
        left: 4.8em;
        right: 4.8em;
        padding: .1em 0;
    }


.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-inner-table {
    display: table;
    width: 100%;
    overflow: hidden;
}


.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .prev,
.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .next {
    position: absolute;
    top: 0;
    padding: 0;
}

.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .prev {
    left: 0;
}

.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .next {
    right: 0;
}

.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-next,
.km-root .km-ios .km-tabstrip.km-scrollabletabstrip .km-prev {
    font-size: 3rem;
    width: 3rem;
}

/*.km-ios .km-tabstrip.km-scrollabletabstrip .km-state-has-items .km-icon {
    color: rgba(255, 255, 255, 0.7);
}*/

.timesheet-column-header {
    position: relative; 
    margin: 0; 
    text-indent: 0; 
    color: #4C566C;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

.timesheet-group-header {
    position: relative;
    padding: 0.5em 0.5em 0 0.5em;
    margin: 0;
    text-indent: 0;
}

.timesheet-group-buttons {
    /*display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;*/
    /*flex-wrap: nowrap;*/
    text-indent: 0;
    padding: 0 0.7em;
}

.timesheet-group-plus-minus {
    display: inline-block;
    width: 5%;
    min-width: 5%;
    /*font-size: 3em;*/
}

.timesheet-group-date {
    display: inline-block;
    width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timesheet-group-unsent {
    display: inline-block;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timesheet-group-total {
    display: inline-block;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timesheet-addtime-button {
    /*position: absolute;
    bottom: 0;
    right: .8rem;*/
    float: right;
}

.timesheet-addtime-button,
.km-button.timesheet-addtime-button {
    background: #F5F5F5;
}

.timelist > .km-group-container > .km-list,
.timelist > .km-group-container > .km-group-title a {
    display: none;
}

.timelist > .km-group-container[data-collapsed=false] > .km-list {
    display: block;
}

.timelist > .km-group-container[data-collapsed=false] > .km-group-title a {
    display: inline-block;
}

/*.timelist > .km-group-container > .km-list.expanded {
    display:initial;
}*/

.notificationIcons {
    /*display: -webkit-flex;
    display: flex;*/
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    height: 3em;
    text-align: right;
}

.km-ios .km-list .notificationIcons > .km-icon {
    margin-top: 0.5em;
    /*position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}

#jobListListView .totalTimeAdded,
#jobListListView .jbdNameNormal.client {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#jobListListView .totalTimeAdded {
    width: 30%;
    text-align: right;
    clear: none;
    font-weight: normal;
    float: right;
}

#jobListListView .jbdNameNormal.client {
    clear: left;
}


    #jobListListView .jbdNameNormal.client.timeAdded {
        float: left;
        max-width: 70%;
    }

#FindMyData label.description,
#FindMyData label.productCode {
    display: inline-block;
    /*overflow: auto;*/
    vertical-align: middle;
}

#FindMyData .description {
    width: 70%;
}

#FindMyData .productCode {
    width: 30%;
}

#FindMyData .quantity {
    width: 10%;
    min-width: 30px;
}


#FindMyData .kitset .description {
    width: 60%;
}

#FindMyData .expandChild {
    font-size: 1.5em;
    margin: -0.33em -0.46em;
    padding: 0.33em 0.46em;
    width: 10%;
    text-align: center;
}

#FindMyData .stm-list-items {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#JobSchedule div.time {
    display: inline-block;
    white-space: nowrap;
}

#JobSchedule div.owner {
    font-style: italic;
}

table.stm-line-item-list-item {
    font-size: 0.8em;
    font-weight: normal;
    width: 100%;
    table-layout: fixed;
}


.lineitem table td {
    text-overflow: ellipsis;
    overflow: hidden;
}

    .lineitem table td.pricing,
    .lineitem table td.totalPricing {
        text-align: right;
    }

    .lineitem table td.pricing {
        font-weight: normal;
        text-align: right;
    }



.lineItem-header {
    /*font-size: 0.8em;
        width: 100%;*/
    display: inline-block;
    width: 100%;
}

.lineItem-description,
.lineItem-code,
.lineItem-qty,
.km-root .km-ios .km-list > li .km-listview-link.lineItem-a {
    display: inline-block;
}

.km-listview-link.km-listview-link-icon {
    padding-right: 2em;
}

    .km-listview-link.km-listview-link-icon:after {
        font: 1em/1em "Kendo UI";
        border: 0;
        width: 1.4em;
        right: 0.4rem;
        margin-top: -0.43rem;
        -webkit-transform: none;
        transform: none;
    }


.lineItem-description,
.lineItem-code {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.lineItem-description {
    font-weight: normal;
}

.lineItem-code {
    overflow: hidden;
    /*width: 34%;
        text-align: right;*/
}

.lineItem-qty {
    width: 3em;
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    user-select: none;
    line-height: 3em;
}

.lineItem-quantity {
    user-select: none;
}

.lineItem-a {
    /*span*/
    /*width: 79%;*/
}


.lineitem label.headerDescription {
    text-indent: 0;
}

.lineitem a.headerDescription {
    text-indent: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.lineitem .quantity {
    width: 100%;
    height: 100%;
}

[data-role="customfieldview"] > li > label {
    text-overflow: ellipsis;
    width: 50%;
    /*display: inline-block;*/
    overflow: hidden;
}

#assetListView [data-role="customfieldviewonly"] > li {
    font-weight: normal;
    padding: 0;
    background: none;
}

.km-root .km-ios .km-tabstrip .km-button {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 3pt;
}

    .km-root .km-ios .km-tabstrip .km-button.km-state-active:last-child {
        background-image: none;
        box-shadow: none;
    }

    .km-root .km-ios .km-tabstrip .km-button.km-state-active {
        background-color: rgba(100, 100, 100, 0.298039);
    }

.km-root .km-ios .km-tabstrip.km-tabstrip-noicon {
    overflow-y: hidden;
    overflow-x: hidden;
}

    .km-root .km-ios .km-tabstrip.km-tabstrip-noicon .km-button {
        font-size: 1.2em;
        height: 50px;
    }

.km-ios .km-tabstrip .km-button {
    margin: 0 .3%;
}

/*.km-ios .km-tabstrip.km-scrollabletabstrip .km-button:active {
    color: #bbb;
    background: rgba(100, 100, 100, 0);
}*/


.km-ios .km-group-title {
    color: black;
    text-shadow: 0 1px 1px rgba(237, 237, 237, 0.8);
}

.km-group-title .km-text > div > *:not(a) {
    font-size: 1.2em;
}

.km-ios ul.timelist .completed.km-group-title {
    background-color: #7fb77c;
    color: white;
}

.entityNoteHeader.km-group-title {
    background-image: none;
    background-color: #7fb77c;
    border-color: #7fb77c;
    color: white;
    text-shadow: none;
    font-size: 0.9rem;
}
 
.km-root .km-ios .km-content .km-listgroup ul[data-template="entityNoteListTemplate"].km-list > li:first-child:last-child,
.km-root .km-ios .km-content .km-listgroup ul[data-template="entityNoteListTemplate"].km-list > li:last-child,
.km-root .km-ios .km-content .km-listgroup ul[data-template="entityNoteListTemplate"].km-list > li {
    border-width:1px 0 0 0;
}

.km-root .km-ios .km-content .km-listgroup ul[data-template="entityNoteListTemplate"].km-list > li:first-child {
    border-width:0px;
}

.header.km-group-title {
    background-color: #62707c;
    /*color:#9dae9c;*/
}

.signedoff {
    background-color: #CFC;
}

.sending .tsGrid_DurationAmount {
    background-color: #808080;
}

.sending {
    background-color: #CCCCCC;
}

.error .tsGrid_DurationAmount {
    background-color: #f86666;
}

.error,
.km-ios .km-list > li.error {
    background-color: #FF9E9E;
    border:none;
}

.bottom-line {
    vertical-align: bottom;
    text-align: right;
}

.ltable,
.ltable td,
.ltable tr {
    border: 0;
}

.llist > li ul > li {
    padding: 0 0.7em 0 0;
}

.km-ios #foo .km-content,
.km-ios #foo .km-header,
.km-ios #timepicker-view .km-content,
.km-ios #timepicker-view .km-header,
.km-ios #durationpicker-view .km-content,
.km-ios #durationpicker-view .km-header,
.km-ios #imagepicker-view .km-content,
.km-ios #imagepicker-view .km-header,
.km-ios .km-modalview .km-header,
.km-ios .km-modalview .km-content,
.km-ios .km-modalview .km-content.km-insetcontent,
.km-ios .km-modalview .km-footer {
    background-color: #444;
}

.km-ios .km-modalview .km-header,
.km-ios .km-popup.km-pane .km-header {
    background-image: none;
}


.km-ios #timepicker-view select,
.km-ios #durationpicker-view select {
    position: relative;
    min-width: 3em;
    width: 100%;
    margin: 0;
    top: 0;
    text-align: center;
}

[data-role="imagepicker"] input[type="file"],
input[type="file"]#add_Photos {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    opacity: 0;
}


[data-role="imagepicker"] img.preview {
    vertical-align: middle;
    padding: 10px;
}

[data-role="imagepicker"] {
    text-align: center;
}

.km-list li .km-listview-label-checkbox,
.km-list li .km-listview-label-radio {
    white-space: normal;
    padding-right: 2em;
    overflow-wrap: break-word;
}

.km-popup-overlay {
    position: fixed;
}

.km-icon.km-invalid,
.km-ios .km-list li > .km-icon.km-invalid {
    right: 0;
    margin: initial;
    top: 0;
    position: absolute;
    color: red;
    z-index: 100;
    font-size: 1.1em;
    opacity: 0.7;
}

.km-invalid:after,
.km-invalid:before {
    content: "\e0fa";
}

/*.km-list li progress,*/
.km-list li .progress {
    /*width: 100%;*/
    position: relative;
    color: rgb(3, 107, 0);
    height: 20px;
    font-size: .8em;
    line-height: 20px;
    border: 1px solid rgb(184, 184, 184);
    background: whitesmoke;
}

    .km-list li .progress .meter {
        /*position: absolute;
        top: 0;
        bottom: 0;*/
        width: 0%;
        height: 100%;
        background-color: rgb(160, 255, 157);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKBJREFUeNq81T0OgCAMhmGp3IHNS7hwGnZOxM45TTB1MCHKX9J+79SFPGkXjPf+3BaLMdoQwrX6LqVkCYnlnC9CYjwTEpsGpbApUBIbgtJYF9TAmqAW9gtqYh9QG6tABPaCKOwBkRhnSiknCuPlCInxJQmJLf0WEtg0KIVNgZLYEJTGuqAG1gS1sF9QE/uA2lgFIrAXRGHc7pw7UBh3CzAAGoDd5dFuw6wAAAAASUVORK5CYII=);
        -moz-animation: animate-stripes 5s linear infinite;
        -o-animation: animate-stripes 5s linear infinite;
        -webkit-animation: animate-stripes 5s linear infinite;
        animation: animate-stripes 5s linear infinite;
    }

    .km-list li .progress .msg {
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }


@-moz-keyframes animate-stripes {
    100% {
        background-position: -140px 0;
    }
}

@keyframes animate-stripes {
    100% {
        background-position: -140px 0;
    }
}

@-webkit-keyframes animate-stripes {
    100% {
        background-position: -140px 0;
    }
}


.km-ios #ViewPictures .km-listview.km-list > li {
    padding: 0;
}

    .km-ios #ViewPictures .km-listview.km-list > li .mylist > li {
        max-width: none;
    }

.km-root .km-ios .km-list li input[type="text"],
.km-root .km-ios .km-list li input[type="email"],
.km-root .km-ios .km-list li input[type="number"],
.km-root .km-ios .km-list li input[type="password"],
.km-root .km-ios .km-list li input[type="tel"] {
    border: 0;
    border-bottom: 1px solid #9c9c9c;
    background-clip: padding-box;
    background: no-repeat 0 0, transparent no-repeat 100% 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,#9c9c9c), color-stop(1,#9c9c9c)),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,#9c9c9c), color-stop(1,#9c9c9c));
    background-image: -moz-linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c),-moz-linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c);
    background-image: -ms-linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c),-ms-linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c);
    background-image: -o-linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c),-o-linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c);
    background-image: linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c),linear-gradient(top,transparent 90%,#9c9c9c 90%,#9c9c9c);
    background-size: 1px 100%;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 1px;
}

    .km-root .km-ios .km-list li.required input[type="text"],
    .km-root .km-ios .km-list li .required input[type="text"],
    .km-root .km-ios .km-list li input[type="text"].required,
    .km-root .km-ios .km-list li input[type="text"][required],
    .km-root .km-ios .km-list li.required input[type="email"],
    .km-root .km-ios .km-list li .required input[type="email"],
    .km-root .km-ios .km-list li input[type="email"].required,
    .km-root .km-ios .km-list li input[type="email"][required],
    .km-root .km-ios .km-list li.required input[type="number"],
    .km-root .km-ios .km-list li .required input[type="number"],
    .km-root .km-ios .km-list li input[type="number"].required,
    .km-root .km-ios .km-list li input[type="number"][required],
    .km-root .km-ios .km-list li.required input[type="password"],
    .km-root .km-ios .km-list li .required input[type="password"],
    .km-root .km-ios .km-list li input[type="password"].required,
    .km-root .km-ios .km-list li input[type="password"][required] {
        border-bottom-color: #ed8010;
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,#ed8010), color-stop(1,#ed8010)),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,#ed8010), color-stop(1,#ed8010));
        background-image: -moz-linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010),-moz-linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010);
        background-image: -ms-linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010),-ms-linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010);
        background-image: -o-linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010),-o-linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010);
        background-image: linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010),linear-gradient(top,transparent 90%,#ed8010 90%,#ed8010);
    }
    
    .km-root .km-ios .km-list li input[type="text"]:disabled,
    .km-root .km-ios .km-list li input[type="email"]:disabled,
    .km-root .km-ios .km-list li input[type="number"]:disabled,
    .km-root .km-ios .km-list li input[type="password"]:disabled,
    .km-root .km-ios .km-list li input[type="tel"]:disabled,
    .km-root .km-ios .km-list li textarea:disabled,
    .km-root .km-ios .km-list li select:disabled {
        opacity: 0.75;
    }

.stm-control {
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    line-height: normal;
    z-index: 1;
    right: 0;
    margin-top: -1em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1.1rem;
    /*color: #385487;*/
    min-width: 6em;
    border: 0;
    padding: .4em 0;
    text-indent: .3em;
    outline: none;
    background: transparent;
    display: block;
    overflow: auto;
    white-space: nowrap;
    font-weight: normal;
    color: #385487;
}

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

.km-smartforms:after,
.km-smartforms:before {
    content: "\e0eb";
    /*content: "\e07a";*/
}

.km-mandatory-smartforms:after,
.km-mandatory-smartforms:before {
    content: "\e0d6";
}

.km-note-edit:after,
.km-note-edit:before {
    content: "\e09d";
}

.km-signature:after,
.km-signature:before {
    content: "\e30a";
}

.km-wrench:after,
.km-wrench:before {
    content: "\e0c9";
}

.formsummary-last-completed {
    white-space: normal;
    height: auto;
    overflow: visible;
}

.list-total {
    margin-top: 1em;
    text-align: center;
}

.listLabel {
    display: inline-block;
    min-width: 40%;
}

#ReAssignJob .canNotUnAssign {
    background-color: rgb(253, 162, 0);
}

.km-ios ul[data-role="smartformlist"] .not-applicable > li:not(.km-state-active),
.km-ios .km-list .stm-list-item-disabled {
    color: #999999;
}

#JobList .km-list > li.buttons .km-listview-link,
#FindClients .km-list > li.buttons .km-listview-link {
    /*padding-top: 1.7em;
    padding-bottom: 1.7em;*/
}

@media (min-width: 766px) {
    .stm-signature-wrapper {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.stm-signature-wrapper canvas {
    background-color: #EAEAEA;
}


.km-root .km-content.km-stretched-view {
    display: block;
}


.km-root .km-ios .km-insetcontent {
    background: transparent;
}

.km-ios .km-list > li {
    background: #fff;
}

.km-ios .km-list.stm-simple-list > li {
    border-top: 1px solid #999;
}

.km-root .km-ios .km-content .km-list.stm-simple-list > li:last-child {
    border-bottom: 1px solid #999;
}

.km-ios .km-list > li .normal-font,
.km-ios .km-list > li.normal-font {
    font-weight: normal;
    font-size: medium;
    /*font-size: 0.8em;*/
}

.km-root .km-ios .km-listinset > li,
.km-root .km-ios .km-listgroupinset .km-list > li {
    border: 1px solid #999;
    border-width: 0 0 1px 0;
    box-shadow: none;
}

.km-root .km-ios .km-content .km-list > li:first-child {
    border-top: 0;
}

.km-root .km-ios .km-content .km-list > li:last-child {
    border-bottom: 0;
}

.km-root .km-ios .km-listinset > li:last-child,
.km-root .km-ios .km-listgroupinset .km-list > li:last-child {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}

.km-root .km-ios .km-listinset > li:first-child:last-child,
.km-root .km-ios .km-listgroupinset .km-list > li:first-child:last-child {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}


.km-root .km-pane,
.km-root .km-content,
.km-root .km-ios *:not(.km-popup) > .km-view:not(.km-drawer):not(.km-modalview) {
    overflow: initial;
    height: auto;
}

.km-ios .km-view.km-stm-view .km-navbar .km-rightitem {
    right: 0;
}

.km-ios .km-button.stm-notification-panel,
.km-ios .km-button.stm-notification-panel:not(.km-state-active):active {
    margin: 0;
    padding: 0;
    min-width: 3em;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: inset 3px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 3px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 3px 0px 10px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    z-index: 1002;
    right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
}

.km-ios .km-button.stm-notification-panel,
.km-root .km-ios .km-navbar {
    height: 40px;
}

    .km-ios .km-button.stm-notification-panel.km-state-active {
        background: rgba(145, 145, 145, 0.25);
    }

.km-root .km-ios .km-button.stm-notification-panel .km-icon {
    margin: 0 0.3em;
    background: transparent;
    color: white;
}

.km-ios .km-view.km-stm-view .km-navbar .km-rightitem:before {
    content: none;
}
/*.km-root body > .km-view > .km-content{
    overflow:auto;
}*/

/*.km-root .km-ios > .km-view {
    overflow: auto;
}*/

.km-ios,
.km-blackberry,
.km-on-ios .km-view,
.km-on-ios .km-header,
.km-on-ios .km-footer,
.km-on-ios .km-slider,
.km-on-ios .km-switch,
.km-on-ios .km-group-title,
.km-on-ios .km-filter-reset,
.km-on-ios .km-shim .k-animation-container,
.km-on-ios .km-scroll-container,
.km-on-blackberry .km-view,
.km-on-blackberry .km-content,
.km-on-blackberry .km-header,
.km-on-blackberry .km-footer,
.km-on-blackberry .km-icon,
.km-on-blackberry .km-switch,
.km-on-blackberry .km-popup .k-item,
.km-on-blackberry .km-actionsheet-wrapper,
.km-on-android.km-4 .k-slider {
    -webkit-transform: none;
    transform: none;
}


.km-state-disabled {
    opacity: 0.8;
}

.km-root .km-ios .km-tabstrip .km-button .km-icon {
    width: 2.5rem;
    font-size: 2.2rem;
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.km-root .km-ios .km-tabstrip-noicon.km-tabstrip .km-button .km-icon {
    display: none;
}

.km-ios .km-listview-label input[type=radio]:checked, .km-ios .km-listview-label input[type=checkbox]:checked {
    font-size: inherit;
}

.km-root .km-pane .km-check:after,
.km-widget .km-check:after,
.km-root .km-pane .km-check:checked:after,
.km-widget .km-check:checked:after {
    content: none;
}

.km-ios .km-list.mylist li a.km-listview-link:not(.stm-link-arrow):after, .km-ios .km-list.mylist li a.km-listview-link:not(.stm-link-arrow)::after,
.km-ios .km-list.mylist li a.km-listview-link:not(.stm-link-arrow):before, .km-ios .km-list.mylist li a.km-listview-link:not(.stm-link-arrow)::before {
    display: none;
    content: none;
}


.km-ios .km-list input[type=password], .km-ios .km-list input[type=search], .km-ios .km-list input[type=number], .km-ios .km-list input[type=tel], .km-ios .km-list input[type=url], .km-ios .km-list input[type=email], .km-ios .km-list input[type=month], .km-ios .km-list input[type=color], .km-ios .km-list input[type=week], .km-ios .km-list input[type=date], .km-ios .km-list input[type=time], .km-ios .km-list input[type=datetime], .km-ios .km-list input[type=datetime-local], .km-ios .km-list input[type=text]:not(.k-input), .km-ios .km-list select:not([multiple]), .km-ios .km-list .k-dropdown-wrap {
    padding: .4em 0;
    text-indent: .3em;
}

.km-ios .km-list .km-icon:not(.km-check),
.km-ios .km-button .km-icon:not(.km-check) {
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    /*margin-left: -0.3em;
    margin-right: -0.1em;*/
}

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

.km-loader {
    position: fixed;
}

.km-ios .km-listinset > li:first-child,
.km-ios .km-listinset > li:last-child,
.km-ios .km-listinset > li:first-child:last-child,
.km-ios .km-listinset li:first-child > .km-listview-link,
.km-ios .km-listinset li:last-child > .km-listview-link,
.km-ios .km-listinset li:first-child:last-child > .km-listview-link,
.km-ios .km-listinset li:first-child > .km-listview-label,
.km-ios .km-listinset li:last-child > .km-listview-label,
.km-ios .km-listinset li:first-child:last-child > .km-listview-label,
.km-ios .km-listgroupinset .km-list > li:first-child,
.km-ios .km-listgroupinset .km-list > li:last-child,
.km-ios .km-listgroupinset .km-list > li:first-child:last-child,
.km-ios .km-listgroupinset li:first-child > .km-listview-link,
.km-ios .km-listgroupinset li:last-child > .km-listview-link,
.km-ios .km-listgroupinset li:first-child:last-child > .km-listview-link,
.km-ios .km-listgroupinset li:first-child > .km-listview-label,
.km-ios .km-listgroupinset li:last-child > .km-listview-label,
.km-ios .km-listgroupinset li:first-child:last-child > .km-listview-label {
    border-radius: 0;
}

/*.km-ios .km-listinset > li:last-child,*/
/*.km-ios .km-listgroupinset .km-list > li:last-child {
    border-radius: 0;
}*/


/* kendomobile overrides */
button.km-button {
    font-weight: initial;
}

.km-tablet .km-buttongroup .km-button {
    padding: .4em .8em;
}

.km-tablet .km-navbar .km-buttongroup {
    top: 0;
}

    .km-tablet .km-navbar .km-buttongroup > .km-button {
        min-width: 6rem;
    }

/*.km-ios .km-popup.km-pane,
.km-tablet .km-ios .km-actionsheet-wrapper {
    border-radius: 0;
}*/



/* Tablet Styles */
.km-tablet .km-ios .km-tabstrip {
    padding: inherit;
}

.km-tablet .km-ios.km-horizontal .km-tabstrip {
    padding: inherit;
}

.km-tablet .km-ios .km-tabstrip {
    padding: inherit;
    display: table;
}

    .km-tablet .km-ios .km-tabstrip > .km-button {
        display: table-cell;
    }

.km-tablet .km-ios .km-tabstrip .km-icon {
    margin: inherit;
}

.km-tablet .km-ios.km-horizontal .km-tabstrip .km-icon {
    margin: inherit;
}

.km-header, .km-footer {
    z-index: 102;
}

.km-root .km-button .km-icon.km-settings {
    vertical-align: text-bottom;
}

.km-root .km-shim {
    position: fixed;
}

/* Bullet Point List */
.stm-bullet-list {
    list-style-type: disc;
    font-weight: normal;
}

.km-root .km-ios li.hintField {
    padding: 0;
    border-bottom: 0;
}

    .km-root .km-ios li.hintField.hint-shown .hint-invisible,
    .km-root .km-ios li.hintField .hint-visible {
        display: none;
    }

    .km-root .km-ios li.hintField.hint-shown .hint-visible,
    .km-root .km-ios li.hintField .hint-invisible {
        display: initial;
    }


    .km-root .km-ios li.hintField.hint-shown + li {
        display: block;
    }

    .km-root .km-ios li.hintField + li {
        display: none;
    }


textarea {
    resize: vertical;
}

.plusMinus {
    display: inline-block;
    width: 5%;
    min-width: 5%;
    float: right;
}

.arrow-accordion {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/arrow.png');
}

.arrow-accordion-up {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.stm-row,
.stm-button-row {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.stm-button-row {
    margin-top: .4em;
    text-align: center;
}

.km-ios .stm-row > *,
.km-ios .stm-button-row > * {
    display: table-cell;
    vertical-align: top;
    font-weight: normal;
}

@media screen and (max-width: 320px) {
    .km-ios .stm-row > * {
        display: block;
    }
}

.km-ios .stm-button-row .km-button {
    display: block;
}

.stm-list-actions,
.stm-list-items {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    white-space: normal;
    -webkit-align-items: center;
    align-items: center;
    flex-flow: wrap;
}

.stm-list-actions {
    margin-top: 0.7em;
}

.km-ios .stm-list-actions .km-button.stm-round-button,
.km-ios .stm-list-items .km-button.stm-round-button {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    align-self: flex-end;
    -webkit-align-self: flex-end;
}

.stm-list-action-1 {
    -webkit-order: 1;
    order: 1;
}

.stm-list-action-2 {
    -webkit-order: 2;
    order: 2;
}

.stm-list-action-3 {
    -webkit-order: 3;
    order: 3;
}

@media only screen and (max-width: 480px) {
    .notificationIcons.stm-list-action-3 {
        order: 0;
        width: 100%;
    }
}

.stm-list-action-4 {
    -webkit-order: 4;
    order: 4;
}

.stm-list-items .stm-sfstatus,
.stm-list-actions .stm-sfstatus {
    display: inline-block;
    padding: .5em;
    line-height: initial;
    border: 1px solid currentColor;
    border-radius: 5px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-align: center;
}

.stm-list-items .stm-sfrightcolumn,
.stm-list-actions .stm-sfrightcolumn {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    max-width: 50%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (max-width: 480px) {
    .stm-list-items .stm-sfrightcolumn {
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        -webkit-align-items: center;
        align-items: center;
    }
}

    .stm-list-items .stm-sfrightcolumn .km-button.stm-round-button,
    .stm-list-actions .stm-sfrightcolumn .km-button.stm-round-button {
        margin-top: 0.46em;
    }

.stm-list-items span,
.stm-list-items strong {
    display: inline-block;
    vertical-align: middle;
}

.closePopover,
.km-navbar .km-button.closePopover {
    /*margin-top: .2rem;*/
    margin: 0;
    background: 0;
    height: auto;
    width: auto;
    position: static;
    padding: 0;
    line-height: normal;
    font-size: 1.5em;
    padding: 0.2em;
}

.km-ios .km-popup.km-pane .km-navbar .km-button.closePopover {
    background: 0;
}


.closePopover:after {
    /*content: '\2716';*/
    content: '\e038';
    font: 1em/0 "Kendo UI" !important;
}

.km-ios .stm-image-row p {
    margin: 0;
    height: auto;
    max-height: 120px;
    font-weight: normal;
    white-space: normal;
    overflow: auto;
}

.km-ios .stm-text-overflow {
    white-space: normal;
    overflow: auto;
}




/**********NAV BAR STYLES***********/
.km-drawer .km-content,
.km-root body > .km-view.km-drawer > .km-content,
.km-drawer .km-list > li {
    /*background-color: white;
    color: black;*/
    background-color: #1F1F1F;
    color: #fff;
    background-color: #f4f4f4;
    color: #1F1F1F;
}

.km-drawer {
    z-index: 25000;
    position: fixed;
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);
}


.km-root body > .km-view.km-drawer > .km-content {
    padding-bottom: 0;
}

.km-ios .km-drawer .km-icon {
    color: #595858;
}

.km-root .km-ios .km-drawer .km-content .km-listview-wrapper .km-list > li {
    border: 0;
    border-bottom: 1px solid #333;
    border-bottom: 1px solid #D3D2D2;
}

/*.km-root .km-ios .km-drawer .km-content .km-list > li:first-child {
        border: 0;
    }

    .km-root .km-ios .km-drawer .km-content .km-list > li:last-child {
        border: 0;
    }

    .km-root .km-ios .km-drawer .km-content .km-list > li:only-child {
        border: 0;
    }*/


.km-goto {
    font-size: 0.7em;
    line-height: 3.4em;
}

    .km-goto:before {
        content: "GoTo";
    }

.km-drawer-button:before, .km-drawer-button:after {
    content: "\E077";
}

.km-drawer .km-content {
    margin-top: 0;
}

.km-ios .km-drawer .km-group-title {
    background-color: #11abf8;
    background: #000000;
    color: white;
    background: #D3D3D3;
    color: rgb(84, 84, 84);
    text-shadow: none;
    border: 0;
    /*box-shadow: none;*/
    font-weight: normal;
}

.km-ios .km-drawer .km-list .km-icon {
    width: 1.5em;
    font-size: 1em;
    position: absolute;
    left: 0.5em;
    margin-left: 0;
    top: 0.7em;
}

.km-ios .km-drawer .km-list > li {
    /*padding-left: 2em;*/
    position: relative;
    font-weight: normal;
}

    .km-ios .km-drawer .km-list > li a {
        position: static;
        padding: 0.5em .7em;
        padding-left: 2em;
    }



.km-root body > .km-view > .km-content {
    background-color: #E6E6E6;
    /*overflow-y: auto;*/
    padding-bottom: 90px;
}

.stm-last-sync {
    color: #989898;
    font-size: smaller;
}

.stm-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    background-color: rgba(24, 24, 24, 0.96);
    /*border-top: 1px solid #D5D5D5;*/
    padding: 0.2em 0;
    overflow: hidden;
}

    .stm-footer > div,
    .header-search {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        align-items: center;
    }

.km-phone .header-search {
    /*padding: 5px;*/
    /*width: 100%;*/
    /*top: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1000;*/
    /*bottom: 0px;*/
}

.header-search .btn-clear,
.header-search .btn-clear:focus,
.header-search .btn-clear:active,
.header-search .btn-clear.km-state-active {
    border: 0;
    background: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: 0;
}

.stm-search-padding {
    padding-top: 4em;
}

.stm-clients-padding {
    padding-top: 2.7em;
}

.stm-explanation{
    margin-bottom: -0.5em;
}
.stm-footer .km-icon:after {
    text-align: center;
}

.stm-footer a {
    text-align: center;
    text-decoration: none;
    padding: 0.1em 0.2em;
}

.km-header .header-search .button,
.stm-footer .button {
    font-size: 1em;
    height: 2.4em;
    width: 2.4em;
    /*width: 12vmin;
    height: 12vmin;*/
    margin: 0 auto;
    /*font-size: 5vmin;*/
    background-color: #11abf8;
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    color: white;
}

.km-ios .stm-footer .km-button,
.km-ios .stm-footer .km-button.km-state-active,
.km-ios .stm-footer .km-button.km-widget:not(.km-state-active):active,
.km-ios .stm-footer .km-button:focus,
.km-ios .stm-footer .km-button:active {
    padding: 0;
    border: 0;
    color: white;
    background: 0;
}

.km-ios .stm-footer .km-button {
    font-size: 5vmin;
    line-height: 0.9rem;
}

    .km-ios .stm-footer .km-button .km-text:not(.button) {
        font-size: 0.9rem;
    }

    .km-ios .stm-footer .km-button.km-state-active > .button {
        background-color: #006d9a;
    }


.km-header .header-search .button,
.km-ios .km-button.stm-round-button,
.stm-footer .button {
    display: block;
    text-decoration: none;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    padding: 0;
}

    /*@media only screen and (min-width: 440px) {
    .km-ios .km-button.stm-round-button,
    .km-ios .km-button.km-widget.stm-round-button:not(.km-state-active):active,
    .km-ios .km-button.stm-round-button:active {
        font-size: 1.5em;
  }
}*/

    .km-ios .km-button.stm-round-button,
    .km-ios .km-button.km-widget.stm-round-button:not(.km-state-active):active,
    .km-ios .km-button.stm-round-button:active {
        width: 2em;
        height: 2em;
        font-size: 1.5em;
        background: white;
        color: #ED8010;
    }

.km-ios .km-button.stm-round-button {
    margin: 1px;
}

    .km-ios .km-button.stm-round-button.km-state-active {
        background: #ED8010;
        color: white;
    }

.km-ios .km-button.stm-icon-red .km-icon,
.km-ios .km-button.km-widget.stm-icon-red:not(.km-state-active) .km-icon {
    color: #F81111;
}

.km-ios .km-button.stm-icon-red.km-state-active .km-icon {
    color: white;
}

.km-ios .km-button.stm-icon-red.km-state-active {
    background-color: #F81111;
}

.km-ios .km-button.km-widget.stm-icon-red:not(.km-state-active):active {
    background-color: transparent;
}

.km-header .header-search .button {
    width: 1.5em;
    height: 1.5em;
    font-size: 1.7em;
    background-color: #b15513;
}

.stm-footer .button.stm-button-red {
    background-color: #F81111;
}


.stm-footer .button.stm-button-orange {
    background-color: #F87111;
}

.stm-footer .button.stm-button-green {
    background-color: #6FF811;
}

/*.km-header .header-search .button:active,
.km-header .header-search .button:focus,
.stm-footer .button:active,
.stm-footer .button:focus,
.stm-footer a.km-state-active .button {
    background-color: #006d9a;
}*/


.km-header .header-search .button:active,
.km-header .header-search .button:focus,
.stm-footer .button.stm-button-orange:active,
.stm-footer .button.stm-button-orange:focus {
    background-color: #b15513;
}

.km-header .header-search .button:after,
.stm-footer .button:after,
.stm-round-button:after {
    position: static;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font: 1em/0 "Kendo UI" !important;
    margin-top: 50%;
    padding: 0 10px;
    margin-left: -10px;
}

.km-header .header-search .button:after {
    margin-top: 47%;
}

.stm-footer .button:before,
.stm-round-button:before {
    content: none;
}


.stm-footer .header-search input,
.km-header .header-search input {
    background-color: transparent;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*border-bottom: 2px solid rgba(3, 179, 255, 0.5);*/
    /*border-bottom: 2px solid rgba(248, 113, 17, 0.5);*/
    background-clip: padding-box;
    background: no-repeat 0 0, transparent no-repeat 100% 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(3, 179, 255, 0.5)), color-stop(1,rgba(3, 179, 255, 0.5))),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(3, 179, 255, 0.5)), color-stop(1,rgba(3, 179, 255, 0.5)));
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(248, 113, 17, 0.5)), color-stop(1,rgba(248, 113, 17, 0.5))),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(248, 113, 17, 0.5)), color-stop(1,rgba(248, 113, 17, 0.5)));
    background-size: 2px 100%;
    /*margin: 10px;*/
    /*color: rgb(210, 210, 210);*/
    padding-bottom: 3px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 1.1em;
    margin: 5px;
    padding: 5px;
    background-color: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-indent: 5px;
    height: 1.9em;
}

/*.stm-footer .header-search input:focus,
    .km-header .header-search input:focus {
        border-color: rgba(3, 179, 255, 1);
        border-color: rgba(248, 113, 17, 1);
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(3, 179, 255, 1)), color-stop(1,rgba(3, 179, 255, 1))),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(3, 179, 255, 1)), color-stop(1,rgba(3, 179, 255, 1)));
        background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(248, 113, 17, 1)), color-stop(1,rgba(248, 113, 17, 1))),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(248, 113, 17, 1)), color-stop(1,rgba(248, 113, 17, 1)));
    }*/

.km-header .header-search {
    background-color: rgba(24, 24, 24, 0.85);
    background-color: rgba(240, 240, 240, 1);
    background-color: #ed8010;
}

.stm-footer .button.stm-popover-icon:before,
.stm-footer [data-open-popover] .button:before,
.stm-round-button.stm-popover-icon:before {
    position: absolute;
    display: block;
    text-align: center;
    vertical-align: middle;
    font: 1em/0 "Kendo UI" !important;
    content: "\e00d";
    top: 10%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.stm-footer .button.stm-button-back:before,
.stm-round-button.stm-button-back:before {
    position: absolute;
    display: block;
    text-align: center;
    vertical-align: middle;
    font: 0.9em/0 "Kendo UI" !important;
    content: "\e0ed";
    top: 23%;
    left: 8%;
    margin: 0 auto;
    text-align: right;
}

/*.stm-round-button.stm-popover-icon:before {
    color: rgba(0, 0, 0, 0.4);
}*/

.km-ios .km-footer.stm-footer-quick-actions {
    /*display: flex;*/
    background: transparent;
    /*padding-top: 5px;*/
}

    .km-ios .km-footer.stm-footer-quick-actions .km-button {
        /*align-self: stretch;
        flex-grow: 1;*/
        font-weight: bold;
        width: 100%;
        color: #fff;
        background-color: #F87111;
        margin-left: 0;
        padding: .7em .8em;
        font-size: 1.2em;
    }

        /*.km-ios .km-footer.stm-footer-quick-actions .km-button:first-child {
            margin-top: 5px;
        }*/

        .km-ios .km-footer.stm-footer-quick-actions .km-button.km-state-active {
            background-color: #b15513;
        }

/*.km-header .header-search{
    width:100%;
}

.km-header .header-search input {
    width:100%;
    background-color: #A35A0E;
    padding: 8px 0;
    border-color:rgba(0, 0, 0, 0.22);
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(0, 0, 0, 0.22)), color-stop(1,rgba(0, 0, 0, 0.22))),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,rgba(0, 0, 0, 0.22)), color-stop(1,rgba(0, 0, 0, 0.22)));
}

.km-header .header-search input:focus {
    border-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,#fff), color-stop(1,#fff)),-webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0.9,rgba(0,0,0,0)), color-stop(0.9,#fff), color-stop(1,#fff));
}*/

/*.km-header .header-search input::-webkit-input-placeholder,
    .km-header .header-search input:-moz-placeholder,
    .km-header .header-search input::-moz-placeholder,
    .km-header .header-search input:-ms-input-placeholder {
        color: white;
        color: rgb(255, 197, 72);
    }*/


.km-ios .km-badge {
    position: absolute;
    top: 50%;
    right: 1.1em;
    margin-top: -1em;
    background: #ED8010;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
    font-size: 0.7em;
    font-weight: bold;
}
/*.km-ios .km-drawer .km-drawer-jobs {
    color: #f32938;
}

.km-ios .km-drawer .km-drawer-timesheets {
    color: #00aa87;
}

.km-ios .km-drawer .km-drawer-clients {
    color: #fbe300;
}

.km-ios .km-drawer .km-drawer-calendar {
    color: #e4008f;
}

.km-ios .km-drawer .km-drawer-preferences {
    color: #008dd2;
}

.km-ios .km-drawer .km-drawer-about {
    color: #ff7e00;
}
    */

.km-ios .km-drawer .km-drawer-advanced {
    color: #ED8010;
}

.km-ios .km-drawer .km-badge-advanced.km-badge {
    display: none;
}

.stm-has-errors.km-ios .km-drawer .km-badge-advanced.km-badge {
    display: block;
}

.stm-colored {
    border-left-width: 5px;
    border-left-style: solid;
}

    .stm-colored.stm-colored-green {
        border-left-color: #00aa87;
    }

    .stm-colored.stm-colored-blue {
        border-left-color: #008dd2;
    }

    .stm-colored.stm-colored-orange {
        border-left-color: #ff7e00;
    }

    .stm-colored.stm-colored-red {
        border-left-color: #f32938;
    }

    .stm-colored.stm-colored-grey {
        border-left-color: #8f9090;
    }

    .stm-colored.stm-colored-yellow {
        border-left-color: #fbe300;
    }

.stm-drawer-sync .k-icon.k-loading {
    display: none;
    font-size: 1em;
    position: absolute;
    right: 1em;
    top: 0.8em;
}

body.syncing .stm-drawer-sync .k-icon.k-loading {
    display: inline-block;
}

.km-ios .km-drawer .km-icon.km-drawer-top,
.km-ios .km-drawer .km-icon.km-drawer-sync,
.km-ios .km-drawer .km-icon.km-drawer-advanced,
.km-ios .km-drawer .km-icon.km-drawer-timesheets {
    right: 0.7em;
    left: auto;
    width: auto;
}

.km-ios .km-drawer .km-icon.km-drawer-top {
    color: #0086cf;
    color: #444444;
    color: #fff;
    font-size: 1.3em;
    /*top: 50%;
    margin-top: -0.55em;*/
    width: .7em;
}


.km-ios .km-drawer .km-badge-timesheets .km-icon,
.km-timesheets.km-icon {
    color: white;
    padding: 0;
    margin: 0;
    position: static;
    vertical-align: middle;
    width: 11px;
    margin-left: -1px;
}

.km-ios .km-timesheets.km-icon,
.km-ios .km-button .km-timesheets.km-icon {
    width: auto;
    height: auto;
    vertical-align: middle;
}


.km-ios .km-drawer .km-badge-timesheets .km-icon:after,
.km-timesheets.km-icon:after {
    content: '\a0';
    border: 2px solid currentColor;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border-left-color: transparent;
    -moz-animation: km-spin 2s infinite linear;
    -o-animation: km-spin 2s infinite linear;
    -webkit-animation: km-spin 2s infinite linear;
    animation: km-spin 2s infinite linear;
    width: 12px;
    height: 12px;
    line-height: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.km-ios .km-drawer .km-icon.km-drawer-timesheets{
    width: 13px;
  border-radius: 50%;
  background: rgb(237, 128, 16);
  height: 13px;
  padding: 2px;
}
.km-ios .km-drawer .km-icon.km-drawer-timesheets:after{
      -webkit-animation: km-spin 1s infinite linear;
  height: 11px;
  width: 12px;
  font-size: 10px;
  color: white;
}*/

body.syncing .km-drawer .km-icon.km-drawer-sync {
    display: none;
}

.km-ios .km-drawer .km-drawer-logout {
}

.stm-not-group-title .km-group-title {
    display: none;
}

.km-drawer li.stm-drawer-header {
    background-color: #ED8010;
    background-image: url('img/logo_small.png');
    background-size: 32px 33px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    display: block;
}

    .km-drawer li.stm-drawer-header.km-state-active {
        background-color: #b15513;
        background-image: url('img/logo_small.png');
        background-repeat: no-repeat;
        background-position: 5px 50%;
    }

.km-root .km-ios .km-drawer .km-content .km-list > li.stm-drawer-header {
    padding-left: 0;
    /*height: 50px;*/
    border: 0;
}

.km-drawer .km-content .stm-drawer-header .title {
    color: #fff;
    /*text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;*/
    font-size: 1.2em;
    font-weight: normal;
    padding-left: 1.2em;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    width: 80%;
    overflow: hidden;
    vertical-align: middle;
}


.km-drawer .km-list > li > .km-listview-link:after,
.km-drawer .km-list > li > .km-listview-link:before {
    content: none;
}
/*.km-drawer .km-content .stm-drawer-header .km-icon {
        top: 50%;
        margin-top: -0.5em;
    }*/

.km-ios .km-navbar .km-back.km-button,
.km-ios .km-navbar .km-drawer-button.km-button,
.km-ios .km-navbar .km-icon-button.km-button,
.km-ios .km-navbar .km-icon-button.km-button:active,
.km-ios .km-navbar .km-icon-button.km-button.km-state-active {
    background: transparent;
    -webkit-mask: none;
    mask: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .4em .8em;
    margin: .5rem .1rem;
    text-shadow: none;
}

    .km-ios .km-navbar .km-drawer-button.km-button:after,
    .km-ios .km-navbar .km-icon-button.km-button:after {
        position: static;
        display: inline-block;
        width: 100%;
        height: 1em;
        text-align: center;
        font: 1.1em/0 "Kendo UI";
        line-height: 1em;
    }

    .km-ios .km-navbar .km-back.km-button .km-text {
        font-weight: normal;
        font-size: 1.1em;
    }

    .km-ios .km-navbar .km-drawer-button.km-button:before,
    .km-ios .km-navbar .km-icon-button.km-button:before,
    .km-ios .km-navbar .km-back.km-button:after {
        content: none;
    }

.km-ios .km-back:before {
    content: "\a0";
    display: inline-block;
    color: currentcolor;
    width: 10px;
    height: 10px;
    border-width: 0;
    box-shadow: inset 2px -2px 0 currentcolor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.km-ios .km-view-title {
    /*line-height: 2.7em;*/
}

.stm-button-invisible {
    visibility: hidden;
}

@media only screen and (min-width: 550px) and (min-height: 550px) {

    .km-ios .stm-footer .km-button {
        font-size: 25px;
    }
}


@media only screen and (max-width: 320px), only screen and (max-height: 320px) {

    .km-ios .stm-footer .km-button {
        font-size: 15px;
    }
}

.km-listview-link:before {
    width: 1.4rem;
    height: 1.4rem;
    content: "\a0";
    display: block;
    vertical-align: middle;
    border-color: #777;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.7rem;
    border: 1px solid #777;
    border-radius: 50%;
}

.stm-view-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    /*position: fixed!important;*/
}

.stm-view-title {
    position: relative;
}

    .stm-view-title .km-icon:after {
        display: inline;
    }

    .stm-view-title small {
        font-weight: normal;
        font-size: 0.9em;
    }


.stm-select-jobfilter {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: transparent;
    padding-right: 1em;
    font-size: 0.85em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
}

/*.km-root .km-ios select.stm-select-jobfilter {
    background: transparent;
}*/

select.stm-select-jobfilter:not([multiple]) option {
    color: #333;
}

.km-ios .km-button > .km-icon:not(.km-check) {
    font-size: 1.2em;
}

.km-ios .km-button:not(.km-state-active) .km-icon {
    color: #ED8010;
}

.km-ios .km-button .km-icon:before {
    content: none;
}

.km-root .km-ios:not(.km-android):not(.km-blackberry6):not(.km-blackberry7) .km-button .km-icon:after {
    background-image: none;
}

.km-ios .km-modalview.stm-modal-view .km-content {
    background-color: #E6E6E6;
    overflow: auto;
}

.km-ios .km-modalview.stm-modal-view .km-header {
    background-color: #ed8010;
}

    .km-ios .km-modalview.stm-modal-view .km-header .km-navbar {
        height: auto;
    }

.km-shim.km-modalview-root .k-animation-container {
    max-height: 90%;
}

.km-ios .stm-list-no-border.km-listinset {
    border: 0;
    border-radius: 0;
}

.km-root .km-ios .stm-list-no-border.km-listinset > li {
    border: 0;
    border-radius: 0;
}
/*.km-listview-link:before {
  border-color: #777;
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.32rem;
}*/

/***** ICONS *****/
.km-arrow-e:after {
    content: "\E000";
}

.km-arrow-n:after {
    content: "\E001";
}

.km-arrow-s:after {
    content: "\E002";
}

.km-arrow-w:after {
    content: "\E003";
}

.km-arrow-ne:after {
    content: "\E004";
}

.km-arrow-nw:after {
    content: "\E005";
}

.km-arrow-se:after {
    content: "\E006";
}

.km-arrow-sw:after {
    content: "\E007";
}

.km-seek-e:after {
    content: "\E008";
}

.km-seek-n:after {
    content: "\E009";
}

.km-seek-s:after {
    content: "\E00A";
}

.km-seek-w:after {
    content: "\E00B";
}

.k-si-arrow-e:after {
    content: "\E00C";
}

.k-si-arrow-n:after {
    content: "\E00D";
}

.k-si-arrow-s:after {
    content: "\E00E";
}

.k-si-arrow-w:after {
    content: "\E00F";
}

.km-arrowhead-e:after {
    content: "\E010";
}

.km-arrowhead-n:after {
    content: "\E011";
}

.km-arrowhead-s:after {
    content: "\E012";
}

.km-arrowhead-w:after {
    content: "\E013";
}

.km-arrowhead-ew:after {
    content: "\E014";
}

.km-arrowhead-ns:after {
    content: "\E015";
}

.km-move:after {
    content: "\E016";
}

.km-resize:after {
    content: "\E017";
}

.km-resize-45:after {
    content: "\E018";
}

.km-resize-135:after {
    content: "\E019";
}

.km-resize-h:after {
    content: "\E01A";
}

.km-resize-v:after {
    content: "\E01B";
}

.km-refresh:after {
    content: "\E01C";
}

.km-refresh-rev:after {
    content: "\E01D";
}

.k-si-refresh:after {
    content: "\E01E";
}

.k-si-refresh-rev:after {
    content: "\E01F";
}

.km-turn-en:after {
    content: "\E020";
}

.km-turn-es:after {
    content: "\E021";
}

.km-turn-ne:after {
    content: "\E022";
}

.km-turn-nw:after {
    content: "\E023";
}

.km-turn-se:after {
    content: "\E024";
}

.km-turn-sw:after {
    content: "\E025";
}

.km-turn-wn:after {
    content: "\E026";
}

.km-turn-ws:after {
    content: "\E027";
}

.km-uturn-e:after {
    content: "\E028";
}

.km-uturn-e-rev:after {
    content: "\E029";
}

.km-uturn-n:after {
    content: "\E02A";
}

.km-uturn-n-rev:after {
    content: "\E02B";
}

.km-uturn-s:after {
    content: "\E02C";
}

.km-uturn-s-rev:after {
    content: "\E02D";
}

.km-uturn-w:after {
    content: "\E02E";
}

.km-uturn-w-rev:after {
    content: "\E02F";
}

.km-tick-sign:after {
    content: "\E030";
}

.km-close-sign:after {
    content: "\E031";
}

.km-plus-sign:after {
    content: "\E032";
}

.km-minus-sign:after {
    content: "\E033";
}

.k-si-plus-sign:after {
    content: "\E034";
}

.k-si-minus-sign:after {
    content: "\E035";
}

.km-cancel:after {
    content: "\E036";
}

.km-tick:after {
    content: "\E037";
}

.km-close:after {
    content: "\E038";
}

.km-plus:after {
    content: "\E039";
}

.km-minus:after {
    content: "\E03A";
}

.k-si-plus:after {
    content: "\E03B";
}

.k-si-minus:after {
    content: "\E03C";
}

.km-stop:after {
    content: "\E03D";
}

.km-pause:after {
    content: "\E03E";
}

.km-eject:after {
    content: "\E03F";
}

.km-volume-off:after {
    content: "\E040";
}

.km-volume-low:after {
    content: "\E041";
}

.km-volume-high:after {
    content: "\E042";
}

.km-earphones:after {
    content: "\E043";
}

.km-heart:after {
    content: "\E044";
}

.km-heart-empty:after {
    content: "\E045";
}

.km-heart-half:after {
    content: "\E046";
}

.km-star:after {
    content: "\E047";
}

.km-star-empty:after {
    content: "\E048";
}

.km-star-half:after {
    content: "\E049";
}

.km-star-half-empty:after {
    content: "\E04A";
}

.km-chart-column:after {
    content: "\E04B";
}

.km-chart-bar:after {
    content: "\E04C";
}

.km-chart-pie:after {
    content: "\E04D";
}

.km-chart-donut:after {
    content: "\E04E";
}

.km-chart-line:after {
    content: "\E04F";
}

.km-chart-area:after {
    content: "\E050";
}

.km-chart-donut:after {
    content: "\E051";
}

.km-align-left:after {
    content: "\E052";
}

.km-align-center:after {
    content: "\E053";
}

.km-align-right:after {
    content: "\E054";
}

.km-align-justify:after {
    content: "\E055";
}

.km-align-clear:after {
    content: "\E056";
}

.km-bold:after {
    content: "\E057";
}

.km-bold-sans:after {
    content: "\E058";
}

.km-italic:after {
    content: "\E059";
}

.km-italic-sans:after {
    content: "\E05A";
}

.km-underline:after {
    content: "\E05B";
}

.km-underline-sans:after {
    content: "\E05C";
}

.km-strikethrough:after {
    content: "\E05D";
}

.km-strikethrough-sans:after {
    content: "\E05E";
}

.km-font-a:after {
    content: "\E05F";
}

.km-font-a-sans:after {
    content: "\E060";
}

.km-font-t:after {
    content: "\E061";
}

.km-font-t-sans:after {
    content: "\E062";
}

.km-brightness:after {
    content: "\E063";
}

.km-brightness-contrast:after {
    content: "\E064";
}

.km-contrast:after {
    content: "\E065";
}

.km-crop:after {
    content: "\E066";
}

.km-mirror:after {
    content: "\E067";
}

.km-flip-h:after {
    content: "\E068";
}

.km-flip-v:after {
    content: "\E069";
}

.km-rotate:after {
    content: "\E06A";
}

.km-rotate-rev:after {
    content: "\E06B";
}

.km-filter:after {
    content: "\E06C";
}

.km-filter-clear:after {
    content: "\E06D";
}

.km-sort-asc:after {
    content: "\E06E";
}

.km-sort-desc:after {
    content: "\E06F";
}

.km-sort-clear:after {
    content: "\E070";
}

.km-indent:after {
    content: "\E071";
}

.km-outdent:after {
    content: "\E072";
}

.km-hyperlink:after {
    content: "\E073";
}

.km-hyperlink-clear:after {
    content: "\E074";
}

.km-hyperlink-ext:after {
    content: "\E075";
}

.k-si-hyperlink-ext:after {
    content: "\E076";
}

.km-ul:after {
    content: "\E077";
}

.k-si-ul:after {
    content: "\E078";
}

.km-paint:after {
    content: "\E079";
}

.km-paste:after {
    content: "\E07A";
}

.km-pencil:after {
    content: "\E07B";
}

.km-image:after {
    content: "\E07C";
}

.km-image-add:after {
    content: "\E07D";
}

.km-print:after {
    content: "\E07E";
}

.km-zoom:after {
    content: "\E07F";
}

.km-zoom-in:after {
    content: "\E080";
}

.km-zoom-out:after {
    content: "\E081";
}

.km-asterisk:after {
    content: "\E082";
}

.km-clip:after {
    content: "\E083";
}

.km-clip-45:after {
    content: "\E084";
}

.km-qrcode:after {
    content: "\E085";
}

.km-book:after {
    content: "\E086";
}

.km-bookmark:after {
    content: "\E087";
}

.km-briefcase:after {
    content: "\E088";
}

.km-calendar:after {
    content: "\E089";
}

.km-camera-still:after {
    content: "\E08A";
}

.km-camera-video:after {
    content: "\E08B";
}

.km-certificate:after {
    content: "\E08C";
}

.km-clock:after {
    content: "\E08D";
}

.km-cloud:after {
    content: "\E08E";
}

.km-collapse:after {
    content: "\E08F";
}

.km-columns:after {
    content: "\E090";
}

.km-comment:after {
    content: "\E091";
}

.km-comment-empty:after {
    content: "\E092";
}

.km-comments:after {
    content: "\E093";
}

.km-comments-empty:after {
    content: "\E094";
}

.km-credit-card:after {
    content: "\E095";
}

.km-download:after {
    content: "\E096";
}

.km-draghandle:after {
    content: "\E097";
}

.k-si-draghandle:after {
    content: "\E098";
}

.km-envelop:after {
    content: "\E099";
}

.km-envelop-open:after {
    content: "\E09A";
}

.km-eye:after {
    content: "\E09B";
}

.km-file:after {
    content: "\E09C";
}

.km-file-add:after {
    content: "\E09D";
}

.km-film:after {
    content: "\E09E";
}

.km-flag:after {
    content: "\E09F";
}

.km-folder-add:after {
    content: "\E0A0";
}

.km-folder:after {
    content: "\E0A1";
}

.km-folder-open:after {
    content: "\E0A2";
}

.km-folder-up:after {
    content: "\E0A3";
}

.km-gear:after {
    content: "\E0A4";
}

.k-si-gear:after {
    content: "\E0A5";
}

.km-transmit:after {
    content: "\E0A6";
}

.km-beer:after {
    content: "\E0A7";
}

.km-cocktail:after {
    content: "\E0A8";
}

.km-coffee:after {
    content: "\E0A9";
}

.km-wine:after {
    content: "\E0AA";
}

.km-grid:after {
    content: "\E0AB";
}

.km-thumbs:after {
    content: "\E0AC";
}

.km-split-h:after {
    content: "\E0AD";
}

.km-split-v:after {
    content: "\E0AE";
}

.km-home:after {
    content: "\E0AF";
}

.km-inbox:after {
    content: "\E0B0";
}

.km-key:after {
    content: "\E0B1";
}

.km-login:after {
    content: "\E0B2";
}

.km-logout:after {
    content: "\E0B3";
}

.km-place:after {
    content: "\E0B4";
}

.km-megaphone:after {
    content: "\E0B5";
}

.km-note:after {
    content: "\E0B6";
}

.km-pin:after {
    content: "\E0B7";
}

.km-unpin:after {
    content: "\E0B8";
}

.km-power:after {
    content: "\E0B9";
}

.km-progress-bars:after {
    content: "\E0BA";
}

.km-road:after {
    content: "\E0BB";
}

.km-rss:after {
    content: "\E0BC";
}

.km-floppy:after {
    content: "\E0BD";
}

.km-sitemap:after {
    content: "\E0BE";
}

.km-tag-45:after {
    content: "\E0BF";
}

.km-tag-h:after {
    content: "\E0C0";
}

.km-thunderbolt:after {
    content: "\E0C1";
}

.km-tooltip:after {
    content: "\E0C2";
}

.km-trash:after {
    content: "\E0C3";
}

.km-trophy:after {
    content: "\E0C4";
}

.km-ungroup:after {
    content: "\E0C5";
}

.km-upload:after {
    content: "\E0C6";
}

.km-window:after {
    content: "\E0C7";
}

.km-tiles:after {
    content: "\E0C8";
}

.km-wrench:after {
    content: "\E0C9";
}

.km-action:after {
    content: "\E0CA";
}

.km-add:after {
    content: "\E0CB";
}

.km-add-inv:after {
    content: "\E0CC";
}

.km-armchair:after {
    content: "\E0CD";
}

.km-battery:after {
    content: "\E0CE";
}

.km-book-open:after {
    content: "\E0CF";
}

.km-camera:after {
    content: "\E0D0";
}

.km-cart:after {
    content: "\E0D1";
}

.km-time:after {
    content: "\E0D2";
}

.km-coffee-card:after {
    content: "\E0D3";
}

.km-download-arrow:after {
    content: "\E0D4";
}

.km-edit:after {
    content: "\E0D5";
}

.km-faves:after {
    content: "\E0D6";
}

.km-star:after {
    content: "\E0D7";
}

.km-featured:after {
    content: "\E0D8";
}

.km-forward:after {
    content: "\E0D9";
}

.km-cog:after {
    content: "\E0DA";
}

.km-globe:after {
    content: "\E0DB";
}

.km-globe-inv:after {
    content: "\E0DC";
}

.km-house:after {
    content: "\E0DD";
}

.km-info:after {
    /*content: "\E0DE";*/
}

.km-share:after {
    content: "\E0DF";
}

.km-more-h:after {
    content: "\E0E0";
}

.km-more-v:after {
    content: "\E0E1";
}

.km-next:after {
    content: "\E0E2";
}

.km-map-pin:after {
    content: "\e0b4";
}

.km-previous:after {
    content: "\E0E2";
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.km-pause-a:after {
    content: "\E0E3";
}

.km-user:after {
    content: "\E0E4";
}

.km-play-a:after {
    content: "\E0E5";
}

.km-refresh-a:after {
    content: "\E0E6";
}

.km-reset:after {
    content: "\E0E7";
}

.km-rewind:after {
    content: "\E0E8";
}

.km-search-a:after {
    content: "\E0E9";
}

.km-stop-a:after {
    content: "\E0EA";
}

.km-tiles-a:after {
    content: "\E0EB";
}

.km-trash-a:after {
    content: "\E0EC";
}

.km-undo:after {
    content: "\E0ED";
}

.km-redo:after {
    content: "\E0EE";
}

.km-volume-a:after {
    content: "\E0EF";
}

.km-wifi:after {
    content: "\E0F0";
}

.km-more-lines:after {
    content: "\E0F1";
}

.km-pull-to-ref:after {
    content: "\E0F2";
}

.km-loading-android:after {
    content: "\E0F3";
}

.km-loading-blackberry:after {
    content: "\E0F4";
}

.km-loading-meego:after {
    content: "\E0F5";
}

.km-loading-custom:after {
    content: "\E0F6";
}

.km-loading-ios:after {
    content: "\E0F7";
}

.km-bug:after {
    content: "\E0F8";
}

.km-info:after {
    content: "\E0F9";
}

.km-warning:after {
    content: "\E0FA";
}

.km-question:after {
    content: "\E0FB";
}

.km-insert-n:after {
    content: "\E0FC";
}

.km-insert-m:after {
    content: "\E0FD";
}

.km-insert-s:after {
    content: "\E0FE";
}

.km-lock:after {
    content: "\E0FF";
}

.km-unlock:after {
    content: "\E100";
}

.km-phone2:not(html):after {
    content: "\E101";
}

.km-tablet:not(html):after {
    content: "\E102";
}

.km-ol:after {
    content: "\E103";
}

.km-barcode:after {
    content: "\E104";
}

.km-html5:after {
    content: "\E105";
}

.km-css3:after {
    content: "\E106";
}

.km-kendoui:after {
    content: "\E107";
}

.km-telerik:after {
    content: "\E108";
}

.km-icenium:after {
    content: "\E109";
}

.km-sitefinity:after {
    content: "\E10A";
}

.km-twitter:after {
    content: "\E10B";
}

.km-linkedin:after {
    content: "\E10C";
}

.km-facebook:after {
    content: "\E10D";
}

.km-pinterest:after {
    content: "\E10E";
}

.km-youtube:after {
    content: "\E10F";
}

.km-vimeo:after {
    content: "\E110";
}

.km-behance:after {
    content: "\E111";
}

.km-dribbble:after {
    content: "\E112";
}

.km-googleplus:after {
    content: "\E113";
}

.km-minimize:after {
    content: "\E114";
}

.km-html:after {
    content: "\E115";
}

.km-group:after {
    content: "\E116";
}

.km-subscript:after {
    content: "\E117";
}

.km-superscript:after {
    content: "\E118";
}

.km-drophere:after {
    content: "\E119";
}

.km-contactadd:after, .km-rowinsert:after {
    content: "\E039";
}

.km-rowdelete:after {
    content: "\E03a";
}

.km-detaildisclose:after {
    content: "\E0E2";
}

.km-action:after {
    content: "\e0ca";
}

.km-add:after {
    content: "\e0cb";
}

.km-battery:after {
    content: "\e0ce";
}

.km-bookmarks:after {
    content: "\e0cf";
}

.km-camera:after {
    content: "\e0d0";
}

.km-cart:after {
    content: "\e0d1";
}

.km-edit:after, .km-compose:after {
    content: "\e0d5";
}

.km-contacts:after {
    content: "\e0e4";
}

.km-trash:after, .km-delete:after {
    content: "\e0ec";
}

.km-details:after {
    content: "\e0e2";
}

.km-download:after, .km-downloads:after {
    content: "\e0d4";
}

.km-fastforward:after {
    content: "\e0d9";
}

.km-toprated:after, .km-favorites:after {
    content: "\e0d7";
}

.km-featured:after {
    content: "\e0d8";
}

/*.km-globe:after {
    content: "\e0dc";
}*/

.km-history:after {
    content: "\e0e7";
}

.km-home:after {
    content: "\e0dd";
}

.km-info:after, .km-about:after {
    content: "\e0de";
}

.km-more:after {
    content: "\e0e0";
}

.km-mostrecent:after {
    content: "\e0cc";
}

.km-mostviewed:after {
    content: "\e0d6";
}

.km-organize:after {
    content: "\e0eb";
}

.km-pause:after {
    content: "\e0e3";
}

.km-play:after {
    content: "\e0e5";
}

.km-recents:after {
    content: "\e0d2";
}

.km-refresh:after {
    content: "\e0e6";
}

.km-reply:after {
    content: "\e0ed";
}

.km-rewind:after {
    content: "\e0e8";
}

.km-search:after {
    content: "\e0e9";
}

.km-settings:after {
    content: "\e0da";
}

.km-share:after {
    content: "\e0df";
}

.km-sounds:after, .km-volume:after {
    content: "\e0ef";
}

.km-stop:after {
    content: "\e0ea";
}

.km-wifi:after {
    content: "\e0f0";
}

.km-phone:not(html):after {
    content: "\e326";
}

.km-ios7-action:after {
    content: "\E200";
}

.km-ios7-add:after {
    content: "\E200";
}

.km-ios7-add-inv:after {
    content: "\E201";
}

.km-ios7-armchair:after {
    content: "\E202";
}

.km-ios7-battery:after {
    content: "\E203";
}

.km-ios7-book-open:after {
    content: "\E204";
}

.km-ios7-camera:after {
    content: "\E205";
}

.km-ios7-cart:after {
    content: "\E206";
}

.km-ios7-time:after {
    content: "\E207";
}

.km-ios7-coffee-card:after {
    content: "\E208";
}

.km-ios7-download-arrow:after {
    content: "\E209";
}

.km-ios7-edit:after {
    content: "\E20A";
}

.km-ios7-faves:after {
    content: "\E20B";
}

.km-ios7-star:after {
    content: "\E20C";
}

.km-ios7-featured:after {
    content: "\E20D";
}

.km-ios7-forward:after {
    content: "\E20E";
}

.km-ios7-cog:after {
    content: "\E20F";
}

.km-ios7-globe:after {
    content: "\E210";
}

.km-ios7-globe-inv:after {
    content: "\E211";
}

.km-ios7-house:after {
    content: "\E212";
}

.km-ios7-info:after {
    content: "\E213";
}

.km-ios7-share:after {
    content: "\E214";
}

.km-ios7-more-h:after {
    content: "\E215";
}

.km-ios7-more-v:after {
    content: "\E216";
}

.km-ios7-next:after {
    content: "\E217";
}

.km-ios7-pause-a:after {
    content: "\E218";
}

.km-ios7-user:after {
    content: "\E219";
}

.km-ios7-play-a:after {
    content: "\E21A";
}

.km-ios7-refresh-a:after {
    content: "\E21B";
}

.km-ios7-reset:after {
    content: "\E21C";
}

.km-ios7-rewind:after {
    content: "\E21D";
}

.km-ios7-search-a:after {
    content: "\E21E";
}

.km-ios7-stop-a:after {
    content: "\E21F";
}

.km-ios7-tiles-a:after {
    content: "\E220";
}

.km-ios7-trash-a:after {
    content: "\E221";
}

.km-ios7-undo:after {
    content: "\E222";
}

.km-ios7-redo:after {
    content: "\E223";
}

.km-ios7-volume-a:after {
    content: "\E224";
}

.km-ios7-wifi:after {
    content: "\E225";
}

.km-ios7-phone:after {
    content: "\E226";
}

.km-ios7-action-fill:after {
    content: "\E300";
}

.km-ios7-add-fill:after {
    content: "\E300";
}

.km-ios7-add-inv-fill:after {
    content: "\E301";
}

.km-ios7-armchair-fill:after {
    content: "\E302";
}

.km-ios7-battery-fill:after {
    content: "\E303";
}

.km-ios7-book-open-fill:after {
    content: "\E304";
}

.km-ios7-camera-fill:after {
    content: "\E305";
}

.km-ios7-cart-fill:after {
    content: "\E306";
}

.km-ios7-time-fill:after {
    content: "\E307";
}

.km-ios7-coffee-card-fill:after {
    content: "\E308";
}

.km-ios7-download-arrow-fill:after {
    content: "\E309";
}

.km-ios7-edit-fill:after {
    content: "\E30A";
}

.km-ios7-faves-fill:after {
    content: "\E30B";
}

.km-ios7-star-fill:after {
    content: "\E30C";
}

.km-ios7-featured-fill:after {
    content: "\E30D";
}

.km-ios7-forward-fill:after {
    content: "\E30E";
}

.km-ios7-cog-fill:after {
    content: "\E30F";
}

.km-ios7-globe-fill:after {
    content: "\E310";
}

.km-ios7-globe-inv-fill:after {
    content: "\E311";
}

.km-ios7-house-fill:after {
    content: "\E312";
}

.km-ios7-info-fill:after {
    content: "\E313";
}

.km-ios7-share-fill:after {
    content: "\E314";
}

.km-ios7-more-h-fill:after {
    content: "\E315";
}

.km-ios7-more-v-fill:after {
    content: "\E316";
}

.km-ios7-next-fill:after {
    content: "\E317";
}

.km-ios7-pause-a-fill:after {
    content: "\E318";
}

.km-ios7-user-fill:after {
    content: "\E319";
}

.km-ios7-play-a-fill:after {
    content: "\E31A";
}

.km-ios7-refresh-a-fill:after {
    content: "\E31B";
}

.km-ios7-reset-fill:after {
    content: "\E31C";
}

.km-ios7-rewind-fill:after {
    content: "\E31D";
}

.km-ios7-search-a-fill:after {
    content: "\E31E";
}

.km-ios7-stop-a-fill:after {
    content: "\E31F";
}

.km-ios7-tiles-a-fill:after {
    content: "\E320";
}

.km-ios7-trash-a-fill:after {
    content: "\E321";
}

.km-ios7-undo-fill:after {
    content: "\E322";
}

.km-ios7-redo-fill:after {
    content: "\E323";
}

.km-ios7-volume-a-fill:after {
    content: "\E324";
}

.km-ios7-wifi-fill:after {
    content: "\E325";
}

.km-ios7-phone-fill:after {
    content: "\E326";
}


/****************** CALENDAR *******************/
#Calendar {
    height: 100%;
}

#calendar2 {
    width: 100%;
    border: 0;
}

    #calendar2 table {
        border-collapse: collapse;
    }

    #calendar2 td,
    #calendar2 th {
        text-align: center;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 1px solid #efe0d5;
    }

.km-root .k-widget.k-calendar .k-nav-prev, .km-root .k-widget.k-calendar .k-nav-next {
    top: 0.1em;
}

.k-calendar .k-header, .k-calendar .k-footer {
    border: 1px solid #d5e1ef;
}
/*// #Calendar .km-content,*/
#calendar2 .k-content {
    background-color: white;
}


#calendar2 .k-state-hover {
    background-color: #cccccc #fadada;
}

#calendar2 .hasEvent:not(.k-state-selected):not(.k-state-hover) {
    background-color: #f7ca9c;
}

#calendar2 .hasEvent.k-other-month:not(.k-state-selected):not(.k-state-hover) {
    background-color: #ebe3d7;
}

#Calendar li {
    border-bottom: 1px solid #bac4d0;
}

.stm-calendar-helper {
    text-align: center;
    border-top: 1px solid #d5e1ef;
    color: #385487;
    background-color: #F3F3F4;
}

.km-ios .km-collapsible .km-collapsible-header {
    line-height: 2.4em;
    background-color: white;
}

    .km-ios .km-collapsible .km-collapsible-header h3 {
        font-weight: normal;
    }


    .km-ios .km-collapsible .km-collapsible-header .km-icon {
        /*top: 50%;
        margin-top: -0.5em;*/
        /*left: auto;
        right: .2em;*/
        font-size: 1.5em;
        color: #ED8010;
    }

.km-ios .km-listview.km-listinset.stm-soft-border {
    border: 0;
    box-shadow: rgb(219, 219, 219) 0px 0px 7px 1px;
}

.km-ios .stm-help-collapsible {
    margin: -0.5em -0.7em;
    /*font-size: 0.8em;*/
}

    .km-ios .stm-help-collapsible,
    .km-ios .stm-help-collapsible.km-collapsible .km-collapsible-header .km-icon {
        color: #11abf8;
    }

        .km-ios .stm-help-collapsible .km-collapsible-header,
        .km-ios .stm-help-collapsible .km-collapsible-content {
            box-shadow: none;
        }

        .km-ios .stm-help-collapsible .km-collapsible-content {
            background-color: white;
            /*padding: .4em 20px;*/
            font-weight: normal;
            color: #000;
        }

        .km-ios .stm-help-collapsible p:first-child {
            margin-top: 0;
        }

.orange-font {
    color: #ed8010;
}

.stm-client-summary .stm-client-downloaded-status {
    float: right;
    padding-left: 5px;
}


.km-ios .stm-client-summary .stm-arrow-down {
    margin: 0;
    /*position:absolute;*/
    /*bottom:0;
    left:0;
    right:0;*/
    display: block;
    text-align: center;
    height: 15px;
    margin-bottom: -5px;
}

    .km-ios .stm-client-summary .stm-arrow-down .km-icon.km-arrow-s {
        color: rgb(182, 182, 182);
    }

.km-ios .stm-client-summary .expanded .stm-arrow-down .km-icon.km-arrow-s:before {
    content: none;
}

.km-ios .stm-client-summary .expanded .stm-arrow-down .km-icon.km-arrow-s:after {
    content: "\E001";
}

.km-ios .stm-client-summary .stm-client-summary-details {
    display: none;
    /*background-color:#e6e6e6;*/
}

.km-ios .stm-client-summary .expanded .stm-client-summary-details {
    display: block;
}


.km-ios .km-listview.stm-listview-header li {
    color: white;
    background-color: transparent;
}

    .km-ios .km-listview.stm-listview-header li input[type=checkbox] {
        right: auto;
        left: .7em;
    }

        .km-ios .km-listview.stm-listview-header li input[type=checkbox],
        .km-ios .km-listview.stm-listview-header li input[type=checkbox]:checked {
            border-color: whitesmoke;
        }

            .km-ios .km-listview.stm-listview-header li input[type=checkbox]:before {
                color: white;
            }

    .km-ios .km-listview.stm-listview-header li .km-listview-label-checkbox {
        padding-right: 0;
        padding-left: 2em;
    }

.km-ios .km-listview .km-listview-link:before {
    content: none;
}

.km-ios .km-listview .km-listview-link:after {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 50%);
    clip-path: polygon(0 100%, 0 0, 100% 50%);
    -webkit-transform: none;
    transform: none;
    background-color: #bbb;
    display: block;
    border: 0;
    font-size: 1px;
    margin-top: -10px;
    height: 20px;
    width: 5px;
    right: 3px;
}

.km-ios .km-state-active .km-listview-link:after {
    background-color: #fff;
}

.stm-clients-view .search-input {
    padding-right: 50px;
}

#PictureView .km-content {
    background-color: #444;
}

#PictureView .stm-picture-error {
    background: #E6E6E6;
    height: 100%;
    padding: 0 20px;
}

#PictureView .km-scroll-container {
    position: absolute;
}

#PictureView .stm-picture-container {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
}

#PictureView .km-shim.km-modalview-root .k-animation-container {
    max-width: 90%;
}

.addjob-client-label {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 40%;
    white-space: normal;
    min-height: 1.6em;
}

.addjob-client-label > *:first-child {
    margin-right: 4px;
}

.km-ios .addjob-client-label .km-button.stm-round-button,
.km-ios .addjob-client-label .km-button.km-widget.stm-round-button:not(.km-state-active):active,
.km-ios .addjob-client-label .km-button.stm-round-button:active {
    display: inline-block;
    font-size: 1em;
}

.km-root .km-ios li.stm-lineitem-dragging {
    background: #0260E8;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0,rgba(255,255,255,0.28)), color-stop(0.5,rgba(255,255,255,0.1)), color-stop(1,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,0.28),rgba(255,255,255,0.1) 50%,rgba(255,255,255,0));
    color: #fff;
}


ul.preview-transaction {
    margin: 0 12px;
}

ul.preview-transaction li {
    padding-top: 0;
    padding-bottom: 0;
}

.km-ios ul.preview-transaction li{
    font-weight: normal;
    line-height: inherit;
}

ul.preview-transaction div.stm-ignore-drawer-swype ul{
    margin: 0;
}

ul.preview-transaction div.stm-ignore-drawer-swype div.km-group-title{
    text-indent: 0; 
    padding: 0 .7em;
    margin-top: 10px
}


ul.preview-transaction li.stm-header-footer div{
    margin: 1em;
}

ul.preview-transaction li.stm-header-footer span{
    white-space: pre-wrap;
    color: #385487;
}

ul.preview-transaction li > div.st-totals{
    border-radius: 8px;
    border: 1px solid #999;
    padding: 1em 0;
}

ul.preview-transaction li > span.col-1{
    min-width: 50%; 
    display: inline-block;
}

ul.preview-transaction li > span.col-2{
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    ul.preview-transaction li > span {
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        align-items: center;
    }
}

.km-ios .stm-tick.checked:before {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    margin-left: -0.25em;
    color: #3E4E65;
    font: 2em/0.2em "Kendo UI";
    content: "\e037";
    margin-top: 0;
}

.km-ios .text-header .stm-tick.checked:before {
    display:inline;
}

.km-ios #TransactionLineItemListView .km-list li input[type="number"] {
    min-width: 3em;
    width: 100px;
    margin-right: 0.5em;
    border-style: solid;
    text-align: right;
    background-color: #fbe0b4;
}

.km-ios ul.lineitem li{
    font-weight: normal;
    max-height:240px;
}

.stm-dialog-message{
    white-space: pre-wrap;
    color:dimgrey
}

.km-root .km-ios .km-shim .km-button.action.cancel {
    background-color: #c3c2c2;
    border-color: #c3c2c2;
}

/*.checkbox-costing-lineitem {
    position:relative;
    display:block;
}


.km-root .km-ios .km-list .checkbox-costing-lineitem  input[type=checkbox] {
    position:static;
}*/

.km-ios ul.timelist > li > ul.km-list{
    border-radius:0;
}

ul.flat-group-border,
.km-ios ul.timelist .km-group-title {   
    background-color: #c9cbce;
    color: #545252;
    text-shadow: none;
    font-size: 1em;
      /*background-color:#999;
    color: white;*/
}

.stop-credit-badge {
    background-color: #ff3800;
    color: white;
    padding: 0.3em 1.2em 0.3em 0.9em;
    border-radius: 1em;
    font-size: 0.7em;
}
    .stop-credit-badge:before {
    content: "Stop Credit";
    }

.signed-badge {
    background-color: #7fb77c;
    color: white;
    padding: 0.5em;
    border-radius: 1em;
    font-size: 0.7em;
}
    .signed-badge:before {
    content: "Signed";
    }

.confirmed-badge {
    background-color: #f7ac1d; 
    color: white;
    padding: 0.5em;
    border-radius: 1em;
    font-size: 0.7em;
}
    .confirmed-badge:before {
    content: "Confirmed";
    }

.exported-badge {
    background-color: #bf0c0c; 
    color: white;
    padding: 0.5em;
    border-radius: 1em;
    font-size: 0.7em;
}
    .exported-badge:before {
    content: "Exported";
    }

.km-ios .k-input {
    color: #385487;
}

@media only screen and (max-width: 600px) {
    div.responsive ul > li > input[type=text]:not(.k-input),
    div.responsive ul > li > input[type=number],
    div.responsive ul > li > input[type=email],
    div.responsive ul > li > select:not([multiple]),
    div.responsive ul > li > span,
    div.responsive ul > li > .stm-input,
    div.responsive ul > li > a:not(.no-responsive)
    {
        display: block;
        width: 100% !important; 
        margin-top: 0.2em;
        position: initial;
    }
}

.km-ios .km-list .km-icon.stm-globe
    {
        margin: -0.1em 0;
        font-size: 35px;
        float:right;
        text-decoration: none;
    }

.stm-globe:after
    {
        color: #ed8010;
        text-decoration: none;
        content: "\E0DC";
    }

.km-root .km-ios .km-content .km-list li.stm-appointment-other,
.km-widget .km-listview-link.stm-appointment-other
{           
    background-color: #c9cbce;
}