button,
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

html {
    height: 100%;
}

body {
    background: rgb(140,170,230);
    font-family: Arial,Calibri,"Times New Roman";
    font-size: 1em;
    margin: 0px;
    min-width: 1024px;
    min-height: 600px;
    height: 100%;
    width: 100%;
    top: 0px !important;
    text-align: center;
    /*-webkit-overflow-scrolling: touch;
     overflow-y: visible;*/
}
::selection {
    background-color: gold;
    color:black;
}
.bodyWrap {
    height: 100%;
    max-width: 2560px;
    text-align: left;
    display:inline-block;
    width:100%;
}

.jobRowTemplateIcon {
    font-size: 25px;
    cursor:pointer;
}
a {
    color: blue;
}

button,
input[type="button"],
input[type="submit"] {
    -webkit-border-radius: 0px;
}

.k-menu-group-md .k-menu-item {
    font-size: 18px;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgb(255 99 88 / 65%);
}

#ContentWrap {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    max-width: 2560px;
    text-align: left;
}

input[type=checkbox], input[type=radio] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-tooltip {
    display: none !important;
}

    .goog-tooltip:hover {
        display: none !important;
    }

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.bodyContent {
    max-width: 2560px;
    display: inline-block;
    text-align: initial;
}

.bodyEmu {
    margin: 3px;
    height: 100%;
}

.headerContent {
    max-width: 2560px;
    height: 100px;
    background: rgb(1,72,178);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
    .headerContent.locked{
        background:grey;
    }
    .headerContent.history{
        background: indianred;
    }

    .fontAdj:hover {
        background: #4E5157;
        cursor: pointer;
    }

.fontAdj {
    margin-right: 5px;
}

.menuBar {
    color: white;
    height: 48%;
    width: 100%;
    /*background: rgb(1,72,178);*/
    font-weight: bold;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}


    .menuBar > div {
        vertical-align: middle;
    }

.title {
    font-size: 20px;
    color: white;
    
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 5px;
}

.headerElement{
    font-size:16px;
}

.acrPhn {
    color: yellow;
    display: inline-block;
    
    white-space: nowrap;
}
.k-menu-item {
    justify-content: center;
}
.mnuItm {
    height: 100%;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
}
#mnuPrint.mnuItm, #mnuPrint2.mnuItm, #mnuForm.mnuItm, #mnuAdj.mnuItm {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-color: rgb(240, 240, 240);
}
.tabs {
    display: flex;
    height: 52%;
    width: 99%;
    font-weight: bold;
    left: 5px;
    font-size: 1em;
    margin-left: 5px;
    flex-flow: row nowrap;
    column-gap: 3px;
}

    .tabs .tab {
        color: black;
        display: inline-flex;
        background: rgb(245, 245, 245);
        height: 100%;
        width: 10%;
        text-align: center;
        border-right-style: solid;
        min-width: 120px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        border-width: 1px;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .15)));
        background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .15));
        background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .15));
        background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 44%, rgba(0, 0, 0, 0.15));
        justify-content: center;
        align-items: center;
    }

        .tabs .tab:hover {
            background: rgb(199, 226, 253);
        }

    .tabs > ul > li {
        display: inline-block;
        background: rgb(245,245,245);
        height: 100%;
        vertical-align: middle;
        width: 11%;
        text-align: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        cursor: pointer;
        margin-right: 5px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .tabs > ul > li:hover {
            background: rgb(199, 226, 253);
        }

.tab.selected {
    background-color: rgb(140,170,230);
    color: white;
    transition: none;
}

.tab > span {
    display: inline-block;
}

.botTaskBar {
    float: left;
    width: 10%;
    margin-right: 5px;
    height: 85%;
}

#alertCount {
    font-weight: bold;
    color: black;
    font-size: 12px;
    position: relative;
    top: 3px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

#imgAlertBG {
    display: inline-block;
    position: relative;
    text-decoration: none;
    background-image: url(/Content/Images/alert_none.gif);
    height: 26px;
    width: 29px;
    background-size: cover;
    text-align: center;
}
.btnPymtButtons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
#btnMakePymt, #btnPymtAnl, #btnPymtHis, #btnChkFin {
    height: 75px;
    margin-right: 5px;
}
/*
#pnlMenu > .k-item {
        width: 10%;
        display: inline-block;
        height: 100%;
        background: #3f51b5;
        border-radius: 5px;
        color: white;
        font-weight: bold;
        margin-left:2px;
    }
.pnlMenu{
    width:15%;
    height:90%;
    float:left;
    background:white;
}
.pnlMenu>ul{
    padding:0px;
    margin-right:1px;
    margin-left:1px;
    margin-top: 1px;
}
.pnlMenu>ul>li{
    background: rgb(63, 81, 181);
    width: 100%;
    color: white;
    font-weight:bold;
    border-radius: 5px;
    margin-top: 2px;
}
.pnlMenu>ul>li>ul{
    background:white;
    color: #827F7F;
    border-style: solid;
    border-top: 0;
    margin-bottom: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 20px;
}
.pnlMenu>ul>li>ul>li{
    white-space:nowrap;
}
.pnlMenu>ul>li>ul>li>a{
    text-decoration:none;
}
    */
