/* ------------------------------------------
  FONT CSS STYLES
--------------------------------------------- */
@font-face {
    font-family: 'SegoeUILight';
    src: url('../fonts/segoeuil.eot');
    src: url('../fonts/segoeuil.eot') format('embedded-opentype'), url('../fonts/segoeuil.woff') format('woff'), url('../fonts/segoeuil.ttf') format('truetype'), url('../fonts/segoeuil.svg#SegoeUILight') format('svg');
}

@font-face {
    font-family: 'SegoeUISemibold';
    src: url('../fonts/seguisb.eot');
    src: url('../fonts/seguisb.eot') format('embedded-opentype'), url('../fonts/seguisb.woff') format('woff'), url('../fonts/seguisb.ttf') format('truetype'), url('../fonts/seguisb.svg#SegoeUISemibold') format('svg');
}

* {
    outline: none !important;
}

a {
    color: var(--prime-text);
    text-decoration: none;
    outline: none;
}

    a:hover,
    a:focus {
        color: var(--text-primary-color,#333);
        text-decoration: underline;
        outline: none;
    }

ol, ul, dl {
    margin-bottom: 0rem;
}

.left-side-menu-outer {
    width: 250px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    position: fixed;
    z-index: 99999;
    background: var(--background-primary, #ffffff);
}

.left-side-menu {
    width: 100%;
}

.scroll-div-role-permission {
    padding-left: 10px;
    margin-left: -12px;
}

.dynamic-height {
    height: 60vh; /* 60% of the viewport height */
}

.left-side-menu .logo {
    width: 100%;
    margin: 0px !important;
    background: url(../images/logo-text.png) no-repeat;
    background-position: center center;
    height: 7.5%;
    border-bottom: 1px solid #263238;
}

.left-side-menu ul {
    padding: 0;
    list-style: none;
}

    .left-side-menu ul li {
        margin-bottom: 1px;
    }

        .left-side-menu ul li a {
            width: 100%;
            padding: 14px 24px;
            color: #90a4ae;
            display: inline-block;
            text-decoration: none;
        }

            .left-side-menu ul li a:hover {
                width: 100%;
                padding: 14px 24px;
                display: inline-block;
                text-decoration: none;
            }

            .left-side-menu ul li a i {
                font-size: 16px;
                margin-right: 15px;
            }

            .left-side-menu ul li a span {
                float: right;
                font-size: 10px;
                line-height: 16px;
            }

            .left-side-menu ul li a.active {
                width: 100%;
                padding: 14px 24px;
                color: #90a4ae;
                display: inline-block;
                background: #263238;
                text-decoration: none;
            }

.left-side-menu ul li ul {
    padding: 8px 0;
    background: var(--background-primary, #ffffff);
}

    .left-side-menu ul li ul li {
        display: flex;
    }

        .left-side-menu ul li ul li a {
            padding: 8px 24px 8px 24px;
            font-size: 14px;
        }

            .left-side-menu ul li ul li a i {
                font-size: 12px;
                margin-bottom: 2px;
                color: #90a4ae;
            }

            .left-side-menu ul li ul li a:hover i {
                color: #cfd8dc;
            }


            .left-side-menu ul li ul li a:hover {
                padding: 8px 24px 8px 24px;
                font-size: 14px;
                text-decoration: none;
                color: var(--text-secondary);
                background-color: var(--background-primary, #ffffff);
            }

            .left-side-menu ul li ul li a.active {
                padding: 8px 24px 8px 24px;
                color: var(--text-secondary-color);
                background-color: var(--background-primary, #ffffff);
            }

            .left-side-menu ul li ul li a.asset-plus1 {
                padding: 8px 24px 8px 24px;
                float: left;
                width: 210px;
                display: inline-block;
                font-size: 14px;
            }

            .left-side-menu ul li ul li a.asset-plus2 {
                padding: 8px 12px;
                float: right;
                width: 40px;
                text-align: center;
                display: inline-block;
                font-size: 14px;
            }

                .left-side-menu ul li ul li a.asset-plus2 i {
                    float: none;
                    color: #fba81c;
                    font-size: 14px;
                }

.body-content {
    margin-left: 250px;
}

.body-content-register {
    margin: 0px auto;
    text-align: center;
}

.grid-status {
    margin: 0px auto;
    text-align: center;
}

.topNav {
    width: 100%;
    height: 48px;
    display: inline-block;
    background-color: #36a9e1;
    position: fixed;
    z-index: 9999;
    text-align: right;
    left: 0;
}

ul.navbar-nav > li:last-child > a {
    margin-right: 0;
}

.leftNav {
    width: 100%;
    height: 48px;
    display: inline-block;
    background-color: #1e8fc6;
}

div.toggle-menu {
    height: 32px;
    width: 32px;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    margin-top: 8px;
    margin-right: 8px;
    background-color: #36a9e1;
    border-radius: 3px;
    cursor: pointer;
}

    div.toggle-menu i {
        color: var(--bg-white);
        line-height: 32px;
    }

    div.toggle-menu:hover i {
        color: #72ccf8;
    }

.dropdown-menu li.title {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
}

.dropdown-menu li.user {
    padding: 10px 20px;
    font-size: 14px;
    color: var(--prime-text);
    font-weight: 600;
}

    .dropdown-menu li.user .ficon {
        font-size: 13px;
        line-height: 13px;
        color: var(--prime-text);
    }

.dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    font-size: 13px;
    color: var(--text-primary-color, #0090f1);
    clear: both;
    font-weight: normal;
}

    .dropdown-menu > li > a .ficon {
        color: #0090f1;
    }

.dropdown-menu > li > span {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #353535;
    clear: both;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: var(--text-contrast-with-secondary-theme, --prime-text);
    text-decoration: none;
    background-color: var(--secondary-theme-color, #e8f6fd);
}

.dropdown-border {
    background-color: #454e59;
    border-bottom: 0px solid #7d838b;
}

.k-list-container {
    max-width: 90vw;
    max-height: 50vh;
    box-sizing: border-box;
}

.k-autocomplete {
    position: relative;
}

.k-button-solid-primary {
    background-color: var(--btn-primary-color) !important;
    color: var(--btn-primary-color-text) !important;
}

.k-command-cell .k-button:not(.k-grid-cancel-command) {
    font-weight: 400;
    line-height: 1.5;
    color: var(--btn-primary-color-text);
    background-color: var(--btn-primary-color);
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.k-command-cell .k-button:not(.k-grid-cancel-command):hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
    mix-blend-mode: multiply;
}

.k-command-cell .k-button:not(.k-grid-cancel-command):focus {
    box-shadow: var(--btn-secondary-focus-color) !important;
}

.k-command-cell .k-grid-cancel-command {
    margin-top: 2px;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    background-color: var(--btn-secondary-color);
    color: var(--btn-secondary-color-text);
}

.k-command-cell .k-grid-cancel-command:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
    mix-blend-mode: multiply;
}

.k-command-cell .k-grid-cancel-command:focus {
    box-shadow: var(--btn-secondary-focus-color);
}

h1, h2, h3 {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}
/* ------------------------------------------
  GUEST HEADER CSS STYLES
--------------------------------------------- */
.guest-log {
    width: 100%;
    background-color: #313131;
    text-align: right;
    color: var(--bg-white);
    height: 55px;
}

body {
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 12px;
    background-position: top center;
    background-size: cover;
}

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

.mt20 {
    margin-top: 0px;
}

.logolink {
    display: block;
    background: url(../images/logo-text.png) no-repeat;
    background-position: center center;
    height: 58px;
    width: 160px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdown-width {
    width: 75% !important;
}

.mtlink {
    margin-top: 15px;
}

.mtlink-settings {
    margin-top: 10px;
}

.mtlink-top {
    margin-top: 5px;
}

.mtlink-duedate {
    margin-top: 15px;
}

.mtlinkX-duedate {
    margin-top: 15px;
    margin-left: 10%;
}

.subliks {
    color: var(--prime-text);
}

    .subliks:hover {
        color: var(--prime-text);
    }

    .subliks:active {
        color: var(--prime-text);
    }

    .subliks:link {
        color: var(--prime-text);
    }

    .subliks:visited {
        color: var(--prime-text);
    }

.searchbar {
    background-image: url(../images/2/asset-cloud-header-bg-v3.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 58px;
}

.tabdashboard {
    float: left;
}

.lock-unlock {
    width: max-content;
    height: max-content;
    margin-bottom: -9px !important;
}

.tabmain {
    background: var(--bg-white);
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    border-left: none;
    border-right: none;
    padding: 0px 15px 0px 15px;
    clear: both;
}

/*    ----Buttons----   */

.success-add-save-border {
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 1px #0099ff;
    font-size: 12px;
    width: auto;
    border-radius: 3px;
    border-color: var(--bg-prime-outline) !important;
    background-color: var(--bg-prime-color) !important;
    color: var(--bg-white) !important;
}

#btnSaveView {
    border-color: var(--bg-prime-outline) !important;
    background-color: var(--bg-prime-color) !important;
    color: var(--bg-white) !important;
}

    #btnSaveView:hover {
        border-color: var(--bg-prime-outline) !important;
        background-color: var(--bg-prime-color) !important;
        color: var(--bg-white) !important;
    }

#btnCreateAsset {
    border-color: var(--bg-prime-outline) !important;
    background-color: var(--bg-prime-color) !important;
    color: var(--bg-white) !important;
}

    #btnCreateAsset:hover {
        border-color: var(--bg-prime-outline) !important;
        background-color: var(--bg-prime-color) !important;
        color: var(--bg-white) !important;
    }

#btnYes {
    border: 1px solid #fe1f1f !important;
    background-color: #fe423f !important;
    color: var(--bg-white) !important;
}

    #btnYes:hover {
        border: 1px solid #fe1f1f !important;
        background-color: #fe1f1f !important;
        color: var(--bg-white) !important;
    }

#btn_Add .btn-attach {
    border-width: 2px !important;
    font-family: 'Segoe UI', sans-serif !important;
}

input {
    font-family: 'Segoe UI', sans-serif !important;
    border: solid 1px var(--bg-tertiary-ouline);
}

.buttonCenter:focus,
.btn-blue:focus,
.btn-whte:focus,
.inputLocks:focus,
.buttonLeft:focus,
.buttonRight:focus,
.buttonRptRight:focus {
    color: var(--bg-white);
    background-color: #444;
    border-color: #444;
}

.buttonRptRight:hover:enabled {
    border-color: #444;
    background-color: #444;
    color: var(--bg-white);
}


.buttonRptRight:disabled {
    pointer-events: none;
}

/*    ----Buttons----   */

.callOut {
    width: auto;
    display: block;
    margin: 0 auto;
    background-color: #eaeaea;
}


.tabnone {
    display: none;
}

.tabpanel {
    width: 100%;
    background: transparent;
}

.k-group-indicator {
    background-color: #0099ff !important;
    border-color: #0099ff !important;
}

