@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.content-group .form-control {
    padding: 0;
    display: inline;
    padding: 0 12px;
}

.form-group .v-jointNumericBox {
    padding: 0;
}

.k-grid .form-group .col-xs-12 {
      padding: 0;
}

a.disabled {
    color: #F5F5F5;
}

a.disabled:hover {
    text-decoration: none;
    cursor: default;
}

.table > tbody > tr > td {
    border: none;
}
/*Label shown on header of collapsible panel START*/
.collapsibleheader-label {
    color: #666;
    font-weight: bold;
    margin-bottom: 2px;
}

.bs-callout.bs-callout-info {
    color: #111;
    font-weight: bold;
    margin-right: 15px;
}
/*Label shown on header of collapsible panel END*/

/*Horizontal bar between fieldset on collapisible header - START*/
.bs-callout-info {
    border-color: #d9534f;
}

.bs-callout {
    margin: 10px 0;
}
/*Horizontal bar between fieldset on collapisible header - END*/

/*Remove scrollbar from grid - START*/
.k-grid .k-grid-header {
    padding: 0 !important;
}

.k-grid-content {
    min-height: 41px;
}

.k-grid .k-grid-content {
    overflow-y: visible;
}
/*Remove scrollbar from grid - END*/

/*Enable title on grid header to wrap - START*/
.k-grid .k-grid-header .k-header .k-link {
    white-space: normal;
}

/*
    Dev: Edmel
    Changes:
    - Added right margin except last item of the header
*/
.k-grid .k-grid-header .k-header:not(:last-child) {
    height: auto;
    border-right: 1px solid #ccc;
}

/*Enable title on grid header to wrap - END*/

#layoutMasterBreadcrumb .active {
    font-weight: bold;
    font-size: 14px;
}

/*Used on numeric box*/
.v-qtyNumericBox {
    visibility: hidden;
}

.v-qtyNumericBoxSpin {
    visibility: hidden;
}

.v-jointNumericBox {
    visibility: hidden;
    padding: 0;
}

.v-qtyNumericBoxKendo {
    visibility: hidden;
}

.v-qtyNumericBoxSpinKendo {
    visibility: hidden;
}

.v-jointNumericBoxKendo {
    visibility: hidden;
}

.ui-keyboard div {
    /*padding-bottom: 1.2em;*/
    font-family: 'Lato', Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 2px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.60);
}