#divAlIcon {
    position: fixed;
    top: 5px;
    right: 32%;
    display: block;
    z-index: 100;
}
#lstSubCreate {
    padding: 0px 0px 0px 0px !important;
    background: rgb(1,72,178) !important;
    border-color: rgb(1,72,178) !important;
    border-width: 2px 0px 2px 0px !important;
}

    #lstSubCreate * {
        padding: 5px 5px 5px 5px !important;
        background: white;
        border-color: rgb(1,72,178);
        border-width: 2px 4px 2px 4px;
    }

#lstSubCatalog {
    padding: 0px 0px 0px 0px !important;
    background: rgb(1,72,178) !important;
    border-color: rgb(1,72,178) !important;
    border-width: 2px 0px 2px 0px !important;
}

    #lstSubCatalog * {
        padding: 5px 5px 5px 5px !important;
        background: white;
        border-color: rgb(1,72,178);
        border-width: 2px 4px 2px 4px;
    }

#divGoal {
    position: fixed;
    width: 100%;
    height: 60px;
    background: rgb(1,72,178);
    bottom: 0px;
    text-align: center;
    max-width: 2560px;
}

/*#tblGoal {
    position: fixed;
    width: 100%;
    height: 80px;
    background: rgb(1,72,178);
    bottom: -30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    max-width: 2560px;
    display: none;
}*/

#tblGoal > table {
    width: 100%;
    text-align: center;
    border-spacing: 5px;
    background: white;
    color:black;
}

#lblMainHelpInfo {
    color: red;
    font-weight: bold;
    position: fixed;
    width: 100%;
    height: 24px;
    background: rgb(1,72,178);
    bottom: 60px;
    text-align: center;
    max-width: 2560px;
}

#grdParts {
    font-weight: bold;
}

#grdLabor {
    font-weight: bold;
}

.partRowAdd {
    display: none;
    background: #E4F2FF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.pnlInfo {
    text-align: center;
}

.pnlInfoHdr {
    color: white;
    background: steelblue;
}

    .pnlInfoHdr td {
        padding: 2px;
    }

.pnlInfoItm {
    white-space: nowrap;
}

    .pnlInfoItm td {
        padding: 2px;
    }

#partInfoSettings {
    text-align: left;
    width: 99%;
}

#partInfoSettingInner {
    display: inline-block;
    width: 100%;
    padding: 2px;
}

    #partInfoSettingInner button {
        font-weight: bold;
    }

.partInfoSettingsItm {
    margin-right: 5px;
    display: inline-block;
}

#lbrInfoSettings {
    text-align: left;
    width: 99%;
    font-weight: normal;
}

#lbrInfoSettingInner {
    display: inline-block;
    width: 100%;
    padding: 2px;
}

    #lbrInfoSettingInner button {
        font-weight: bold;
    }

#grpTotals {
    text-align: left;
    width: 99%;
    font-weight: normal;
}

#grpTotalsInner {
    display: inline-block;
    width: 100%;
    padding: 2px;
}

.cellCenter {
    text-align: center !important;
}

.cellRight {
    text-align: right !important;
}

.chkbx, .chkbxLbr, .chkbxPart, .chkbxJob, .chkbxA, .chkbxB, .chkbxC, .chkbxD {
    height: 20px;
    width: 20px;
}

.dlvLine {
    width: 60%;
    display: inline-block;
    margin-bottom: 10px;
    text-align: right;
}

.dlvInput {
    width: 70%;
}

.dlvBtn {
    height: 50px;
    width: 19%;
    vertical-align: bottom;
}

