/*------------------------------------new UI style sheets------------------------------*/
#header2 {
    position: relative;
    background-color: #f2f4fa;
    height: auto;
}

#stockListControlBtns {
    background-color: #fff;
    padding: 4px 0px;
    /* width: 100%; */
    height: auto;
    position:absolute;
    right: 10px;
}

    #stockListControlBtns > div {
        width: 100%;
        margin: auto;
    }


#btn_back {
    /* border-right:solid 2px #d8d8d8; */
    /* border-radius:1px; */
}

.stock-module-action-button {
    width: 100%;
    height: 35px;
    /* box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); */
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px, 100%;
    margin: 0px;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    cursor: pointer;
}

.stock-module-action-button.btn_selected {
    box-shadow: 0px 7px 16px 1px rgba(16, 119, 97, 0.65) inset;
}

    .stock-module-action-button.btn_disabled, .stock-module-action-button[disabled] {
        filter: grayscale(100%) brightness(0.85);
    }
#st-filterBtn {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNyIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNNy44IDguODgzdjUuNDVMMTEuMiAxNlY4Ljg4M0wxOCAxSDF6IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="), linear-gradient(to bottom, #29ddbd, #39b797);
}

#st-refreshBtn {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjIwIgogICB2aWV3Qm94PSIwIDAgMjQgMjAiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzU3ODAiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTU3ODYiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM1Nzg0IiAvPgogIDxnCiAgICAgaWQ9Imc2NDI5IgogICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MSI+CiAgICA8ZwogICAgICAgaWQ9Imc2NDIxIgogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utb3BhY2l0eToxO2ZpbGwtb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MS45O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDMuNDYsNi45ODY5MDAyIGMgMCwwIDYuNjI5NjQ0LC0xNC4wNDQzODQ1IDE4LjkwMzk1MSwwLjY4NDc4MzEiCiAgICAgICAgIGlkPSJwYXRoNjM1MSIgLz4KICAgICAgPHBhdGgKICAgICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MS45O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDE2Ljk1LDcuOTg2OTAwMiBoIDYgdiAtNiIKICAgICAgICAgaWQ9InBhdGg2MzUzIiAvPgogICAgPC9nPgogICAgPGcKICAgICAgIGlkPSJnNjQxNyIKICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MSI+CiAgICAgIDxwYXRoCiAgICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjEuOTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MSIKICAgICAgICAgZD0ibSAyMC40NCwxMi45ODY5IGMgMCwwIC02LjYyOTY0NCwxNC4wNDQzODUgLTE4LjkwMzk1MSwtMC42ODQ3ODMiCiAgICAgICAgIGlkPSJwYXRoNjM1MS00IiAvPgogICAgICA8cGF0aAogICAgICAgICBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDoxLjk7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjE7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICAgIGQ9Im0gNi45NSwxMS45ODY5IGggLTYgdiA2IgogICAgICAgICBpZD0icGF0aDYzNTMtMCIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="), linear-gradient(to bottom, #29ddbd, #39b797);
}

#st-addstockBtn {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTkuNDk5IDEuMzg4bC4wNTMgMTcuMzk3IiBzdHJva2Utd2lkdGg9IjIuMTM1Ii8+PHBhdGggZD0iTTE3Ljg2MiA5Ljk0OWwtMTYuNzQ3LjA1NCIgc3Ryb2tlLXdpZHRoPSIyLjEwNyIvPjwvc3ZnPg=="), linear-gradient(to bottom, #29ddbd, #39b797);
}

#st-searchBtn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0yMjUuNDc0IDBDMTAxLjE1MSAwIDAgMTAxLjE1MSAwIDIyNS40NzRjMCAxMjQuMzMgMTAxLjE1MSAyMjUuNDc0IDIyNS40NzQgMjI1LjQ3NCAxMjQuMzMgMCAyMjUuNDc0LTEwMS4xNDQgMjI1LjQ3NC0yMjUuNDc0QzQ1MC45NDggMTAxLjE1MSAzNDkuODA0IDAgMjI1LjQ3NCAwem0wIDQwOS4zMjNjLTEwMS4zNzMgMC0xODMuODQ4LTgyLjQ3NS0xODMuODQ4LTE4My44NDhTMTI0LjEwMSA0MS42MjYgMjI1LjQ3NCA0MS42MjZzMTgzLjg0OCA4Mi40NzUgMTgzLjg0OCAxODMuODQ4LTgyLjQ3NSAxODMuODQ5LTE4My44NDggMTgzLjg0OXoiLz48cGF0aCBkPSJNNTA1LjkwMiA0NzYuNDcyTDM4Ni41NzQgMzU3LjE0NGMtOC4xMzEtOC4xMzEtMjEuMjk5LTguMTMxLTI5LjQzIDAtOC4xMzEgOC4xMjQtOC4xMzEgMjEuMzA2IDAgMjkuNDNsMTE5LjMyOCAxMTkuMzI4QTIwLjc0IDIwLjc0IDAgMCAwIDQ5MS4xODcgNTEyYzUuMzIxIDAgMTAuNjQ5LTIuMDMzIDE0LjcxNS02LjA5OCA4LjEzMS04LjEyNCA4LjEzMS0yMS4zMDYgMC0yOS40M3pNNzIuMTQxIDIwMy43NThjMC0zOC40MjkgMTkuNDQtNzYuNTQ3IDQ3LjU1OS0xMDEuNzg1UzE4Ni4yMzYgNjIuOTIgMjI5LjA1MSA2Mi45MmwuNjc5IDIwLjQtNDYuNjg0IDE0LjM2cy0zMi4wMDQgMTIuMTgyLTQzLjc5MSAyMy4yOTktMjIuMzEyIDI3LjE2Mi0yOC45ODUgNDEuMDI5LTExLjEwMiA0MS44NTMtMTEuMTAyIDQxLjg1M3oiLz48L3N2Zz4=), linear-gradient(to bottom, #29ddbd, #39b797);
}