div.ui-keyboard {
    position: relative;
}

    /*replace the content value with the 
corresponding value from the list below*/

    div.ui-keyboard:before {
        position: absolute;
        display: inline-block;
        content: "\f0b2"; /* arrows (all directions) f0b2 is arrows in font awesome 5 free*/
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        text-decoration: inherit;
        background-color: orange;
        color: #ffffff;
        text-align: center;
        vertical-align: baseline;
        height: 18px;
        width: 20px;
        line-height: 18px;
        bottom: 8px;
        left: 8px;
        border-radius: 4px;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

input.ui-keyboard-preview {
    width: 70%;
}

.ui-keyboard-button {
    font-size: 1em;
    border-radius: 4px;
    height: 4em;
    border: 0;
    width: 4.5em;
    margin: 2px;
    cursor: pointer;
    background-color: #ffffff;
}

    .ui-keyboard-button > span {
        font-size: 1.2em;
    }

.ui-keyboard-clear {
    background-color: #e5e5e5;
}

.ui-keyboard-left {
    background-color: #e5e5e5;
}

.ui-keyboard-right {
    background-color: #e5e5e5;
}

.ui-keyboard-bksp {
    background-color: #e5e5e5;
}

.ui-keyboard-widekey.ui-keyboard-actionkey {
    background-color: #e5e5e5;
}

.ui-keyboard-spacer {
    background-color: transparent;
    display: inline;
    margin-left: 2.25em;
}

.ui-keyboard-space {
    width: 30%;
}

.ui-keyboard-enter {
    width: 6em;
}

.ui-keyboard-tab {
    width: 6em;
}

.ui-keyboard-button:active {
    background-color: orange;
    color: #ffffff;
}

/*------------ Jquery Unobtrusive ------------*/
.field-validation-error, .alert.alert-danger {
    color: #b94a48;
    /**display: inline;*/
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.field-validation-success, .alert.alert-success {
    color: #47a447;
    /*display: inline-block;
    *display: inline;*/
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

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

.input-validation-error {
    background-color: #ffeeee;
    color: #b94a48;
    border-color: #b94a48;
}

    .input-validation-error:focus {
        border-color: #953b39;
        -webkit-box-shadow: 0 0 6px #d59392;
        -moz-box-shadow: 0 0 6px #d59392;
        box-shadow: 0 0 6px #d59392;
    }
/*------------------- Kendo UI Styling Overrides -------------*/
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #B2A25C;
}
.k-i-more-vertical:before {
    background: none;
    content: "\f0b0";
    font-family: FontAwesome;
}

.k-grid, .k-scheduler, .k-menu, .k-editor {
    border-radius: 0px;
}

.k-pager-nav.k-pager-first,
.k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 0px;
}

.k-pager-nav,
.k-pager-numbers > li > .k-state-selected {
    padding: 3px;
}

.k-pager-numbers > li > .k-link {
    padding: 3px;
}

.k-widget, .k-block, .k-inline-block, .k-draghandle {
    border-style: none;
    border-width: 0px;
}

.k-grid thead > tr > th {
    border-bottom: 1px solid #CCC;
    color: #333;
    background-color: #EEE;
    background-image: none;
}

.k-grid-header .k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    padding: 0.6em 0.6em 0.6em 0.6em;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .k-grid-header .k-header span.normal {
        font-weight: normal;
    }

.k-grid-header .k-link .nowrap {
    white-space: nowrap;
}

.k-grid td {
    /*padding: 2px;*/
    border-style: solid;
    border-color: #DADADA;
    word-break: break-word;
}

.k-grid tr td {
    border-width: 0px 0px 0px 1px;
}

tr.k-state-selected a {
    color: #fff;
}

.k-widget.k-dropdown {
    display: block;
}

.k-pager-sizes > .k-widget.k-dropdown {
    /*isplay: inherit;*/
    color: #333;
    margin-top: -1px;
}

    .k-pager-sizes > .k-widget.k-dropdown > .k-dropdown-wrap {
        min-height: 26px;
    }

.k-pager-sizes {
    color: #333;
}

.k-grid-header-wrap {
    border-style: none;
    border-bottom: solid 1px #ccc;
}

th.k-grid-header {
    border-right: solid 1px #ccc;
    font-weight: bold;
    color: #333;
    background-color: #eee;
    background-image: none;
    font-weight: 400;
    padding: 0.5em 0.6em 0.4em;
}

.k-grid-header th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.k-grid-header {
    padding-right: 0px !important;
    border-bottom: none;
}

.k-state-selected {
    background-color: transparent !important;
    border-width: 1px 0 1px 1px !important;
    border-color: #ccc !important;
    color: #B2A25C !important;
}

    .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color {
        color: #FFF;
        background-color: #B2A25C;
        border-color: #B2A25C;
    }

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #aaa;
}

.k-window-actions > .k-state-hover,
.k-window-actions > .k-state-hover:hover {
    background-color: transparent;
    border: none;
    color: #666;
}

.k-header > .k-grid-filter {
    padding-left: 10px;
    padding-right: 12px;
}

a.k-grid-filter {
    cursor: pointer;
}

.k-grid-filter.k-state-active {
    border-color: #EEE;
    background-color: #EEE;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .k-grid-filter.k-state-active span {
        background-color: #f8a669;
        border-radius: 8px;
        background-position: -33px -80px;
        width: 15px;
        height: 15px;
    }

.k-pager-wrap {
    border-top: solid 1px #ccc;
    background-color: #eee;
}

.k-widget, .k-button {
    box-shadow: none;
}

.k-grid tbody tr:hover {
    cursor: default;
}

.k-grid-header th.k-header {
    text-overflow: clip;
}

.k-grid-header th a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

.k-grid td {
    text-overflow: clip !important;
}

.k-grid-header .k-header .k-link {
    margin: 0;
    padding: 0px 0px 0px 0px;
}

    .k-grid-header .k-header .k-link.sortable:after {
        content: "\f0dc"; /* sort */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        padding-left: 5px;
    }

.k-popup .k-list .k-item {
    padding: 5px 10px;
}

.k-popup .k-list .k-state-hover {
    padding: 5px 10px;
    border: none;
}

.k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    border: none;
}

/*------------ Kendo Calendar overwrite -----------*/

.k-hierarchy-col {
    width: 34px;
}

.k-today.k-state-focused {
    box-shadow: none;
}