.MenuHdr {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
}

    .MenuHdr > a {
        text-decoration: none;
    }

.menuItm {
    text-align: left;
}

.menuNav {
    display: inline-block;
   
    text-align: right;
    vertical-align: top;
}


#mainMenu {
    background: rgb(1,72,178);
    display: inline-flex;
    height: 30px;
}

    #mainMenu * {
        vertical-align: middle;
    }

    #mainMenu li.k-item {
        color: white;
        background: rgb(1,72,178);
    }

    #mainMenu li ul {
        background: rgb(1,72,178);
        color: white;
        font-size: 18px;
        min-width: 350px;
        text-align:left;
    }

    #mainMenu li.k-item.k-state-hover {
        background: white;
        color: black;
        border-radius: 5px;
    }

    #mainMenu li ul .k-link {
        color: white;
    }

        #mainMenu li ul .k-link:hover {
            color: black;
        }

.nav {
    width: 20%;
    text-align: right;
    display: inline-block;
}

    .nav ul {
        text-align: center;
        display: inline;
        margin: 0;
        list-style: none;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        padding: 0px;
        background: rgb(1,72,178);
    }

        .nav ul li {
            font: bold 12px/18px sans-serif;
            font-size: 100%;
            display: inline-block;
            position: relative;
            background: rgb(1,72,178);
            cursor: pointer;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

            .nav ul li:hover {
                background: rgb(1,126,229);
                color: #fff;
                width: 25px;
            }

            .nav ul li ul {
                padding: 0;
                position: absolute;
                left: 0;
                width: 25px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                display: none;
                opacity: 0;
                visibility: hidden;
                -webkit-transiton: opacity 0.2s;
                -moz-transition: opacity 0.2s;
                -ms-transition: opacity 0.2s;
                -o-transition: opacity 0.2s;
                -transition: opacity 0.2s;
                z-index: 3;
            }

                .nav ul li ul li {
                    background: rgb(1,170,229);
                    display: block;
                    color: #fff;
                }

                    .nav ul li ul li:hover {
                        background: #666;
                    }

            .nav ul li:hover ul {
                display: block;
                opacity: 1;
                visibility: visible;
            }

.AcctContent {
    margin-left: 1%;
    width: 98%;
}

.grpTotals {
    border-left-style: solid;
    border-left-color: grey;
    text-align: right;
}

#pnlMenu {
    list-style-type: none;
    background: rgb(1,72,178);
    height: 100%;
    font-weight: bold;
    width: 100%;
}

div.columns {
    width: 100%;
}

    div.columns > div {
        float: left;
        margin-right: 5px;
    }

div.clear {
    clear: both;
}

.divTable {
    display: table;
    border-spacing: 5px;
    width: 100%;
}

.divTableRow {
    width: 100%;
    display: table-row;
    float: left;
    clear: right;
}

.divTableCell {
    width: 25%;
    height: 100%;
    display: table-cell;
}

.tabItemWrapper {
    min-height: 320px;
}

.groupBox {
    background: rgb(206,222,250);
    margin-bottom: 5px;
    border-radius: 5px;
}

.groupBoxInner {
    padding: 5px;
    font-weight: bold;
}

.groupTitle {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
}

.glowTrans {
    -webkit-transition: box-shadow 1s linear;
    -moz-transition: box-shadow 1s linear;
    -ms-transition: box-shadow 1s linear;
    -o-transition: box-shadow 1s linear;
    transition: box-shadow 1s linear;
}

.glow {
    box-shadow: 0 0 20px red;
}