.btnBlue {
    /*width: 50%;*/
    height: auto;
    margin: 0px;
    padding: 0px !important;
    background-image: linear-gradient(to bottom, #5c83d6, #0b2784);
    height: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btnBlue.active{
    background-image:none;
    /* border: solid 3px #304dad; */
    background-color: #ffffff;
    border-bottom: none;
    padding: 0 !important;
    box-shadow: 0px 0px 0px 2px #304dad inset;
}
.btnBlue.active h5{
    font-weight: 500;
    color: #4466bf;
}

.btnBlue h5 {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: center;
    color: #ffffff;
    padding:0;
}

#header3 {
    position: relative;
    z-index: 3;
    top: 0px;
    width: 100%;
    height: auto;
    background-color: #f2f4fa;
}

.st-new-page-header {
    background: #fff;
    display: flex;
    align-items: center;
    /* height: 50px; */
    height: 44px;
    margin: 0px 0 5px;
    padding: 8px 0px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.16);
    background-color: #ffffff;
    position: relative;
}

    /*.new-page-header > .RequestTopicText.stock-heading-text {
        color: #35be9e;
        margin-left: 14px;
    }*/

    .st-new-page-header > .RequestTopicText, .st-new-page-header > .raiseRequestTopicText, .st-new-page-header > .wRdefectTopicText, .new-page-header > .PMBulkHeading {
        display: inline-block;
        font-size: 1em;
        font-weight: normal;
        padding: 14px 10px;
        color: #4cbea1;
    }

.sk_st-back_btn {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMTAgMThsLTgtOCA4LTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 18px;
    filter: invert(55%) sepia(87%) saturate(378%) hue-rotate(123deg) brightness(118%) contrast(83%);
    width: 60px !important;
    border-right: solid 1px #666;
}

.sk_save_btn {
    /*position: relative;
    right: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0ibTQ4Ni45OTYwOTQgNjQuMzgyODEyLTM5LjM3ODkwNi0zOS4zNzg5MDZjLTE2LTE2LjAyMzQzNy0zNy42OTUzMTMtMjUuMDAzOTA2LTYwLjMzMjAzMi0yNS4wMDM5MDZoLTMyOC42MTcxODdjLTMyLjQwNjI1IDAtNTguNjY3OTY5IDI2LjI2MTcxOS01OC42Njc5NjkgNTguNjY3OTY5djM5NC42NjQwNjJjMCAzMi40MDYyNSAyNi4yNjE3MTkgNTguNjY3OTY5IDU4LjY2Nzk2OSA1OC42Njc5NjloMzk0LjY2NDA2MmMzMi40MDYyNSAwIDU4LjY2Nzk2OS0yNi4yNjE3MTkgNTguNjY3OTY5LTU4LjY2Nzk2OXYtMzI4LjYxNzE4N2MwLTIyLjYzNjcxOS04Ljk4MDQ2OS00NC4zMzIwMzItMjUuMDAzOTA2LTYwLjMzMjAzMnptLTQwMS42NjQwNjMgNjguOTQ5MjE5di01My4zMzIwMzFjMC04LjgzMjAzMSA3LjE2Nzk2OS0xNiAxNi0xNmgyMjRjOC44MzIwMzEgMCAxNiA3LjE2Nzk2OSAxNiAxNnY1My4zMzIwMzFjMCA4LjgzMjAzMS03LjE2Nzk2OSAxNi0xNiAxNmgtMjI0Yy04LjgzMjAzMSAwLTE2LTcuMTY3OTY5LTE2LTE2em0xNzAuNjY3OTY5IDI5My4zMzU5MzhjLTUzLjAxMTcxOSAwLTk2LTQyLjk4ODI4MS05Ni05NiAwLTUzLjAxNTYyNSA0Mi45ODgyODEtOTYgOTYtOTZzOTYgNDIuOTg0Mzc1IDk2IDk2YzAgNTMuMDExNzE5LTQyLjk4ODI4MSA5Ni05NiA5NnptMCAwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 22px;
    filter: invert(55%) sepia(87%) saturate(378%) hue-rotate(123deg) brightness(118%) contrast(83%);*/
    width: 60px !important;
    /*border-left: solid 1px #4cbea1;
    margin-left: auto;*/
}

.sk_delete_btn {
    position: absolute;
    right: 65px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0yMjAuMTI3IDBzLTM5LjI3OCAxLjg3OS00NC4yMyA0Ni4xMDlMMTc2IDY0bC04OS4yNDgtLjEzMXMtMzQuNjY2IDEuMTk2LTM4LjkzNiAzOC43NjZsLjE3IDM2LjAzM3M0LjA2OSAxNS4wNDIgMTguNDMgMTMuMjQyaDM4MS4xOHMxNS4wMjkuMjQ4IDE2LjIyNS0xNS40NjNsLjE3LTMyLjEwNVM0NjMuOTMyIDY2LjUyMiA0MjQgNjRoLTg4bC0uMDktMTYuNjk1UzMzNi4wODEgNC42MTEgMjkwLjE0MyAwem0zLjA3NCAzMi4wMmg2Ni4wMDJjMTUuMTEzIDEuNzA4IDE0Ljc3MyAxNi4zMDkgMTQuNzczIDE2LjMwOUwzMDQgNjRoLTk2VjQ4Yy44NTItMTUuNDQyIDE1LjIwMS0xNS45OCAxNS4yMDEtMTUuOTh6TTc4LjM2MyAxODRjLTUuMDQ3LjUxMy01LjAwNCA0Ljk4LTUuMDA0IDQuOThsMTMuMjIzIDI4MC44MTZjNy4wMDIgNDAuNjQ0IDQ1LjA0MSA0Mi4xNDMgNDUuMDQxIDQyLjE0M2wyNDguMTc2LjAzN2M0My4yMDYtNC4yNjkgNDUuNTYxLTQ0LjA1MyA0NS41NjEtNDQuMDUzbDEzLjI4MS0yNzguODIyYy0uMTIxLTQuNDY4LTQuNzctNS4wNzItNC43Ny01LjA3MnptOTcuODE4IDIzLjkzOWMxNS41NzcuOTY2IDE1LjY5NyAxNi4wNjEgMTUuNjk3IDE2LjA2MUwxOTIgNDMzLjE0NmMtMS42OTEgMTQuMzctMTUuODE4IDE1LjA5Ni0xNS44MTggMTUuMDk2LTE0Ljg1My4zNjItMTYuMzM4LTE1Ljg0Ni0xNi4zMzgtMTUuODQ2TDE2MCAyMjRjLjQ4My0xNS44MTkgMTYuMTgyLTE2LjA2MSAxNi4xODItMTYuMDYxem04MCAwYzE1LjU3Ny45NjYgMTUuNjk3IDE2LjA2MSAxNS42OTcgMTYuMDYxTDI3MiA0MzMuMTQ2Yy0xLjY5MSAxNC4zNy0xNS44MTggMTUuMDk2LTE1LjgxOCAxNS4wOTYtMTQuODUzLjM2Mi0xNi4zMzgtMTUuODQ2LTE2LjMzOC0xNS44NDZMMjQwIDIyNGMuNDgzLTE1LjgxOSAxNi4xODItMTYuMDYxIDE2LjE4Mi0xNi4wNjF6bTgwIDBjMTUuNTc3Ljk2NiAxNS42OTcgMTYuMDYxIDE1LjY5NyAxNi4wNjFMMzUyIDQzMy4xNDZjLTEuNjkxIDE0LjM3LTE1LjgxOCAxNS4wOTYtMTUuODE4IDE1LjA5Ni0xNC44NTMuMzYyLTE2LjMzOC0xNS44NDYtMTYuMzM4LTE1Ljg0NkwzMjAgMjI0Yy40ODMtMTUuODE5IDE2LjE4Mi0xNi4wNjEgMTYuMTgyLTE2LjA2MXoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 18px;
    filter: invert(55%) sepia(87%) saturate(378%) hue-rotate(123deg) brightness(118%) contrast(83%);
    width: 65px !important;
    /*border-right:solid 1px #fff;*/
}