td.k-state-focused {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-state-focused {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    border: none;
    box-shadow: none;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border: none;
}

.k-popup .k-list .k-state-hover {
    background: #eff0f2;
    border: none;
    box-shadow: none;
}
/*------- buttons ----------*/

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #B2A25C !important;
    border-color: #B2A25C !important;
}

.k-button {
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    background-color: #ccc;
    color: #666;
}

    .k-button:hover {
        background-color: #bcbcbc;
        color: #575757;
        border: none;
    }

.btn-clear {
    background-color: #F0F0F2;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

    .btn-clear:hover,
    .btn-clear:focus {
        background-color: white;
        color: #B2A25C;
        background-position: 0 -15px;
        border-color: #CCCCCC;
        box-shadow: 0 0 0 0.2rem rgba(178, 162, 92, .25)
    }

.btn-clear:focus {
    outline: 1px solid #B2A25C !important;
}

    .btn-clear:active,
    .btn-clear.active {
        background: var(--white);
        border-color: #b2a25c !important;
        color: #b2a25c !important;
    }

    .btn-clear:disabled,
    .btn-clear[disabled] {
        background-color: #2aabd2;
        background-image: none;
    }

.k-tabstrip .k-tabstrip-items .k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:active,
.k-state-disabled .k-button:active {
    color: #575757;
    border-color: none;
    background-image: none;
    background-color: #bcbcbc;
}

.col-md-4.details-table {
    padding-right: 0;
    z-index: 2;
    border-collapse: collapse;
}

    .col-md-4.details-table td {
        /*padding-bottom: 5px;*/
        /*padding-top: 5px;*/
        /*padding-left: .2em;*/
        padding: 0;
    }

.notes-header {
    border-top: 0;
    padding: 5px 15px;
    margin: 30px 15px 0px;
}

#noteListView dl {
    margin-bottom: 10px;
}

.col-sm-7.right .closeGlobalDialogLink {
    margin-right: 0;
}

.button-div-notes {
    width: 30%;
    float: left;
}

.k-window-titlebar.k-header.k-upload {
    margin-top: 0;
    height: 1.7em;
}

.k-icon.k-i-close.close {
    background-image: url('Bootstrap/sprite.png');
    background-position: -32px -16px;
}

.btn-link, .k-state-default a.k-link:link {
    color: #B2A25C;
    outline: 0;
}

.k-state-default.k-state-active a.k-link:link {
    color: #333;
}

.content-group.k-block {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 0 0;
    border-radius: 0px;
}

.k-widget.k-tooltip {
    background-color: #fff;
    border-color: #000;
    color: #000;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #999999;
}

.k-tooltip-closable .k-tooltip-content {
    font-size: 12px;
}

.k-callout-s {
    border-top-color: #fff;
    bottom: -11px;
}

.grey-gradient-no-sub-styles {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0px 0px 5px 5px;
    background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax */
    -webkit-box-shadow: 0 8px 6px -6px #d8d8da;
    -moz-box-shadow: 0 8px 6px -6px #d8d8da;
    box-shadow: 0 8px 6px -6px #d8d8da;
    float: left;
    font-size: 12px;
}