textarea {
    font-family: inherit;
    font-size: inherit;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

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

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

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

.txtRow {
    margin-top: 5px;
    text-align: right;
}

    .txtRow input {
        text-align: right;
    }

.txtCol {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
    width: 50%;
}

.disTax, .disParts, .disLabor, .surTax, .surParts,
.surLabor, .surActive, .disActive, .surGrpParts,
.surGrpLabor, .surGrpActive, .surGrpTax {
    height: 20px;
    width: 20px;
}

.disPct, .disMin, .disMax, .disSell, .surPct, .surMin, .surMax, .surSell {
    text-align: right;
}

.bm--tire {
    background: url('/Content/Images/tireTread2.jpg');
    width: 100px;
    height: 180px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.tireLine {
    margin-top: 30px;
}

.tireLbl {
    background: black;
    color: white;
}

.tireLoc {
    font-size: 120%;
    background: black;
    color: white;
}

table.tireTbl td {
    width: 50%;
    background: black;
}

.tireTbl {
    width: 100%;
}

.noteField {
    text-align: left;
    width: 200px;
    height: 100%;
    background: rgb(206,222,250);
    display: inline-block;
    vertical-align: top;
}

.frame {
    background: rgb(206,222,250);
}

#Cur3rdRow {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.custom-label {
    font-weight: bold;
    color: white;
    float: left;
    clear: both;
    width: 30%;
    padding: .2em 0 1em;
    margin-left: 2%;
    text-align: right;
}

.custom-field {
    float: right;
    clear: right;
    width: 60%;
    margin-right: 2%;
    padding: 0 0 .6em;
}

.btnCancel {
    width: 150px;
    min-height: 25px;
    color: red;
    font-weight: bold;
    font-size: 16px;
}

.btnSave {
    width: 150px;
    min-height: 25px;
    margin-bottom: 5px;
    color: forestgreen;
    margin-right: 25px;
    font-weight: bold;
    font-size: 16px;
}

.btnOther {
    width: 150px;
    min-height: 25px;
    margin-bottom: 5px;
    color: blue;
    margin-right: 25px;
    font-weight: bold;
    font-size: 16px;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.clsLink {
    color: dodgerblue;
    text-decoration: none;
    cursor: pointer;
}

.fa-times {
    color: indianred;
}






.modal-row {
    width: 100%;
    margin-bottom: 10px;
}

    .bm-panel label {
        width: auto;
    }

fieldset {
    width: 90%;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    border-radius: 5px;
}

.clsSEC {
    width: 95%;
    margin: 10px auto;
}


#winVehSelect {
    height: 450px;
}

    .lblBlue{
        color:mediumblue;
    }
#mnuPrintTimecard {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-color: rgb(240, 240, 240);
    width: 60%;
}


.msgBody {
    background-color: white;
    padding: 3px;
    height: 100%;
}
#tabStatus {
    height: 545px;
}

.stickButton {
    position: sticky;
    top: -16px;
    z-index: 100;
    padding: 5px;
    background-color: rgb(140, 170, 230);
    text-align: center;
}
/******************************** 
*    Bay Master - Classes -     * 
*********************************/
.lbrCell > input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}
/* Modals */
.bm-modal--overlay {
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}
.clsTextIn{
    color:orangered;
}
.clsTextOut {
    color: #2121C1;
}
.clsTxtInner {
    width: 100%;
    height: 485px;
    overflow-wrap: anywhere;
}
.bm-active {
    display: block;
}

.bm-modal--content {
    z-index: 101;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    background-color: rgb(206,222,250);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    text-align: left;
}

    .bm-modal--content > h3 {
        font-size: 22px;
        color: #fff;
        margin: 0;
        padding: 10px;
        background: rgb(1,72,178);
        border-radius: 8px 8px 0 0;
    }

    .bm-modal--content > p {
        font-size: 18px;
        padding: 0 20px;
    }

    .bm-modal--content > ul {
        font-size: 18px;
        margin: 0 15px;
        text-align: left;
    }

        .bm-modal--content > ul li {
            list-style: none;
        }

    .bm-modal--content ul li::before {
        content: "\2022";
        color: rgb(1,72,178);
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

    .bm-modal--content button {
        border: none;
        outline: none;
        color: white;
        background: rgb(1, 72, 178);
        padding: 10px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 300 ms ease-in-out;
    }

        .bm-modal--content button:hover {
            background: #033a8c;
        }

    .bm-modal--content > .modal-close {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 22px;
        color: rgb(206,222,250);
        cursor: pointer;
        transition: all 300ms ease-in-out;
    }

        .bm-modal--content > .modal-close:hover {
            opacity: .85;
        }

.bm-modal--close {
    position: absolute;
    top: 10px;
    right: 1%;
}

/* Content Wrappers */
.bm-page--wrapper {
    position: relative;
    text-align: center;
    position: relative;
    top: 70px;
}

.bm-panel {
    text-align: left;
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}

    .bm-panel > div {
        margin-bottom: 5px;
    }

    .bm-panel label {
        display: inline-block;
        text-align: right;
        margin-right: 5px;
        font-weight: bold;
    }

.bm-wrapper {
    width: 100%;
    font-weight: bold;
}

.bm-content--wrapper {
    width: 90%;
}

.bm-cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}