/*------------------------------------------------------------*/
.st-displayBtnWrap {
    clear: both;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 2.5em;
    height: 2.5em;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50% 50% 0px 0px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.17);
    z-index: 0;
}

    .st-displayBtnWrap:before {
        content: "\25B2";
    }

    .st-displayBtnWrap.expandBtn:before {
        content: "\25BC";
    }


#st-searchWrap {
    width: 100%;
    padding: 15px;
}

    #st-searchWrap .st-searchArea {
        padding: 0px;
        /*width: 100%;*/
        z-index: 2;
        border-radius: 4px;
        box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.12);
        background-color: #ffffff;
        height: 50px;
    }

        #st-searchWrap .st-searchArea .k-textbox {
            /* background-image: none; */
            border: medium none;
            box-shadow: none;
            width: 100%;
            text-align: center;
            background-color: #ffffff;
            border-radius: 4px;
            padding: 0px;
        }

#st-searchWrap .st-searchArea input[type="text"] {
    border: medium none;
    box-shadow: none;
    width: 100%;
    /* margin-bottom: 0; */
    /* text-align: center; */
    font-size: 18px;
    padding-left: 5%;
    border-radius: 0px;
    height: 50px;
    margin: auto;
}

.st-SerchCancelBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    /* margin-left: 45%; */
    background-color: #000000;
    border-radius: 50%;
    color: #ffffff;
    width: 1.9em;
    height: 1.9em;
    font-size: 0.8em;
    border: solid 3px #fff;
    box-sizing: content-box;
    box-shadow: 0px 0px 7px 0px rgba(34,34,34,0.35);
}
/*------------------------------Select styles begins here----------------------------------------*/
select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDEyLjcgMTIuNyIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMy4wNzQgNS43bDMuMjkxIDMuMjkxTDkuNjcyIDUuNzVsLS44MzUtLjg2OS0yLjQzOSAyLjQ4OS0yLjQwNS0yLjQ4OXoiIGZpbGw9IiNmZjk3NTEiLz48L3N2Zz4=");
    background-repeat: no-repeat, repeat;
    background-position: right .20em top 50%, 0 0;
    background-size: 1.65em auto, 100%;
}

    select::-ms-expand {
        display: none;
    }

    select:active, select:hover {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDEyLjcgMTIuNyIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMy4wNzQgNS43bDMuMjkxIDMuMjkxTDkuNjcyIDUuNzVsLS44MzUtLjg2OS0yLjQzOSAyLjQ4OS0yLjQwNS0yLjQ4OXoiIGZpbGw9IiNmZmJjOTAiLz48L3N2Zz4=");
        background-repeat: no-repeat, repeat;
        background-position: right .20em top 50%, 0 0;
        background-size: 1.65em auto, 100%;
    }

*[dir="rtl"] .select, :root:lang(ar) .select, :root:lang(iw) .select {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}
/*------------------------------Stock content styles begins here----------------------------------------*/
#StockFilterWrapper input[type=text]:not(.sk-input), #StockFilterWrapper input[type=number]:not(.sk-input) {
    padding-left: 10px;
}
.sk_main {
    position: relative;
    width: 100%;
    top: 0px;
    overflow-y: auto;
    padding: 0px;
}

.sk_card {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 2px;
    padding: 0rem;
    margin: 0px;
}

#StockFilterWrapper.sk_card {
    background: #fff;
    margin: 15px;
    background: #fff;
    width: auto;
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.34);
}
.filter_div.WOFiter_wrapper{
    padding: 20px 15px;
}

.filter_div.WOFiter_wrapper * {
    padding: 0px;
}
    .filter_div.WOFiter_wrapper>* {
        padding: 0px 5px;
    }

.table-responsive {
    border: none;
}

.table > .thead > .row {
    width: auto;
    border-bottom: none;
    margin: 13px !important;
    /*margin-top: 0px !important;*/
    padding: 13px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.34);
    background-color: #647585;
}

/*.st-table > .thead{
    margin-top:1em;
}*/



.table > .tbody > .row {
    width: auto;
    border-bottom: none;
    margin: 7.5px 13px !important;
    margin-top: 0px !important;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 4px 1px rgb(0 0 0 / 17%);
    background-color: #ffffff;
}

    .table > .tbody > .row > .gridcell, .table > .thead > .row > .gridcell, .table > .tfoot > .row > .gridcell {
        float: left;
        font-weight: normal;
        vertical-align: middle;
        box-sizing: border-box;
        word-break: break-word;
        overflow: hidden;
        padding: 0px;
        margin: auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table > .tbody > .row *, .table > .thead > .row *, .table > .tfoot > .row * {
        padding: 0px;
        /*font-size: 12px;*/
    }

    .table > .tbody > .row.inactive {
        background-color: #E1E1E1;
    }


.stock-mobile-lables {
    display: none;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}

.table > .thead > .row .gridcell span {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.table > .tbody > .row .gridcell span.stock-value {
    font-size: 12px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* padding-right: 5px; */
}

.table .row *.pad-md-15 {
    padding: 0px 15px;
}
.table > .tfoot > .row .gridcell span.txt-white {
    color: #fff;
    font-size: 12px;
}

/*------------------------Stock List style begins here----------------------------------*/

#StockListTable.table .row,#TransListTable.table .row{
    overflow:hidden;
}
td.r-bg:after, div.r-bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.2em;
    right: -1.2em;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    background-color: #f00;
    color: #fff;
    text-align: right;
}

td.g-bg:after, div.g-bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.2em;
    right: -1.2em;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    background-color: #62c157;
    color: #fff;
    text-align: right;
}

