body {
    background-color: #e5e3e3;
    color: dimgray;
}

.bodyWrap {
    background-color: #e5e3e3;
}


#divGoal {
    top: 60px;
    background: #e5e3e3;
    z-index: 103;
    padding-top: 20px;    
    padding-bottom: 25px;
}
#divTopCover {
    position: fixed;
    background: #e5e3e3;
    z-index: 99;
    height: 80px;
    top: 0;
    left: 0;
    width: 100%;
}

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

#grdTkts {    
    width: 99%;
    border: 0;
}
#grdTktsWrapper {
    background-color: white;
    text-align: center;
    margin-left: 1%;
    width: 98%;
    margin-top: 150px;
}
#divAlIcon {
    top: 24px;
    position: absolute;
}
.clsTxtInner {
    height: 525px;
}

.botTaskBar > button {
    background-color: #2b5698;
    color: white;
    border: none;
    border-radius: 4px;
}

.botTaskBar > button {
    background-color: #2b5698;
    color: white;
    border: none;
    border-radius: 4px;
}

#lstCreate, #lstCatalog, #mnuPartOpt {
    background-color: rgb(43 86 152);
    color: white;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    background-image:none;
    border:none;
}

.headerContent {
    background: white;
    height: auto;
    position:sticky;
    z-index:102;
}

    .headerContent.locked {
        background: lightslategrey;
    }

.menuBar {
    color: black;
    background: none;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
}

.title {
    color: black;
    margin-left: 15px;
}
.clsBtnSubDlt, .clsBtnTowDlt, .clsBtnStoDlt {
    background: none;
    border: solid 1px black;
}
.acrPhn {
    color: black;
}
#mainMenu {
    background: none;
    z-index: 104;
}
    #mainMenu li.k-item {
        color: black;
        background: none;
    }

.tabs {
    height: 50px;
}
    .tabs .tab {
        background-color: #e9f3ff;
        background-image: none;
        border: none;
        color: dimgrey;
    }
.tab.selected {
    background: none;
    border-bottom:solid 3px royalblue;
    color:royalblue;

}

.tab.Admin {
    width: auto;
}

.stickButton {
    background-color: #e5e3e3;
}
.custom-label, .clsLabel {
    color: dimgrey;
}

#tabMnu2 {
    display: flex;
    margin-top: 100px;
    background-color: white;
    width: 97%;
    margin-right: 0;
    position: fixed;
    z-index: 102;
    margin-left: 1%;
    left: 0px;
    padding-top: 5px;
    padding-left: .5%;
    padding-right: .5%;
}
/*#mnuPrint.mnuItm, #mnuPrint2.mnuItm, #mnuForm.mnuItm, #mnuAdj.mnuItm, #mnuPartOpt.mnuItm {
    background-image: none;
}*/
.bm-col {
    background: white;
    border-radius: 3px;
    box-shadow: 0px 1px 2px 1px lightgrey;
    color: dimgrey;
}
#divFinPrequal {
    background-color: aliceblue;
}
.groupTitle{
    color:royalblue;
}
.groupBox, .bm-row, .insetDiv {
    background: white;
    border: none;
    min-height:50px;
}
.groupBox {
    box-shadow: 0px 1px 5px 1px lightgrey;
    margin-bottom: 16px;
}
.groupBoxInner {
    background-color: white;
    
}
#tktActions {
    background: none;
}
    #tktActions button, #tktActions mnuItm {
        background-color: #2b5698;
        border: none;
        color: white;
        font-size: 16px;
        border-radius: 3px;
    }
#btnMakePymt, #btnPymtAnl, #btnPymtHis, #btnChkFin {
    background-color: #2b5698;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 3px;
    width: 20%;
    margin: 0 5px;
    height: 75px;
    font-weight: bold;
}
#btnRepair, #btnLOF, #btnOrder, #btnDlv, #btnDlv, #btnTireCat {
    background-color: #2b5698;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 3px;
    width: 12%;
    margin: 0 5px 5px;
    height: 60px;
    font-weight: bold;
}
button, .k-grid-toolbar a, input[type=button], input[type=submit], #mnuPrintTimecard {
    background-color: #2b5698;
    border: none;
    color: white;
    font-size: 16px;
    border-radius: 3px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}
    button:disabled {
        background-color: #2b5698a1;
    }

    .k-grid-toolbar a{margin:5px;}
    .btnSave, .btnCancel, .btnOther {
        color: white;
    }
#divFinBtn {
    width: 20%;
    height: 75px;
}
#btnChkFin{width:100%;}
.lblBlue {
    color: dimgray;
}
#mnuPrint.mnuItm, #mnuPrint2.mnuItm, #mnuForm.mnuItm, #mnuAdj.mnuItm, #mnuPartOpt.mnuItm {
    background-color: #2b5698;
}
/*
#tktActions {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
}

#cusInfo {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 9;
}
#vehInfo {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 9;
}
    
#cusInstr {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end:9;
}
#tktTtls {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 35;
}
#prtsAndLbr {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 35;
}
#vehRec {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 36;
    grid-row-end: 20;
}
    
#tbsStatus {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 9;
    grid-row-end: 18;
}
    */