.grey-gradient {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0px 0px 5px 5px;
    background: -webkit-linear-gradient(#fff, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f1f1f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f1f1f1); /* Standard syntax */
    -webkit-box-shadow: 0 8px 6px -6px #d8d8da;
    -moz-box-shadow: 0 8px 6px -6px #d8d8da;
    box-shadow: 0 8px 6px -6px #d8d8da;
    float: left;
    font-size: 12px;
}

    .grey-gradient:nth-of-type(2) {
        margin-right: 15px;
    }

.col-xxsm-1 {
    width: 6.3333%;
}

.grey-gradient .col-sm-12, .adjustmentTypeCont .col-sm-10 {
    padding: 0;
}

.grey-gradient dl.inline {
    width: 19%;
}

.width-49 {
    width: 49%;
    float: left;
}

td.arrow-td i {
    color: #B2A25C;
    cursor: pointer;
}

.toggleAll {
    cursor: pointer;
}


/*--------------------------------------------- TALLY REPORTS -----------------------------------------*/
.sideBar-reports {
    background-color: #757479;
    position: fixed;
    height: 100%;
    border-right: 3px solid #a5a5a7;
    top: 0;
    padding-top: 100px;
}


@media (max-width:767px ) {
    .sideBar-reports {
        background-color: #757479;
        position: relative;
        height: 100%;
        border-right: none;
        border-bottom: 3px solid #a5a5a7;
        top: 0;
        padding-top: 0;
    }
}






.sideBar-reports label {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: -1px;
}

.sideBar-reports span {
    display: block;
    color: #fff;
    font-size: 14px;
    /*padding-bottom: 6px;*/
    top: -5px;
    position: relative;
    word-break: break-word;
}

.sideBar-reports a {
    margin-top: 8px;
}

    .sideBar-reports a.goBack {
        margin-top: 0;
        clear: both;
        margin-bottom: 8px;
    }

.sideBar-reports hr {
    margin-top: 0;
    margin-bottom: 8px;
}

.sideBar-reports span {
    min-height: 22px;
}

.orderHeader {
    /*background-color:#f3f3f5;*/
    background: -webkit-linear-gradient(left, #f3f3f5, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f3f3f5, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f3f3f5, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f3f3f5, #fff); /* Standard syntax (must be last) */
    padding: 15px 15px 0 15px;
    margin-bottom: 15px;
}


    .orderHeader span, .summary-row dd {
        clear: both;
        color: #111;
        font-size: 19px;
        top: -5px;
        position: relative;
    }

    .orderHeader .col-md-4 {
        padding-bottom: 10px;
    }


    .orderHeader .col-md-12 span {
        min-height: 22px;
        display: block;
    }

.container-right {
    left: -7px;
    position: relative;
    top: -11px;
    margin-right: -15px;
}

    .container-right label {
        color: #656567;
        font-weight: normal;
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        margin: 0;
    }

    .container-right .inline {
        padding-left: 0;
    }

    .container-right .k-grid {
        margin-top: 20px;
    }

    .container-right .inline dt {
        font-size: 11px;
    }

    .container-right .inline dd {
        font-size: 15px;
    }

    .container-right .inline45 dd {
        font-size: 15px;
    }

    .container-right .inlineDouble dd {
        font-size: 15px;
    }

    .container-right .batchShipping {
        padding-top: 20px;
        display: block;
    }

    .container-right h5.headline {
        width: 100%;
        font-size: 16px;
        padding-bottom: 10px;
    }

.wo-additionalInfo span {
    font-size: 15px;
}

.lof-info .col-md-4, .lof-info .col-lg-4, .lof-info .col-md-3 {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 10px;
}

    .lof-info .col-md-4:last-child, .lof-info .col-lg-4:last-child, .lof-info.second .col-md-4:nth-child(2n), .lof-info .col-md-3:last-child {
        border-right: 0;
    }

#receivingTally .lof-info .col-md-4, #receivingTally .lof-info .col-lg-4, .lof-info .col-md-3 {
    min-height: 48px;
}

#receivingTally .lof-info.first .col-md-4, #receivingTally .lof-info.first .col-lg-4 {
    min-height: 105px;
}

.lof-info.first .col-md-4, .lof-info.first .col-lg-4, .lof-info.first, .lof-info .col-md-3 {
    align-items: stretch;
}

.lof-info .col-md-4:first-child, .lof-info .col-lg-4:first-child, .lof-info.comments .col-lg-4:first-child {
    padding-left: 0 !important;
}

.lof-info.first .col-md-4 dd {
    margin-bottom: 10px;
}

.lof-info.comments {
    display: flex;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}

#receivingTally .lof-info.comments {
    margin-top: -5px;
}

.summary-row {
    border-top: 2px solid #ccc;
    background-color: #eff0f2;
    display: block;
    clear: both;
    min-height: 70px;
}

    .summary-row .col-md-4 {
        border: 0;
    }

    .summary-row dl.col-md-3 {
        padding-left: 10px;
        border: 0;
    }


    .summary-row dd, .summary-row dt, .summary-row dt label {
        display: inline;
        clear: initial;
    }

    .summary-row dt {
        position: relative;
        top: -5px;
    }

        .summary-row dt label {
            color: #111;
            font-size: 18px;
            text-transform: inherit;
        }

    .summary-row span {
        color: #111;
        font-size: 18px;
        text-transform: inherit;
        top: -5px;
    }

    .summary-row label.head {
        padding-left: 10px;
        margin-top: 10px;
    }

    .summary-row dt.col-md-3 {
        padding: 0;
    }