td.a-bg:after, div.a-bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.2em;
    right: -1.2em;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    background-color: #E2E2E2;
    color: #222;
    text-align: right;
}

.table-responsive > .table > .tbody .qty-head {
    display: none;
}



/*===============================================Form pages style begins here================================================*/
.st-form-div-sep{
    height:2em;
}
.nav-tabs {
    margin: 0px;
    /*margin-top: 20px;*/
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: none;
    box-shadow: 0 0px 4px 0px #e2e2e2;
    -webkit-box-shadow: 0 0px 4px 0px #e2e2e2;
    -moz-box-shadow: 0 0px 4px 0px #e2e2e2;
}
.StockAdd_wrapper {
    padding:0px;
    background: #fff;
    /*width: 100%;*/
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.34);
}

.StockAdd_wrapper > div {
    padding: 15px;
}

.wizard-wrapper > div {
    display: block;
}
.wizard-btn-panel{
    display:none;
    margin: 20px 15px;
}

#StockFilterWrapper input[type=text]:not(.sk-input), #StockFilterWrapper input[type=number]:not(.sk-input) {
    padding-left: 10px;
}

#addtransPane div, .wiz-MandPane div {
    padding-left: 0px;
    padding-right: 0px;
}
#addtransPane input[type=text],#addtransPane select {
    height: 45px;
    width:100%;
    margin-bottom:25px;
    margin-top:5px;
}
#addtransPane textarea {
    height: 53px;
    width: 100%;
    margin-bottom: 0;
}

.sk_btn2 {
    background: linear-gradient(to bottom, #29ddbd, #39b797);
    height: 45px;
    margin: 0px;
    margin-bottom: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    outline: none;
    box-shadow: 0px 0px 2px 0px #ccc;
    border:none;
}

/*-------------------------------------------------------------------*/
.SupAdd_wrapper .table .row {
    margin: 0px !important;
    margin-bottom: 15px !important;
}
.grid-form-control {
    padding-right: 15px !important;
}
.grid-form-control>span{
    height:1.25em;
}
    .grid-form-control.pad-xs-0 {
        padding-right: 0px !important;
    }
.icon-prefer {
    width: 20px;
    height: 20px !important;
    display: inline-block;
    margin-left: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzkzOTU5YyIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIG1hcmtlcnMiLz48cGF0aCBkPSJNNiAxMC42MjVsMi4xODggMi4xODhMMTMgOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
    .icon-prefer.supp_pref {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgZmlsbD0iIzM1YmU5ZSIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIG1hcmtlcnMiLz48cGF0aCBkPSJNNiAxMC42MjVsMi4xODggMi4xODhMMTMgOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
    }

/*-------------------------------------Inventory add page------------------------------------*/

.uploadImg {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNNSA2bDUtNSA1IDUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTAgMXYxMiIvPjxwYXRoIGQ9Ik0xIDEzdjQuMzk2cy4xNyAxLjU4NSAyLjEzMiAxLjY0MiAxMy44ODcgMCAxMy44ODcgMCAyLS4yMDggMi4wNTctMi4wMTkgMC00LjA1NyAwLTQuMDU3IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    border: medium none;
    /* height: 40px; */
    /* width: 40px; */
    text-decoration-skip: none;
    width: 50px;
    height: 50px;
    padding: 16px;
    box-shadow: 0 3px 7px -2px rgba(0, 0, 0, 0.27);
    border: solid 5px #ffffff;
    background-color: #39b898;
    border-radius: 50%;
}

/*------------------------------------Transaction add page----------------------------------------*/
#TransAddWrapper > .StockAdd_wrapper > div {
    overflow: auto;
}
.transQtyPanel {
    background: #fcfcfc;
    padding: 10px;
    border: solid 1px #efefef;
    margin-top: 15px;
    margin-bottom:15px;
}

    .transQtyPanel legend {
        font-size: 15px;
        margin-bottom: 0.5em;
        border: none;
        width: auto;
        padding: 0 5px;
    }

.flex-heading{
    display:flex;
    align-items:center;
}
.StockAdd_wrapper > .prodcode-wrap-heading {
    background-color: #2b46a7;
    border-bottom: solid 1px #eee;
    padding: 0px;
    border-radius:5px 5px 0px 0px;
}
.prodcode-wrap-heading>h6{
    font-size:14px;
    color:#fff;
    font-weight:500;
}
.prodcode-wrap-heading > .sk_st-back_btn {
    filter: none;
    width: 32px;
    height: 32px;
    outline: none;
    border: none;
    background-color: transparent;
}

.table > .tbody > .row.prodcode-GC {
    margin: 5px !important;
    margin-bottom: 15px !important;
    padding:12px;
}

.prodcode-GC .stock-value{
    font-size: 12px !important;
}
/*.first-circle-letter{
    margin-right: 5px;
    padding: 2px 5px;
    border: solid 1px #999;
    border-radius: 50%;
}*/

.newTotSt {
    width: 100%;
    margin: 0 10px 19px 0;
    padding: 16px 20px !important;
    border-radius: 5px;
    background-color: #4058af;
}
.newTotDesc, .newTotCst {
    font-size: 1.125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 0px !important;
    padding: 0;
}
/*--------------------------Issue Detail tab----------------------------------*/
.table.issue-dt-table .row > .gridcell.expand-btn {
    cursor: pointer;
    text-align: center;
}
.table.issue-dt-table .row > .gridcell:nth-child(6) {  width:100%; padding:0px; padding-bottom:1px;}



.table.issue-dt-table .row > .gridcell:nth-child(6) .table>.thead{
    padding: 0.5rem 1em;
    background: #d2d2d2;
    color:#222;
}
.table.issue-dt-table .row > .gridcell:nth-child(6) .table>.tbody {
    max-height:45vh;
    overflow-x:auto;
}
.table.issue-dt-table .row > .gridcell:nth-child(6) .gridcell{
    width:100%;
    padding: 0.5rem 1em;
    /*border-bottom: solid 1px #e4e4e4;*/
}

.table.issue-dt-table .tfoot .gridcell {
    font-weight: 500;
    line-height: 1em;
    vertical-align: middle;
    border-top: none;
    color: #fff;
}

.table > .tfoot > .tot-stock, .transTot {
    width: auto;
    margin: 0 15px 19px 15px !important;
    padding: 16px 0px !important;
    border-radius: 5px;
    background-color: #4058af;
}

#productCodeTbl > .thead {
    padding: 10px 15px;
    color: #fff;
    background: #2773a9;
    font-size: 12px;
    border-radius: 5px;
    margin: 15px 5px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,0.34);
}
/*------------------------------------------Transaction Details Page---------------------------------------------*/
#transDetail label{
    color: #2b46a7;
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 1em;
    align-self: center;
    border-right: solid 2px #c5c5c5;
    width: 100%;
}
.transItem {
    display: flex;
    align-items: inherit;
    border-radius: 4px;
    box-shadow: 0 1px 10px -4px rgb(0 0 0 / 36%);
    background-color: #ffffff;
    margin: 0px 0px 15px 0px !important;
    padding: 12px;
}
.transItemDe {
    color: #000000;
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.onhnd {
    color: #24272b !important;
    border-bottom: none;
    border-right: solid 2px #c5c5c5;
    height: 2.3em;
    line-height: 1em !important;
    font-weight: 600 !important;
    text-align: center;
    padding: 5px 0 5px 0;
}
.onhnd2 {
    color: #24272b !important;
    margin-bottom: 0px;
    line-height: 1.71em !important;
    display: block !important;
    text-transform: capitalize;
    text-align: center;
}
#OnhandPanel {
    padding: 15px;
    margin:10px 15px 15px 15px;
}
/*---------------------------------------Inventory Tracker style changes------------------------------------------*/
#WOFiltr, #inventryTrakRefresh {
    float: right;
}
.viewImg {
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOCAxMnY0YzAgMS4xMDUtLjg5NSAyLTIgMkgyYy0xLjEwNSAwLTItLjg5NS0yLTJ2LTRNMTQgNUw5IDAgNCA1TTkgMEw5IDEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc4IC0zNzUpIHRyYW5zbGF0ZSgyMCAxODEpIHRyYW5zbGF0ZSgxNDMgMTc5KSB0cmFuc2xhdGUoMTYgMTYpIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");*/
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik0xOC43NTYgNDIuMzUyQTE3LjM1IDE3LjM1IDAgMCAwIDEuMzY3IDU5Ljc0djM5NC4yMDVhMTcuMzUgMTcuMzUgMCAwIDAgMTcuMzg5IDE3LjM4OWg0NzUuODEzYTE3LjM1IDE3LjM1IDAgMCAwIDE3LjM4OS0xNy4zODlWNTkuNzRhMTcuMzUgMTcuMzUgMCAwIDAtMTcuMzg5LTE3LjM4OXpNMzAgNzMuMDAyaDQ1MnYyMzkuNDM5bC02Ny41MzMtNjcuMjExcy0xMC4yNDgtNy42ODUtMTkuMjk5LjM0MmwtODkuOTA2IDkwLjA3OC04NS42NDgtODUuODA5cy0xMC4wNzQtMTEuMDE2LTIyLjE5OS0uMTcyTDMwIDQxNy42OTV6bTM3NS4xOTUgMjA0Ljg2M0w0ODIgMzU0Ljk0MXY4NC4wNTdoLTczLjc1OGwtODEuODA3LTgyLjA5NnptLTE5Ni42ODcgMy4xOTFsMTU3LjIxOSAxNTcuNzc1LTMxNC41ODYuMTQ4em05Ni43NzctMTc4LjI1MWE2Mi44NDUgNjIuODQ1IDAgMSAwIC4wNTcgMCA2Mi44NDQgNjIuODQ0IDAgMCAwLS4wNTcgMHpNMzA1IDEzMy4wNzJhMzIuODQ1IDMyLjg0NSAwIDAgMSAzMi44NzEgMzIuODQ0IDMyLjg0NSAzMi44NDUgMCAwIDEtNjUuNjg5IDBBMzIuODQ1IDMyLjg0NSAwIDAgMSAzMDUgMTMzLjA3MnoiIHBhaW50LW9yZGVyPSJzdHJva2UgZmlsbCBtYXJrZXJzIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    border: medium none;
    /* height: 40px; */
    /* width: 40px; */
    text-decoration-skip: none;
    width: 50px;
    height: 50px;
    padding: 16px;
    box-shadow: 0 3px 7px -2px rgba(0, 0, 0, 0.27);
    border: solid 5px #ffffff;
    background-color: #39b898;
    border-radius: 50%;
}
.dv-scan-wrap .scan_btn {
    /*height: 31px;
    width: 35px !important*/
}
.trackIn_wrapper {
    padding:0 0 25px 0;
    margin:0;
    background: #fff;
    width:100%;
    border-radius: 5px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.34);
}