#tktActions {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    z-index: 1;
}

#cusInfo {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 9;
    
}
#tbsStatus {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 17;
    grid-row-end: 33;
}
#vehInfo {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 10;
    grid-row-end: 16;
}

#cusInstr {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 9;
    
}
#tktTtls {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 10;
    grid-row-end: 24;
    margin-top: 11px;
}
#prtsAndLbr {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 10;
    grid-row-end: 33;
}
#vehRec {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 25;
    grid-row-end: 30;
}
    

#txtInstr1 {
    height: 96%;
    width: 98%;
    font-family: Courier New, Courier, monospace;
    border-radius: 5px;
    resize: none;
    margin:1%;
}
.cusCol2{
    font-weight:normal;
}
#grdJobs {
    height: 680px;
}
#grdTotals {
    height: 360px;
}
.clsButton {
    min-height: 50px;
}
#tktActions img {
    display: none;
}
textarea {
    border-color: lightgrey;
}
input.k-textbox, .k-input-solid {
    border-color: lightgrey;
    background-color: white;
}
    input.k-textbox:hover, .k-input-solid:hover, .k-input-solid.k-hover, input.k-textbox:focus, .k-input-solid:focus,textarea:hover,textarea:focus {
        border-color: rgb(0 0 0 / 57%);
    }

.bm-btn {
    width: 7%;
    min-width: 75px;
}

#printIcon {
    display: none;
}

.bm-btn--primary {    
    height: 50px;
}

.bm-btn--dropdown {    
    height: 50px;
}

.btnPymtButtons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
    .btnPymtButtons > button{
        width:10%;
    }



.MenuHdr{
    color:dimgray;
}
#pnlMenu {
    background: none;
}
/*
#icoRepair, #icoLof, #icoOrder, #icoDlv, #icoInspect, #icoTire, #icoPM, #icoPayHis, #icoProfit, #icoMakePay {
    display: block;
}
#imgRepair, #imgLof, #imgOrder, #imgDlv, #imgInspect, #imgTire, #imgPM, #imgPayHis, #imgProfit, #imgMakePay {
    display: none;
}
    */

#tblVehRec {
    margin-top: 40px;
}

fieldset{width:auto;}

.k-menu-link{
    color:dimgray;
}
.k-menu-item {
    justify-content: center;
}
.k-menu:not(.k-context-menu) > .k-item {
    color: white;
}
.k-tabstrip-content, .k-tabstrip > .k-content{
    color:dimgray;
}
.k-tabstrip-items-wrapper .k-item {
    color: dimgray;
}
.k-grid-toolbar {
    background: white;
    color: black;
    border: 0;
}
.k-toolbar-md {
    padding-block: 2px;
}
.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    color: darkslategrey;
    background-color: lightsteelblue;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    background-color: #e9f3ff;
    margin-left: 3px;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper{
    background-color:white;
    color:dimgray;
}
    .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active{
        border-bottom:solid 3px royalblue;
        border-right:none;
        border-left:none;
        color:royalblue;
        background:none;
    }
.k-tabstrip-items .k-item{
    border:none;
}
.k-window-titlebar {
    color: black;
    background-color: white;
}
.k-window-content {
    color: black;
    background-color: #e5e3e3;
}
.k-button-solid-primary {
    background-color: #2b5698;
    border:none;
}
.k-grid-remove-command > .k-icon {
    color: indianred;
}
.k-menu-group .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active, .k-menu-group .k-item > .k-link.k-selected, 
.k-menu.k-context-menu .k-item > .k-link:active, .k-menu.k-context-menu .k-item > .k-link.k-active, .k-menu.k-context-menu .k-item > .k-link.k-selected{
    background-color:lightgray;
}

#mnuForm {
    display: inline-block;
    background: ghostwhite;
    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;
    background-image: none;
    border: none;
}
#mainMenu .k-menu-link {
    color: black;
}

#mnuFormCus .mnuItm {
    color: dimgray;
}
#mnuPartOpt > .k-item > .k-menu-link, #mnuPrintTimecard > .k-item > .k-menu-link {
    color: white;
}

/* ------------------MOBILE STYLES------------------ */
.bm-nav--mobile {
    background: dimgrey;
}


@media only screen and (max-width: 1024px) {
    .mobileNavIcon {
        width: 30% !important;
    }
    #tabMnu2 {
        margin: 0;
    }
}


@media only screen and (max-width: 500px) {
    .tabs {
        height: auto;
    }
}