.bm-col {
    width: 33%;
    height: auto;
    background: rgb(206,222,250);
    margin: 2px;
    border-radius: 8px;
}

.bm-row {
    width: 99%;
    min-height: 150px;
    background: rgb(206,222,250);
    margin: 2px auto;
    padding: 10px;
    border-radius: 8px;
}

.bm-container--full {
    width: 100%;
}

.bm-flex--centered {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.bm-flex--wrap {
    flex-wrap: wrap;
}

/* Mobile Navigation */
.bm-nav--mobile {
    display: none;
    position: fixed;
    z-index: 90;
    background: #8CAAE6;    
    height: 100%;
}

.bm-nav--mobile-items {
    color: #fff;
    font-weight: bold;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    margin-top: 200px;
    font-size: 48px;
}

    .bm-nav--mobile-items a {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
    }

    .bm-nav--mobile-items li,
    .bm-nav--mobile-items li span {
        font-size: 50px;
        padding: 5px;
        width: 450px;
        border-bottom: 3px lightgrey solid;
        cursor: pointer;
        transition: ease-in-out all 300ms;
    }

        .bm-nav--mobile-items li:last-of-type {
            border: none;
        }

    .bm-nav--mobile-items ul li:hover {
        background: #3f51b5;
    }

/*Mobile Icons*/
.bm-mobile--icon {
    display: none !important;
    float: right;
    font-size: 32px;
}

/*Mobile Navigation Controls */
.bm-nav--close {
    color: #444;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    right: 3%;
    cursor: pointer;
    transition: ease-in-out all 300ms;
}

.bm-nav--mobile i:hover {
    opacity: .85;
}



/* Forms Groups */
.bm-frm--row {
    width: 100%;
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    flex-direction: column;
}

.bm-frm--grp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

.bm-frm--controls {
    display: flex;
    align-items: center;
}


/* Form Labels */
.bm-frm--grp label {
    text-align: left;
    min-width: 85px;
}

/* Form Input Types [Numbers, dates, decimals] */
.bm-input--nmbr span,
.bm-input--date span,
.bm-input--decimal span {
    width: auto;
    display: flex;
    align-items: center;
}

/* Form Text Areas*/
.bm-txtarea {
    width: 70ch;
    display: inline-block;
    height: 10em;
    font-family: Courier New, Courier, monospace;
}


/* Form Checkboxes*/
.bm-input--check {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Form Sizes */
.bm-input--full {
    width: 95%;
    margin: 5px 0;
}

/* Form Utility */
.bm-input--spaced {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Form Buttons*/
.bm-frm--btn {
    padding: 5px;
    font-weight: bold;
    margin-left: 5px;
    cursor: pointer;
}

/* UI Buttons */
.bm-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.bm-btn--primary {
    min-width: 115px;
    height: 75px;
    margin: 5px 5px;
}

.bm-btn--secondary {
    width: 75px;
    height: 75px;
}

    .bm-btn--secondary img {
        width: 32px;
        height: 32px;
    }

.bm-btn--dropdown {
    text-align: center;
    font-size: 14px;
    min-width: 85px;
    height: 75px;
    margin: 0 5px;
}
#grdJobs {
    height: 390px;
}
#grdTotals {
    height: 295px;
}
/* Icons */
.bm-icon {
    height: 20px;
    width: 20px;
    padding: 1px 1px 0px 1px;
}

    .bm-icon img {
        width: 100%;
        height: 100%;
    }

/* Utility */
.bm-uppercase {
    text-transform: uppercase;
}

.bm-offset {
    margin-left: 105px;
}

.bm-active--text {
    display: none !important;
    font-size: 28px;
    width: 250px !important;
    padding: 0;
    margin: 0;
}

.bm-flex--space-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 15px;
}