.trackIn_wrapper > div {
    padding: 25px;
}
/*.scan_wrapper {
    width: 300px;
    background-color: #fff;
    color: #fff;
    text-align: left;
    border-radius: 3px;
    padding: 0.5em;
    position: absolute;
    z-index: 1;
    font-size: 1em;
}*/

/*.scan_wrap_head {
    margin-top: 0 !important;
    padding: 0.25em;
    border-radius: 50%;
    background: #383838;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 12px;
    position: absolute;
    right: 0.6em;
    top: -0.6em;
    width: 1.6em;
    height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: -10px;
    right: -10px;
     margin-left: 45%; 
    background-color: #000000;
    border-radius: 50%;
    color: #ffffff;
    width: 1.9em;
    height: 1.9em;
    font-size: 0.8em;
    padding: 0px;
    margin: 0px;
    border: solid 3px #fff;
    box-sizing: content-box;
    box-shadow: 0px 0px 7px 0px rgba(34, 34, 34, 0.35);
}*/

/*.q2-scan-btn-wrap > .btn, .scan_upload_wrapper > .btn {
    background-color: #fff !important;
    border-radius: 7px !important;
    border: none !important;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 39%);
    font-size: 15px !important;
    color: #383838;
    outline: none !important;
    padding: 1px;
    height: 102px !important;
    max-width: 102px !important;
    margin-bottom: 1em !important;
}*/
/*.q2-scan-btn-wrap, .scan_upload_wrapper {
    font-size: 12px;
    color: #383838;
    width: 50%;
    padding: 7.5px !important;
    float: left;
    box-sizing: border-box;
    text-align: center;
}
.scan_upload_wrapper {
    width: 100% !important;
}*/
.q2-scan-btn-wrap img {
    width: 38% !important;
    filter: invert(58%) sepia(56%) saturate(441%) hue-rotate(114deg) brightness(138%) contrast(85%);
}
.scan_upload_wrapper img {
    width: 38% !important;
    filter: invert(58%) sepia(56%) saturate(441%) hue-rotate(114deg) brightness(138%) contrast(85%);
}
/*.sk_accept_btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDc4LjM2OSA3OC4zNjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPHBhdGggZD0iTTc4LjA0OSwxOS4wMTVMMjkuNDU4LDY3LjYwNmMtMC40MjgsMC40MjgtMS4xMjEsMC40MjgtMS41NDgsMEwwLjMyLDQwLjAxNWMtMC40MjctMC40MjYtMC40MjctMS4xMTksMC0xLjU0N2w2LjcwNC02LjcwNCAgIGMwLjQyOC0wLjQyNywxLjEyMS0wLjQyNywxLjU0OCwwbDIwLjExMywyMC4xMTJsNDEuMTEzLTQxLjExM2MwLjQyOS0wLjQyNywxLjEyLTAuNDI3LDEuNTQ4LDBsNi43MDMsNi43MDQgICBDNzguNDc3LDE3Ljg5NCw3OC40NzcsMTguNTg2LDc4LjA0OSwxOS4wMTV6IiBmaWxsPSIjNWU1MTRiIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3BhdGg+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: auto 17px;
    background-position: center;
    filter: invert(58%) sepia(56%) saturate(441%) hue-rotate(114deg) brightness(138%) contrast(85%);
}*/
/*===============================================Form pages style ends here================================================*/
/*========================Grid-btn-styles==============================*/
.st-grid-btn-panel {
    position: absolute;
    right: 25px;
    margin-top: -5px !important;
    float: right !important;
}
.remSupliericon {
    /*font-size: 1.75em;
    color: #F00;*/
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjQyNzJiIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMTMgMUwxIDEzIi8+PHBhdGggZD0iTTEzIDEzTDEgMSIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    width: 25px !important;
    height: 25px;
    float: right;
}
.StoreEditBtn {
    font-size: 16px !important;
    width: 25px;
    height: 25px;
    transform: rotateZ(90deg);
}
.table > .tbody > .row .gridcell span.inline-lable {
    width: auto;
    font-size: 11px !important;
    margin-bottom: 0px;
    padding-left: 1em;
    margin-top: 3px;
    float:left;
    color:#000;
}
.table > .tbody  .row.flex-row{
    display:flex;
    align-items:center;
}