.lof-info span, .lof-info dd {
    min-height: 26px;
    word-break: break-word;
    top: -2px;
    position: relative;
    font-size: 15px;
}

.k-grid-filter span {
    min-height: inherit;
}

.comments.lof-info .col-md-4, .comments.lof-info .col-lg-4 {
    margin-bottom: 14px;
    padding-left: 15px;
}

.comments-row {
    width: 100%;
    clear: both;
    display: flex;
}

    .comments-row span {
        font-size: 15px;
    }

.flex {
    display: flex;
}


/*
    show border only on headers
*/
.k-grid tr td {
    border: 0;
}

.margin-top40 {
    margin-top: 40px;
}

#coatedPipesGrid .k-grid-header .k-link {
    text-transform: none;
}

#SerialPipesGrid .k-hierarchy-cell a {
    display: none;
}

.issueDetails span {
    margin: -7px 0 5px 0;
    display: block;
}

#receivingTallyPipesGrid .k-grid-content {
    overflow-x: hidden;
}

.notes-container .dateCreated {
    padding-top: 5px;
    border-top: 1px dashed #ccc;
}

.notes-container .images {
    padding-bottom: 10px;
}

.notesHeader {
    padding-bottom: 8px;
}

.repair-cat {
    padding-right: 0;
    width: 22%;
}

.serviceDetails {
    background-color: #eff0f2;
    display: block;
    height: 100%;
    overflow: auto;
    margin-right: -22px;
    padding: 15px;
}

    .serviceDetails label {
        top: 5px;
        position: relative;
    }

    .serviceDetails span {
        font-size: 19px;
    }

.lof-info.serviceReport span {
    position: absolute;
    bottom: 21px;
}

.lof-info.serviceReport .col-md-12 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.lof-info.serviceReport .col-md-3 {
    position: relative;
    min-height: 85px;
}

.lof-info.serviceReport label {
    top: 20px;
    position: relative;
}

.lof-info.serviceReport .col-md-9 {
    border-bottom: 1px solid #cccccc;
}

.summary-row .lof-info .col-md-3 {
    border: 0;
}

.lof-info .col-md-12 {
    display: flex;
}

.lof-info.coated .col-md-3:first-child, .lof-info.transfer .col-md-3:first-child, .lof-info .col-md-3:first-child {
    padding-left: 0;
}

#shippingTally .header-row {
    margin-left: 15px;
    margin-right: 15px;
}

.header-row {
    clear: both;
}

    .header-row label {
        background-color: #eff0f2;
        border-bottom: 1px solid #ccc;
        padding: 5px;
        text-transform: capitalize;
        color: #585858;
        font-weight: 600;
        font-size: 14px;
    }

#shippingTally .lof-info.comments .col-md-4:nth-child(1), #shippingTally .lof-info.comments .col-md-6:nth-child(1), #shippingTally .lof-info.comments .col-lg-4:nth-child(1) {
    padding-left: 0;
    margin-left: 15px;
}

#shippingTally .lof-info.comments {
    margin-top: 0;
}

#shippingTally .comments-label {
    margin-top: 15px;
}

.shippingTallyDetailSidebar {
    overflow: auto;
}

.line-display span {
    padding: 5px;
}

.line-display:nth-child(even) span {
    background-color: #f6f7f8;
}

    .line-display:nth-child(even) span:first-child {
        border-radius: 8px 0 0 8px;
    }

    .line-display:nth-child(even) span:nth-child(2) {
        border-radius: 0 8px 8px 0;
    }

#receivingTallyPipesGrid thead th, #SerialPipesGrid thead th {
    background-color: #eff0f2 !important;
    border-top: 0;
}

#receivingTallyPipesGrid tr td:first-child, #SerialPipesGrid tr td:first-child {
    border-radius: 12px 0 0 12px;
}

#receivingTallyPipesGrid tr td:last-child:not(.k-detail-cell), #SerialPipesGrid tr td:last-child {
    border-radius: 0 12px 12px 0;
}

#SerialPipesGrid {
    clear: both;
}

.border-dashed {
    border-top: 1px dotted #000000;
    padding-top: 5px;
    margin-top: -5px;
}

.subscriptions-border-dashed {
    border-bottom: 1px dotted #999999;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.subscriptions .subscriptions-border-dashed:first-of-type {
    padding-top: 0;
    margin-top: 0;
}

.subscriptions {
    padding-top: 5px;
    margin-top: 5px;
}