.clsListHeader {
    text-align: center;
    color: white;
    background-color: #2b5698;
    padding: 5px;
}
#mnuJob {
    font-family: Arial,Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
    button,
    input[type="button"],
    input[type="submit"] {
        -webkit-background-color: #efefef !important;
        -webkit-border-color: rgb(118, 118, 118), rgb(133, 133, 133);
    }
    body {
        min-width: 1px;
    }
    /* Main Navigation Header*/
    .headerContent {
        height: 100px; /*previously 80px*/
    }
    .MenuHdr{
        white-space:normal;
    }
    .title {
        font-size: 30px;
    }
    #lblMainHelp, #mnuMainQuik {
        display: none;
    }
    .mnuMainAcct, .headerElement {
        font-size: 16px;
    }

    #imgAlertBG {
        height: 30px;
        width: 33px;
    }

    #alertCount {
        top: 5px;
        left: -2px;
        font-size: 16px;
    }

    .tabs span {
        font-size: 18px;
    }

    .menuBar {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }


    .menuNav {
       
    }

    .acrPhn {
        display: none;
    }

    /* Panels */
    form {
        display: flex;
        flex-direction: column;
    }

    .bm-panel {
        width: 95%;
        margin: 20px auto;
    }

        .bm-panel label {
            text-align: right;
        }

    /* BM Classes*/

    /* Modals */
    .bm-modal--content {
        width: 800px;
        height: 350px;
    }

    .bm-modal--btns {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .bm-modal--content > h3 {
        font-size: 28px;
    }

    .bm-modal--content > p {
        margin: 10px 0;
        font-size: 22px;
    }

    .bm-modal--content > ul {
        margin: 5px 75px;
        font-size: 22px;
    }


    .bm-modal--content ul li::before {
        width: 2em;
        margin-left: -2em;
    }

    .bm-modal--content button {
        font-size: 22px;
    }

    .bm-modal--content > .bm-modal--close {
        font-size: 32px;
    }

    /*Mobile Nav Icons*/
    .bm-mobile--icon {
        display: inline-block !important;
    }

    /* Containers / Wrappers */
    .bm-content--wrapper {
        margin: 0 10px;
        padding: 10px 0;
        max-width: 98%;
        min-width: 98%;
    }

        .bm-content--wrapper label {
            font-size: 18px;
            margin-left: 5px;
        }

    .bm-col {
        width: 49%;
    }

    /* Form Labels */
    .bm-frm--grp label {
        min-width: 200px;
    }


    /* Form Buttons */
    .bm-frm--btn {
        min-width: 120px;
        font-size: 22px;
        margin-left: 15px;
        height: auto;
    }


    /* Form Inputs */
    .bm-frm--grp input {
        height: 50px;
        font-size: 22px;
    }

    .bm-input--nmbr {
        width: 50px;
        display: inline-block;
    }

        .bm-input--nmbr span,
        .bm-input--date span,
        .bm-input--decimal span {
            width: auto;
            display: flex;
            height: 50px;
            align-items: center;
        }

    .bm-input--dropdown {
        width: 100%;
    }

    .bm-input--decimal {
        width: 100px;
    }

    .bm-input--search {
        width: 95%;
        height: 25px;
        font-size: 32px;
    }

    /* Form Text Area*/
    .bm-textarea {
        width: 90%;
        height: 20em;
        font-size: 22px;
    }

    /* Grids / Tables */
    .bm-grid {
        width: 100%;
    }

        .bm-grid table th {
            height: 50px;
            font-size: 24px;
        }

        .bm-grid table tr td {
            height: 60px;
            font-size: 22px;
        }

    /* UI Buttons */
    .bm-btn--dropdown {
        font-size: 10px;
    }

    /* Utility */
    .bm-offset {
        margin-left: 205px;
    }

    .bm-active--text {
        display: inline-block !important;
    }

    .bm-nav--mobile-items {
        margin-top: 75px;
    }
}