.newTotTblRow {
    display: flex;
    align-items: center;
    padding: 5px 0px 0px;
    /*border-top: solid 1px #ddd;*/
}

    .newTotTblRow .gridcell .stock-value.val-main {
        font-weight: 600;
        font-size: 14px !important;
        margin-left: auto;
    }

/*------------------------Add Group/ SubGroup styles---------------------*/
.sub-icon {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDA5LjYgNDA5LjYiIGZpbGw9IiM4YThhOGEiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTEwMC4xNDggMjMuMjA5YTguMzQgOC4zNCAwIDAgMC04LjM1OSA4LjM1OXYxMzkuMTQ0YTguMzQgOC4zNCAwIDAgMCA4LjM1OSA4LjM1OWgxMjYuMDg5YTguMzQgOC4zNCAwIDAgMCA4LjM1OS04LjM1OVYzMS41NjlhOC4zNCA4LjM0IDAgMCAwLTguMzU5LTguMzU5em02LjQ5NCAxNi40ODdoMTEyLjQ3NXYxMjMuMDYzSDEwNi42NDJ6bTguNiA5LjA5Nmg1MS4yNDZ2NTcuNTI4aC01MS4yNDZ6bTE2Ni41MDIgMTI5LjExM2MtMi40MDggMC00LjM0NiAxLjY2NC00LjM0NiAzLjczMXY2Mi4wOThjMCAyLjA2NyAxLjkzOCAzLjczMSA0LjM0NiAzLjczMWg2NS41NTNjMi40MDggMCA0LjM0Ni0xLjY2NCA0LjM0Ni0zLjczMXYtNjIuMDk4YzAtMi4wNjctMS45MzgtMy43MzEtNC4zNDYtMy43MzF6bTMuMzc2IDcuMzU4aDU4LjQ3NXY1NC45MjFIMjg1LjEyeiIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIG1hcmtlcnMiLz48ZWxsaXBzZSBjeD0iMzE0LjQ4IiBjeT0iMjEyLjc0OSIgcng9IjIyLjY5IiByeT0iMjEuNDA0IiBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIvPjxwYXRoIGQ9Ik0yODEuNzEyIDI4OS4zMTRjLTIuNDA4IDAtNC4zNDYgMS43NTEtNC4zNDYgMy45MjZ2NjUuMzQ3YzAgMi4xNzUgMS45MzggMy45MjYgNC4zNDYgMy45MjZoNjUuNTUzYzIuNDA4IDAgNC4zNDYtMS43NTEgNC4zNDYtMy45MjZWMjkzLjI0YzAtMi4xNzUtMS45MzgtMy45MjYtNC4zNDYtMy45MjZ6bTMuMzc2IDcuNzQzaDU4LjQ3NXY1Ny43OTVoLTU4LjQ3NXoiIHBhaW50LW9yZGVyPSJzdHJva2UgZmlsbCBtYXJrZXJzIi8+PGVsbGlwc2UgY3g9IjMxNC4xMTciIGN5PSIzMjUuNTE3IiByeD0iMjIuNjkiIHJ5PSIyMS40MDQiIHBhaW50LW9yZGVyPSJzdHJva2UgZmlsbCBtYXJrZXJzIi8+PHBhdGggZD0iTTE3MS43NjggMTc5LjE1MmwtLjAxNSAzMC4xNjhoMTA1LjY1MXYxMi4yNzNIMTcxLjc1djEwMy4yNjJoMTA1LjYyNXYxMy4yMTVIMTY0LjkwNnMtNi4yMDMtLjM1NC02LjkwNi02LjM1VjE3OS4xNzV6TTc0Ljg4NCAyOTMuOTI1aDExLjkwOWwuMTY1IDM5LjIwMSA0MC44NTUuNDk2LS4xNjUgMTEuNzQ0LTQwLjY5LjMzMS0uMTY1IDM4LjIwOS0xMS45MDkuMTY1LS4zMzEtMzguMzc0SDM3LjY2OHYtMTIuMDc1bDM2Ljg4NS0uMTY1eiIvPjwvc3ZnPg==");
    background-position: center;
    background-size: 25px;
    width: 25px !important;
    height: 25px;
    float: right;
    overflow: visible;
}
/*========================Grid-btn-styles==============================*/
@media(min-width:1024px) {
    .md-txt-right{
        text-align:right;
    }
    #searchWrap {
        width: 30%;
        position:relative;
        margin-left:70%;
        padding: 15px;
    }

    #searchWrap>.searchArea{
        height:35px;
    }

    .searchArea input[type="text"] {
        height: 35px !important;
        font-size: 0.85em !important;
        padding: 0px 20px !important;
        border-radius: 4px !important;
    }

    .nav-tabs {
        margin: 20px 20px;
        margin-bottom: 0px;
        border-radius: 10px;        
        /* top: 15px; */
        position: relative;
    }
    #addEditStockUL.nav-tabs, #transDetailsUL.nav-tabs {
        width: 40%;
    }
    #addEditRoutineUL.nav-tabs {
        width: 80%;
    }

    .nav-tabs > div {
        margin-bottom: -3px;
        box-shadow: 0px -2px 7px 0px rgb(0 0 0 / 17%) inset;
    }
    .nav-tabs > div:first-child{
        border-top-left-radius: 10px;
        border-bottom: 0px;
        border-right: 0px;
        font-size:0.825em;
        height: auto;
        /* padding: 1em !important; */
    }
    .nav-tabs > div:last-child {
        border-top-right-radius: 10px;
        border-bottom: 0px;
        border-left: 0px;
        font-size:0.825em;
        height: auto;
        /* padding: 1em !important; */
    }

    .btnBlue h5 {
        font-size: 14px;
    }

    .filter_div.WOFiter_wrapper {
        /*max-height:25vh;
        overflow:auto;*/
        padding:10px 15px;
    }
    /*--------------------------------------------------------------------*/
    .SupAdd_wrapper {
        margin: 0px;
        background: #fff;
        width: auto;
        border-radius: 5px;
        box-shadow: 0 1px 4px 1px rgba(0,0,0,0.34);
    }
    .SupAdd_wrapper>div{
        padding:10px;
    }
    .AddStockSupplier_row{
        display:flex;
        align-items:center;
        justify-content:flex-start;
    }

    .filter_div.WOFiter_wrapper > * {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .filter_div.WOFiter_wrapper label {
        font-size: 0.7em;
    }

    .WOFiter_wrapper input, .WOFiter_wrapper select, .WOAdd_wrapper input, .WOAdd_wrapper select {
        /*font-size:11px;*/
        height: 40px !important;
        margin: 0px !important;
        font-size: 0.75em;
    }

    .st-table > .tbody > .row .gridcell span.stock-value, .issue-dt-table > .tbody > .row .gridcell span.stock-value,
    .st-table > .tbody > .row .gridcell span.inline-lable {
        font-size: 0.8em;
        color: #282b3a !important;
    }

}