.myAc .form-group {
    padding: 0;
}

#transferTallyPipesGrid .border-dashed span {
    clear: both;
    display: block;
    color: #666666;
}

#coatedPipesGrid .k-hierarchy-cell .k-icon {
    display: none;
}

#receivingTallyPipesGrid .k-hierarchy-cell .k-icon {
    display: none;
}

#receivingTallyPipesGrid .border-dashed span {
    clear: both;
    display: block;
    color: #666666;
}

#receivingTallyPipesGrid .k-hierarchy-cell .k-icon {
    display: none;
}

#transferTallyPipesGrid .k-hierarchy-cell {
    width: 10px;
}

#receivingTallyPipesGrid .k-hierarchy-cell {
    width: 10px;
}

#transferTallyPipesGrid .k-hierarchy-cell .k-icon.k-plus {
    /*visibility: hidden;*/
}

#coatedPipesGrid .k-hierarchy-cell, #receivingTallyPipesGrid .k-hierarchy-cell, .k-hierarchy-col {
    width: unset !important;
    padding: 0;
    margin: 0;
    max-width: 10px;
}

#coatedPipesGrid .k-detail-cell, #transferTallyPipesGrid .k-detail-cell, #receivingTallyPipesGrid .k-detail-cell {
    /*border-radius: 0 0 8px 8px;*/
}

#coatedPipesGrid .k-master-row td:nth-child(2), #transferTallyPipesGrid .k-master-row td:nth-child(2), #receivingTallyPipesGrid .k-master-row td:nth-child(2) {
    /*border-top-left-radius:8px;*/
}

#receivingTallyPipesGrid .k-master-row td:nth-child(2), #transferTallyPipesGrid .k-master-row td:nth-child(2) {
    border-bottom-left-radius: 8px;
}

#coatedPipesGrid .k-master-row td:last-child, #transferTallyPipesGrid .k-master-row td:last-child {
    /*border-top-right-radius:8px;*/
}

#transferTallyPipesGrid .k-master-row td:last-child {
    border-bottom-right-radius: 8px;
}

#coatedPipesGrid.k-grid thead > tr > th, #transferTallyPipesGrid.k-grid thead > tr > th {
    background-color: #eff0f2 !important;
    border-top: 0;
}

#coatedPipesGrid .k-grid-content {
    overflow-x: hidden;
}

#transferTallyPipesGrid .k-grid-content {
}


#transferTallyPipesGrid {
    clear: both;
}

.manifestAnodeAssetsGrid .k-hierarchy-cell.k-header,
.manifestAnodeAssetsGrid .k-hierarchy-cell {
    display: table-cell;
}


.white-row {
    background-color: #ffffff;
    padding: 10px 15px;
}

.white-row-first {
    background-color: #ffffff;
    padding: 10px 15px;
    margin-top: 20px;
}

.grey-row-first {
    background-color: #eee;
    padding: 10px 15px;
    margin-top: 20px;
}

.grey-row {
    background-color: #eee;
    padding: 10px 15px 0;
    margin-right: -18px;
}

.expander-row-padded {
    padding-left: 8px;
    padding-right: 8px;
}

.container-right label.transfer-label {
    width: 100%;
    color: #000;
    text-transform: capitalize;
    border-bottom: 1px solid #999999;
    margin-bottom: 10px;
    font-weight: bold;
}

.comments-transfer {
    border-bottom: 1px solid #999999;
    width: 100%;
    display: block;
    padding-bottom: 15px;
}

.button-container-md {
    position: absolute;
    z-index: 1;
    right: 4px;
}

.qty {
    padding-right: 0;
    padding-left: 0 !important;
}

.border {
    border-top: 1px solid #e2e1e0;
    margin-bottom: 15px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) {
    .lof-info .col-md-6:nth-child(2n) {
        border-right: 0;
    }

    /*.lof-info .col-md-6:nth-child(2n-3) {
        padding-left: 0;
    }*/
    .sideBar-reports a {
        font-size: 12px;
        padding: 6px 10px;
        margin-top: 0;
    }

        .sideBar-reports a:nth-of-type(2) {
            margin-right: 0;
        }

    .sideBar-reports {
        padding-right: 8px;
    }

    #shippingTally .orderDetails, #dispositionTally .orderDetails, #coatingTally .orderDetails, #receivingTally .orderDetails {
        margin-top: 10px;
    }

    #serviceTally .orderDetails {
        padding-top: 10px;
        background-color: #eee;
    }

    .sideBar-reports a.goBack {
        font-size: 12px;
        padding: 4px 6px
    }

    .summary-row dd, .summary-row dt label {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .lof-info .col-md-6:nth-child(3n) {
        border-right: 0;
    }

    .lof-info .col-md-6:nth-child(3n+4) {
        padding-left: 0;
    }
}