@media only screen and (max-width: 500px) {
    input[type=checkbox], input[type=radio] {
        height: 40px;
        width: 40px;
    }
    .tabs .tab {
        width: auto;
        height: 50px;
    }
    #tabImages, #tabDoc, #tabSignature, #tabTextEst, #tabIdent {
        display: none;
    }
    #lblMainTitle {
        font-size: 13px;
    }
    /* Modals */
    .bm-modal--content {
        width: 95%;
        height: auto;
    }

    .tabs {
        flex-wrap: wrap;
        gap: 5px;
        height: auto;
    }

    .bm-modal--content > h3 {
        font-size: 42px;
    }

    .bm-modal--content > p {
        font-size: 32px;
    }

    .bm-modal--content > ul {
        font-size: 32px;
    }

    .bm-modal--content button {
        font-size: 32px;
    }

    .bm-modal--content > .bm-modal--close {
        font-size: 50px;
    }

    /*Mobile Nav*/
    .bm-active--text,
    .bm-mobile--icon i {
        font-size: 36px;
    }

    .bm-nav--mobile-items li,
    .bm-nav--mobile-items li span {
        font-size: 24px;
    }

    .bm-nav--close {
        font-size: 24px;
    }

    /* Content Wrappers */
    .bm-page--wrapper {
        width: 99%;
    }

    .bm-content--wrapper label {
        font-size: 14px;
        margin-left: 5px;
    }

    .bm-col {
        width: 99%;
        font-size: 28px;
    }

    /* Main Nav Header*/
    .headerContent {
        height: auto;
    }

    .tabs > div {
        width: 16%;
    }

    .tabs span {
        font-size: 18px;
    }

    .tab {
        font-size: 24px;
    }

    /* Form Containers */
    .bm-frm--row {
        flex-direction: column;
    }

    .bm-frm--grp {
        margin: 5px 0;
    }

    /* Inputs */
    .bm-input--full {
        font-size: 38px;
        height: 60px !important;
    }

    .bm-input--nmbr {
        width: 75px;
        font-size: 42px;
    }

    .bm-input--date {
        min-width: 150px;
        font-size: 42px;
    }

    .bm-input--decimal {
        font-size: 42px;
    }

    .bm-input--dropdown span {
        font-size: 42px;
        border: 1px solid orange;
    }

    /* Form Labels */
    .bm-frm--grp label {
        font-size: 46px;
    }
    /* Form Labels */
    .bm-frm--grp input {
        height: 100px;
        font-size: 36px;
    }

    /* Form Buttons */
    .bm-frm--btn {
        min-width: 150px;
        font-size: 38px;
    }

    .bm-frm--controls .bm-frm--btn {
        width: 250px;
        padding: 5px;
        font-size: 38px;
    }

    /* Utilities */
    .bm-offset {
        margin: 0;
    }


    /* Grids / Tables */
    .bm-frm--grp table th {
        height: 75px;
        font-size: 38px;
    }

    .bm-frm--grp table tr td {
        height: 80px;
        font-size: 38px;
    }

    .bm-grid {
        width: 100%;
    }

        .bm-grid table th {
            height: 50px;
            font-size: 42px;
        }

        .bm-grid table tr td {
            height: 80px;
            font-size: 40px;
        }

    /* Text Areas*/
    .bm-textarea {
        font-size: 44px;
    }

    /* Buttons */
    .bm-btn {
        font-size: 34px;
    }

    .bm-btn--secondary {
        width: 125px;
        height: 125px;
    }

        .bm-btn--secondary img {
            width: 64px;
            height: 64px;
        }

    /* Inputs */
    .bm-input--spaced {
        font-size: 36px;
    }

        .bm-input--spaced input[type="checkbox"] {
            width: 40px;
            height: 40px;
        }

    /* Icons */
    .bm-icon {
        height: 40px;
        width: 40px;
    }
}

.insetDiv {
    background-color: aliceblue;
    width: 100%;
}


.bm-col {
    width: 33%;
    height: auto;
    background: rgb(206,222,250);
    margin: 2px;
    border-radius: 8px;
}


.bm-row {
    width: 99%;
    min-height: 125px;
    background: rgb(206,222,250);
    margin: 2px auto;
    padding: 2px;
    border-radius: 8px;
}

.clsLabelComp {
    color: grey;
}


.clsJob {
    color: dodgerblue;
}

    .clsJob:hover {
        cursor: pointer;
    }


.ticketCard {
    font-weight: bold;
    width: 18%;
    height: 155px;
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
    background-color: #ffffff;
    min-width: 250px;
    text-align: left;
    box-shadow: 2px 2px 7px 1px rgb(0,0,0, .5);
    border-radius: 6px;
    padding: 5px;
    position: relative;
}
#tabMnu2{
    display:none;
}
#grdTkts {
    margin-top: 5px;
    margin-bottom: 150px;
}

#lstCreate, #lstCatalog {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-color: rgb(240,240,240);
    height: 100%;
    width: 100%;
}

#cusInfo {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 7;
}

#prtsAndLbr {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 20;
}

#vehInfo {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 12;
}

#tbsStatus {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 8;
    grid-row-end: 25;
}

#vehRec {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 21;
    grid-row-end: 25;
}

#tktTtls {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 13;
    grid-row-end: 25;
}

#cusInstr {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 5;
}

#tktActions {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 26;
    grid-row-end: 29;
}


#txtInstr1 {
    height: 95px;
    width: 99%;
    font-family: Courier New, Courier, monospace;
    border-radius: 5px;
    resize: none;
}