@media(max-width:968px) {
    .onhnd {
        border-bottom: solid 1px #272727;
        border-right: none !important;
    }

    #OnhandPanel {
        padding: 0;
        margin: 10px 0 0 15px;
    }
}
@media(max-width: 991px) {
    .st-displayBtnWrap{
        display:flex;
    }

    .st-primaryBtnWrap.expandBtnPanel,
    .st-seconderyBtnWrap.expandBtnPanel {
        height: 0px !important;
        padding: 0px !important;
        overflow: hidden;
        opacity: 0;
        animation: AnimateExpand 2s ease-in-out;
        -webkit-animation: AnimateExpand 2s ease-in-out;
    }
}
@media(max-width: 768px) {
    .sm-MarT-5{
        margin-top:5px !important;
    }
    #DragHandle.st-draghandle {
        clear: both;
        height: 1.5em;
        top: 0;
        position: relative;
        border-radius: 3px;
        cursor: move;
        touch-action: pan-x;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3px !important;
    }

        #DragHandle.st-draghandle:before {
            content: "";
            /*background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==);*/
            background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
            width: 30px;
            height: 20px;
            background-size: 65%;
            background-repeat: no-repeat;
            background-position: 50% 0px;
            /*border-bottom: #70AADD 2px solid;*/
        }

        #DragHandle.st-draghandle.expandBtnWrap:before {
            /*content: "\25B2";*/
            background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==);
            background-position: 50% 10px;
        }
        /*.scan_wrapper{
        width:277px;
    }
    .q2-scan-btn-wrap,.q2-scan-btn-wrap > .btn, .scan_upload_wrapper > .btn,.scan_upload_wrapper {
        font-size: 13px !important;
    }*/
        .table .row *.pad-md-15 {
            padding: 0px;
        }

    #stockListControlBtns {
        padding: 10px 5px;
        border-top: solid 1px #f2f2f2;
        box-shadow: 0 8px 8px 0 rgb(0 0 0 / 9%);
        border-radius: 0px 0px 5px 5px;
        position: relative;
        right: 0px;
        margin-top: 0px;
    }

        #stockListControlBtns > div {
            width: 100%;
        }
    .btnFilter, .btnRefresh, .btnAdd {
        padding: 0px 3px;
        height: 45px;
    }

    .stock-module-action-button {
        height: 45px;
        border: none;
        background-size: 20px, 100%;
        border-radius: 4px;
    }

    .table-responsive > .table > .thead > .row:not(#selectAllDiv) {
        display: none;
    }

    .table-responsive > .table > .tbody {
        position:relative !important;
        height:auto !important;
    }

    .table > .thead > .row, .table > .tbody > .row, .table > .tfoot > .row,.transTot {
        margin: 10px 15px !important;
        padding: 10px;
    }

    .stock-mobile-lables {
        display: inline-block;
        float: left;
        width: auto;
        text-align: left;
        /* white-space: nowrap; */
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        margin: 3px 0px;
        color: #787878;
    }

        .stock-mobile-lables.lbl-main {
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #787878;
        }

        /*.stock-mobile-lables.newMob-lbl {
            font-size: 12px !important;
            color: #787878 !important;
        }*/
    /*.stock-mobile-lables:after{
        content:"-";
        display:inline-block;          
    }*/
    .stock-value {
        display: inline-block;
        float: left;
        width: 100%;
        font-size: 11px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        margin-bottom: 3px;
        text-align: left;
    }

        .stock-value.val-main {
            font-size: 12px !important;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #000;
            white-space: inherit;
        }

        .stock-value.newMob-val, .stock-value.new-mob-val {
            font-size: 12px !important;
            color: #000000;
            letter-spacing:0px;
        }

        .stock-value.emp-name {
            font-size: 14px !important;
            color: #000000;
            font-weight: 600;
        }

    .row.newTblRowStr .gridcell.col-xs-12 .stock-mobile-lables{
        width:100%;
    }
    .row.newTblRowStr .gridcell.col-xs-6 .stock-mobile-lables {
        width: 100%;
    }
    .row.newTblRowStr .gridcell.col-xs-7 .stock-mobile-lables {
        width: calc(23% * 12/7);
    }
    .row.newTblRowStr .gridcell.col-xs-5 .stock-mobile-lables {
        width: calc(23% * 12/5);
    }
    .row.newTblRowStr .gridcell.col-xs-8 .stock-mobile-lables {
        width: calc(23% * 12/8);
    }   

    .row.newTblRowStr .mob-cost-info{
        display:flex;
        flex-wrap:wrap;
        margin-top: 7.5px !important;
    }

        .row.newTblRowStr .mob-cost-info .gridcell {
            padding-right:0.25em;
        }

    .tblStr-2 .table > .tbody > .row.newTblRowStr .card-total {
        display: flex;
        align-items: center;
        /*border-top: 1px solid rgb(221, 221, 221);*/
        padding-top: 0px !important;
    }

    .card-total .stock-mobile-lables.newMob-lbl, .card-total .stock-mobile-lables.newMob-lbl + span {
        font-size: 13px !important;
        color: #222 !important;
    }

    .newTotTblRow .gridcell .stock-value.val-main {
        font-weight: 500;
        font-size: 15px !important;
        margin-left: auto;
    }

    .newTblRowStr .st-grid-btn-panel{
        right:10px;
        top:10px;
    }

    .newTblRowStr .new-grid-form input[type=text] {
        height: 35px !important;
    }

    .newTblRowStr .new-grid-form textarea {
        height: auto !important;
    }

    .table > .tbody > .row .gridcell span.newInline-lbl {
        width: auto;
        font-size: 12px !important;
        margin-bottom: 0px;
        padding-left: 0.5em;
        margin-top: 3px;
        float: left;
        color: #000000;
    }

    .ts-2 .table > .tbody > .row .gridcell span.txt-optm {
        width: 51% !important;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    td.r-bg, div.r-bg {
        background-color: transparent;
        border-left: solid 10px #f00;
        padding: 0px 5px !important;
        width: 100%;
        border-radius: 0px;
        margin-left: -15px;
        /* margin-top: 5px; */
        /* margin-bottom: 5px; */
    }

    td.g-bg, div.g-bg {
        background-color: transparent;
        border-left: solid 10px #62c157;
        padding: 0px 5px !important;
        width: 100%;
        border-radius: 0px;
        margin-left: -15px;
    }

    td.a-bg, div.a-bg {
        background-color: transparent;
        border-left: solid 10px #E2E2E2;
        padding: 0px 5px !important;
        width: 100%;
        border-radius: 0px;
        margin-left: -15px;
    }

        td.r-bg:after, div.r-bg:after, td.g-bg:after, div.g-bg:after, td.a-bg:after, div.a-bg:after {
            display: none;
        }

    .table > .tbody > .row > .gridcell.main-cell {
        /*margin: -15px -15px 0px;
        padding: 15px;
        padding-bottom: 15px !important;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
        width: 110%;
        margin-bottom: 10px;*/
        margin: -15px -2.5% 0px -2.5%;
        padding: 15px 7.5px;
        padding-bottom: 15px !important;
        width: 105%;
        margin-bottom: 10px;
        border-bottom: solid 1px #ddd;
    }

    .table-responsive > .table > .tbody .qty-head {
        display: none;
        margin: 7.5px 0px;
    }

    .tbody .qty-head > .stock-mobile-lables {
        font-size: 13px;
        font-weight: 500;
    }

    .onhnd {
        border-bottom: solid 1px #272727;
        border-right: none !important;
    }
    #OnhandPanel {
        padding: 0;
        margin:10px 0 15px 0;
    }

    /*------------------------------------------------*/
    .st-form-div-sep {
        height: 0em;
    }
    .wizard-btn-panel {
        display: block;
    }
        .wizard-btn-panel > .wizard-prev-btn {
            width: 40px;
            height: 40px;
            margin: 0px;
            float: left;
            border-radius: 50%;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iIzkzOTU5YyIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIG1hcmtlcnMiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgMTNsLTcgNyA3IDciLz48cGF0aCBkPSJNMTMgMjBoMTQiLz48L2c+PC9zdmc+");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            border: none;
        }
        .wizard-btn-panel > .wizard-next-btn {
            width: 40px;
            height: 40px;
            margin: 0px;
            float: right;
            border-radius: 50%;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iIzkzOTU5YyIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIG1hcmtlcnMiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA0MCAwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDEzbC03IDcgNyA3Ii8+PHBhdGggZD0iTTEzIDIwaDE0Ii8+PC9nPjwvc3ZnPg==");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            border: none;
        }

    .wizard-btn-panel > .wizard-prev-btn[disabled], .wizard-btn-panel > .wizard-next-btn[disabled] {
        opacity:0.2;
    }
    .wizard-wrapper > div {
        display: none;
    }
    .wizard-wrapper > div:first-child {
        display: block;
    }

    /*-------------------------------------------------------------------------------*/
    .table > .tbody > .row  .gridcell.overline-cell {
        /*border-top: solid 1px #ddd;*/
        padding-top: 3px;
        margin-top:0px;
    }

    .table > .tbody > .row > .gridcell.grid-form-control {
        margin-bottom: 32px;
        padding-right: 5px !important;
    }

    .table > .tbody > .row > .gridcell.grid-form-control>span{
        font-size:14px;
        line-height:1.21em;
    }
    .table > .tbody > .row.AddStockSupplier_row {
        padding: 20px;
    }
    /*-------------------------------------------------------------------------------*/

    label.qty-lbl:not(.sk-inputLabel) {
        border-bottom: solid 1px #272727;
        height: 2.3em;
        line-height: 1em;
        font-weight: 600;
    }
    label.qty-lbl>span.pull-right{
        display:none;
    }
    /*--------------------------Issue Detail tab----------------------------------*/
    .table.issue-dt-table .row > .gridcell.expand-btn {
        text-align: left;
        font-size: 24px;
        font-weight: 600;
    }
    .btn-del {
        position: absolute;
    }

    .nav-tabs-mob {
        margin-top: 13px;
    }

    .displayContents{
        display:contents !important;
    }

    .textAlignEnd {
        /*text-align: end !important;*/
        align-self: center;
        display: flex !important;
        align-items: center !important;
        justify-content: end !important;
    }
}
@media (min-width:320px) and (max-width: 360px) {
    .btnBlue h5 {
        font-size: 17px;
    }
}
/*********************************Date Picker********************************************/
.calenAlignFrom input[type=text], .calenAlignTo input[type=text] {
    border-bottom: 2px solid #4cbea1 !important;
}