/*Bootstrap 
/*extensions 
/*and overrides 
/*by Edmel
*/

.k-button-solid-base.btn.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.k-button.k-button-md.k-rounded-md.k-selected.k-button-solid.k-button-solid-base.btn.btn-secondary {
    color: #fff !important;
    background-color: #545b62 !important;
    border-color: #4e555b !important;
}

.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.btn.btn-secondary {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #f5f5f5;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    box-shadow: 0 0 0 0.2rem rgba(161,153,90,.25) !important;
}
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
    box-shadow: 0 0 0 0.2rem rgba(204,204,204,.25)
}

.btn.btn-link:active,
.btn.btn-link:focus,
.btn.btn-link:hover {
    box-shadow: none;
    color:var(--dark);
}

.form-control:not(:disabled):hover,
.form-control:not(:disabled):focus,
.form-control:not(:disabled):active {
    border: 1px solid rgba(161,153,90,1);
    box-shadow: 0 0 0 0.2rem rgba(161,153,90,.25)
}
/*Bootstrap Cards */
.card.card-white {
    border: none;
    background: var(--white);
    border: 0 !important;
    border-radius: 0 !important;
}

    .card.card-white .card-header {
        background: var(--white);
        padding: 0;
    }

.card.card-grey {
    border-radius: 0 !important;
    background: #eee;
}


.card.card-gradient-grey {
    background: linear-gradient(#fff, #f1f1f1);
}

.card.card-grey .card-header {
    background: #eee;
    padding: 0;
}

.bg-grey {
    background: #eee;
}

.bg-gradient-grey {
    background: linear-gradient(#fff, #f1f1f1);
}


.btn-group {
    position: relative;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    vertical-align: middle;
    width: auto;
}

@media (min-width: 768px) {
    .position-lg-fixed {
        position: fixed !important;
    }
}

.container-fluid-negative {
    margin-right: -15px;
    margin-left: -15px;
}


/*
    Kendo Overrides 
*/

/*Hide grid expander for kendo grid*/
.k-hierarchy-cell.k-header,
.k-hierarchy-cell {
    display: none;
}


.k-tabstrip-items .k-state-default .k-link {
    color: var(--secondary);
}

.k-tabstrip-items .k-state-default.k-state-active .k-link {
    color: var(--dark);
}

.k-tabstrip-items .k-state-default.orange-text .k-link {
    color: #B2A25C;
}

.k-grid .k-grid-header .k-header:not(:last-child) {
    border-right: 1px solid #ccc;
}

.k-calendar > .k-header {
    border-color: #333;
    background-color: #333;
    background-image: none;
}

.k-calendar .k-nav-fast {
    color: var(--white);
}

    .k-calendar .k-nav-fast:hover,
    .k-calendar .k-nav-prev:hover,
    .k-calendar .k-nav-next:hover {
        background-color: var(--white);
        color: var(--primary);
    }

.k-calendar .k-content .k-link {
    border-radius: 20px;
    color:var(--dark);
}

    .k-calendar .k-content .k-link:hover {
        background-color: var(--light-grey);
        color: var(--dark);
    }

.k-calendar .k-today a {
    color: #fff !important;
    background-color: var(--info) !important;
    background-image: none;
    border-radius: 20px;
}

.k-calendar td.k-state-selected .k-link {
    background-color: var(--primary);
    color:var(--white);
    border-color:var(--primary);
    box-shadow:none;
}

.k-calendar .k-today:hover .k-link {
    background-color: var(--info) !important;
    color: var(--light) !important;
}


.k-calendar td.k-other-month .k-link {
    color: #ccc;
}

.k-calendar td {
    border: 0;
}

    .k-calendar td.k-state-selected a {
        background-color: #b2a25c;
    }

.k-calendar-view .k-state-selected .k-state-focused {
    background-color: var(--info);
    color: var(--light) !important;
    border-color: var(--info) !important;
    box-shadow: none;
}


/*END of Bootstrap 
/*extensions 
/*and overrides 
/*by Edmel
*/