.bm-btn--primary {
    min-width: 60px;
    height: 75px;
    margin: 5px 5px;
    font-weight: bold;
}
.clsButton {
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    min-width: 72px;
    min-height: 75px;
}


#mnuForm, #mnuPartOpt {
    display: inline-block;
    background: rgb(245,245,245);
    height: 100%;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    border-right-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    border-width: 1px;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.15)));
    background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.15));
    background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.15));
    background-image: linear-gradient(transparent,rgba(0,0,0,0.05) 44%,rgba(0,0,0,0.15));
}
/*
#icoRepair, #icoLof, #icoOrder, #icoDlv, #icoInspect, #icoTire, #icoPM, #icoPayHis, #icoProfit, #icoMakePay {
    display: block;
}

#imgRepair, #imgLof, #imgOrder, #imgDlv, #imgInspect, #imgTire, #imgPM, #imgPayHis, #imgProfit, #imgMakePay {
    display: none;
}
    */
#lblPymt, #btnPymtAnl, #btnPymtHis {
    font-weight: bold;
}
/*-----------KENDO CUSTOM CHANGES-----------*/
.k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
    padding-block: 5px;
    padding-inline: 5px;
}

.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding-block: 5px;
    padding-inline: 5px;
}


.k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu {
    padding: 5px;
    width: calc(1.4285714286em + 1px + 1px);
    height: calc(1.4285714286em + 1px + 2px);
    bottom: calc(16px + calc(2* 1em) / 2 - calc(1.4285714286em + 1px) / 2);
}

.k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu {
    position: static;
    margin-inline-end: 1px;
}



.k-menu-link {
    padding-block: 0;
}

input.k-textbox {
    height: 1.2em;
    background: none;
    background-color: #fafafa;
    border-radius: 4px;
    width: 100%;
    height: 30px;
    min-width: 0;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: normal;
    text-align: start;
    box-shadow: none;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: stretch;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    padding-inline: 5px;
    color:black !important;
}

    input.k-textbox:hover {
        border-color: rgba(0, 0, 0, 0.16);
    }


    input.k-textbox:disabled {
        opacity: .7;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-color: #f5f5f5;
    }

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    border-inline-start-color: gray;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 0;
}


.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    border-color: rgba(0, 0, 0, 0.12);
    color: white;
    background-color: #3f51b5;
}

.k-grid a {
    color: dodgerblue;
    text-decoration: none;
}

.k-window-titlebar {
    color: white;
    background-color: #3f51b5;
    padding-block: 4px;
}

.k-window-content {
    background: rgb(140, 170, 230);
}

.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding-block: 5px;
    font-size: 1em;
}

.k-input-md, .k-picker-md {
    line-height: 1;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding-block: 0;
}

.k-menu:not(.k-context-menu) > .k-item {
    color: black;
}

.k-tabstrip-items-wrapper .k-item {
    color: black;
}

.k-menu-bar, .k-menu {
    font-size: 1em;
}

.k-tabstrip-items .k-link {
    font-size: 1em;
    font-weight: bold;
}

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none;
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
    outline-width: 0;
}

.k-tabstrip {
    font-size: 1em;
}

.k-table-md {
    font-size: 1em;
}

.k-toolbar {
    color: white;
    background-color: #3f51b5;
}

k-button-text {
    color: white;
}

.k-window {
    font-weight: bold;
    font-size: 1em;
    color:black;
}

.k-grid-toolbar {
    background-color: #3f51b5;
    color: white;
}

    .k-grid-toolbar a {
        color: white;
        margin-right: 10px;
        padding: 5px;
    }


.k-table-th > .k-link {
    color: white;
    margin-right: 10px;
}

.k-table-td .k-button {
    margin-right: 5px;
    padding-inline: 2px;
}

.k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover {
    background-color: #3f51b5;
}

.k-scheduler-table td, .k-scheduler-table th {
    padding-block: 4px;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper {
    background-color: #3f51b5;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.k-tabstrip-items-wrapper .k-item {
    color: white;
}

.k-pos-fixed, .k-fixed{
    position:sticky;
}

.k-menu-popup li {
    padding: 10px;
    border-bottom: solid 1px lightgrey;
}
.k-column-title{
    font-weight:bold;
}
.k-svg-icon{
    width:22px;
}
.k-notification-content{
    font-size:16px;
    font-weight:bold;
}