.tabblue {
    color: var(--bg-white);
    padding: 0 13px;
    cursor: pointer;
    line-height: 54px;
    float: left;
    background-color: #0090F1;
    border-bottom: 4px solid #fba81c;
    font-weight: bold;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdown-toggle {
    max-height: fit-content;
}

.tabgray {
    color: var(--bg-white);
    padding: 0 13px;
    line-height: 54px;
    padding-bottom: 4px;
    cursor: pointer;
    float: left;
    font-weight: 600;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

    .tabgray:hover {
        color: var(--bg-white);
        padding: 0 13px;
        line-height: 54px;
        border-bottom: 4px solid #7d838b;
        background-color: #454e59;
        cursor: pointer;
        float: left;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
    }

.ico-lisz {
    font-size: 14px;
    margin: 0px;
    float: left;
}

.ico-listn {
    font-size: 12px;
    margin: 4px 0px -2px 0px;
    float: left;
}

.ico-lists {
    font-size: 12px;
    margin: 6px 0px -2px 0px;
    float: left;
}

.ico-lists2 {
    font-size: 12px;
    margin: 6px 0px -2px 0px;
    float: left;
}

.list-text {
    font-size: 13px;
    margin: 5px 0px 0px 10px;
    float: left;
}

.list-firstchild {
    border-left: none !important;
}

.list-firstchild, .list-nchild, .list-lastchild {
    padding: 0px 10px 3px 10px;
    float: left;
    line-height: 30px;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    color: #454e59;
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgba(0,0,0,.1);
}

    .list-firstchild .ficon, .list-nchild .ficon, .list-lastchild .ficon {
        color: #f7ac15;
    }

    .list-firstchild:hover .ficon, .list-nchild:hover .ficon, .list-lastchild:hover .ficon {
        color: #454e59;
    }


    .list-firstchild:hover, .list-nchild:hover, .list-lastchild:hover {
        padding: 0px 10px 3px 10px;
        float: left;
        line-height: 30px;
        background-color: var(--bg-white);
        border-bottom: 3px solid #479cd2;
        cursor: pointer;
        color: var(--prime-text);
    }

.list-firstchild-selected:focus, .list-nchild-selected:focus, .list-lastchild-selected:focus {
    outline: none;
}

.list-firstchild-selected, .list-nchild-selected, .list-lastchild-selected {
    padding: 0px 10px 3px 10px;
    float: left;
    line-height: 30px;
    background-color: var(--bg-white);
    border-bottom: 3px solid #479cd2;
    cursor: pointer;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    color: #454e59;
    border-right: 1px solid rgba(0,0,0,.1);
}

    .list-firstchild-selected .ficon, .list-nchild-selected .ficon, .list-lastchild-selected .ficon {
        color: #f7ac15;
    }

.listmenu-firstchild {
    border-left: none !important;
}

.listmenu-firstchild, .listmenu-nchild, .listmenu-lastchild {
    padding: 0px 5px 3px 5px;
    float: left;
    line-height: 30px;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    color: #454e59;
    border-left: 1px solid rgb(255,255,255);
}

    .listmenu-firstchild .ficon, .listmenu-nchild .ficon, .listmenu-lastchild .ficon {
        color: #f7ac15;
    }

    .listmenu-firstchild:hover .ficon, .listmenu-nchild:hover .ficon, .listmenu-lastchild:hover .ficon {
        color: #454e59;
    }

    .listmenu-firstchild:hover, .listmenu-nchild:hover, .listmenu-lastchild:hover {
        padding: 0px 5px 3px 5px;
        float: left;
        line-height: 30px;
        background-color: var(--bg-white);
        border-bottom: 3px solid #479cd2;
        cursor: pointer;
        color: var(--prime-text);
    }

.listmenu-firstchild-selected, .listmenu-nchild-selected, .listmenu-lastchild-selected {
    padding: 0px 5px 3px 5px;
    float: left;
    line-height: 30px;
    background-color: var(--bg-white);
    border-bottom: 3px solid #479cd2;
    cursor: pointer;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    color: #454e59;
}

    .listmenu-firstchild-selected .ficon, .listmenu-nchild-selected .ficon, .listmenu-lastchild-selected .ficon {
        color: #f7ac15;
    }

.listplus-firstchild {
    border-left: none !important;
}

.listplus-firstchild, .listplus-nchild, .listplus-lastchild {
    padding: 4px 5px 4px 4px;
    float: left;
    line-height: 30px;
    background-color: transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    color: #454e59;
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgba(0,0,0,.1);
}

    .listplus-firstchild .ficon, .listplus-nchild .ficon, .listplus-lastchild .ficon {
        color: #f7ac15;
    }

    .listplus-firstchild:hover .ficon, .listv-nchild:hover .ficon, .listplus-lastchild:hover .ficon {
        color: #454e59;
    }


    .listplus-firstchild:hover, .listplus-nchild:hover, .listplus-lastchild:hover {
        padding: 4px 5px 4px 4px;
        float: left;
        line-height: 30px;
        background-color: var(--bg-white);
        border-bottom: 3px solid #479cd2;
        cursor: pointer;
        color: var(--prime-text);
    }

.listplus-firstchild-selected, .listplus-nchild-selected, .listplus-lastchild-selected {
    padding: 4px 5px 4px 4px;
    float: left;
    line-height: 30px;
    background-color: var(--bg-white);
    border-bottom: 3px solid #479cd2;
    cursor: pointer;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    color: #454e59;
    border-right: 1px solid rgba(0,0,0,.1);
}

    .listplus-firstchild-selected .ficon, .listplus-nchild-selected .ficon, .listplus-lastchild-selected .ficon {
        color: #f7ac15;
    }

.list_plus {
    padding: 4px 5px 10px 15px;
    background-color: transparent !important;
}

    .list_plus:hover {
        padding: 4px 5px 10px 15px;
        background-color: transparent !important;
    }

.Wasp_menu {
    width: auto;
    padding: 1px;
    float: left
}

.list-onechild {
    background-color: var(--bg-white);
    border: 1px solid var(--bg-tertiary-ouline);
    border-radius: 5px;
    cursor: pointer;
    float: left;
    margin-left: 15px;
    padding: 0px 10px 3px 5px;
    color: #353535;
}

    .list-onechild:hover {
        padding: 0px 10px 3px 5px;
        float: left;
        background-color: #ededed;
        border: 1px solid var(--bg-tertiary-ouline);
        border-radius: 5px;
        cursor: pointer;
        margin-left: 15px;
    }

.list-onechild-selected {
    padding: 0px 10px 3px 5px;
    float: left;
    background-color: #ededed;
    border: 1px solid var(--bg-tertiary-ouline);
    border-radius: 5px;
    cursor: pointer;
    margin-left: 15px;
}

.searchlist {
    border-radius: 15px;
    position: absolute;
    margin: 10px 30px 0 0;
    right: 0px;
    background: url(../images/search.jpg) var(--bg-white) no-repeat right;
    padding-right: 10px;
    border: 1px solid #cccbcb;
}

.k-autocomplete .k-input {
    height: 1.5em !important;
    line-height: 1.5em !important;
    border-radius: 0 !important;
}

#customViewList .k-selected {
    background-color: #0099ff !important;
    color: var(--bg-white) !important;
    border-radius: 0px !important;
    border: 0 !important;
}

.column-overflow {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.woasset-column-overflow {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ManageCustomView .k-grid-header {
    padding: 0 !important;
}

#ManageCustomView .k-grid-content {
    overflow-y: visible;
}

#ManageCustomView .k-filtercell > span > label {
    vertical-align: middle;
    margin-left: 10px;
}

.searchlist input[type="text"] {
    color: var(--prime-text);
    outline: none;
    padding: 6px 30px 6px 10px;
    border: solid 1px var(--bg-white);
    font-size: 12px;
    width: 200px;
    margin-left: 10px;
    margin-right: 30px;
    font-family: 'Segoe UI', sans-serif;
    background-color: var(--bg-white);
}

.headingfield {
    width: 100%;
    padding: 0px;
    display: inline-block;
}

    .headingfield .ficon {
        float: left;
        margin-right: 20px;
        font-size: 46px;
        color: #454e59;
        margin-left: 0px;
        height: 60px;
    }

    .headingfield h1 {
        font-family: 'Segoe UI', sans-serif;
        font-size: 16px;
        font-weight: 600;
        margin-left: 0px;
        line-height: 18px;
    }

    .headingfield h2 {
        font-family: 'Segoe UI', sans-serif;
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
        margin-left: 0px;
        color: var(--text-primary-color);
    }

.alert-green {
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
    font-weight: 200;
    border: 1px solid #88c112;
    border-radius: 5px;
    margin: 10px 30px;
    padding: 5px 10px;
    color: #527812;
    background-color: #d8eccf;
}

.alert-red {
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
    font-weight: 200;
    border: 1px solid var(--alert-outline);
    border-radius: 5px;
    margin: 10px 30px;
    padding: 5px 10px;
    color: var(--alert-outline);
    background-color: var(--alert-danger);
}

.alert-yellow {
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
    font-weight: 200;
    border: 1px solid #c9c869;
    border-radius: 5px;
    margin: 10px 30px;
    padding: 6px 5px 3px 5px;
    color: #444444;
    background-color: #f5f461;
}

.grid-topnav {
    border: 1px solid var(--grid-border, rgba(0,0,0,0.08));
    border-bottom: none;
    background-color: var(--background-secondary, #F4F4F6);
    margin: 10px 0px 0px 0px;
    padding-bottom: 10px;
    color: var(--text-primary-color);
}

.grid-border {
    border: 1px solid var(--grid-border, #cccccc);
    margin: 0px 0px 10px 0px;
    height: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.k-grid {
    border: 1px solid var(--grid-border, #cccccc);
}

.grid-border-1 {
    border: 1px solid var(--bg-tertiary-ouline);
    height: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.grid-border-sub {
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 0px 12px 10px 12px;
    height: auto;
    width: 860px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px;
}

.grid-border-sub-associategroup {
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 0px 12px 10px 12px;
    height: auto;
    width: 1335px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px;
}

.copy {
    font-size: 12px;
    color: #9c9c9c;
    margin: 15px 0px 15px 15px;
}


.sub-labels {
    color: #444;
    padding: 15px 16px;
    background-color: var(--bg-white);
    font-size: 14px;
    width: auto;
    text-align: center;
    font-weight: normal;
    float: left;
    cursor: pointer;
    border-right: 1px solid rgba(0,0,0,.15);
}

    .sub-labels:last-child {
        border-right: none;
    }

    .sub-labels:hover {
        color: var(--bg-white);
        outline: none;
        background-color: #454e59;
        font-size: 14px;
        width: auto;
        text-align: center;
        float: left;
        cursor: pointer;
    }

.sub-page-links {
    font-size: 24px;
    color: var(--text-contrast-with-primary-background, #000);
    padding: 8px;
}

    .sub-page-links:hover {
        font-size: 24px;
        color: var(--secondary-theme-color);
    }

.print-icon {
    float: right;
    font-size: 12px;
}

.index-print-icon {
    margin: 10px 15px 0 0;
    border-radius: 4px;
    display: flex;
}

.customview-drop {
    margin: 10px 15px 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.label-drop {
    float: left;
}

.cv-combo {
    width: 220px !important;
    margin-left: 5px;
    height: 36px !important;
}

.combo-alternate {
    width: 220px !important;
    margin-left: 5px;
    height: 36px !important;
}

.receipt-combo {
    width: 400px !important;
    margin: 0px;
    height: 36px !important;
}

.dvCustom-save {
    float: right;
    margin-top: 4px;
}

.exporthistory-grid-icon {
    margin: 0px 0px 0 0;
    float: right;
    font-size: 12px;
    background: var(--bg-white);
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.check-list {
    float: right;
    padding: 15px 10px 10px 10px;
}

.ckeck-lists {
    float: right;
    padding: 8px 8px 0px;
}

/* ------------------------------------------
  POPUP CSS STYLES
--------------------------------------------- */
.popup-bg {
    background-color: var(--bg-white);
}

.popup-bg-cv {
    background-color: var(--bg-white);
    margin-left: 10px;
}

.popup-bg-attach {
    background-color: var(--bg-white);
    height: 250px;
    overflow: auto;
}

.popup-bggrid {
    background-color: var(--bg-white);
    height: 400px;
    margin: 35px 15px;
    border: 1px solid var(--bg-tertiary-ouline);
}

.popup-heads {
    border-bottom: none;
    background-color: #313131;
    padding: 10px 15px 0px 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 15px;
    color: var(--bg-white);
    font-weight: bold;
}

#kacScan {
    background-color: #FFECD1 !important
}

.popup-footer {
    color: var(--bg-white);
    height: 50px;
    width: 100%;
}

.popup-footer-logo {
    height: 50px;
    width: 100%;
}

.label-field {
    padding: 7px 0px 7px 25px;
}

.label-text {
    padding: 7px 0px 7px 25px;
}

.container {
    width: 100% !important;
    max-width: 100%;
}

.footer-extend-set-height {
    height: 50px;
}

footer {
    border-top: 1px solid #cacaca;
    background-color: var(--background-primary, #ffffff);
    height: 60px;
    margin: 15px 0px 0px 0px;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 1;
    left: 0px;
}

#customViewList {
    margin-left: 15px;
    background: var(--bg-white);
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: inline-block;
    overflow: hidden;
}

.k-window div.k-window-content {
    overflow: hidden;
    background-color: var(--background-tertiary, #ffffff);
    color: var(--text-primary-color, #333333);
}

.view-asset-link {
    color: black;
    font-size: 11px;
    font-weight: normal;
}

    .view-asset-link:hover {
        color: black;
        font-size: 11px;
        font-weight: normal;
    }

.k-selected {
    color: var(--bg-white);
}

.k-pager-numbers .k-selected {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 600;
}

.k-list > .k-selected.k-state-focused {
    color: var(--bg-white) !important;
}

.k-calendar .k-header {
    background-color: #479cd2 !important;
}

.k-calendar td.k-selected {
    background-color: #479cd2 !important;
}

.k-calendar .k-header .k-state-hover {
    background-color: #3378a4 !important;
}

.k-calendar .k-footer .k-nav-today {
    color: #479cd2 !important;
}

.mb-pop {
    margin-bottom: -9px !important;
}


.k-window-titlebar {
    background-color: #313131 !important;
    color: var(--bg-white) !important;
    padding-bottom: 7px !important;
    background-image: none !important;
}

.k-block > .k-header, .k-window-titlebar {
    font-size: 14px !important;
}

/************************************************ Add Asset Type  **********************************************/
.add-as {
    margin: 10px 0px 15px 0px;
}

.Addtabmain {
    background-color: transparent;
    padding-top: 15px;
}

.Addtabblue {
    color: var(--text-contrast-with-secondary-theme);
    padding: 12px 18px;
    cursor: pointer;
    float: left;
    background-color: var(--secondary-theme-color,#0fa0fe);
    font-size: 12px;
}

.Addtabgray {
    color: var(--text-primary-color, #454e59);
    padding: 12px 18px;
    cursor: pointer;
    float: left;
    background: var(--background-tertiary, #ffffff80);
    font-size: 12px;
}

    .Addtabgray:hover {
        background-color: #444;
        color: var(--bg-white);
    }

#Addtab1 {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab2 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab3 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab4 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab5 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab6 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab7 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab8 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab9 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab10 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab11 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab12 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#Addtab13 {
    border-left: 1px solid rgba(255, 255, 255, 0.47);
    border-right: none;
}

.tabsbar {
    background: var(--bg-white);
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: inline-block;
    overflow: hidden;
}

.headings {
    color: var(--text-primary-color);
    width: 100%;
    background-color: var(--background-tertiary, #ffffff80);
    padding: 10px 15px;
    float: left;
    font-size: 15px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-font-smoothing: antialiased;
}

.stage-field {
    color: var(--text-primary-color);
    width: 100%;
    background-color: var(--background-secondary, #f6f6f6);
    padding: 7px 10px 10px 10px;
    float: left;
    border-top: none;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.DivUpload {
    height: auto;
    margin: 15px 0px;
}

.uploads {
    background: url(../images/photo-upload.png) center center;
    background-color: #fbfbfb;
    border: 1px solid var(--bg-tertiary-ouline);
    font-weight: bold;
    height: 191px !important;
    text-align: left;
    width: 256px !important;
    overflow: hidden;
    border-radius: 5px;
}

.uploads-nobg {
    background-color: #fbfbfb;
    border: 1px solid var(--bg-tertiary-ouline);
    font-weight: bold;
    height: 191px !important;
    text-align: left;
    width: 256px !important;
    overflow: hidden;
    border-radius: 5px;
}

.uploads-btn {
    width: 256px;
    height: auto;
}

.lft-field {
    text-align: right;
    padding-top: 13px;
    padding-left: 5px;
    word-wrap: break-word;
}

.lft-field-adds {
    text-align: right;
    padding-top: 19px;
    padding-left: 5px;
}

.rgt-field {
    padding-top: 7px;
}

.rgt-quality {
    padding-top: 13px;
}

.rgt-text {
    padding-top: 12px;
}

.rgt-field a {
    color: var(--prime-text);
    text-decoration: none;
}

.check-field {
    padding-top: 5px;
    cursor: default;
}

.custom-description-check-field {
    cursor: default;
}

.depreciation-check-field {
    padding-top: 10px;
}

.cal-depreciation-date {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.radio-field {
    padding-top: 15px;
}

.mt10 {
    margin-top: 15px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 20px;
    border: none;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--pay-border);
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: #2196F3;
}

input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 30px;
    background: #333333;
    width: 45px;
    height: 20px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.purchase-add {
    padding: 0px 15px 15px 0px;
    background-color: #F4F4F5;
    float: left;
    margin: 15px 0px 0px 5px;
    width: 98.3%;
}

.tabgrid-add {
    border: 1px solid var(--bg-tertiary-ouline);
    border-left: none;
    border-right: none;
    float: left;
    width: 98.4%;
    height: 450px;
    margin: 15px 0px 0px 5px;
}

.ErrorMsg {
    font-size: 12px;
    color: rgba(221,5,4,.9);
}

.lft-field > .ErrorMsg {
    font-size: 12px;
    font-family: 'Segoe UI', sans-serif;
    color: red;
}

.searchctrl {
    background-color: #fafafa;
    width: 305px;
}

.k-grid-content table tbody tr:nth-child(even) {
    background-color: var(--grid-alternate);
}

.k-grid-content table tbody tr:hover {
    background-color: var(--grid-hover);
}

.k-grid-header .k-header {
    color: var(--text-secondary, #737373) !important;
}

.k-grid td {
    font-size: 12px;
}

.boldfont {
    font-weight: bold;
    font-size: 13px !important;
}

.padLeft05 {
    padding-left: 6px;
}

.padLeft10 {
    padding-left: 10px;
}

.padLeft70 {
    padding-left: 70px;
}

.edit-txt {
    color: var(--prime-text);
    text-decoration: underline !important;
}

.edit-txt-po {
    color: var(--prime-text);
    text-decoration: underline;
    cursor: pointer
}

.add-btn {
    padding-left: 68px;
}

.borderrgt {
    border-right: 1px solid #c5c5c5;
}

.rgt-pad13 {
    padding-top: 13px;
}

.rgt-pad18 {
    padding-top: 20px;
}

.btn-attach {
    color: var(--prime-text);
    outline: none;
    padding: 5px 10px 5px 10px;
    border: solid 2px var(--bg-tertiary-ouline);
    background-color: var(--bg-white);
    font-size: 12px;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
}

    .btn-attach:hover {
        border-color: #444;
        background-color: #444;
        color: var(--bg-white);
    }

.text-under, .text-under:hover {
    text-decoration: underline;
    color: var(--prime-text);
}

.popup-upload {
    background-color: var(--bg-white);
    height: 243px;
    width: 445px;
    overflow-y: scroll;
}

.poplft-field {
    text-align: left;
    padding-left: 15px;
}

.poprgt-field {
    padding-top: 0px;
    margin-bottom: 15px;
}

.attach-add {
    border: 1px solid var(--bg-tertiary-ouline);
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.orders-disabledbutton {
    pointer-events: none;
    opacity: 0.4;
    color: var(--prime-text);
    outline: none;
    padding: 5px 10px 5px 10px;
    background-color: var(--bg-white);
    font-size: 12px;
    border-radius: 5px;
}

.grid-HD {
    background-color: var(--background-secondary, #f4f4f6);
    border: 1px solid var(--grid-border, #c5c5c5);
    border-bottom: none;
    padding: 10px;
    min-height: 55px;
}

.grid-HD-SUB {
    background-color: var(--background-secondary, #f4f4f6);
    border: 1px solid var(--grid-border, #c5c5c5);
    border-bottom: none;
    padding: 10px;
    height: 40px;
    width: 860px;
}

.grid-HD-SUB-associategroup {
    background-color: #f4f4f6;
    border: 1px solid #c5c5c5;
    border-bottom: none;
    padding: 10px;
    height: 45px;
    width: 1335px;
}

.navbar-nav > li > a {
    max-height: 58px;
}

.mf {
    color: Red;
}

.desc_txt {
    width: 300px;
    height: 40px;
    margin-bottom: 10px;
}

.wid-75 {
    width: 100px !important;
}

.intabgrid-add {
    float: left;
    width: 99%;
    height: auto;
    margin: 10px 0px 5px 5px;
}

.autofillwrap {
    width: 300px;
    word-wrap: break-word;
}

.k-numerictextboxX-txt > span {
    width: 9.8em !important;
    background-color: var(--bg-white);
    height: 32px;
}

span.k-numerictextbox-txt {
    width: 7.5em !important;
    background-color: var(--bg-white);
}

span.k-numerictextbox-txt-settings {
    width: 9.8em !important;
    background-color: var(--bg-white);
}

.k-numerictextboxXNumberSeries-txt-Receive > span {
    width: 65% !important;
}

.k-numerictextboxXNumberSeries-txt-ReceiveCost > span {
    width: 110px !important;
}

/********************************** lOGIN  ***************************************/


.noscript-container {
    height: 100%;
    width: 100%;
    margin: 0px;
    display: inline-block;
}

.noscript-logo-container {
    margin: auto;
    margin-top: 100px;
    margin-bottom: 50px;
    width: 50%;
    text-align: center;
}

.noscript-message-container {
    padding: 20px;
    margin: auto;
    width: 50%;
    text-align: center;
}


.was-login {
    margin: 0px auto;
    width: 450px;
    margin-top: 0px;
    display: table;
    border-radius: 3px;
    overflow: hidden;
}

.sig-log2 {
    margin: -200px auto 20px auto;
    max-width: 450px;
    text-align: left;
}

.sig-log {
    float: left;
}

.sig-log img{
    width:auto;
    height: 59px;
}

.sig-log-txt {
    float: right;
    color: var(--bg-white);
    font-size: 18px;
    padding: 15px 20px 0 0;
    display: none;
}

.sig-cmt {
    float: left;
    width: 100%;
    border-top: none;
    border-bottom: none;
}

.sig-conf {
    font-size: 16px;
}

    .sig-conf a {
        font-size: 16px;
        color: var(--bg-white);
        text-decoration: underline;
    }

.sig-cmt-pwd {
    float: left;
    width: 100%;
    border-top: none;
    border-bottom: none;
    padding: 10px 20px 0 0;
}

.sig-foot {
    float: left;
    border-top: none;
    width: 100%;
    padding-bottom: 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#btnLogin {
    color: var(--bg-white) !important;
    background-color: var(--bg-accent-color) !important;
    border-color: var(--bg-accent-color) !important;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 5px;
}

    #btnLogin:hover {
        background-color: #454e59 !important;
        border-color: #454e59 !important;
    }

#UserPassword, #UserName, #CurrentPassword, #NewPassword, #ConfirmPassword {
    width: 100% !important;
    margin: 8px 0 8px 0;
    padding: 12px;
    color: #555;
    border-radius: 4px;
}

    #UserName:-webkit-autofill, #UserPassword:-webkit-autofill, #CurrentPassword:-webkit-autofill, #NewPassword:-webkit-autofill, #ConfirmPassword:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

.signtop-field {
    padding: 0px;
    font-size: 13px;
    font-weight: 400;
    color: #f5f5f5;
}

    .signtop-field span.ErrorMsg {
        display: none !important;
    }

.signbtm-field {
    padding: 0px;
    font-size: 12px;
}

.signlft-field {
    padding: 5px 0px 5px 15px;
    font-size: 12px;
}

.signrgt-field {
    padding: 5px 0px 0px 0px;
    font-size: 12px;
}

.terms-link {
    text-decoration: underline !important;
    color: var(--bg-white) !important;
    padding-left: 5px;
}

.dcf-hyperlink {
    text-decoration: underline !important;
    color: var(--bg-accent-color) !important;
    padding-left: 5px;
}

.dcf-hyperlink-lock {
    color: #faa819 !important;
}

/*  Login Right Side  */

.loginRight {
    background: url(../images/2/login-bg.jpg);
    background-size: cover;
    background-position: bottom;
    width: 100%;
    border-left: 1px solid #C3DAE4;
    display: table;
    padding: 60px 0 0 40px;
}

.loginLeft {
    display: table;
}

.loginInner {
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.6);
    padding: 25px;
}

#loginOuter {
    display: table;
    width: 100%;
    background: -webkit-linear-gradient(#bdc8d6, #d9e6f6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bdc8d6, #d9e6f6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bdc8d6, #d9e6f6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bdc8d6, #d9e6f6); /* Standard syntax */
}

.guided-tour-icon {
    background: url(../images/2/guided-tour-icon.png);
    width: 22px;
    height: 18px;
    display: inline-block;
    margin-bottom: -3px;
}

.loginRight h3 {
    text-transform: uppercase;
    color: #4e748b;
    margin-bottom: 24px;
    font-size: 15px;
    font-family: 'SegoeUISemibold', sans-serif;
}

.loginRight h1 {
    font-size: 50px;
    line-height: 65px;
    width: 60%;
    font-weight: normal;
    color: #222;
    margin-top: 10px;
    font-family: 'SegoeUILight', sans-serif;
}

.loginRight h2 {
    color: #222;
    font-size: 18px;
    width: 60%;
    line-height: 130%;
    font-family: 'SegoeUISemibold', sans-serif;
}

.loginRight a.tour-button {
    background: transparent;
    border: 2px solid var(--bg-accent-color);
    padding: 12px 24px;
    margin-top: 15px;
    display: inline-block;
    border-radius: 3px;
    color: #3C3C3C;
    font-weight: 600;
    text-decoration: none;
}

.sig-foot .remember-me {
    margin: 20px 0 0 5px;
    float: left;
    cursor: default;
    color: #f5f5f5;
}

.pass-field {
    font-size: 12px;
}

    .pass-field span {
        float: right;
        margin: 3px 0px 5px 0px;
    }

        .pass-field span a {
            color: #f5f5f5;
        }

.mrg-top {
    margin-bottom: 15px;
}

.log-text {
    width: 280px !important;
}

.forgot-ahref {
    color: #23aae1;
    text-decoration: underline;
}

.wid-90s {
    width: 93% !important;
}

.Registermain {
    background-color: transparent;
    padding: 0px;
}

.rpt-registermain {
    background-color: transparent;
    padding: 10px;
}

.register-logo {
    background-color: #222222;
    height: 58px;
    text-align: left;
}

.register-head h1 {
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    line-height: 1px;
    text-align: center;
    text-transform: uppercase;
}

.register-field {
    padding-top: 15px;
}

.registered-content {
    margin: 0 auto;
    display: inline-block;
}

.bck-log {
    font-size: 12px;
    padding: 20px 0px 0px 15px;
    float: left;
}

.chkbx-grid-left {
    float: left;
    padding: 3px 15px 0px 10px;
    cursor: default;
}

.log-list {
    float: right;
    padding: 0px 0px 0px 15px;
    cursor: default;
}

.G-log-list {
    float: right;
    padding: 5px 0px 0px 15px;
    cursor: default;
}

.log-list-Sub {
    float: right;
    padding: 0px 10px 0px 15px;
    cursor: default;
}

.log-filter {
    float: left;
    padding-left: 10px;
}

.log-manage {
    width: 500px;
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 0px 0px 0px 0px;
    height: 50px;
    float: right;
}

.log-manage2 {
    width: 500px;
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 0px 0px 0px 0px;
    height: auto;
    float: right;
}

.log-lic {
    font-size: 12px;
    color: #6e6e6e;
    padding: 15px 0px 0px 10px;
}

.log-user {
    font-size: 12px;
    color: var(--prime-text);
    padding: 15px 0px 0px 10px;
}

.log-avai {
    font-size: 12px;
    color: #40a349;
    padding: 15px 0px 0px 10px;
}

.log-dis {
    font-size: 12px;
    color: #ce2a27;
    padding: 15px 0px 0px 10px;
}

.required-ticks {
    float: left;
    padding-right: 4px;
    margin-top: 4px;
}

.required-alerts {
    float: left;
    padding-right: 4px;
    margin-top: 4px;
}

.pw-required-setting {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    padding-bottom: 13px;
    height: max-content;
    margin-top: 65px !important;
}

.password-caps-on {
    color: red;
    background-color: #f5f5f5;
    float: left;
    border-radius: 8px;
    text-align: center;
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
}

.requirements-header {
    font-size: 22px;
    padding-bottom: 6px;
    text-decoration: underline;
    color: #454e59;
}

.requirements-field {
    margin-top: 4px;
    color: #454e59;
}

.user-icon {
    float: left;
}

.user-txt {
    float: left;
    padding: 2px 0px 0px 6px;
}

.status-txt {
    float: right;
    padding: 2px 0px 0px 6px;
    cursor: pointer;
}

.reg-pad135 {
    padding-left: 135px;
}


/*********************************** Roles *****************************************/
.rolesmain {
    background-color: transparent;
    padding: 0px 15px 15px 15px;
}

.divcheck {
    border: solid 1px var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 250px;
    height: 200px;
    border-radius: 5px;
    background-color: var(--bg-white);
    float: right;
}

.divchecked {
    border: solid 1px var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 250px;
    height: 200px;
    border-radius: 5px;
    background-color: var(--bg-white);
    float: left;
}

.chk-select {
    margin-top: 10px;
}

.label-select {
    margin-top: 35px;
}

.chk-rgt {
    margin-left: 10px;
}

.chk-rgt20 {
    margin: 10px 0px 0px 15px;
}

.alert-pop {
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
    font-weight: 200;
    border: 1px solid var(--alert-outline);
    border-radius: 5px;
    margin: 10px 15px;
    padding: 6px 5px 3px 5px;
    color: var(--alert-outline);
    background-color: var(--alert-danger);
}

.ic-left {
    width: 50px;
    float: left;
}

.ic-alert {
    text-align: center;
    margin: 3px 0px;
}

.role-row {
    background: url(../images/role-grid.jpg) repeat-x;
    padding-right: 29px;
    margin-right: 0px;
}

.role-row-1 {
    background-color: var(--bg-white);
}

.role-row-2 {
    background-color: #f5f5f5;
}

.rolegrid-col1 {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px;
}

.rolegrid-alter-col1 {
    font-size: 12px;
    margin: 10px 0px;
    cursor: default;
}

.role-pad {
    margin: 10px 10px;
}

.underline {
    text-decoration: underline !important;
    cursor: pointer;
    font-size: 12px;
}

.enable {
    margin-bottom: 10px;
}

.invite {
    margin-top: 10px;
}

/************************************ Roles Grid *******************************************/

.role-avail {
    width: 370px;
    float: left;
}

.role-btns {
    float: left;
}

.role-selected {
    width: 370px;
    float: left;
}

.chk-avai-user {
    margin: 10px 0px;
    width: 100%;
}

.role-grid {
    width: 100%;
    background-color: var(--bg-tertiary-ouline);
    height: 250px;
    float: left;
}

.chk-selectlft {
    margin-left: 0px;
}

.btn-middle {
    margin-top: 50px;
    padding-right: 5px;
}

.chk-btm {
    margin-bottom: 10px;
}

.chk-right {
    float: right;
    padding-right: 10px;
}

.role-full {
    width: 910px;
    height: 345px;
}

.role-checkapp {
    width: 910px;
    height: 50px;
    float: left;
}

.pop-align {
    font-size: 12px;
    margin: 10px;
}

.role-lft-field {
    text-align: left;
    padding-top: 20px;
}
/* To remove Cross Sign in Textbox in IE 10*/
::-ms-clear {
    display: none;
}

.lnk-redirect {
    color: #0000FF;
    cursor: pointer;
    text-decoration: underline;
}

.header-stripe {
    position: fixed;
    width: 100%;
    height: 96px;
    z-index: 10000;
}
/************************************ Transaction *******************************************/
.grid-TD {
    background-color: #c6ced7;
    border: 1px solid #c5c5c5;
    border-bottom: none;
    padding: 10px;
    height: 50px;
}

/************************************ Lookups *******************************************/
.rect {
    border: 1px solid var(--bg-tertiary-ouline);
    padding-bottom: 10px;
}

.rect-rpt {
    border: 1px solid var(--bg-tertiary-ouline);
    margin-bottom: -10px;
}

.rect-address {
    border: 1px solid var(--bg-tertiary-ouline);
    height: 365px;
}

.rect-rgt {
    margin-right: 15px;
}

.rect-rgt-progress {
    margin-right: 15px;
    height: 270px;
}

.look-head {
    position: absolute;
    margin: -10px 0px 0px 10px;
    background-color: var(--background-secondary, #f6f6f6); /*var(--grid-hover)*/
    padding: 0px 5px 0px 5px;
}

.look-subhead {
    border-bottom: 1px solid var(--bg-tertiary-ouline);
    margin: 5px 15px 0px 15px;
    padding: 5px 0px 15px 0px;
}

.look-word-wrap {
    word-wrap: break-word;
}

.edit-pen {
    float: right;
}

.look-pad {
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.btm-border {
    border-bottom: 1px solid var(--bg-tertiary-ouline);
    padding-bottom: 10px;
}

/******************************** Transaction ***********************************/
.rgt-trans {
    padding-top: 20px;
}

.rgt-trans-ph {
    padding-top: 18px;
}

.ph-icon {
    margin-top: -5px;
}

.attach-check {
    background-color: var(--bg-tertiary-ouline);
    float: left;
    width: 90%;
    height: 50px;
}

.attach-inner {
    border: 1px solid var(--bg-tertiary-ouline);
    float: left;
    width: 90%;
    height: auto;
    margin: 0px 0px 0px 0px;
}

.attach-lock {
    float: left;
    width: 9%;
    height: auto;
    margin: 10px 0px 0px 0px;
}

.grid-IN {
    background-color: #f4f4f6;
    border: 1px solid #c5c5c5;
    border-bottom: none;
    padding: 10px 10px 0px 10px;
    height: 50px;
    width: 90%;
}

.k-window-titlebar .k-state-hover {
    color: #fba81c;
}

.hidden-fs {
    width: 305px;
    margin-top: 15px;
}

.hidden-rfs {
    margin-top: 15px;
}

.hidden-rfs-audit {
    margin-top: 6px;
}


.hidden-bulkrfs {
    width: auto;
    margin-top: 15px;
}

.inner-chk {
    margin: 5px 0px 0px 15px;
}

.contract-inner-chk {
    margin: 5px 0px 0px 0px;
}

.lftalign-field {
    text-align: left;
    padding-top: 20px;
}

.ext {
    margin: 10px 0px 0px 5px;
}

.inner-txtbx {
    margin-right: 5px;
}

.Manu-lft-field {
    text-align: left;
    padding-top: 20px;
}

.Cus-label-field {
    margin-top: 5px;
}

.Custom-label-field {
    font-weight: normal !important;
}

/***************************** Fund *****************************/
.fund-label {
    padding: 10px 0px 0px 10px;
}

.fund-alert {
    margin: 10px 10px 10px 20px;
    border: 1px solid #c9c869;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px 5px 10px;
    width: auto;
    background-color: #f5f461;
}

.checkout-alert {
    border: 1px solid var(--alert-warning-text);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px 5px 10px;
    width: 75%;
    background-color: var(--alert-warning-bg);
}

.top-alert {
    margin: 10px 15px 10px 15px;
    border: 1px solid #fba81c;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px 5px 10px;
    width: auto;
    background-color: #feeed2;
    font-size: 11px;
}

.moreopt {
    margin: 10px 25px 10px 20px;
    border-bottom: 1px solid var(--bg-tertiary-ouline);
    padding-bottom: 10px;
}

.ck-rect {
    border: 1px solid var(--bg-tertiary-ouline);
    width: 415px;
    padding-bottom: 10px;
}

.floatright {
    float: right !important;
}

.ck-view {
    float: right;
    margin-right: 50px;
    text-decoration: underline;
}

.ck-moreopt {
    margin: 10px 15px 10px 10px;
    border-bottom: 1px solid var(--bg-tertiary-ouline);
    padding-bottom: 10px;
}

.dueDateType {
    margin: 0px;
}

.cursor-hand {
    cursor: pointer;
}

.lockitem {
    float: right;
    margin-right: 10px;
    margin-top: -21px;
}

.more-img {
    margin-top: -5px;
    margin-right: 8px !important;
    width: 12px;
    height: 12px;
}

.collapse-panel-family {
    text-decoration: none !important;
    font-family: 'Segoe UI', sans-serif !important;
}

.moreimg-top {
    margin-top: -1px;
}

.crumbFirst {
    cursor: pointer;
}

.start-end-timer {
    color: #676666;
    text-align: center;
}

.start-end-started {
    color: #676666;
    opacity: 0.5;
    cursor: initial;
}

.addqueue-btn-blue {
    color: #454e59;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 2px #0099ff;
    background-color: var(--bg-white);
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
    margin-right: 10px;
}

    .addqueue-btn-blue:hover {
        color: var(--bg-white);
        background-color: #444;
        border-color: #444;
    }

/*********************************** Breadcrumb **********************************************/
.breadcrumb {
    list-style: none;
    padding-left: 15px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 11px;
    margin-top: 0px;
}

    .breadcrumb > li {
        display: inline-block;
        text-shadow: 0 1px 0 var(--bg-white);
    }

        .breadcrumb > li > .divider {
            padding: 0 5px;
            color: var(--bg-tertiary-ouline);
        }

    .breadcrumb > .active {
        color: #999999;
    }

.bread-nav {
    background-color: var(--bg-white) !important;
}

.selected {
    color: #acacac;
}

.bread-top {
    margin-top: -20px;
}

.ck-bd {
    margin: 20px 15px 10px 10px;
    border-top: 1px solid var(--bg-tertiary-ouline);
}

.grid-CF {
    background-color: #f4f4f6;
    border: 1px solid #c5c5c5;
    border-bottom: none;
    padding: 10px 10px 0px 10px;
    height: 50px;
    width: 450px;
}

.audit-grid-CF {
    background-color: var(--background-secondary, #f4f4f6);
    border: 1px solid #c5c5c5;
    border-bottom: none;
    padding: 10px 10px 0px 10px;
    height: 50px;
    width: 100%;
}

input[type="checkbox"][class="AuditIndividualCheckBox"] {
    display: none;
}

:checked + .AuditWidgetCellTextClass:before {
    content: "\2713";
    color: black;
    display: inline-block;
}

.AuditWidgetCellTextClass:before {
    position: absolute;
    z-index: 100;
}

.attach-innerCF {
    border: 1px solid var(--bg-tertiary-ouline);
    float: left;
    width: 450px;
    height: auto;
    margin: 0px 0px 0px 0px;
}

.audit-innerCF {
    border: 1px solid var(--bg-tertiary-ouline);
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
}


.grid-ME {
    background-color: #f4f4f6;
    border: 1px solid #c5c5c5;
    border-bottom: none;
    padding: 0px 10px 35px 10px;
    height: 30px;
    width: 450px;
    font-size: 15px;
}

.mpads {
    float: left;
    padding-top: 6px;
}

.audit-alert {
    border: 1px solid #6485e5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px 5px 10px;
    width: 258px;
    background-color: #7fadeb;
}

.row-margin {
    margin: 10px 15px 0px 15px;
}

.noti-border {
    border-top: 1px solid var(--bg-tertiary-ouline);
}

.auditWindowType {
    margin: 0px;
}

.rect-wid {
    border: 1px solid var(--bg-tertiary-ouline);
    width: 400px;
}

.carosel {
    width: 100%;
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 15px 0px 0px -1px;
    float: left;
}

.carosel-thumb {
    width: 140px;
    float: left;
    margin-left: 1px;
    height: 161px;
}

.carosel-img {
    margin-left: 6px;
    margin-top: 5px;
    width: 128px;
    height: 96px;
}

    .carosel-img img {
        max-width: 128px;
        max-height: 96px;
        width: auto;
        height: auto;
        margin: auto;
    }

.carosel-span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.carosel-desc {
    margin-left: 6px;
    font-size: 11px;
}

.carosel-col {
    font-size: 11px;
}

.carosel-pag {
    background-color: var(--bg-tertiary-ouline);
    height: 40px;
    float: left;
    width: 100%;
    padding: 8px 0px 0px 15px;
}

.caro-upload {
    background-color: var(--bg-white);
    height: 226px;
    width: 726px;
    overflow-y: auto;
    border: 1px solid var(--bg-tertiary-ouline);
}

#photoListView {
    border: 1px solid var(--bg-white) !important;
}

.print-filed {
    float: right;
    margin: 20px;
}

.progressbar {
    width: 98.5%;
    height: 10px;
    background-color: #51a825;
    border: 1px solid #457229;
    margin: 15px;
}

.rect-mas {
    border: 1px solid var(--bg-tertiary-ouline);
    padding-left: 10px;
}

#usr-view {
    height: 60px;
    width: 40px;
    position: relative;
}

.usr-image {
    position: absolute;
    height: 40px;
    width: 40px;
}

.admin-text {
    z-index: 0;
    position: absolute;
    color: #FF8000;
    font-size: 10px;
    font-weight: bold;
    padding-top: 36px;
}

.usr-wordbreak {
    word-wrap: break-word;
}

.single-line {
    color: var(--prime-text);
}

.mass-grayarea {
    display: none;
    height: 200px;
    width: 100%;
    top: 0px;
}

.site-grayarea {
    display: none;
    height: auto;
    width: 100%;
    top: 0px;
    position: absolute;
}

.desclock-margintop, .transdesclock-margintop {
    margin-bottom: 15px !important;
}

/************************************ Truncate adddress length *******************************************/

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
}
/************************************ Tool tip master page *******************************************/
a.tooltips {
    position: fixed;
    display: inline;
}

    a.tooltips span {
        position: absolute;
        width: 150px;
        color: var(--bg-white);
        background: rgba(0, 0, 0, 0.6);
        height: auto;
        line-height: 13px;
        text-align: center;
        visibility: hidden;
        right: 0px;
        bottom: -34px;
        border-radius: 3px;
        padding: 8px 0;
    }

        a.tooltips span:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -8px;
            width: 0;
            height: 0;
            border-bottom: 8px solid #000000;
        }

a:hover.tooltips span {
    visibility: visible;
    opacity: 0.7;
    z-index: 999;
}

.audit-text {
    z-index: 100;
    color: #FF8000;
    font-size: 16px;
    font-weight: bold;
}

/************************************ Schedule report *******************************************/
.sch-alert {
    border: 1px solid var(--pastel-color-VA);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 255px;
    background-color: var(--pastel-color-V);
    margin-left: 10px;
}

.sch-alert-bg {
    border: 1px solid var(--pastel-color-VA);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 5px 5px 5px;
    width: 275px;
    background-color: var(--pastel-color-V);
    margin-top: 5px;
}

.sch-pad {
    margin-left: 10px;
    margin-top: 10px;
}

.sch-chk {
    float: left;
    width: 25%;
    height: 25px;
}

.sch-content {
    width: 98%;
    height: auto;
    margin-top: 10px;
    border-top: 1px solid var(--bg-tertiary-ouline);
    padding: 5px 0px;
}

.sch-grid {
    width: 98%;
    background-color: var(--bg-tertiary-ouline);
}

.work-orders-grid {
    width: 100%;
    padding: 10px 0px 0px 20px;
}

.work-orders-grid-ft {
    padding: 7px 0px 13px 10px;
}

.rgt-field-orders-label {
    padding: 13px 0px 0px 0px;
}

.sch-padtop {
    margin-top: 10px;
    color: #B7B6B6;
}

.sch-trextarea {
    width: 98%;
    height: 100px;
    border: 1px solid var(--bg-tertiary-ouline);
    padding: 5px 0px;
}

/********************************************************************************/
.noti-ic {
    width: 320px;
    max-height: 500px;
    overflow: auto;
}

.noti-hd {
    width: 100%;
    height: 25px;
    border-bottom: 1px solid var(--bg-tertiary-ouline);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left
}

.noti-hdp {
    padding-left: 15px;
}

.noti-content {
    width: 100%;
    height: auto;
    font-size: 11px;
    float: left;
    border-bottom: 1px solid var(--bg-tertiary-ouline);
    padding: 10px 0px
}

.noti-lftico {
    width: 40px;
    height: auto;
    float: left;
    margin: 2px 10px 10px 10px;
    text-align: center
}

.noti-txt {
    width: 218px;
    height: auto;
    float: left;
    background-color: var(--background-tertiary, #F4F4F6);
}

    .noti-txt div {
        font-family: 'Segoe UI', sans-serif;
        font-weight: normal;
        font-size: 13px;
        background-color: var(--background-tertiary, #F4F4F6);
    }

    .noti-txt span {
        color: #818181;
    }

.noti-rgtclose {
    width: 12px;
    height: auto;
    float: right;
    text-align: right;
    margin: 0px 10px 0px 0px
}

.StiPageContainer {
    height: auto !important;
    min-height: 50px;
    margin-bottom: 10px;
}

.StiPageContainerNoti {
    height: auto !important;
    margin-bottom: 5px;
    line-height: 17px;
}

    .StiPageContainerNoti > div {
        height: auto !important;
    }

.noti-btn {
    color: var(--btn-primary-color-text, #818181);
    outline: none;
    margin-right: 0px;
    padding: 5px 10px 5px 10px;
    border: solid 1px var(--btn-primary-color, #818181);
    background-color: var(--btn-primary-color, #ffffff);
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    position: relative;
    font-family: 'Segoe UI', sans-serif;
    float: right;
    margin-top: 10px;
}

    .noti-btn:hover {
        background-color: var(--btn-primary-hover-color, #faa819);
        color: var(--btn-primary-color-text, #ffffff);
    }

.noti-clear {
    width: 300px;
    height: auto;
    float: left;
}

.notification {
    background: red;
    position: absolute;
    margin-left: 10px;
    margin-top: -9px;
    color: var(--bg-white);
    z-index: 10001;
    padding: 4px;
    border-radius: 20px;
}

.noti_padding {
    min-width: 9px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    padding: 0px;
    line-height: 9px;
}

.column-center {
    text-align: center;
}


.dropdown-menu {
    left: auto;
    right: 15px;
    margin: 0 0 0 0 !important;
    list-style: none;
    font-size: 13px;
    text-align: left;
    top: 100%;
    z-index: 1001;
    float: left;
    background-color: var(--background-tertiary, #ffffff);
    color: var(--text-primary-color, #333333);
}

    .dropdown-menu.arrow:before {
        border-bottom: 8px solid var(--bg-white) !important;
    }

    .dropdown-menu.arrow:before, .dropdown-menu.arrow:after {
        position: absolute !important;
        top: -8px !important;
        right: 8px !important;
        display: inline-block !important;
        content: '';
        border-right: 8px solid transparent !important;
        border-left: 8px solid transparent !important;
        color: var(--bg-white);
    }

#topNav .navbar-nav li ul.dropdown-menu {
    padding: 8px 0px !important;
    min-width: 200px !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 2px !important;
    background: var(--bg-white) !important;
    position: absolute !important;
}

/****************************** Sprint 14 ****************************************/
.rgt_conf {
    float: right;
    margin: 23px 10px 0px 0px;
}

.scroll-mobility {
    max-height: 350px;
    overflow: scroll;
}

.errors-section {
    border-top: 1px solid var(--bg-tertiary-ouline);
    margin-top: 15px;
    width: 96%;
    margin-left: 15px;
}

.adds-lbl {
    height: 15px;
}

.adds-txt {
    height: 30px;
}

.normal-lbl {
    font-weight: normal !important;
    margin-top: 5px;
}

.move-order-bold-lbl {
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.adds-btn {
    margin: 15px 0px 0px 15px;
}

.k-tooltip {
    background-color: #474747 !important;
    color: var(--bg-white) !important;
    font-size: 80% !important;
    Max-width: 350px !important;
    border-color: #474747 !important;
    padding: 5px !important;
    border-radius: 4px !important
}

.k-edit-cell > .k-tooltip {
    position: relative;
}

.k-callout-w {
    border-right-color: #474747 !important;
}

.k-callout-s {
    border-top-color: #474747 !important;
}

.k-callout-n {
    border-bottom-color: #474747 !important;
}

.k-callout-e {
    border-left-color: #474747 !important;
}

#treeViewPopup .btnpop-primary,
#treeViewPopup .btnpop-secondary {
    color: #545454;
    border: solid 1px var(--bg-tertiary-ouline);
    background-color: var(--bg-white);
}

    #treeViewPopup .btnpop-primary:hover,
    #treeViewPopup .btnpop-primary:focus,
    #treeViewPopup .btnpop-primary.focus,
    #treeViewPopup .btnpop-primary:active,
    #treeViewPopup .btnpop-primary.active,
    #treeViewPopup .btnpop-secondary:hover,
    #treeViewPopup .btnpop-secondary:focus,
    #treeViewPopup .btnpop-secondary.focus,
    #treeViewPopup .btnpop-secondary:active,
    #treeViewPopup .btnpop-secondary.active {
        color: var(--bg-white);
        border: solid 1px #b57505;
        background-color: #faa819;
    }


.k-grid .k-loading-color {
    opacity: 0;
}

.divanimation {
    margin-top: 20% !important;
    margin-right: 30% !important;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 20%;
    height: 20%;
    z-index: 30001;
    opacity: .8;
}

.divanimationToggleClick {
    margin-top: 20% !important;
    margin-right: 40% !important;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 20%;
    height: 20%;
    z-index: 30001;
    opacity: .8;
}

.divanimationSize {
    position: absolute;
    top: 40%;
    left: 45%;
    color: White;
}

.view-asset-link:focus > div {
    background-color: #EDEDED;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}

.btn-primary:focus {
    outline-color: #FFCC00 !important;
}

    


.btn-secondary {
    background-color: #F5F5F5 !important;
    color: #666666 !important;
    border-color: var(--bg-tertiary-ouline) !important;
}

    .btn-secondary:hover {
        background-color: #E9E9E9 !important;
        color: var(--prime-text) !important;
        border-color: #999999 !important;
    }


    .btn-secondary:focus {
        background-color: #F5F5F5 !important;
        color: var(--prime-text) !important;
        border-color: #999999 !important;
        outline-color: #FFCC00 !important;
    }

        .btn-secondary:focus:hover {
            background-color: #E9E9E9 !important;
        }

    .btn-secondary:active {
        background-color: #DADADA !important;
        color: var(--prime-text) !important;
        border-color: #999999 !important;
    }


.grid-error-icon {
    cursor: pointer;
    margin-top: -7px;
    width: 12px;
}


.app-field {
    padding: 15px 0px 15px 0px;
    text-align: center
}

.app-text {
    padding: 15px 0px 15px 0px;
}

.fieldRequiredLabel {
    font-weight: bold;
}

.buttonDelete {
    border: 1px solid #fe1f1f;
    background-color: #fe423f;
    color: var(--bg-white);
    outline: none;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.btn-subred {
    border: 1px solid #fe1f1f;
    background-color: #fe423f;
    color: var(--bg-white);
    outline: none;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    margin: 10px 20px 0px 0px;
    border-radius: 3px;
    float: left;
    font-family: 'Segoe UI', sans-serif;
}

.buttonMobileDelete {
    border: 1px solid #fe1f1f;
    background-color: #fe423f;
    color: var(--bg-white);
    outline: none;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 15px;
}

.buttonDelete:hover {
    border: 1px solid #fe1f1f;
    background-color: #fe1f1f;
    color: var(--bg-white);
}

.buttonAdd, #btnRegister {
    outline: none;
    margin-right: 10px;
    padding: 5px 15px 5px 15px;
    font-size: 12px;
    width: max-content;
    margin-top: 15px;
    float: right;
    border-radius: 5px;
}

.buttonAddLogo {
    outline: none;
    padding: 5px 15px 5px 15px;
    font-size: 12px;
    width: max-content;
    float: right;
    border-radius: 5px;
}

#btnRegister {
    margin-right: 0px;
}

.btnInstantNew {
    border-color: var(--bg-prime-outline) !important;
    background-color: var(--bg-prime-color) !important;
    color: var(--bg-white) !important;
    outline: none;
    padding: 5px 10px 5px 10px;
    border: solid 1px var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 60px;
    margin-top: 15px;
    border-radius: 8px;
}

.buttonRight {
    color: #454e59;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 2px #0099ff;
    background-color: var(--bg-white);
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
    margin-right: 10px;
}

    .buttonRight:hover {
        color: var(--bg-white);
        background-color: #444;
        border-color: #444;
    }

.buttonRptRight {
    color: #454e59;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 2px #0099ff;
    background-color: var(--bg-white);
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
    margin-left: 10px;
    float: left;
}

.buttonCenter {
    color: #454e59;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 1px #0099ff;
    background-color: var(--bg-white);
    font-size: 12px;
    width: auto;
    border-radius: 3px;
    font-family: 'Segoe UI', sans-serif;
}

    .buttonCenter:hover {
        color: var(--bg-white);
        background-color: #444;
        border-color: #444;
    }

.buttonLeft {
    color: #454e59;
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 2px #0099ff;
    background-color: var(--bg-white);
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
    margin-left: 10px;
}

    .buttonLeft:hover {
        color: var(--bg-white);
        background-color: #444;
        border-color: #444;
    }

.inputLocks {
    color: var(--prime-text);
    outline: none;
    padding: 5px 10px 5px 10px;
    border: solid 2px var(--bg-tertiary-ouline);
    background-color: var(--bg-white);
    font-size: 12px;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
}

.headerRow {
    height: 15px;
}

.inputBoxwid-F > span {
    width: 95%;
}

.inputBoxXSmall > span {
    background-color: var(--input-control-color, #ffffff) !important;
    width: 75%;
}

.inputBoxCustomSmall > span {
    background-color: var(--input-control-color, #ffffff) !important;
    width: 150px;
}

.changeLogFormDropDown {
    background-color: var(--bg-white) !important;
    width: 50%;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.cursorPtr {
    cursor: pointer;
}
/*=============================================This below css mostly used for all controls=============================*/
.inputBoxLarge > span {
    background-color: var(--input-control-color, #ffffff) !important;
    color: var(--text-primary-color, #333) !important;
    width: 250px;
}

.inputBoxMOSmall > span {
    background-color: var(--bg-white) !important;
    width: 87%;
}

.inputTextBox > span {
    background-color: var(--bg-white);
    width: 100%;
}

.inputTextBox320 > span {
    background-color: var(--bg-white);
    width: 320px;
}

.width320 {
    width: 320px !important;
}

span.numeric-FD {
    width: 105px !important;
    padding: 0px 0px 0px 5px !important;
    background-color: transparent;
}

.inputBoxXtraLarge > span {
    background-color: var(--bg-white);
    width: 350px;
}

.inputBoxSmall > span {
    background-color: var(--bg-white);
    width: 50%;
}

.inputBoxSmall75 > span {
    background-color: var(--bg-white);
    width: 75%;
}

.inputTextboxSmall {
    color: var(--text-primary-color, --prime-text);
    outline: medium none;
    padding: 5px 10px 5px 10px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 250px !important;
    border-radius: 3px;
    background-color: var(--input-control-color, #ffffff);
}

.inputTextboxMedium {
    color: var(--text-primary-color, --prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 50% !important;
    border-radius: 3px;
    background-color: var(--input-control-color, #ffffff);
}

.inputTextboxLarge {
    color: var(--text-primary-color, --prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 75% !important;
    border-radius: 3px;
    background-color: var(--input-control-color, #ffffff);
}

.colTextareaSmall {
    color: var(--text-primary-color, #333);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 250px !important;
    border-radius: 5px;
    background-color: var(--input-control-color, #ffffff);
    font-family: "Segoe UI", sans-serif;
}

.cus-colTextareaSmall {
    color: var(--prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 250px !important;
    border-radius: 5px;
    background-color: var(--bg-white);
    font-family: "Segoe UI", sans-serif;
}

.colTextareaMedium {
    color: var(--input-text-color, --prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 50% !important;
    border-radius: 5px;
    background-color: var(--input-control-color, #ffffff);
    font-family: "Segoe UI", sans-serif;
}

.textareaSizeMedium {
    color: var(--text-primary-color, #333);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 96% !important;
    border-radius: 5px;
    background-color: var(--input-control-color, #ffffff);
    font-family: "Segoe UI", sans-serif;
}

.textareaSizeWid {
    color: var(--prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 50%;
    border-radius: 5px;
    background-color: var(--bg-white);
    font-family: "Segoe UI", sans-serif;
}

.colTextareaLarge {
    color: var(--text-primary-color);
    outline: medium none;
    padding: 5px 30px 5px 10px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 75% !important;
    border-radius: 5px;
    background-color: var(--input-control-color, #ffffff);
    font-family: "Segoe UI", sans-serif;
}

/*========================================================================================================================*/

.wo-grids-error-icon {
    cursor: pointer;
    margin-top: -17px;
    width: 11px;
    float: right;
}

.work-orders-img-togg {
    margin: -1px 4px 0px 0px !important;
}

.ma-rect {
    border: 1px solid var(--bg-tertiary-ouline);
    float: left;
}

.wo-status {
    width: 100% !important;
    font-size: 14px;
    color: var(--secondary-theme-color, --bg-accent-color);
    outline: none;
    border: solid 2px var(--secondary-theme-color, --bg-accent-color);
    background-color: var(--input-control-color, #ffffff);
    text-align: center;
    border-radius: 2px;
    padding: 5px 0px;
}

.wo-total-rect {
    background-color: var(--input-control-color, #ffffff);
    font-weight: 600;
    margin-bottom: 5px;
}

.work-orders-status-text {
    width: 100% !important;
    font-size: 12px;
    color: var(--text-contrast-with-secondary-theme, #454e59);
    outline: none;
    border: solid 2px var(--secondary-theme-color, #0099ff);
    background-color: var(--input-control-color, #ffffff);
    text-align: center;
}

.wo-note {
    padding: 11px 0px 6px 10px;
}

.clock {
    position: relative;
    height: 31px;
    max-width: 150px;
    width: 100%;
    display: block;
    margin: -31px 0px 0px 105px;
    font-size: 29px;
    color: var(--prime-text);
    text-align: center;
    line-height: 28px;
    background-color: var(--bg-white);
    transition: all 0.4s ease-in, box-shadow 0.2s;
}

.started-clock {
    position: relative;
    height: 31px;
    max-width: 150px;
    width: 100%;
    display: block;
    margin: -31px 0px 0px 105px;
    font-size: 29px;
    color: #0277BD;
    text-align: center;
    line-height: 28px;
    background-color: var(--bg-white);
    transition: all 0.4s ease-in, box-shadow 0.2s;
}

.clock .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.txtInput {
    width: 220px !important;
}

.rpt-txtInput {
    width: 46% !important;
    padding: 5px 10px;
    border-radius: 4px;
}

.autoinput > span {
    background-color: var(--bg-white);
    width: 46%;
}

.dropdownInput {
    background-color: var(--bg-white);
    width: 220px;
}

.ddlSchedule {
    background-color: var(--bg-white);
    width: 70px;
}

.ddlScheduleYearly {
    background-color: var(--bg-white);
    width: 70px;
}

.dateInput {
    background-color: var(--bg-white);
    width: 220px;
}

.dvWeekly {
    width: 33.3%;
    float: left;
}

.dvPhotoAlert {
    padding-left: 20px;
    align-content: center;
}

.csv-box {
    width: 95%;
    height: 75px;
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 10px;
}

#progressBar .demo-section {
    width: 660px;
    padding: 30px;
    text-align: center;
}

.progress-bar-main {
    height: 30px;
    border: 1px;
}

.progress-bar-border {
    border: 1px solid #999;
    width: 100%;
}

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

.setting-check-field {
    padding-top: 0px;
    cursor: default;
}

.setting-reset-field {
    padding-left: 15px;
    padding-top: 5px;
}

.setting-right-panel {
    overflow-x: hidden;
}

.empty-error-msg {
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.delimiter-required {
    margin-left: 10px;
    width: 95% !important;
}

.custombox-width {
    float: left;
    width: 45%
}

/********************************** Cursor default for chekbox and radiobutton  ***************************************/
span.spanClass {
    cursor: default;
    margin-left: 4px;
}

#lblPrintReceipt {
    cursor: default;
}

span.k-link {
    cursor: default;
}

.chk-btm.label {
    cursor: default;
}

span.spanInnerClass {
    cursor: default;
}

span.spanInnerCheck {
    cursor: default;
}

span.spanClassCheck {
    cursor: default;
}

a.k-link {
    cursor: default;
}

span.setting-check-field {
    cursor: default;
}

.chk-cursor-default {
    cursor: default;
}
/********************************** Cursor default for chekbox and radiobutton  ***************************************/
/*  Grid Fix  */
.k-grid-header th.k-header, .k-filter-row th {
    padding: .5em .6em !important;
}

.k-dropdown-wrap .k-select {
    line-height: 1.8em !important;
    min-height: 1.8em !important;
}

.k-grid-content tr td {
    cursor: default;
}
/********************************** Cursor default for chekbox and radiobutton  ***************************************/

/*Style overridden to fix defect - AC-5269 - Move grid sorting icon right to left*/
.k-grid-header th.k-header {
    position: relative;
}

.k-grid-header th > .k-link > .k-icon {
    position: absolute !important;
    right: 2px;
}

/*Scan control dropdown*/
#kacScan-list,
#kacAuditWindow-list,
#kacFunding-list,
#kacSite-list,
#kacLocation-list,
#kacWorkOrderFixedAsset-list,
#kacWorkOrdersTask-list,
#kacMoveLocation-list,
#kacMultiQtyLocation-list,
#kacAssetTag-list {
    /*AutoWidth property is enabled for the Control. So the control size will be adjusted automatically based on the text langth.*/
    /*width: 500px !important;*/
}

/*Audit Window Status Bar CSS*/
.audit-window-bar-green-small {
    height: 8px;
    background-color: #548235;
    float: left;
}

.audit-window-bar-yellow-small {
    height: 8px;
    background-color: #FFD966;
    float: left;
}

.audit-window-bar-lime-small {
    height: 8px;
    background-color: #A9D18E;
    float: left;
}

.audit-window-bar-green-large {
    height: 12px;
    background-color: #548235;
    float: left;
}

.audit-window-bar-yellow-large {
    height: 12px;
    background-color: #FFD966;
    float: left;
}

.audit-Batch-style {
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    margin-top: 15px;
}

.audit-window-bar-lime-large {
    height: 12px;
    background-color: #A9D18E;
    float: left;
}

.lhs-lft {
    float: left;
    width: 85% !important;
    height: 40px !important;
    text-decoration: none !important;
    cursor: pointer;
}

.lhs_rgt {
    float: left;
    width: 15% !important;
    height: auto !important;
    text-decoration: none !important;
    padding-right: 10px !important;
    display: flex;
    align-items: center;
    height: 100%;
    vertical-align: middle;
}

.user-logon {
    padding: 10px 20px;
}

.divborder .headings {
    transition: border-color 0.5s;
    border-top: 2px solid var(--secondary-theme-color);
    border-left: 2px solid var(--secondary-theme-color);;
    border-right: 2px solid var(--secondary-theme-color);;
}

.divborder .stage-field {
    transition: border-color 0.5s;
    border: 2px solid var(--secondary-theme-color);
    border-top: 1px solid #ddd;
}

.purchase-cost {
    width: 55%
}

.import-content {
    margin-left: auto;
    margin-right: auto;
}

.btnAddressDelete {
    border: 1px solid #fe1f1f;
    background-color: #fe423f;
    color: var(--bg-white);
    outline: none;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    border-radius: 3px;
    float: right;
}

    .btnAddressDelete:hover {
        border: 1px solid #fe1f1f;
        background-color: #fe1f1f;
        color: var(--bg-white);
    }

.import-error-highlight {
    background-color: #fe1f1f;
    border: 1px solid #999;
    height: 20px;
}

.import-error-normal {
    border: 1px solid #999;
    height: 20px;
}

#notificationForm .lft-field {
    text-align: right;
    padding-top: 10px;
    padding-left: 5px;
}

.notifyTop {
    padding-top: 8px !important
}

/********************************** Resource not found  ***************************************/
.sig-resource-head {
    background-repeat: no-repeat;
    background-position: -1200px;
    width: 100%;
    height: 60px;
    padding: 1px 0px 0px 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.resource-txt {
    text-align: center;
    font-size: 17px;
    padding: 15px 0px 0px 0px;
}

.resourceButtonCenter {
    outline: none;
    padding: 5px 20px 5px 20px;
    border: solid 1px #0099ff;
    font-size: 17px;
    width: auto;
    border-radius: 3px;
    font-family: 'Segoe UI', sans-serif;
    margin: 20px 0px 20px 0px;
}

.resource-not-found {
    margin: 0px auto;
    width: 550px;
    margin-top: 250px;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    display: table;
    border-radius: 3px;
    overflow: hidden;
}

.icon-right {
    padding-left: 0px;
    margin-left: 0px !important;
    border-left: none !important;
    padding-left: 0px !important;
}

.dropdownicon {
    padding-right: 5px;
}

/********************************** Resource not found  ***************************************/


/********************************** Register Changes  ***************************************/
.register-leftfield {
    text-align: left;
}

.register-fields {
    color: var(--prime-text);
    width: 100%;
    background-color: #f6f6f6;
    padding: 7px 10px 10px 10px;
    float: left;
    border-top: none;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
/********************************** Register Changes  ***************************************/

/********************************** Help Window Changes  ***************************************/
.headerRowPopup {
    height: 40px;
}

.headerSubRowPopup {
    height: 3px;
}

.header-logo-hight > img {
    height: 35px;
}

.version-disabled {
    display: none;
}

.version-enabled {
    display: block !important;
}

.fontsize {
    font-size: 14px;
    font-weight: bold;
}

.fontNormal {
    font-weight: normal;
    font-size: 12px
}

.about_subheader_padding {
    padding-top: 3px;
}

.about_subheader_fontSize {
    font-size: 10px;
}

.about_linkblue {
    text-decoration: underline;
    cursor: pointer;
    color: var(--text-hyperlink, #0090f1);
}
/********************************** Help Window Changes  ***************************************/

.kendo-grid-editable {
    border-width: thin !important;
    border-color: #008dcc !important;
}

.red-color {
    color: #fe1f1f
}

/***************************/
.currentfilters {
    max-width: 300px;
    display: none;
}

ul.filterleaf {
    list-style-type: none;
    padding-bottom: 5px;
}


.k-widget.k-tooltip.k-tooltip-closable.k-popup.k-group.k-reset.k-state-border-up {
    border-color: #808080 !important;
    border-width: thin !important;
}

a.k-icon.k-i-close {
    background-image: url('../../images/noti_close.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.extendDueDatePop {
    margin-left: 40px;
}

.k-pager-wrap.k-pager-sm .k-pager-sizes {
    display: block !important;
}

/*page number not showing by default in kendo ui grid 2019*/
.k-pager-wrap.k-pager-md .k-pager-info, .k-pager-wrap.k-pager-sm .k-pager-info {
    display: block !important;
}

/*grid header collapes with sorting icon in kendo ui grid 2019*/
.k-grid-header th.k-header > .k-link {
    padding-left: 5px !important;
    width: 83%;
    background: transparent;
}

/*Number series preview the series */
.ICUn {
    background-color: var(--bg-white);
    font-weight: bold;
    font-size: 30px;
    text-align-last: center;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
}

/*Advanced quick search */
#divAdvSearchPopup .liAdvSearch {
    padding: 15px 25px 0px 25px;
}

#quickSearchNavlist li {
    padding-top: 9px;
}

#divAdvSearchPopup {
    width: 300px;
    min-height: 230px;
}

#btnAdvanceSearch {
    padding: 4px 10px !important;
    padding-top: 3px;
    font-size: 14px;
    border: none;
}

.navbar-right-marginright {
    margin-right: 40px;
}

#ulQuickSearch li {
    display: inline-block;
}

.ficon-spedometer {
    margin-left: -25px;
}

/*Purchase order changes*/
.in-rect {
    border: 1px solid var(--bg-tertiary-ouline);
    float: left;
}

.coltext-area-height {
    min-height: 95px;
    height: 95px;
}

.Po-inputTextboxLarge {
    color: var(--prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 75% !important;
    border-radius: 3px;
    background-color: var(--bg-white);
    height: 2.5em;
}

.po-status-btn {
    width: 75% !important;
}

.po-item-total-status {
    width: 100% !important;
    font-size: 16px;
    height: 30px;
    padding: 2px 10px 0px 0px;
    border-radius: 4px;
}

.po-grand-total-status {
    width: 100% !important;
    font-size: 16px;
}

.po-notes {
    padding: 15px 0px 0px 15px
}

.po-pencil, .img-pen-icon {
    margin-left: 9px;
    margin-bottom: -9px;
}

.po-total-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding-left: 10px;
}

.po-status-inside-label {
    margin-top: 3px;
}

.po-total-rect {
    background-color: var(--input-control-color, #ffffff);
    font-weight: bold;
    margin-bottom: 5px;
    border-radius: 4px;
}

.po-new-btn {
    outline: none;
    margin-right: 10px;
    padding: 5px 10px 5px 10px !important;
    border: solid 1px;
    font-size: 14px;
    margin-top: 15px;
    border-radius: 0px 4px 4px 1px !important;
    width: 28px;
}

.Po-btn {
    border: solid 1px;
    outline: none;
    margin-right: 0px;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    width: max-content !important;
    margin-top: 15px;
    float: left;
    border-radius: 4px 0px 0px 4px;
}

.Po-contact-div {
    height: 2.5em;
    width: 75%;
}

.po-contact-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.po-lock-top {
    margin-top: 25px;
}

.popup-title-font-weight {
    font-weight: 400;
}

.po-status {
    width: 100%;
    font-size: 14px;
    color: var(--text-contrast-with-primary-background, #454e59);
    outline: none;
    border: solid 2px var(--secondary-theme-color, #0099ff);
    background-color: var(--btn-tertiary-color, #ffffff);
    text-align: center;
    padding: 5px 0px;
}

.po-status-overdue {
    width: 100%;
    font-size: 15px;
    outline: none;
    border: solid 2px red;
    text-align: center;
}

.acc-field {
    color: var(--text-primary-color,--prime-text);
    width: 100%;
    float: left;
    border-top: none;
    font-size: 12px;
}

.view-po-overdue {
    background-color: #FFA6A6 !important;
}

.view-po-receivedshort {
    background-color: #ffcc33 !important;
}

.view-po-receivedcomplete {
    background-color: #66cc66 !important;
}

.view-po-vendorcancel {
    background-color: var(--bg-tertiary-ouline) !important;
}

.po-status-text-color {
    color: red;
}

.ACheadings {
    color: var(--text-contrast-with-primary-background, #222);
    font-size: 14px;
    font-weight: 600;
}

.k-numerictextboxXNumberSeries-txt-PO > span {
    width: 84% !important;
}

.pickOrder-notes {
    padding: 7px 0px 0px 0px
}

.purchase-text-box {
    margin-left: -5px;
    border: 0 !important;
    width: 100% !important;
}

.purchase-text-area-div {
    height: 182px;
}

.itemarrow {
    background-color: var(--background-primary, --bg-white);
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 5px 0px;
    padding: 10px 0px;
    height: 170px;
}

.move-order-arrow {
    background-color: var(--bg-white);
    border: 1px solid var(--bg-tertiary-ouline);
    margin: 5px 0px;
    padding: 10px 0px;
    height: 198px;
}

.k-numerictextboxXNumberSeries-txt-LineItem > span {
    width: 30% !important;
}

.input-group-LG {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 250px;
}

.stage-field-plano-hq {
    color: var(--text-primary-color, --prime-text);
    width: 95%;
    padding: 0px 0px 10px 10px;
    border-top: none;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.stage-filed-plano-width-border {
    background: antiquewhite;
    color: var(--prime-text);
    width: 75%;
    padding-left: 3%;
    float: left;
    border-top: none;
    font-size: 12px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-align: center;
}

.stage-filed-plano-header-border {
    color: var(--prime-text);
    width: 75%;
    padding-left: 3%;
    float: left;
    border-top: none;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-align: center;
}

.stage-filed-plano-width-border-mo {
    background: antiquewhite;
    color: var(--prime-text);
    width: 89%;
    padding-left: 3%;
    float: left;
    border-top: none;
    font-size: 12px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-align: center;
}

.stage-filed-plano-header-border-mo {
    color: var(--prime-text);
    width: 89%;
    padding-left: 3%;
    float: left;
    border-top: none;
    font-size: 12px;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-align: center;
}

.dvplano-hq {
    padding-top: 2%;
}

.dvplano-hq-mo {
    padding-top: 2%;
    padding-left: 10%;
}

.txt-line-item-total > input {
    width: 30% !important;
    padding: 4px 20px 4px 5px;
    border-radius: 3px;
    background-color: var(--input-control-color, #ffffff);
}

/* Kendo latest version style changes*/
.k-notification-success {
    background-color: #c8e6c9;
    color: #5fb662;
    border-color: #c8e6c9;
}

.k-notification-error {
    background-color: #ffcdd2;
    color: #ff3448;
    border-color: #ffcdd2;
}

#btnQuickSearch {
    background: var(--secondary-theme-color, --bg-accent-color);
    border: none;
    border-radius: 0px 4px 4px 0px;
    padding: 6px 10px 6px 10px;
}


.dvWebBrowserDisabled {
    pointer-events: none;
    opacity: 0.4;
}

.k-numerictextbox-txt-pricing > span {
    width: 98px !important;
    background-color: var(--bg-white);
}

.widgetLink {
    cursor: pointer !important;
    color: blue !important;
    text-decoration: underline !important;
}

.label-combo {
    width: 220px !important;
    margin: 0px;
}

.seperator {
    height: 40px;
    width: 1px;
    background: beige;
    position: absolute;
    margin-left: 40px;
    margin-top: -2px;
}

.chk-assignee {
    vertical-align: middle;
    display: inline-block;
    margin-left: 80px;
}

.chekin-assignee {
    vertical-align: middle;
    display: inline-block;
}

.transactionsignature {
    position: relative;
    display: inline-block;
}

.signatureimage {
    width: 100%;
    height: auto;
}

.transactionsignature .signatureimage {
    display: none;
    left: 0;
}

.transactionsignature:hover .signatureimage {
    display: inline;
    z-index: 99;
}

.callout-content-body {
    width: 97% !important;
    height: 100px !important;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: var(--prime-text);
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid var(--bg-tertiary-ouline);
    border-radius: 4px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

/*********** New Kendo UI Changes ***************/
.k-treeview {
    color: var(--text-secondary, #333333) !important;
}

.k-treeview-leaf.k-focus, .k-treeview-leaf:focus {
    box-shadow: none;
    background-color: #ebebeb;
}

.bg-trans {
    background-color: transparent !important;
}

.width-25 {
    width: 25% !important;
}

.width-30 {
    width: 30% !important;
}

.width-250 {
    width: 75% !important;
}

.dcf-width-250 {
    width: 250px !important;
}

.width-100 {
    width: 100% !important;
}

.width-98 {
    width: 98% !important;
}

.width-150 {
    width: 150px !important;
}

.w-percent-25 {
    width: 25%;
}

.w-percent-30 {
    width: 30%;
}

.w-percent-40 {
    width: 40%;
}

.w-percent-60 {
    width: 60%;
}

.inputBoxdatepick > span {
    background-color: var(--bg-white);
    width: 250px;
}

.inputBoxSmallCheck > span {
    background-color: var(--bg-white);
    width: 75%;
}

input[data-role="textbox"].contact-txtfield {
    line-height: normal;
    border: none;
    background: none;
    padding: 1px 10px 1px 5px;
}

.f-center {
    display: flex;
    justify-content: center;
}

.search-filter {
    width: 300px;
    border-radius: 4px 0px 0px 4px;
    padding: 6px 30px 6px 10px !important;
    border: none;
}

.textbox-width-50 {
    width: 75%;
    padding: 5px 10px;
    border-radius: 4px;
}

.inputBox-75 > span {
    background-color: var(--input-control-color, #ffffff) !important;
    width: 75%;
}

.k-grid .k-column-title {
    width: 83%;
}

#ddlQuickSearchFields_listbox > li.k-list-item {
    display: list-item !important;
}

.callout-fs {
    color: #00b0ff;
    padding-left: 0px !important;
    font-size: 12px;
}

.tool-bb {
    border-bottom: 1px solid var(--bg-tertiary-ouline);
}

.tool-head-br {
    padding: 10px;
    border-right: 1px solid var(--bg-tertiary-ouline);
}

.tool-m-padding-10 {
    padding: 10px
}

.k-input-inner {
    background-color: var(--input-control-color, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
    padding: 0.17857143em 8px !important;
}

.k-numerictextbox-geo {
    width: 11.8em !important;
    background-color: var(--bg-white);
}

.schd-margin {
    margin: 20px 10px 6px 15px;
}

.dropup .dropdown-toggle::after {
    margin-left: 0em !important;
}

.H40 {
    height: 40px;
}

.H60 {
    height: 60px;
}

.H65 {
    height: 65px;
}

span[data-field="AttachmentMobileDownload"] > span > label {
    font-weight: bold !important;
}

.color-black {
    color: #000;
}

.k-filtercell > span > label {
    vertical-align: middle;
    font-weight: 600 !important;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: var(--bg-tertiary-ouline);
    content: "/\00a0";
}

#ViewWorkingSites .k-grid-content {
    height: 167px !important;
}

.tdwrap {
    word-wrap: break-word !important;
    white-space: normal
}

.tablewrap {
    table-layout: fixed;
}

.w-95percent {
    width: 95% !important
}

.alert-ico {
    width: 12px;
    height: 12px;
}

.arrow-tool {
    position: absolute;
    margin: -4px 0px 0px -13px;
}

.n-icon {
    float: left;
    margin-right: 20px;
    font-size: 46px;
    color: #454e59;
    margin-left: 0px;
    height: 60px;
}


/********************************************** New CSS Changes ********************************************/

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px
}

.font-16 {
    font-size: 16px
}

.font-24 {
    font-size: 24px
}

.semibold {
    font-weight: 600;
}

.font-36 {
    font-size: 36px !important;
}

.txtbox-90 {
    color: var(--prime-text);
    outline: medium none;
    padding: 4px 30px 4px 5px;
    border: 1px solid var(--bg-tertiary-ouline);
    font-size: 12px;
    width: 90%;
    border-radius: 3px;
    background-color: var(--bg-white);
}

.m--margin-top-5 {
    margin-top: 5px;
}

.m--margin-top-2 {
    margin-top: 2px;
}

.m--margin-top-58 {
    margin-top: 58px;
}

.btn-prime {
    margin: 10px 10px 0px 0px;
    padding: 8px 15px 8px 15px;
    border-radius: 4px;
}

.btn-accent {
    color: var(--prime-text);
    outline: none;
    margin: 10px 20px 0px 0px;
    padding: 8px 15px 8px 15px;
    border: solid 1px var(--bg-tertiary-ouline);
    background-color: var(--bg-gray);
    font-size: 12px;
    border-radius: 5px;
    font-family: 'Segoe UI', sans-serif;
}

    .btn-accent:hover {
        border-color: var(--bg-dark-gray);
        background-color: var(--bg-dark-gray);
        color: var(--bg-white);
        transition: 0.3s;
    }

.btn-lock,
.btn-tertiary {
    border-color: var(--btn-tertiary-border-color, #00b0ff) !important;
    background-color: var(--btn-tertiary-color, #ffffff) !important;
    color: var(--text-primary-color, #333) !important;
    margin: 10px 10px 0px 0px;
    padding: 8px 15px 8px 15px;
    border-radius: 4px;
    transition: 0.3s;
}

.btn-lock:hover,
.btn-tertiary:hover {
    background-color: var(--btn-tertiary-hover-color, #333) !important;
    color: var(--btn-tertiary-hover-color-text, #ffffff) !important;
    transition: 0.3s;
}

.btn-delete {
    border-color: var(--btn-delete);
    background-color: var(--btn-delete);
    color: var(--bg-white);
    margin: 10px 10px 0px 0px;
    padding: 8px 15px 8px 15px;
    border-radius: 4px;
    transition: 0.3s;
}

    .btn-delete:hover {
        border-color: var(--btn-delete) !important;
        background-color: var(--btn-delete-hover) !important;
        transition: 0.3s;
    }

.wo-btn {
    color: var(--bg-white) !important;
    outline: none;
    margin-right: 0px;
    padding: 5px 10px 5px 10px;
    border: solid 1px var(--bg-tertiary-ouline);
    font-size: 12px;
    width: max-content;
    margin-top: 10px;
    float: left;
    border-radius: 4px 0px 0px 4px;
}

    .wo-btn:hover {
        opacity: 0.8
    }

.wo-new-btn {
    outline: none;
    margin-right: 15px;
    padding: 8px 10px 8px 10px !important;
    font-size: 12px;
    margin-top: 10px;
    border-radius: 0px 4px 4px 1px;
    width: 28px;
}

    .wo-new-btn:hover {
        opacity: 0.8
    }

#btnUploadPhoto {
    border-color: var(--btn-secondary-color);
    border-width: 1px;
}

    #btnUploadPhoto:hover {
        background-color: var(--btn-secondary-color);
        color: var(--btn-secondary-color-text);
    }

#imgLargeLogo, #imgSmallLogo, #dvUploadSmallLogo {
    width: 256px !important;
    height: 191px !important;
}

#imgLargeLogo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#imgSmallLogo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#btnRemoveLogos {
    outline: none;
    padding: 9px 10px 8px 10px;
    width: auto;
    margin-left: 10px;
    margin-bottom: 15px;
}

#btnUploadLogoLarge {
    outline: none;
    padding: 8px 10px 8px 10px;
    width: 100%;
    margin-top: 15px;
    float: right;
}

#btnUploadLogoSmall {
    outline: none;
    padding: 8px 10px 8px 10px;
    width: 100%;
    margin-top: 15px;
    float: right;
}

#btnUploadLogoLarge:hover {
    background-color: var(--btn-tertiary-hover-color);
    color: var(--btn-tertiary-hover-color-text);
}

#btnUploadLogoSmall:hover {
    background-color: var(--bg-login-btn);
    color: var(--bg-dark-gray);
}

.btn-partial {
    border-color: var(--bg-login-btn);
    background-color: var(--bg-login-btn);
    color: var(--bg-white);
    margin: 10px 10px 0px 0px;
    padding: 8px 15px 8px 15px;
    border-radius: 4px;
    transition: 0.3s;
}

    .btn-partial:hover {
        color: var(--bg-white);
        transition: 0.3s;
        opacity: 0.9
    }

.txt-assignee-highlight {
    color: var(--bg-accent-color);
}

.assignee-checkout-qty-hyperlink {
    color: #0099ff !important;
    text-decoration: underline !important;
    outline: none !important;
}

.min-H-40 {
    min-height: 40px !important
}

.report-list-category-name {
    font-weight: 600;
    font-size: 14px;
}

.report-list-report-item {
    font-weight: 400;
}


.report-list-signature {
    font-size: 12px;
    line-height: 24px
}

.report-list-sub-report {
    font-size: 12px;
    margin-left: 15px !important;
}

/* OVERRIDE Kendo UI - switch arrow direction from the default kendo material design */
.k-i-collapse {
    background-position-x: 0px;
    background-position-y: -192px;
}

.k-i-expand {
    background-position-x: 0px;
    background-position-y: -224px;
}

.report-list-tree {
    padding: 10px;
    line-height: 28px
}

    .report-list-tree .k-icon {
        margin-left: 10px !important;
    }

.move-indicate {
    position: absolute;
    margin: 33px 0px 0px -13px;
}

.move-indicate {
    position: absolute;
    margin: 33px 0px 0px -13px;
}

li .lhs_rgt {
    display: flex;
    align-items: center;
    height: 100%;
}

.theme-primary-color {
    color: var(--primary-theme-color) !important;
}

.theme-secondary-color {
    color: var(--secondary-theme-color) !important;
}

.text-primary-color {
    color: var(--text-primary-color) !important;
}

.text-secondary-color {
    color: var(--text-secondary-color) !important;
}

.icon-color {
    color: var(--secondary-theme-color) !important;
}

.section-header {
    background-color: var(--background-primary, #ffffff);
    padding: 10px 15px;
    float: left;
    font-size: 15px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

.section-background {
    width: 100%;
    background-color: var(--background-tertiary, #f2f2f2);
    padding: 7px 10px 20px 10px;
    float: left;
    border-top: none;
    font-size: 12px;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border: none;
}

.k-menu-vertical > .k-separator {
    margin-block: 0 !important;
}

div:has([data-role="contextmenu"]) {
    width: 200px;
}

/*Start kendo version 2025.1.227 override class */
.k-button-flat-primary .k-button-text {
    color: black !important;
}

.k-pager-numbers .k-selected {
    color: lightgray !important;
    z-index: 0;
}

.k-icon, .k-tool-icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px / 1 WebComponentsIcons;
    speak: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
}

.k-menu-vertical > .k-separator {
    margin-block: 0 !important;
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    color: var(--kendo-color-secondary-active, #3d3d3d) !important;
    background-color: #fafafa !important;
}
.k-menu-link.k-active {
    color: var(--kendo-color-secondary-active, #3d3d3d) !important;
    background-color: var(--solid-blue, #00b0ff) !important;
}

.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon {
    color: #028ccb !important;
    position: relative !important;
}
.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon {
    margin-inline-start: 20px;
}

.k-input-value-text {
    font-family: inherit !important;
    font-size: 13px !important;
}
.k-input-inner {
    font-family: inherit !important;
    font-size: 13px !important;
}

.k-grid .k-table-row > th {
    line-height: 1.8 !important;
}

.k-list-md {
    line-height: 0.8 !important;
}
.k-calendar-container, .k-datetime-container {
    width: 265px !important;
    padding: 0;
}
.k-dropdownlist-popup {
    display: flex;
    flex-flow: column nowrap;
    max-width: 250px !important;
}
.k-calendar .k-calendar-view .k-today {
    color: var(--kendo-color-secondary-active, #3d3d3d) !important;
    background-color: #fafafa !important;
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
    color: var(--kendo-color-secondary-active, #3d3d3d) !important;
    background-color: #D6E9F1 !important;
    font-weight: bold
}
.k-table-tbody .k-table-row > td[role="gridcell"] {
    border-width: 0px;
    border-bottom-width: 1px !important;
    border-style: solid;
}
.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: var(--solid-blue, #00b0ff) !important;
    color: var(--kendo-color-on-primary, #ffffff) !important;
    background-color: var(--solid-blue, #00b0ff) !important;
}
.k-menu-item {
    border-width: 0;
    outline: 0;
    display: flex;
    flex-flow: column nowrap;
    flex: none;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.8em;
}

.k-menu-group .k-item > .k-link:active {
    background-color: var(--solid-blue, #00b0ff) !important;
}

.k-selected.k-list-optionlabel {
    color: var(--color-black, #333333) !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.k-list-item.k-selected:hover, .k-list-optionlabel.k-selected:hover, .k-list-item.k-selected.k-hover, .k-list-optionlabel.k-selected.k-hover {
    color: var(--kendo-color-secondary-active, #3d3d3d) !important;
    background-color: var(--kendo-color-base-hover, #ebebeb) !important;
}

.k-button-solid-base.k-selected {
    border-color: var(--kendo-color-on-primary, #ffffff) !important;
    color: var(--kendo-color-on-primary, #ffffff) !important;
    background-color: var(--solid-blue, #00b0ff) !important;
}

.k-tooltip-content > li {
    list-style: none;
}

.k-list-content {
    overflow: hidden auto !important;
}

.k-listview-content > .k-selected {
    background-color: color-mix(in srgb, var(--solid-blue, #ff6358) 25%, transparent)
}

.k-hierarchy-cell > a[aria-label="Expand"],
.k-hierarchy-cell > a[aria-label="Collapse"] {
    height: 20px;
}

.k-menu.k-context-menu .k-item > .k-link:active {
    background-color: var(--solid-blue, #00b0ff) !important;
}
.k-panelbar .k-panelbar-group {
    background-color: var(--dark-surface-variant, #ffffff) !important;
    color: var(--white, #333333) !important;
}
.k-panelbar > .k-panelbar-header > .k-link.k-selected {
    color: var(--text-contrast-with-primary-theme, #ffffff) !important;
    background-color: var(--input-selected-color, #61c9f9) !important;
}
.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
    color: var(--text-contrast-with-primary-theme, #ffffff) !important;
    background-color: var(--input-selected-color, #61c9f9) !important;
}
.k-panelbar>.k-panelbar-header>.k-link .k-icon, .k-panelbar>.k-panelbar-header>.k-link .k-panelbar-item-icon {
    color: var(--text-primary-color, #333333) !important;
}

.k-panelbar>.k-panelbar-header>.k-link .k-icon:hover, .k-panelbar>.k-panelbar-header>.k-link .k-panelbar-item-icon:hover {
    color: var(--text-primary-color, #333333) !important;
}
.k-panelbar>.k-panelbar-header>.k-link:hover, .k-panelbar>.k-panelbar-header>.k-link {
    background-color: var(--background-tertiary, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-panelbar>.k-panelbar-header>.k-link.k-state-active, .k-panelbar>.k-panelbar-header>.k-link.k-state-active {
    background-color: var(--dark-surface-variant, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
}
.k-panelbar>.k-panelbar-header>.k-link:hover, .k-panelbar>.k-panelbar-header>.k-link.k-hover {
    background-color: var(--dark-surface-variant, #ccc) !important;
}

.k-panelbar>.k-panelbar-header>.k-link.k-state-active, .k-panelbar>.k-panelbar-header>.k-link.k-state-active.k-hover {
    background-color: var(--dark-surface-variant, #ccc) !important;
}

.k-child-animation-container:not(:has(> .k-grid-columnmenu-popup)) {
    width: auto !important;
}
.k-child-animation-container:has(> .k-grid-columnmenu-popup) {
    width: 230px !important;
}

/*:root {
    --kendo-color-primary: #028ccb !important;
}*/

/*End kendo version 2025.1.227 override class */

input {
    background-color: var(--input-control-color, #ffffff);
    color: var(--text-primary-color, #333333);
}

.k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header, .k-grid-header {
    background-color: var(--background-secondary, #f6f6f6);
}

.k-grid .k-table {
    background-color: var(--background-primary, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    background-color: var(--background-secondary, #f6f6f6) !important;
    color: var(--text-primary-color, #333333) !important;
    border-color: var(--grid-border, rgba(0,0,0,0.08)) !important;
}

.k-grid .k-table-tbody .k-table-row:nth-child(odd) > td {
    background-color: var(--background-primary, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-grid .k-table-tbody .k-table-row:nth-child(even) > td {
    background-color: var(--background-secondary, #f6f6f6) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-grid .k-table-tbody .k-table-row:hover > td {
    background-color: var(--dark-surface-hover, #f6f6f6) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-grid .k-grid-filter
, .k-grid .k-header-column-menu
, .k-grid .k-grid-header-menu
, .k-grid .k-hierarchy-cell .k-icon {
    color: var(--text-primary-color, #333333) !important;
}

.k-grid .k-grid-filter:hover, 
.k-grid .k-header-column-menu:hover, 
.k-grid .k-grid-header-menu:hover, 
.k-grid .k-hierarchy-cell .k-icon:hover {
    color: var(--text-secondary, #000000) !important;
    background-color: var(--btn-primary-color, #00b0ff) !important;
}

.k-pager {
    background-color: var(--background-secondary, #f6f6f6) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-grid-header
, .k-grid-header-wrap
, .k-grouping-header
, .k-grid .k-table-th
, .k-grid td
, .k-grid .k-table-td
, .k-grid-footer
, .k-grid-footer-wrap
, .k-grid-content-locked
, .k-grid-footer-locked
, .k-grid-header-locked
, .k-filter-row>.k-table-th
, .k-filter-row>td
, .k-filter-row>.k-table-td {
    border-color: var(--grid-border, rgba(0,0,0,0.08)) !important;
}

.k-list-item
, .k-list-optionlabel {
    background-color: var(--input-control-color, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
}

.k-list-item:hover
, .k-list-optionlabel:hover
, .k-list-item.k-hover
, .k-hover.k-list-optionlabel {
    background-color: var(--input-selected-color, #00b0ff) !important;
    color: var(--text-contrast-with-primary-theme, #ffffff) !important;
}

.k-picker-solid {
    background-color: var(--input-control-color, #ffffff) !important;
    color: var(--text-primary-color, #333333) !important;
    border-color: var(--input-border-color, #cccccc) !important;
}

.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
    background-color: var(--dark-surface-active, #00b0ff) !important;
    color: var(--white, #333333) !important;
}

.gridWorkOrdersAssetMultiSelectRows {
    background-color: var(--secondary-theme-color, #00b0ff) !important;
}

.k-input-value-text::before {
    display: none;
}

.k-grid .k-table-tbody .k-table-row.red-color > td {
    color: #fe1f1f !important
}