/*.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    float: left;
}
*/
/*@media (min-width:1600px) {
    .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }
}
*/
:root {
    --light-theme-main-color:#1ca589;
    --main-color:#2dbe60;
    --first-color:#758d94;
    --second-color:#2facb2;
    --third-color:#e96252;
    --fourth-color:#5e567b;
    --light_theme:#e7ebec;
}

.bg_main_color {
    background-color: var(--main-color);
}

.bg_first_color {
    background-color: var(--first-color);
}

.bg_second_color {
    background-color: var(--second-color);
}

.bg_third_color {
    background-color: var(--third-color);
}

.bg_fourth_color {
    background-color: var(--fourth-color);
}

body {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

p, ul, ol, table {
    font-family: "webfont";
    font-size: 13px;
    line-height: 21px;
}

.pos_ab {
    position: absolute !important;
}

.marginTop3 {
    margin-top: 3px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop50 {
    margin-top: 50px;
}

.margintop20 {
    margin-top: 20px;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}
.select2-container {
    width: 120px !important;
}

.box_shadow {
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
}

.height25 {
    height: 25px;
}

.marleft10 {
    margin-left: 10px;
}

.bgwhite {
    background-color: white;
}

.small-box-size {
    margin-bottom: 2px !important;
}

table.vAlignMiddle tr td {
    vertical-align: middle;
}

input[type=email] {
    text-transform: none;
    -webkit-text-transform: none;
    -moz-text-transform: none;
    -ms-text-transform: none;
    -o-text-transform: none;
}

.big_checkbox {
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.small-box-size .inner h4 {
    font-weight: 500;
}

.small-box-size .head_cont h4 {
    margin-top: 15px;
    margin-bottom: 6px;
}

.small-box-size .coCont_div h4 {
    margin-top: 6px;
    margin-bottom: 15px;
    font-size: 16px;
}

.small-box-size .head_cont {
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 14px;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.small-box-size .coCont_div {
    margin-top: 6px;
    margin-bottom: 8px;
    font-size: 15px;
    font-family: "webfont";
    font-weight: 600;
}

h4 {
    font-weight: 500;
}

.box.box_search {
    border-top-color: #2facb2;
}

    .box.box_search .box-header.with-border {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .box.box_search div.jtable-main-container table.jtable thead th:first-child {
        border-left: 1px solid #aaa;
    }

    .box.box_search div.jtable-main-container table.jtable thead th:last-child {
        border-right: 1px solid #aaa;
    }

.green_row {
    background-color: var(--main-color) !important;
    color: #fff !important;
}

.gray_row {
    background-color: #e0e2e4 !important;
}

.btnright {
    float: right;
}

.headerhight {
    width: 1px;
}

.main_dashboard a h3 {
    margin-top: 6px;
    margin-bottom: 20px;
    letter-spacing: -1px;
    line-height: 22px;
}

table tbody tr td a, .ui-grid-cell a, .ag-cell a {
    color: #f55050;
    cursor: pointer;
}

    table tbody tr td a.link_btn, a.link_btn {
        background-color: transparent;
        padding: 0 5px;
        border-radius: 3px;
        border: 1px solid #444; /*box-shadow:1px 1px 2px rgba(0,0,0,.5);*/
        text-align: center;
        display: inline-block;
        float: right;
        line-height: 17px;
        color: #000;
        font-size: 13px;
    }

        table tbody tr td a.link_btn:hover {
            box-shadow: none;
        }

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}

@font-face {
    font-family: ProximaNovaRegular;
    src: url(/Assets/fonts/proxima/ProximaNova-Reg-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Reg-webfont.eot?#iefix) format('embedded-opentype'),url(/Assets/fonts/proxima/ProximaNova-Reg-webfont.woff) format('woff'),url(/Assets/fonts/proxima/ProximaNova-Reg-webfont.ttf) format('truetype'),url(/Assets/fonts/proxima/ProximaNova-Reg-webfont.svg#ProximaNovaRgRegular) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaLight;
    src: url(/Assets/fonts/proxima/ProximaNova-Light-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Light-webfont.eot?#iefix) format('embedded-opentype'),url(/Assets/fonts/proxima/ProximaNova-Light-webfont.woff) format('woff'),url(/Assets/fonts/proxima/ProximaNova-Light-webfont.ttf) format('truetype'),url(/Assets/fonts/proxima/ProximaNova-Light-webfont.svg#ProximaNovaLtLight) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaThin;
    src: url(/Assets/fonts/proxima/ProximaNova-Thin-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Thin-webfont.eot?#iefix) format('embedded-opentype'),url(/Assets/fonts/proxima/ProximaNova-Thin-webfont.woff) format('woff'),url(/Assets/fonts/proxima/ProximaNova-Thin-webfont.ttf) format('truetype'),url(/Assets/fonts/proxima/ProximaNova-Thin-webfont.svg#ProximaNovaThThin) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaLtSemibold;
    src: url(/Assets/fonts/proxima/ProximaNova-Sbold-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Sbold-webfont.eot?#iefix) format('embedded-opentype'),url(/Assets/fonts/proxima/ProximaNova-Sbold-webfont.woff) format('woff'),url(/Assets/fonts/proxima/ProximaNova-Sbold-webfont.ttf) format('truetype'),url(/Assets/fonts/proxima/ProximaNova-Sbold-webfont.svg#ProximaNovaLtSemibold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaBold;
    src: url(/Assets/fonts/proxima/ProximaNova-Bold-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(/Assets/fonts/proxima/ProximaNova-Bold-webfont.woff) format('woff'),url(/Assets/fonts/proxima/ProximaNova-Bold-webfont.ttf) format('truetype'),url(/Assets/fonts/proxima/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaExtraBold;
    src: url(/Assets/fonts/proxima/ProximaNova-Xbold-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Xbold-webfont.eot?#iefix) format("embedded-opentype"),url(/Assets/fonts/proxima/ProximaNova-Xbold-webfont.woff) format("woff"),url(/Assets/fonts/proxima/ProximaNova-Xbold-webfont.ttf) format("truetype"),url(/Assets/fonts/proxima/ProximaNova-Xbold-webfont.svg#proxima_novaextrabold) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaBlack;
    src: url(/Assets/fonts/proxima/ProximaNova-Black-webfont.eot);
    src: url(/Assets/fonts/proxima/ProximaNova-Black-webfont.eot?#iefix) format('embedded-opentype'),url(/Assets/fonts/proxima/ProximaNova-Black-webfont.woff) format('woff'),url(/Assets/fonts/proxima/ProximaNova-Black-webfont.ttf) format('truetype'),url(/Assets/fonts/proxima/ProximaNova-Black-webfont.svg#proxima_novablack) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: SourceSansProLight;
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Light.woff);
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: SourceSansProRegular;
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Regular.woff);
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: SourceSansProSemibold;
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Semibold.woff);
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Semibold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: SourceSansProBold;
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Bold.woff);
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Bold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: SourceSansProBlack;
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Black.woff);
    src: url(/Assets/fonts/SourceSans/SourceSansPro-Black.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Verdana";
    src: url("/Assets/fonts/Verdana/562fa31bba08b3f71cb71257ddb880d5.eot"); /* IE9*/
    src: url("/Assets/fonts/Verdana/562fa31bba08b3f71cb71257ddb880d5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/Assets/fonts/Verdana/562fa31bba08b3f71cb71257ddb880d5.woff2") format("woff2"), /* chrome、firefox */
    url("/Assets/fonts/Verdana/562fa31bba08b3f71cb71257ddb880d5.woff") format("woff"), /* chrome、firefox */
    url("/Assets/fonts/Verdana/562fa31bba08b3f71cb71257ddb880d5.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/Assets/fonts/Verdana/562fa31bba08b3f71cb71257ddb880d5.svg#Verdana") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "Verdana Bold";
    src: url("/Assets/fonts/Verdana/a2b4dc9afc18e76cfcaa0071fa7cd0da.eot"); /* IE9*/
    src: url("/Assets/fonts/Verdana/a2b4dc9afc18e76cfcaa0071fa7cd0da.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/Assets/fonts/Verdana/a2b4dc9afc18e76cfcaa0071fa7cd0da.woff2") format("woff2"), /* chrome、firefox */
    url("/Assets/fonts/Verdana/a2b4dc9afc18e76cfcaa0071fa7cd0da.woff") format("woff"), /* chrome、firefox */
    url("/Assets/fonts/Verdana/a2b4dc9afc18e76cfcaa0071fa7cd0da.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/Assets/fonts/Verdana/a2b4dc9afc18e76cfcaa0071fa7cd0da.svg#Verdana Bold") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: Helvetica35Thin;
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Thin.woff);
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Thin.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Helvetica43LightExtended;
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-LightExt.woff);
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-LightExt.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
/*@font-face {
font-family: 'Helvetica 43 Light Extended';
font-style: normal;
font-weight: normal;
src: local('Helvetica 43 Light Extended'), url('HelveticaNeue-LightExt.woff') format('woff');
}*/


@font-face {
    font-family: Helvetica53Extended;
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Extended.woff);
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Extended.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

/*@font-face {
font-family: 'Helvetica 53 Extended';
font-style: normal;
font-weight: normal;
src: local('Helvetica 53 Extended'), url('HelveticaNeue-Extended.woff') format('woff');
}*/


@font-face {
    font-family: Helvetica55Roman;
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Roman.woff);
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Roman.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Helvetica85Heavy;
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Heavy.woff);
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Heavy.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Helvetica95Black;
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Black.woff);
    src: url(/Assets/fonts/Helvetica/HelveticaNeue-Black.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

/*@font-face {
font-family: 'Helvetica 35 Thin';
font-style: normal;
font-weight: normal;
src: local('Helvetica 35 Thin'), url('/Assets/fonts/Verdana/HelveticaNeue-Thin.woff') format('woff');
}*/

/*@font-face {
font-family: 'Helvetica 55 Roman';
font-style: normal;
font-weight: normal;
src: local('Helvetica 55 Roman'), url('/Assets/fonts/Verdana/HelveticaNeue-Roman.woff') format('woff');
}*/


/*@font-face {
font-family: 'Helvetica 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('Helvetica 85 Heavy'), url('/Assets/fonts/Verdana/HelveticaNeue-Heavy.woff') format('woff');
}*/

/*@font-face {
font-family: 'Helvetica 95 Black';
font-style: normal;
font-weight: normal;
src: local('Helvetica 95 Black'), url('/Assets/fonts/Verdana/HelveticaNeue-Black.woff') format('woff');
}*/

.display_inlineBlock {
    display: inline-block;
}

html {
    overflow: hidden;
}

body {
    height: 100%;
    margin: 0;
}

.wrapper {
    height: 100%;
    position: relative;
    z-index: 1;
}

.scrollbarDefaultColor::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    background-color: rgba(0,0,0,0);
    border-radius: 10px;
}

.scrollbarDefaultColor::-moz-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    background-color: rgba(0,0,0,0);
    border-radius: 10px;
}

.scrollbarDefaultColor::-webkit-scrollbar {
    width: 12px;
    background-color: rgba(0,0,0,0);
}

.scrollbarDefaultColor::-moz-scrollbar {
    width: 12px;
    background-color: rgba(0,0,0,0);
}

.scrollbarDefaultColor.thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbarDefaultColor.thin::-moz-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbarDefaultColor.mid::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scrollbarDefaultColor.mid::-moz-scrollbar {
    width: 10px;
    height: 10px;
}

.scrollbarDefaultColor.thik::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scrollbarDefaultColor.thik::-moz-scrollbar {
    width: 10px;
    height: 10px;
}

.scrollbarDefaultColor::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #bbb;
}

.scrollbarDefaultColor::-moz-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #bbb;
}

.scrollbarLightColor::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    background-color: rgba(0,0,0,0.3);
    border-radius: 10px;
}

.scrollbarLightColor::-webkit-scrollbar {
    width: 12px;
    background-color: rgba(0,0,0,0.3);
}

.scrollbarLightColor.thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbarLightColor.mid::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scrollbarLightColor.thik::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

.scrollbarLightColor::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #aeb0a8;
}

.scrollbarThemeColor::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    background-color: rgba(0,0,0,0);
    border-radius: 10px;
}

.scrollbarThemeColor::-webkit-scrollbar {
    width: 12px;
    background-color: rgba(0,0,0,0);
}

.scrollbarThemeColor.thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbarThemeColor::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: var(--light-theme-main-color);
}

.font13 {
    font-size: 13px !important;
}

.dis_block {
    display: block !important;
}

.dis_flowRoot {
    display: flow-root;
}

.dis_inline_block {
    display: inline-block !important;
}

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

.no-margin {
    margin: 0 !important;
}

.no-border {
    border: none !important;
}

.disable {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.cursorPointer {
    cursor: pointer;
}

.cursorMove {
    cursor: move;
}

.cke_bottom {
    box-shadow: none !important;
    padding-bottom: 5px !important;
}

.cke_resizer {
    margin-top: 10px !important;
    margin-bottom: -4px !important;
}

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

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

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

.minHeight525 {
    min-height: 525px;
}

.maxWidth1350 {
    max-width: 1350px;
}

.minNoteHeightWidth {
    min-height: 450px !important;
    min-width: 1000px !important;
}

.width375px {
    width: 375px;
}

.top21px {
    top: 21px;
}

.height32Fild .iconBtn {
    width: 32px;
    height: 32px;
}

.topSection .codeBtn.redBtn {
    background: #ffbfbf;
    /*background: -moz-linear-gradient(top, #ffbfbf 0%, #b72424 35%, #d82f2f 66%, #ff2828 96%);
background: -webkit-linear-gradient(top, #ffbfbf 0%,#b72424 35%,#d82f2f 66%,#ff2828 96%);
background: linear-gradient(to bottom, #ffbfbf 0%,#b72424 35%,#d82f2f 66%,#ff2828 96%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfbf', endColorstr='#ff2828',GradientType=0 );border-color:#a98a8a;*/
    background: -moz-linear-gradient(top, #ffbfd7 0%, #b7245a 35%, #d82f6d 66%, #ff2880 96%);
    background: -webkit-linear-gradient(top, #ffbfd7 0%,#b7245a 35%,#d82f6d 66%,#ff2880 96%);
    background: linear-gradient(to bottom, #ffbfd7 0%,#b7245a 35%,#d82f6d 66%,#ff2880 96%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfbf', endColorstr='#ff2828',GradientType=0 );
    border-color: #a98a96;
}

.topSection .codeBtn.grayBtn {
    background: #f7f7f7;
    /*background: -moz-linear-gradient(top, #f7f7f7 0%, #8e8e8e 35%, #bababa 66%, #e5e5e5 100%);
background: -webkit-linear-gradient(top, #f7f7f7 0%,#8e8e8e 35%,#bababa 66%,#e5e5e5 100%);
background: linear-gradient(to bottom, #f7f7f7 0%,#8e8e8e 35%,#bababa 66%,#e5e5e5 100%);*/
    background: -moz-linear-gradient(top, #83e2ff 0%, #4b95a0 35%, #68aab9 66%, #8dd3e8 96%);
    background: -webkit-linear-gradient(top, #83e2ff 0%,#4b95a0 35%,#68aab9 66%,#8dd3e8 96%);
    background: linear-gradient(to bottom, #83e2ff 0%,#4b95a0 35%,#68aab9 66%,#8dd3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfbf', endColorstr='#ff2828',GradientType=0 );
    border-color: #58a5af;
}
/*.clsvariant{color: red;font-weight: 600;width: 28px;height: 28px;background-color: red;border-radius: 50%;font-family: Verdana Bold;color: #fff;}
.clshigh{font-weight: 600;width: 28px;height: 28px;background-color: orange;border-radius: 50%;font-family: Verdana Bold;}
.clsover{font-weight: 600;width: 28px;height: 28px;background-color: yellow;border-radius: 50%;font-family: Verdana Bold;color: #000;}*/
.clsvariant i {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background-color: red;
    position: relative;
    top: 9px;
    float: left;
    left: -3px;
    cursor: pointer;
}

.clshigh i {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background-color: orange;
    position: relative;
    top: 9px;
    float: left;
    left: -3px;
    cursor: pointer;
}

.clsover i {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background-color: yellow;
    position: relative;
    top: 9px;
    border: 1px solid #f1c600;
    float: left;
    left: -3px;
    cursor: pointer;
}

.overSpan {
    width: calc(100% - 9px);
    float: right;
}
/*.clsvariant i{float: right;width: 17px;height: 17px;background: red;margin-top: 6px;border-radius: 50%;line-height: 16px;color:#fff}
.clsvariant i:before{content: "\f102";font-family:FontAwesome;display:inline-block;transform: skew(195deg);top: -2px;position: relative;left: 2px;font-size: 15px}
.clsvariant i:after{content: "\f106";font-family:FontAwesome;display:inline-block;transform: skew(195deg);top: 2px;position: relative;left: -7.5px;font-size: 14px}
.clshigh i{float: right;width: 17px;height: 17px;background: orange;margin-top: 6px;border-radius: 50%;line-height: 16px;font-size:16px}
.clshigh i:before{content: "\f102";font-family:FontAwesome;display:inline-block;transform: skew(195deg);position:relative;left:-1px}
.clsover i{float: right;width: 17px;height: 17px;background: yellow;margin-top: 6px;border-radius: 50%;line-height: 16px;font-size:16px}
.clsover i:before{content: "\f106";font-family:FontAwesome;display:inline-block;transform: skew(195deg)}*/

/*======================= Theme Start =====================*/
.select2-container--default .select2-selection--multiple {
    padding: 0 !important;
}

.select2-container--default.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    height: auto !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   /* font-family: var( --font-header-font-bold) !important;*/
    font-family: var( --font-header-font) !important;
}

.chart {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .chart svg, .chart canvas {
        width: 100% !important;
    }

.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

    .main-header .navbar {
        -webkit-transition: margin-left .3s ease-in-out;
        -o-transition: margin-left .3s ease-in-out;
        transition: margin-left .3s ease-in-out;
        margin-bottom: 0;
        margin-left: 230px;
        border: none;
        min-height: 50px;
        border-radius: 0;
    }

    .main-header h3.heading_div {
        font-size: 37px;
        font-family: Verdana Bold;
    }

    .main-header .navbar-custom-menu, .main-header .navbar-right {
        float: right;
    }

.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}

.main-header .navbar .nav > li > a {
    color: #fff;
    font-size: 15px;
    background: rgb(0 0 0 / 24%);
}

.navbar-nav > .user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0;
    margin-top: -2px;
    background-color: #fff;
}

.main-header .navbar .nav > li > a span, .main-header .navbar .nav > li > a span {
    text-transform: capitalize;
    -webkit-text-transform: capitalize;
    -moz-text-transform: capitalize;
    -ms-text-transform: capitalize;
    -o-text-transform: capitalize;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
    padding: 10px;
    text-align: center;
    background-image: radial-gradient(circle, #ededed, #b7b7b7) !important;
    font-family: Verdana Bold;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255,255,255,0.2);
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    content: " ";
    display: table;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    clear: both;
}

.btn-default {
    background-color: #fff;
    color: #444;
    border-color: #646464;
}

.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #000;
}

.dropdown-menu {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-color: #eee;
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}

    .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: #444;
    background: #f7f7f7;
}

.main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:active, .main-header .navbar .nav > li > a:focus, .main-header .navbar .nav .open > a, .main-header .navbar .nav .open > a:hover, .main-header .navbar .nav .open > a:focus, .main-header .navbar .nav > .active > a {
    background: rgb(0 0 0 / 24%);
    color: #fff;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

.main-sidebar, .left-side {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 39px;
    min-height: 100%;
    width: 230px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}

.sidebar {
    padding-bottom: 0;
    height: 100%;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    width: auto;
   /* background-color: #2B3E82;
    background-image: linear-gradient(#2B3E82, #2B3E82, rgb(1 1 2 / 50%));*/
}

    .sidebar-menu:hover {
        overflow: visible;
    }

    .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
        white-space: nowrap;
        overflow: hidden;
    }

        .sidebar-menu > li { /*position:relative;*/
            margin: 0;
            padding: 0;
        }

            .sidebar-menu > li > a {
                padding: 11px 5px 11px 15px;
                display: block;
                height: 43px;
            }

        .sidebar-menu li > a {
            position: relative;
        }

        .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
            width: 20px;
        }
    /*.sidebar-menu>li:last-child .treeview-menu{max-height:165px!important}*/
    .sidebar-menu .treeview-menu {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 5px;
    }

    .sidebar-menu li.active > .treeview-menu { 
        display: none;
    }

    .sidebar-menu .treeview-menu > li {
        margin: 0;
    }
   
    .sidebar-menu .treeview-menu > li > a {
        padding: 5px 5px 5px 15px;
        display: block;
        font-size: 14px;
        border-radius:5px;
    }
    .sidebar-toggle {
        text-align: center !important;
        left: 50%;
        transform: translateX(-50%) !important;
        height: max-content !important;
        line-height: normal !important;
    }
    .lightTheme aside .sidebar-toggle span {
        background: #fff !important;
        padding: 5px 10px;
        border-radius: 50%;
    }
    .sidebar-menu .treeview-menu > li a {
        padding-left: 0 !important;
        color: var(--primary) !important;
        border-radius: 5px !important;
    }
    .sidebar-menu .treeview-menu > li a svg {
        margin-right: 0;
        width: 22px;
    }
    .admin-panel-body ul.sidebar-menu li:hover svg path {
        fill: #ffffff !important;
    }
    user-management-page .admin-panel-body ul.sidebar-menu li ul.treeview-menu li:hover svg path {
        fill: #fff !important;
    }
    .admin-panel-body ul li:hover ul.treeview-menu li svg path {
        fill: #fff !important;
    }
    .admin-panel-body ul li ul.treeview-menu li:hover svg path {
        fill:var(--primary) !important;
    }
.sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion {
    width: 20px;
}
    
    .sidebar-menu li > a > .pull-right-container {
        position: initial;
        right: 10px;
        top: 50%;
        margin-top: -7px;
    }


    .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
    }

.content-wrapper, .right-side, .main-footer {
/*  -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;*/
    margin-left: 230px;
    z-index: 820;
}

.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800;
}

.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-height: 100%;
    overflow-y: auto;
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}

.input-group .input-group-addon {
    border-radius: 0;
    border-color: #5c5c5c;
    background-color: #fff;
}

.labelBottomBtn {
    bottom: -28px;
    right: 0;
}

.inputField28 {
    padding: 5px 10px;
}

    .inputField28 .form-group {
        margin: 7px 0;
    }

    .inputField28 .control-label {
        padding-top: 0 !important;
    }

    .inputField28 .form-control {
        height: 28px !important;
    }

    .inputField28 .select2-selection {
        height: 28px !important;
    }

    .inputField28 .select2-selection__rendered {
        line-height: 26px !important;
        font-size: 13px;
    }

    .inputField28 .bottom_btn_bar {
        margin-top: 26px;
    }

    .inputField28 .btn {
        height: 28px;
        line-height: 26px !important;
        padding: 0 8px;
    }

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li #sub-usermanagement li a,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li #sidebar-ul-part li a,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        padding: 5px !important;
        line-height: 1.2;
        width: max-content;
    }
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 80px  !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px;
        overflow: hidden;
        padding:0px;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
        border-top-right-radius: 4px;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0);
    }
    .sidebar-mini .sidebar-menu > li.menu-open > .treeview-menu {
        display: none !important;
    }
    
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        top: 45px;
        margin-left: 0;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        margin-right: 0;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
        border-bottom-right-radius: 4px;
    }
    /**/

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 80px !important;
        z-index: 850;
    }
    /**/ .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        float: right;
        width: auto !important;
        left: 270px !important;
        right:0px !important;
        top: 16px !important;
    }
}

@media (max-width: 767px) {
    .main-header .navbar {
        margin: 0;
    }

    .main-header .logo, .main-header .navbar {
        width: 100%;
        float: none;
    }
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:992px){
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        display: none !important;
        position: initial;
        width: 180px;
        left: 50px;
    }
    .sidebar-mini .sidebar-menu > li.menu-open > .treeview-menu, .sidebar-mini .sidebar-menu > li.menu-open:hover > .treeview-menu {
        display: none !important;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
        top: 0;
        margin-left: -3px;
        padding: 11px 5px 11px 20px;
        background-color: inherit;
        background-color: #939393;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: right;
        margin: 0;
    }
}

/*======================== Theme End ======================*/
.page850 {
    width: 850px;
}

.skin-yellow-light .box-header, .skin-yellow-light .dataTables_scroll .btn-info, .skin-yellow-light .form-horizontal .btn-info, .skin-yellow-light .dataTables_scroll .btn-success, .skin-yellow-light .callout-info {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    color: white;
}

.skin-yellow .box-header, .skin-yellow .dataTables_scroll .btn-info, .skin-yellow .form-horizontal .btn-info, .skin-yellow .dataTables_scroll .btn-success, .skin-yellow .callout-info {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    color: white;
}

.skin-blue .box-header, .skin-blue .dataTables_scroll .btn-info, .skin-blue .form-horizontal .btn-info, .skin-blue .dataTables_scroll .btn-success, .skin-blue .callout-info {
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
    color: white;
}

.skin-black .box-header, .skin-black .dataTables_scroll .btn-info, .skin-black .form-horizontal .btn-info, .skin-black .dataTables_scroll .btn-success, .skin-black .callout-info {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #333 !important;
}

.skin-black-light .box-header, .skin-black-light .dataTables_scroll .btn-info, .skin-black-light .form-horizontal .btn-info, .skin-black-light .dataTables_scroll .btn-success, .skin-black-light .callout-info {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #333 !important;
}

.skin-purple .box-header, .skin-purple .dataTables_scroll .btn-info, .skin-purple .form-horizontal .btn-info, .skin-purple .dataTables_scroll .btn-success, .skin-purple .callout-info {
    background-color: #605ca8 !important;
    border-color: #605ca8 !important;
    color: white;
}

.skin-purple-light .box-header, .skin-purple-light .dataTables_scroll .btn-info, .skin-purple-light .form-horizontal .btn-info, .skin-purple-light .dataTables_scroll .btn-success, .skin-purple-light .callout-info {
    background-color: #605ca8 !important;
    border-color: #605ca8 !important;
    color: white;
}

.skin-green .box-header, .skin-green .dataTables_scroll .btn-info, .skin-green .form-horizontal .btn-info, .skin-green .dataTables_scroll .btn-success, .skin-green .callout-info {
    background-color: #00a65a !important;
    border-color: #00a65a !important;
    color: white;
}

.skin-green-light .box-header, .skin-green-light .dataTables_scroll .btn-info, .skin-green-light .form-horizontal .btn-info, .skin-green-light .dataTables_scroll .btn-success, .skin-green-light .callout-info {
    background-color: #00a65a !important;
    border-color: #00a65a !important;
    color: white;
}

.skin-red .box-header, .skin-red .dataTables_scroll .btn-info, .skin-red .form-horizontal .btn-info, .skin-red .dataTables_scroll .btn-success, .skin-red .callout-info {
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
    color: white;
}

.skin-red-light .box-header, .skin-red-light .dataTables_scroll .btn-info, .skin-red-light .form-horizontal .btn-info, .skin-red-light .dataTables_scroll .btn-success, .skin-red-light .callout-info {
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
    color: white;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #5c5c5c !important;
}

.input-group-addon {
    padding: 1px 10px !important;
}

.black, .black [class="box-header"], .black.box, .slider.black .ui-slider-range, .progress.black .ui-progressbar-value .sliderVertical.black .ui-slider-range, .progressSlim.black .ui-progressbar-value {
    background: #222 !important;
    border-color: #222 !important;
    color: #fff;
}

    .black .box-header h2 i, .black .box-header .box-icon i, .black .box-header .box-icon i:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

.green, .green [class="box-header"], .green.box, .slider.green .ui-slider-range, .progress.green .ui-progressbar-value, .sliderVertical.green .ui-slider-range, .progressSlim.green .ui-progressbar-value, .label-success, .badge-success {
    background: #00A300 !important;
    border-color: #00A300 !important;
    color: #fff;
}

.greenDark, .greenDark [class="box-header"], .greenDark.box, .slider.greenDark .ui-slider-range, .progress.greenDark .ui-progressbar-value, .sliderVertical.greenDark .ui-slider-range, .progressSlim.greenDark .ui-progressbar-value {
    background: #1E7145 !important;
    border-color: #1E7145 !important;
    color: #fff;
}

.greenLight, .greenLight [class="box-header"], .greenLight.box, .slider.greenLight .ui-slider-range, .progress.greenLight .ui-progressbar-value, .sliderVertical.greenLight .ui-slider-range, .progressSlim.greenLight .ui-progressbar-value {
    background: #99B433 !important;
    border-color: #99B433 !important;
    color: #fff;
}

.pink, .pink [class="box-header"], .pink.box, .slider.pink .ui-slider-range, .progress.pink .ui-progressbar-value, .sliderVertical.pink .ui-slider-range, .progressSlim.pink .ui-progressbar-value {
    background: #9F00A7 !important;
    border-color: #9F00A7 !important;
    color: #fff;
}

.pinkDark, .pinkDark [class="box-header"], .pinkDark.box, .slider.pinkDark .ui-slider-range, .progress.pinkDark .ui-progressbar-value, .sliderVertical.pinkDark .ui-slider-range, .progressSlim.pinkDark .ui-progressbar-value {
    background: #7E3878 !important;
    border-color: #7E3878 !important;
    color: #fff;
}

.yellow, .yellow [class="box-header"], .yellow.box, .slider.yellow .ui-slider-range, .progress.yellow .ui-progressbar-value, .sliderVertical.yellow .ui-slider-range, .progressSlim.yellow .ui-progressbar-value, .label-warning, .badge-warning {
    background: #FFC40D !important;
    border-color: #FFC40D !important;
    color: #fff;
}

.purple, .purple [class="box-header"], .purple.box, .slider.purple .ui-slider-range, .progress.purple .ui-progressbar-value, .sliderVertical.purple .ui-slider-range, .progressSlim.purple .ui-progressbar-value {
    background: #603CBA !important;
    border-color: #603CBA !important;
    color: #fff;
}

.blue, .blue [class="box-header"], .blue.box, .slider.blue .ui-slider-range, .progress.blue .ui-progressbar-value, .sliderVertical.blue .ui-slider-range, .progressSlim.blue .ui-progressbar-value, .label-info, .badge-info {
    background: #2D89EF !important;
    border-color: #2D89EF !important;
    color: #fff;
}

.blueDark, .blueDark [class="box-header"], .blueDark.box, .slider.blueDark .ui-slider-range, .progress.blueDark .ui-progressbar-value, .sliderVertical.blueDark .ui-slider-range, .progressSlim.blueDark .ui-progressbar-value {
    background: #2B5797 !important;
    border-color: #2B5797 !important;
    color: #fff;
}

.blueLight, .blueLight [class="box-header"], .blueLight.box, .slider.blueLight .ui-slider-range, .progress.blueLight .ui-progressbar-value, .sliderVertical.blueLight .ui-slider-range, .progressSlim.blueLight .ui-progressbar-value {
    background: #EFF4FF !important;
    border-color: #EFF4FF !important;
    color: #fff;
}

.orange, .orange [class="box-header"], .orange.box, .slider.orange .ui-slider-range, .progress.orange .ui-progressbar-value, .sliderVertical.orange .ui-slider-range, .progressSlim.orange .ui-progressbar-value {
    background: #E3A21A !important;
    border-color: #E3A21A !important;
    color: #fff;
}

.orangeDark, .orangeDark [class="box-header"], .orangeDark.box, .slider.orangeDark .ui-slider-range, .progress.oragneDark .ui-progressbar-value, .sliderVertical.orangeDark .ui-slider-range, .progressSlim.orangeDark .ui-progressbar-value {
    background: #DA532C !important;
    border-color: #DA532C !important;
    color: #fff;
}

.red, .red [class="box-header"], .red.box, .slider.red .ui-slider-range, .progress.red .ui-progressbar-value, .sliderVertical.red .ui-slider-range, .progressSlim.red .ui-progressbar-value, .label-important, .badge-important {
    background: #EB3C00 !important;
    border-color: #EB3C00 !important;
    color: #fff;
}

.widget.green h2 .glyphicons i:before, .widget.greenDark h2 .glyphicons i:before, .widget.greenLight h2 .glyphicons i:before, .widget.pink h2 .glyphicons i:before, .widget.pinkDark h2 .glyphicons i:before, .widget.yellow h2 .glyphicons i:before, .widget.purple h2 .glyphicons i:before, .widget.blue h2 .glyphicons i:before, .widget.blueDark h2 .glyphicons i:before, .widget.blueLight h2 .glyphicons i:before, .widget.orange h2 .glyphicons i:before, .widget.orangeDark h2 .glyphicons i:before, .widget.red h2 .glyphicons i:before {
    color: #fff;
}

.box-body .progress {
    margin-bottom: 15px;
}

.box-body.with_label .progress {
    margin-bottom: 9px;
}

.skill-bar h5 {
    margin-bottom: 6px;
}

.skill-bar li {
    margin-bottom: 12px;
    list-style: none;
    margin-left: -26px;
    padding-left: 0;
}

.meter {
    height: 14px;
    position: relative;
    background: #fff !important;
    border: 1px solid #ddd;
}

    .meter > span {
        display: block;
        height: 100%;
        position: relative;
        overflow: hidden;
        background: #ddd;
    }

        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
        }

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}

    .rating span.star, .rating span.star {
        font-family: FontAwesome;
        font-weight: 400;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover, .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before, .rating span.star:before {
            content: "\f006";
            padding-right: 5px;
            color: #999;
        }

        .rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before {
            content: "\f005";
            color: #e3cf7a;
        }

.sparkLineStats {
    position: relative;
    margin-bottom: -4px;
}

    .sparkLineStats ul {
        margin: 0;
    }

    .sparkLineStats li {
        margin-bottom: 0;
        line-height: 42px;
        padding-top: 3px;
        font-size: 12px;
    }

        .sparkLineStats li .number {
            font-size: 17px;
            font-weight: 700;
            padding: 0 0 0 2px;
            color: #fff;
        }

        .sparkLineStats li span:first-child {
            margin-right: 5px;
        }

    .sparkLineStats h4 {
        position: relative;
        border-bottom: 1px solid #c4c4c4;
        padding-bottom: 0;
        margin-bottom: 10px;
        line-height: 37px;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,1);
        box-shadow: 0 1px 0 rgba(255,255,255,1);
    }

.yellow30 {
    width: 30% !important;
    background-color: yellow !important;
}

.blue20 {
    width: 20% !important;
    background-color: blue !important;
}

.green40 {
    width: 40% !important;
    background-color: green !important;
}

.pink25 {
    width: 25% !important;
    background-color: pink !important;
}

/*@media (max-width:400px) {
    #RoughProcurement {
        display: none;
    }
}*/

.sidebar-menu .treeview-menu > li > a > .fa {
    width: 15px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    padding-left: 15px;
}

.sidebar-menu li a {
    cursor: pointer;
}

.sidebar-menu > li > a {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.sidebar-menu .treeview-menu > li > a {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 12px;
    font-weight: 600;
    padding-left: 3px;
    color: #46505c;
}

.bg-lightpink {
    background: #ffb6c1 !important;
}

.bg-greenyellow {
    background: #adff2f !important;
}

.bg-lightgreen {
    background: #90ee90 !important;
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: Verdana Bold;*/
    font-family: var(--font-header-font-bold);
}

h1 {
    font-size: 35px;
    line-height: 45px;
}

h2 {
    font-size: 30px;
    line-height: 38px;
}

h3 {
    font-size: 23px;
    line-height: 32px;
}

h4 {
    font-size: 16px;
    line-height: 26px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

label {
    font-family: Verdana Bold;
    font-style: normal;
    font-size: 13px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    padding-left: 0 !important;
    box-shadow: 2px 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 2px 1px 3px rgba(0,0,0,.5);
    -ms-box-shadow: 2px 1px 3px rgba(0,0,0,.5);
    -o-box-shadow: 2px 1px 3px rgba(0,0,0,.5);
}

    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span:nth-child(2n+1) {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }

.sidebar-mini.sidebar-collapse .sidebar-menu > li > ul {
    box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    -ms-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
    -o-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}

.skin-blue .main-header .navbar {
    background-color: var(--main-color);
    border-left: 2px solid #2bb55b;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2bb55b),color-stop(1,#5ece85));
    background: -ms-linear-gradient(bottom,#2bb55b,#5ece85);
    background: -moz-linear-gradient(center bottom,#2bb55b 0%,#5ece85 100%);
    background: -o-linear-gradient(#5ece85,#2bb55b);
}

.skin-blue .main-header .logo {
    background-color: #1ca04a;
}

    .skin-blue .main-header .logo:hover {
        background-color: #0f903c;
    }

.skin-blue-light .main-header .navbar {
    background-color: var(--main-color);
    border-left: 2px solid #2bb55b;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2bb55b),color-stop(1,#5ece85));
    background: -ms-linear-gradient(bottom,#2bb55b,#5ece85);
    background: -moz-linear-gradient(center bottom,#2bb55b 0%,#5ece85 100%);
    background: -o-linear-gradient(#5ece85,#2bb55b);
}

.skin-blue-light .main-header .logo {
    background-color: var(--main-color);
    border-bottom: 1px solid #19b24f;
    text-align: left;
}

    .skin-blue-light .main-header .logo:hover {
        background-color: var(--main-color);
    }

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: var(--main-color);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
    background-color: #1a237e !important;
    z-index: 999;
}

#laytab .tabs li a.tabs-inner {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 14px;
    line-height: 21px !important;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-weight: 500;
}

.deshheader {
    font-size: 16px !important;
    line-height: 0.8 !important;
    font-family: Verdana Bold;
    margin-left: 15px;
}

    .deshheader img {
        max-height: 40px;
    }

.tabs li {
    border-right: 1px solid #ccc !important;
    margin-right: 0px !important;
}

.login-page {
    background-image: -webkit-radial-gradient(circle, #ffffff, #c9c9c9);
}

.login_bg_transparent {
    position: relative;
    float: left;
    width: 100%;
}

.login_form {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../images/form3.png) !important;
    background-size: contain;
    width: 550px;
    height: 705px;
}

.form_box {
    width: 87.5%;
    height: 100%;
    right: 0;
    position: relative;
    float: right;
    box-shadow: 5px 5px 7px rgba(0,0,0,.5);
    -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 5px 7px rgba(0,0,0,.5);
    -ms-box-shadow: 5px 5px 7px rgba(0,0,0,.5);
    -o-box-shadow: 5px 5px 7px rgba(0,0,0,.5);
}

    .form_box .logo_div {
        display: block;
        margin-top: 85px;
        text-align: center;
        width: 99.6%;
        margin-left: 0.2%;
        color: #000;
        background-color: #fff;
        padding: 12px 0;
    }

        .form_box .logo_div span {
            font-weight: 700;
            font-size: 28px;
        }

    .form_box .main_form {
        margin-top: 185px;
    }

        .form_box .main_form .form-group {
            display: inline-block;
            margin-bottom: 10px;
            width: 100%;
        }

        .form_box .main_form .checkbox_group {
            padding-left: 125px;
        }

            .form_box .main_form .checkbox_group .checkbox_div {
                width: 20px;
                height: 20px;
                margin: 0 5px;
                float: left;
            }

        .form_box .main_form .form-group:last-child {
            margin-bottom: 0;
        }

        .form_box .main_form .form-group label {
            float: left;
            margin-right: 10px;
            margin-top: 5px;
            color: rgba(255,255,255,1);
            width: 125px;
            text-align: right;
            font-size: 16px;
            font-weight: 500;
        }

        .form_box .main_form .form-group .input_div {
            width: 260px;
            float: left;
        }

        .form_box .main_form .form-group.checkbox_group label {
            top: -2px;
            position: relative;
            color: #222;
            text-align: left;
            margin: 0;
        }

        .form_box .main_form .form-group input[type=text], .form_box .main_form .form-group input[type=password] {
            float: left;
            width: 260px;
            height: 36px;
            box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);
            -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);
            -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);
            -ms-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);
            -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);
            border: 1px solid #888;
            font-size: 16px;
        }

        .form_box .main_form .form-group.checkbox_group input[type=checkbox] {
            width: 18px;
            height: 18px;
            margin-top: 2px;
            margin-left: 7px;
        }

        .form_box .main_form .form-group .submit_btn {
            float: right;
            margin-right: 70px;
            padding: 5px 20px 7px;
            font-weight: 700;
            background-color: #1b6127;
            border: none;
            color: #fff;
            box-shadow: 1px 1px 3px rgba(255,255,255,.9);
            -webkit-box-shadow: 1px 1px 3px rgba(255,255,255,.9);
            -moz-box-shadow: 1px 1px 3px rgba(255,255,255,.9);
            -ms-box-shadow: 1px 1px 3px rgba(255,255,255,.9);
            -o-box-shadow: 1px 1px 3px rgba(255,255,255,.9);
        }

.forget_pass_div {
    margin-top: 65px;
    text-align: center;
    font-weight: 600;
}

    .forget_pass_div a {
        color: #3c8dbc;
        cursor: pointer;
    }

.profile_page {
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
}

    .profile_page .head_div {
        text-align: center;
        font-weight: 600;
        font-size: 28px;
        color: #3c8dbc;
        margin-bottom: 30px;
        text-decoration: underline;
    }

    .profile_page .profile_photo_div .img_box_div {
        width: 200px;
        height: 200px;
        border: 1px solid #bbb;
        margin-top: 20px;
        padding: 4px;
        position: relative;
    }

        .profile_page .profile_photo_div .img_box_div img {
            width: 189px;
            height: 189px;
            border: 1px solid #ccc;
        }

        .profile_page .profile_photo_div .img_box_div a {
            position: absolute;
            top: -10px;
            right: -10px;
            cursor: pointer;
        }

            .profile_page .profile_photo_div .img_box_div a i {
                width: 27px;
                height: 27px;
                border-radius: 50%;
                background-color: #fff;
                border: 1px solid var(--second-color);
                text-align: center;
                line-height: 25px;
                padding-left: 1px;
                color: var(--second-color);
            }

    .profile_page .profile_photo_div input[type=file] {
        background-color: rgba(0,0,0,0);
        border: none;
        padding: 5px 10px;
    }

        .profile_page .profile_photo_div input[type=file]:focus {
            outline: none;
        }

    .profile_page .form-horizontal .control-label {
        text-align: left;
    }

    .profile_page .check_box {
        width: 18px;
        height: 18px;
        margin-top: 8px;
    }

.skin-blue-light .sidebar-menu > li > a {
    border-top: 1px solid rgba(0,0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0);
    color: #46505c;
}

.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;
}

.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {
    background-color: #e7ebec;
}

.skin-blue-light .sidebar-menu > li > .treeview-menu {
    background-color: #d3dadc;
}

.skin-blue-light .treeview-menu > li.active > a, .skin-blue-light .sidebar-menu > li.active > a {
    background-color: #fff;
    color: var(--main-color);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.main-header .logo {
    font-family: Verdana Bold;
}

.tabs-header {
    background: #e7ebec !important;
}

.tabs li a.tabs-inner {
    background: #e7ebec !important;
}

.tabs-scroller-left {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    line-height: 28px;
    color: #888;
    font-size: 14px !important;
}

    .tabs-scroller-left:before {
        content: "\f053";
    }

.tabs-scroller-right {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    line-height: 28px;
    color: #888;
    font-size: 14px !important;
}

    .tabs-scroller-right:before {
        content: "\f054";
    }

    .tabs-scroller-right:hover, .tabs-scroller-left:hover {
        color: #666;
    }

.tabs-scroller-left, .tabs-scroller-right {
    top: 7px !important;
    z-index: 2;
}

.tabs-with-icon {
    padding-left: 0 !important;
}

.tabs li a:hover {
    background-color: #eee !important;
}
.dashboard-tab-part .tabs-wrap ul.tabs li {
    margin-top: 27px;
}
.tabs li.tabs-selected {
    border: 1px solid #d3d3d3 !important;
    border-left: none !important;
}

    .tabs li.tabs-selected a {
        color: var(--main-color) !important;
        font-weight: 600;
        background-color: #b3a68a !important;
    }

        .tabs li.tabs-selected a:hover {
            background-color: #fff !important;
        }

.paddingBottom5 {
    padding-bottom: 5px !important;
}

.paddingBottom10 {
    padding-bottom: 10px !important;
}

.paddingBottom7 {
    padding-bottom: 7px !important;
}

.paddingBottom70 {
    padding-bottom: 70px;
}

.padding10 {
    padding: 0 10px;
}

.padding5 {
    padding: 0 5px !important;
}

.noPadding {
    padding: 0;
}

.margin-5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.margin-3-3 {
    margin: -3px !important;
}

.margin-7-7 {
    margin: -7px !important;
}

.margin-7 {
    margin-left: -7px !important;
    margin-right: -7px !important;
}

.margin-10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.paddingLeft3 {
    padding-left: 3px !important;
}

.padding_left0 {
    padding-left: 0 !important;
}

.padding_left10 {
    padding-left: 10px;
}

.hor_center {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.add_btn button {
    padding: 0 12px;
    height: 34px;
    line-height: 30px;
}

.rec_add_btn {
    background-color: #fff !important;
    border-color: #d2be99 !important;
    color: #505050 !important;
}

    .rec_add_btn:hover, .rec_add_btn:focus {
        background-color: #b7e3e5 !important;
        border-color: #b7e3e5 !important;
        color: #000 !important;
        outline: none;
    }

.search_btn {
    background-color: #fff !important;
    border-color: #d2be99 !important;
    color: #505050 !important;
}

    .search_btn:hover, .search_btn:focus {
        background-color: #005aa7 !important;
        border-color: #005aa7 !important;
        color: white !important;
        outline: none;
    }

.rec_edit_btn {
    background-color: #fff !important;
    border-color: #316869 !important;
    color: #316869 !important;
}

    .rec_edit_btn:hover {
        background-color: #316869 !important;
        border-color: #316869 !important;
        color: #fff !important;
        outline: none;
    }

.rec_delete_btn {
    background-color: #d45c4e !important;
    border-color: #d45c4e !important;
    color: #fff !important;
}

    .rec_delete_btn:hover {
        background-color: #fff !important;
        border-color: #d45c4e !important;
        color: #d45c4e !important;
        outline: none;
    }

.clear_btn {
    background-color: #fff !important;
    border-color: #d2be99 !important;
    color: #505050 !important;
}

    .clear_btn:hover, .clear_btn:focus {
        background-color: #bd6161 !important;
        border-color: #bd6161 !important;
        Color: #fff !important;
        outline: none;
    }

.print_btn {
    background-color: #fff !important;
    border-color: #d2be99 !important;
    color: #505050 !important;
}

    .print_btn:hover, .print_btn:focus {
        background-color: #e1a262 !important;
        border-color: #e1a262 !important;
        color: #fff !important;
        outline: none;
    }

.purple_btn {
    background-color: #fff !important;
    border-color: #524a6f !important;
    color: #524a6f !important;
}

    .purple_btn:hover, .purple_btn:focus {
        background-color: #524a6f !important;
        border-color: #524a6f !important;
        color: #fff !important;
    }

.save_btn {
    background-color: #00a927;
    border-color: #00a927;
    color: #fff;
}

    .green_btn:hover, .save_btn:hover, .save_btn:focus {
        background-color: #fff;
        border-color: #00a927 !important;
        color: #00a927;
        outline: none;
    }

.field-validation-error {
    font-family: "webfont";
    font-size: 12px;
}

.isActive {
    width: 75px;
}

.sr_td {
    width: 85px;
}

.so_td {
    width: 90px;
}

.actionedit {
    width: 75px;
}

.widthCopy {
    width: 134px;
}

.others_col {
    width: 120px;
}

.popupTable {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.popupForm {
    position: relative;
}

.popupTable table {
    margin: 0;
}

.first_box {
    border-top-color: var(--first-color);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .first_box .box-header {
        background-color: #fff !important;
        color: var(--first-color);
        border-color: #fff !important;
    }

table tbody tr td .rec_edit_btn, .ui-grid-row .ui-grid-cell .rec_edit_btn {
    background: #fff;
    border-color: #316869;
    color: #327c7d;
}

table tbody tr td .rec_delete_btn, .ui-grid-row .ui-grid-cell .rec_delete_btn {
    background: #fff;
    border-color: #d45c4e;
    color: #e96252;
}

.rec_copy_btn {
    background-color: #3d4e43;
    border-color: #9a9a9a;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3d4e43),color-stop(1,#e7ebec));
    background: -ms-linear-gradient(bottom,#3d4e43,#e7ebec);
    background: -moz-linear-gradient(center bottom,#3d4e43 0%,#e7ebec 100%);
    background: -o-linear-gradient(#e7ebec,#3d4e43);
}

    .rec_copy_btn:hover, .rec_copy_btn:focus {
        background-color: #3d4e43;
        border-color: #000;
        color: #fff;
    }

.first_box .small-box {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3d4e43),color-stop(1,#e7ebec));
    background: -ms-linear-gradient(bottom,#3d4e43,#e7ebec);
    background: -moz-linear-gradient(center bottom,#3d4e43 0%,#e7ebec 100%);
    background: -o-linear-gradient(#e7ebec,#3d4e43);
}

.second_box {
    border-top-color: var(--second-color);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .second_box .box-header {
        background-color: #fff !important;
        color: var(--second-color);
        border-color: #fff !important;
    }

    .second_box .small-box {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2facb2),color-stop(1,#78d0d4));
        background: -ms-linear-gradient(bottom,#2facb2,#78d0d4);
        background: -moz-linear-gradient(center bottom,#2facb2 0%,#78d0d4 100%);
        background: -o-linear-gradient(#78d0d4,#2facb2);
    }

.main_color_box {
    border-top-color: var(--main-color);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .main_color_box .box-header {
        background-color: #fff !important;
        color: var(--main-color);
        border-color: #fff !important;
    }

    .main_color_box .small-box {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2bb55b),color-stop(1,#5ece85));
        background: -ms-linear-gradient(bottom,#2bb55b,#5ece85);
        background: -moz-linear-gradient(center bottom,#2bb55b 0%,#5ece85 100%);
        background: -o-linear-gradient(#5ece85,#2bb55b);
    }

.third_box {
    border-top-color: var(--third-color);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .third_box .box-header {
        background-color: #fff !important;
        color: var(--third-color);
        border-color: #fff !important;
    }

    .third_box .small-box {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e96252),color-stop(1,#ffa498));
        background: -ms-linear-gradient(bottom,#e96252,#ffa498);
        background: -moz-linear-gradient(center bottom,#e96252 0%,#ffa498 100%);
        background: -o-linear-gradient(#ffa498,#e96252);
    }

.fourth_box {
    border-top-color: var(--fourth-color);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .fourth_box .box-header {
        background-color: #fff !important;
        color: var(--fourth-color);
        border-color: #fff !important;
    }

    .fourth_box .small-box {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#5e567b),color-stop(1,#9088ad));
        background: -ms-linear-gradient(bottom,#5e567b,#9088ad);
        background: -moz-linear-gradient(center bottom,#5e567b 0%,#9088ad 100%);
        background: -o-linear-gradient(#9088ad,#5e567b);
    }

.blue_box {
    border-top-color: #367fa9;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .blue_box .box-header {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #367fa9;
    }

.yellow_box {
    border-top-color: #da8c10;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .yellow_box .box-header {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #da8c10;
    }

.green_box {
    border-top-color: #009551;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .green_box .box-header {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #009551;
    }

.purple_box {
    border-top-color: #565397;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

    .purple_box .box-header {
        background-color: #fff !important;
        border-color: #fff !important;
        color: #565397;
    }

.green_box .progress {
    margin-bottom: 15px;
}

.report_btn {
    color: #333;
    font-size: 11px;
    cursor: pointer;
}

    .report_btn:hover {
        color: #565e67;
    }

.jtablegrid .report_btn {
    font-size: 13px;
}

.addKapan_btn {
    color: #ff69b4;
}

    .addKapan_btn:hover {
        color: #ec2689;
    }

.form-control {
    padding: 5px 12px;
}

.no_record_row {
    font-size: 32px;
    opacity: 0.25;
    font-family: Verdana Bold;
    letter-spacing: -0.5px;
    color: red;
    text-align: center;
}

.borderLeftNone {
    border-left: none !important;
}

.borderRightNone {
    border-right: none !important;
}

.borderTopNone {
    border-top: none;
}

.borderBottomNone {
    border-bottom: none !important;
}

.verticalAlignTop {
    vertical-align: top !important;
}

.marginLeft0 {
    margin-left: 0 !important;
}

.marginLeft4 {
    margin-left: 4px !important;
}

.marginRight0 {
    margin-right: 0;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginRight17 {
    margin-right: 17px;
}

.marginLeft17 {
    margin-left: 17px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft35 {
    margin-left: 35px;
}

.marginRight35 {
    margin-right: 35px;
}

.verticalAlignMiddle {
    vertical-align: middle !important;
}

.disFlex {
    display: flex;
}

.disFlowRoot {
    display: flow-root;
}

.right0 {
    right: 0;
}

.textRed {
    color: red !important;
}

.textGreen { /*color:#21c721!important;*/
    color: #0db742 !important;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.lineHeight28 {
    line-height: 28px;
}

.lineHeight30 {
    line-height: 30px;
}

.popup_title.lineHeight30 {
    line-height: 30px;
}

body .ui-tooltip {
    font-size: 13px;
    padding: 2px 8px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    -ms-box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
    -o-box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.content-wrapper .tabs-container .tabs-panels .panel .panel-body {
    width: 100% !important;
}

table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting:after {
    opacity: 0.8 !important;
}

.grid_table tbody tr td .action_btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}

    .grid_table tbody tr td .action_btn i {
        margin-top: -4px;
        padding: 0;
        font-size: 11px;
        width: 21px;
        height: 21px;
        line-height: 19px;
        text-align: center;
    }

table tbody tr td button, .grid_table tbody tr td.add_btn button, .ui-grid-row .ui-grid-cell .add_btn button {
    padding: 0 8px !important;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
}

table tr td .selectBtn {
    background-color: #8aa0c7;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
}

    table tr td .selectBtn:hover, table tr td .selectBtn:focus {
        background-color: #6c88b9;
        color: #fff;
    }

table > tbody tr td button i, .grid_table tbody tr td.add_btn button i {
    font-size: 11px;
}

tbody tr.no_data_row {
    text-align: center;
    background-color: #fff;
}

    tbody tr.no_data_row td {
        color: red !important;
        padding: 15px !important;
        font-size: 20px !important;
    }

.ui-grid-row .ui-grid-cell .glyphicon-pencil, .ui-grid-row .ui-grid-cell .glyphicon-remove {
    margin-top: -6px;
    padding: 0;
    font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
}

tr.cchild > td {
    padding: 0 !important;
    padding-left: 45px !important;
}

tr.cchild table {
    margin-bottom: 0;
}

    tr.cchild table thead {
        color: #fff;
    }

.popup_div .employeAddPopup {
    width: 900px;
    height: 530px;
}

.employee_page {
    width: 100%;
    height: 100%;
}

.main_row .form_div {
    float: left;
}

.popup_div .main_row .form_div .detail_div {
    max-height: 410px;
    overflow-y: auto;
}

.main_row .form_div .form-group {
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}

.main_row .form_div label {
    height: 30px;
    width: 140px;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

.main_row .form_div .input_text .gender_name {
    float: left;
}

.main_row .form_div label.gender_label {
    width: auto;
    margin-right: 5px;
    font-size: 12px;
}

.main_row .form_div .input_text .gender_name:first-child {
    margin-right: 8px;
}

.main_row .form_div .input_text .gender_name input {
    margin-top: 8px;
    width: 15px;
    height: 15px;
}

.main_row .form_div label span {
    font-size: 13px;
    font-weight: 600;
    display: block;
    line-height: 15px;
}

    .main_row .form_div label span:last-child {
        color: #666;
        font-size: 12px;
    }

.main_row .form_div .input_text {
    float: left;
    width: calc(100% - 140px);
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
}

.main_row .form_div .department_box {
    width: calc(100% - 190px);
}

.main_row .form_div .ext_label {
    width: 50px;
    line-height: 28px;
    padding-left: 5px;
    font-weight: 700;
    font-size: 22px;
    display: inline-block;
}

.main_row .form_div .checkbox_row label {
    width: 140px;
}

.main_row .form_div .checkbox_row .input_text {
    width: 18px;
    height: 18px;
    margin-top: 7px;
}

.main_row .form_div .field-validation-error, .main_row .form_div .field-validation-valid {
    float: right;
    width: calc(100% - 130px);
}

.main_row .form_div .footer_div {
    width: 100%;
    margin-top: 2px;
    display: inline-block;
}

    .main_row .form_div .footer_div .btn_bar {
        float: right;
        margin-top: 0;
    }

        .main_row .form_div .footer_div .btn_bar .btn_row {
            float: right;
        }

.employee_page .main_row .table_div {
    padding: 0;
}

    .employee_page .main_row .table_div .top_row {
        border-bottom: 3px solid #666;
        display: inline-block;
        width: 100%;
        border-top: 3px solid #666;
    }

.popup_div .employeAddPopup .btn {
    margin: 0 3px;
}

.employee_page .main_row .table_div .top_row span {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    margin: 7px 3px;
    float: left;
}

.employee_page .main_row .table_div .top_row .head_div {
    font-weight: 400;
}

.employee_page .main_row .table_div .top_row .color_div {
    width: 55px;
    height: 21px;
    border: 1px solid #eee;
}

.employee_page .main_row .table_div .top_row .cont_div {
    font-weight: 700;
    color: #000;
}

.employee_page .main_row .table_div .search_bar {
    background-color: var(--light_theme);
    padding: 5px;
    display: inline-block;
    margin: 5px;
    margin-top: 0;
    width: calc(100% - 10px);
    border: 1px solid #aaa;
    position: relative;
    z-index: 1;
    font-size: 12px;
}

    .employee_page .main_row .table_div .search_bar .head_div {
        width: 40px;
        float: left;
        height: 28px;
        line-height: 28px;
        margin-right: 5px;
        font-weight: 600;
    }

    .employee_page .main_row .table_div .search_bar .form-control {
        height: 28px;
        float: left;
        width: calc(100% - 110px);
        margin-right: 5px;
        border-color: #bbb;
    }

    .employee_page .main_row .table_div .search_bar .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 26px;
    }

    .employee_page .main_row .table_div .search_bar .select2-container--default .select2-selection--single {
        height: 28px !important;
        border-color: #bbb !important;
    }

    .employee_page .main_row .table_div .search_bar button {
        height: 28px;
        float: left;
        width: 60px;
        padding: 0;
        border: 1px solid #3b8687;
        line-height: 26px;
    }

        .employee_page .main_row .table_div .search_bar button.iconBtn {
            width: 28px;
        }

.employee_page .main_row .table_div .table_row {
    width: 100%;
    padding: 0 5px;
}

    .employee_page .main_row .table_div .table_row .dataTables_wrapper {
        overflow: auto;
        border: 1px solid #aaa;
    }

        .employee_page .main_row .table_div .table_row .dataTables_wrapper table {
            margin-top: 0 !important;
        }

    .employee_page .main_row .table_div .table_row div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
        background-color: #fff;
    }

.width20 {
    width: 20px;
}

.width40 {
    width: 40px !important;
}

width60 {
    width: 60px !important;
}

.width100 {
    width: 100px;
}

.width120 {
    width: 120px;
}

.width160 {
    width: 160px;
}

.width200 {
    width: 200px;
}

.width150 {
    width: 150px;
}

.width1000 {
    width: 1000px;
}

.heightfull {
    height: 100%;
}

.height20 {
    height: 20px;
}

.height200 {
    height: 200px;
}

.height220 {
    height: 220px;
}

.height230 {
    height: 230px;
}

.height250 {
    height: 250px;
}

.height270 {
    height: 270px;
}

.height300 {
    height: 300px;
}

.height380 {
    height: 380px;
}

.height400 {
    height: 400px;
}

.height420 {
    height: 420px;
}

.height430 {
    height: 430px;
}

.height450 {
    height: 450px;
}

.height470 {
    height: 470px;
}

.height480 {
    height: 480px;
}

.height500 {
    height: 500px;
}

.height550 {
    height: 550px;
}

.height650 {
    height: 650px;
}

.pos_rel {
    position: relative;
}

.overflowHidden {
    overflow: hidden !important;
}

.overflowXhidden {
    overflow-x: hidden !important;
}

.overflowYhidden {
    overflow-y: hidden !important;
}

.overflowYauto {
    overflow-y: auto;
}

.paddingBottom60 {
    padding-bottom: 60px;
}

.paddingTop0 {
    padding-top: 0 !important;
}

.paddingTop5 {
    padding-top: 5px !important;
}

.paddingTop7 {
    padding-top: 7px !important;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop15 {
    padding-top: 15px;
}

.padding_right0 {
    padding-right: 0 !important;
}

.max_height330 {
    max-height: 330px;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.top_tab_head {
    padding: 15px;
    margin-bottom: 15px;
}

.tab_head {
    color: #222;
    font-size: 22px;
    margin: 0;
    line-height: 22px;
    font-family: Verdana Bold;
}

hr.head_border {
    width: 100%;
    float: left;
    margin: 15px 0 10px;
    border-top: 2px solid var(--main-color);
}

.top_section {
    padding: 10px;
    background-color: var(--light_theme);
    border-radius: 2px;
    border: 1px solid #646464;
    width: 100%;
    display: inline-block;
    margin-bottom: 13px;
}

    .top_section .main_head_div {
        font-size: 15px;
        font-weight: 600;
        color: var(--second-color);
        margin-bottom: 10px;
        margin-top: -5px;
    }

    .top_section .main_section {
        width: 100%;
    }

        .top_section .main_section .fild_div {
            float: left;
            margin: 5px 15px;
            width: 29%;
        }

        .top_section .main_section .tap_fild_div {
            width: 100%;
        }

            .top_section .main_section .tap_fild_div .fild_box {
                border: 1px solid #ccc;
                margin: 3px;
                border-radius: 3px;
                padding: 5px;
                display: inline-block;
                float: left;
            }

                .top_section .main_section .tap_fild_div .fild_box .co_fild {
                    float: left;
                    margin: 2px 3px;
                    width: 85px;
                }

                    .top_section .main_section .tap_fild_div .fild_box .co_fild:first-child {
                        margin-left: 0;
                    }

                    .top_section .main_section .tap_fild_div .fild_box .co_fild:last-child {
                        margin-right: 0;
                    }

                .top_section .main_section .tap_fild_div .fild_box input {
                    float: left;
                }

                .top_section .main_section .tap_fild_div .fild_box .head_div {
                    float: left;
                    line-height: 20px;
                    font-weight: 400;
                }

        .top_section .main_section .head_div {
            float: left;
            margin: 0 4px;
            line-height: 30px;
            font-weight: 600;
        }

            .top_section .main_section .head_div label {
                margin-bottom: 0;
                font-weight: 600;
            }

        .top_section .main_section .input_div {
            float: right;
        }

            .top_section .main_section .input_div .form-control {
                height: 30px;
            }

            .top_section .main_section .input_div input[type=checkbox] {
                width: 18px;
                height: 18px;
                margin-top: 5px;
                float: left;
            }

            .top_section .main_section .input_div input[type=file] {
                width: 150px;
                padding: 3px;
                height: 30px;
            }

        .top_section .main_section .btn_div {
            float: left;
            padding-left: 4px;
        }

            .top_section .main_section .btn_div button {
                height: 29px;
            }

.content .mid_section {
    width: 100%;
    overflow: auto;
    margin-bottom: 15px;
}

.bottom_section {
    margin-top: 15px;
}

    .bottom_section table.data_div thead {
        background-color: #eee;
    }

        .bottom_section table.data_div thead tr th, .bottom_section table tbody tr td {
            padding: 5px 20px;
            border: 1px solid #ccc;
        }

    .bottom_section table.data_div tbody {
        background: #fff;
    }

        .bottom_section table.data_div tbody tr td {
            height: 25px;
        }

.btn_bar {
    width: 100%;
    padding: 5px;
    border: 1px solid #646464;
    background-color: #f3f3f3;
    border-radius: 3px;
    margin-top: 25px;
}

    .btn_bar .btn {
        margin: 0 3px;
    }

.bigWidth {
    width: 200%;
}

@media (max-width:1872px) {
    .bigWidth {
        width: 250%;
    }
}

@media (max-width:1555px) {
    .bigWidth {
        width: 300%;
    }
}

@media (max-width:1340px) {
    .bigWidth {
        width: 400%;
    }
}

@media (max-width:1070px) {
    .bigWidth {
        width: 500%;
    }
}

@media (max-width:680px) {
    .bigWidth {
        width: 600%;
    }
}

@media (max-width:572px) {
    .bigWidth {
        width: 700%;
    }
}

@media (max-width:500px) {
    .bigWidth {
        width: 800%;
    }
}

@media (max-width:440px) {
    .bigWidth {
        width: 900%;
    }
}

@media (max-width:360px) {
    .bigWidth {
        width: 1100%;
    }
}

@media (max-width:330px) {
    .bigWidth {
        width: 1200%;
    }
}

.popup_div {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px); /*margin-right:-50%;*/ /*bottom:50%;right:50%;transform:translate(50%,50%);-webkit-transform:translate(50%,50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);*/
    border-radius: 0px;
    overflow: auto;
    box-shadow: 3px 3px 10px rgba(0,0,0,.6);
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.6);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,.6);
    -ms-box-shadow: 3px 3px 10px rgba(0,0,0,.6);
    -o-box-shadow: 3px 3px 10px rgba(0,0,0,.6);
    z-index: 2;
    max-width: 98%;
    max-height: 98%;
    border-top: 1px solid #67756d;
    border-left: 1px solid #fff;
}

.overflowXauto {
    overflow-x: auto;
}

.table_responsive {
    width: max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    min-width: 100%;
}

.width_100 {
    width: 100%;
}

.width100Imp {
    width: 100% !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.marginright5 {
    margin-right: 5px !important;
}

.popup_div #list {
    overflow-x: auto;
}

.popup_div table {
    width: max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    max-width: max-content;
    max-width: -moz-max-content;
    max-width: -ms-max-content;
    max-width: -o-max-content;
    min-width: 100%;
}

.popup_div > div {
    background-image: url(../Assets/images/loader1.gif);
    background-size: 50px;
    min-width: 50px;
    min-height: 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.popup_head { /*background:transparent;*/
    background: #4e595f !important;
    height: 39px;
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.popup_title {
    cursor: move;
    line-height: 29px;
    color: #222;
    font-size: 15.5px;
    text-transform: capitalize;
    -webkit-text-transform: capitalize;
    -moz-text-transform: capitalize;
    -ms-text-transform: capitalize;
    -o-text-transform: capitalize;
}

.popup_div form {
    height: 100%;
    display: inline-block;
}

.popup_div .box_col {
    width: 445px;
    float: left;
}

.popup_div .small_box_col {
    width: 250px;
    float: left;
}

.popup_div .box-body .col_head {
    margin-top: 0;
    color: #000;
    border-bottom: 2px solid var(--main-color);
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 0 10px 15px;
}

.popup_div .small_box_col .form-group label {
    font-size: 12px;
    padding-top: 5px;
}

.popup_div .small_box_col .form-group .form-control {
    height: 28px;
}

.popup_div .box_col .control-label, .popup_div .small_box_col .control-label {
    padding-left: 5px;
    padding-right: 0;
    text-transform: capitalize;
    -wbkit-text-transform: capitalize;
    -moz-text-transform: capitalize;
    -ms-text-transform: capitalize;
    -o-text-transform: capitalize;
}

.popup_div .second_col {
    margin-left: 10px;
    margin-right: -10px;
}

.popup_div .single_col {
    margin-left: 0;
    margin-right: -10px;
}

.popup_div .note_col {
    width: 885px;
    margin-right: 0;
}

.popup_tool_btn {
    top: 7px;
    right: 7px;
    position: absolute;
    z-index: 1;
}

    .popup_tool_btn div {
        display: block;
        float: left;
        cursor: pointer;
        color: #fff;
    }

        .popup_tool_btn div i {
            font-size: 18px;
            line-height: 27px;
        }

            .popup_tool_btn div i:hover {
                color: #ccc;
                transition: all 0.3s ease-in-out;
            }

.popup_body {
    overflow: hidden;
    padding: 15px 5px;
    background: #fff;
    border-radius: 0px;
    border: 2px solid #67756d;
    border-top: none;
}

    .popup_body form {
        display: inline-block;
        width: 100%;
    }

.popup_div .form-group {
    margin-bottom: 6px;
}

    .popup_div .form-group label {
        margin-bottom: 0;
        text-align: left;
        font-size: 12px;
    }

    .popup_div .form-group .form-control {
        font-size: 13px;
        padding: 4px 7px;
        height: 34px !important;
    }

    .popup_div .form-group textarea.textarea {
        font-size: 13px;
        padding: 4px 7px;
        height: 150px;
        width: 100%;
        border-top: 1px solid #999;
    }

    .popup_div .form-group input[type=checkbox] {
        margin-top: 0;
        width: 20px;
        height: 20px;
    }

.popup_div .box-body center button {
    margin: 15px 5px 0;
}

.tablepadding {
    padding: 10px;
}

.popup_div .bottom_btn_bar {
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}

    .popup_div .bottom_btn_bar .btn {
        margin: 0 3px;
        height: 30px;
        line-height: 28px;
        padding: 0 10px;
    }

.modalheader {
    background-color: #758d94;
    color: white;
    padding: 5px 5px 5px 10px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3d4e43),color-stop(1,#e7ebec));
    background: -ms-linear-gradient(bottom,#3d4e43,#e7ebec);
    background: -moz-linear-gradient(center bottom,#3d4e43 0%,#e7ebec 100%);
    background: -o-linear-gradient(#e7ebec,#3d4e43);
}

.select2-container--default .select2-selection--multiple {
    border-color: #b0c0d6;
    border-radius: 2px;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: transparent !important;
        border-color: var(--primary) !important;
        color: var(--primary);
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: var(--primary) !important;
        margin-right: 5px;
        border-right: 0 !important;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #fff !important;
        }

.remain_carats_div {
    margin-bottom: 8px;
    margin-top: 3px;
}

    .remain_carats_div span {
        color: red;
        font-size: 12px;
        float: left;
        line-height: 30px;
    }

        .remain_carats_div span b {
            font-family: Verdana Bold;
        }

        .remain_carats_div span input {
            border: none;
            background: rgba(0,0,0,0) !important;
            color: var(--third-color);
            font-size: 16px !important;
            font-weight: 700;
        }

        .remain_carats_div span:first-child {
            margin-right: 5px;
            color: #222;
            font-size: 12px;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
        }

        .remain_carats_div span:last-child {
            font-weight: 500;
        }

.roughIssue_branch_popup {
    width: 950px;
}

    .roughIssue_branch_popup .form-group {
        margin-bottom: 13px;
    }

    .roughIssue_branch_popup .top_label_div label {
        color: var(--third-color);
        font-size: 13px;
    }

.label_cont {
    height: 30px;
    line-height: 30px;
    font-size: 14px !important;
}

.roughIssue_branch_popup .bottom_btn_bar {
    margin-top: 15px;
}

.roughIssue_branch_popup .sub_head_box {
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    font-family: Verdana Bold;
}

.roughIssue_branch_popup .departmentList_table .selectBtn {
    line-height: 14px;
    padding: 1px 3px;
}

.roughIssue_branch_popup table.dataTable thead > tr > th {
    padding-right: 25px;
}

.z_index0 {
    z-index: 0;
}

.z_index1 {
    z-index: 1;
}

.first_responsive_col .box_div {
    display: inline-block;
    width: 100%;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

    .first_responsive_col .box_div .center_div {
        width: 530px;
        margin: 0 auto;
    }

/*.popup_head::before {
    content: '';
    position: absolute;
    right: 0;
    background: rgba(255,255,255,0.1);
    height: 90px;
    width: 90px;
    border-radius: 36% 0 0 0;
    top: 0;
}

.popup_head::after {
    content: '';
    position: absolute;
    right: 0;
    background: rgba(255,255,255,0.1);
    height: 110px;
    width: 110px;
    border-radius: 36% 0 0 0;
    top: 0;
}*/

.popup_head .form-control {
    height: 28px !important;
    border-color: #fff !important;
    margin-top: 6px;
}

.popup_div .defaultTable table tfoot td {
    border-color: #ddd;
}

@media (max-width:1170px) {
    .roughIssue_branch_popup {
        width: 100%;
    }

    .first_responsive_col {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-top: 0;
    }

    .second_responsive_col {
        float: none;
        width: 100%;
        padding: 0 15px;
    }
}

.branchTransferTable {
    width: 100%;
    overflow: auto;
    margin-bottom: 20px;
    margin-top: 15px;
}

    .branchTransferTable table {
        width: 1815px;
        margin-bottom: 0;
    }

.progressbar h4 {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}

    .progressbar h4.color_blue {
        color: #337ab7;
    }

    .progressbar h4.color_yellow {
        color: #f39c12;
    }

    .progressbar h4.color_purpel {
        color: #605ca8;
    }

.progressbar .box {
    padding: 20px;
}

    .progressbar .box .progress:last-child {
        margin-bottom: 0;
    }

.popup_div .addAssortPopup .box_col {
    width: 980px;
}

@media (max-width:1050px) {
    .popup_div .addAssortPopup .box_col {
        width: 100%;
    }
}

/*==================================== Login Form Strat ====================================*/
/*.loginFormWithBgImage table {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .loginFormWithBgImage table tr td {
        width: 10%;
        height: 20%;
        padding: 0;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #fff !important;
        border-bottom: 1px solid #fff;
    }

.loginFormWithBgImage .login_bg_transparent { 
    background-color: #fff;
    position: relative;
}

.loginFormWithBgImage .loginForm {
    width: 25%;
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 570px;
}

    .loginFormWithBgImage .loginForm .formHead {
        text-align: center;
        font-size: 35px;
        font-family: Geneva;
        margin: 0 0 7rem 7rem;
        color: #032b4c;
        background-color: transparent;
        padding: 20px 15px;
        line-height: 50px;
    }

    .loginFormWithBgImage .loginForm .mainForm {
    }

        .loginFormWithBgImage .loginForm .mainForm .form-group {
            display: inline-block;
            width: 100%;
            margin: 0 0 2px 5rem;
        }

            .loginFormWithBgImage .loginForm .mainForm .form-group label {
                float: left;
                width: 100px;
                margin-bottom: 0;
                line-height: 34px;
                padding-right: 8px;
                box-sizing: border-box;
                font-size: 14px;
                font-family: Verdana;
                color: #000;
            }

            .loginFormWithBgImage .loginForm .mainForm .form-group .input_div {
                float: left;
                width: 270px;
                width: calc(100% - 100px);
            }

                .loginFormWithBgImage .loginForm .mainForm .form-group .input_div input {
                    width: 100%;
                    height: 42px;
                    font-family: Verdana;
                    font-size: 13px;
                    border: none;
                    border-bottom: 2px solid #032b4c;
                    border-radius: 0px;
                    background-color: transparent !important;
                    box-shadow: none !important
                }

                    .loginFormWithBgImage .loginForm .mainForm .form-group .input_div input::placeholder {
                        font-size: 15px;
                    }

        .loginFormWithBgImage .loginForm .mainForm .bottom_btn_bar {
            margin: 5rem 0rem 0rem;
            text-align: center;
        }

            .loginFormWithBgImage .loginForm .mainForm .bottom_btn_bar .btn {
                padding: 5px 12px;
                font-size: 23px;
                color: #032b4c;
                cursor: pointer;
                font-weight: bold;
                background: transparent;
            }

                .loginFormWithBgImage .loginForm .mainForm .bottom_btn_bar .btn:hover, .loginFormWithBgImage .loginForm .mainForm .bottom_btn_bar .btn:focus {
                    background-color: transparent;
                    border: none;
                    outline: none;
                    color: #032b4c;
                    box-shadow: none !important;
                    font-weight: bold;
                    letter-spacing: 5px
                }

        .loginFormWithBgImage .loginForm .mainForm .form-group.bottom_btn_bar img.loader_img {
            margin: 0;
            float: right;
            text-align: center;
            margin-top: 5px;
            margin-right: 20px;
        }


@media(max-width:1280px) {
    .loginFormWithBgImage .loginForm {
        width: 74%;
    }
}

@media(max-width:1199px) {
    .loginFormWithBgImage .loginForm .formHead {
        background-size: 190px 82px;
        background-position: 72px -1px;
    }
}

@media (max-width: 991px) {
    .loginFormWithBgImage .loginForm .formHead {
        background-size: 146px 82px;
        background-position: 46px -1px;
    }

    .loginFormWithBgImage .loginForm .mainForm .form-group .input_div {
        float: left;
        width: 100%;
    }

    .loginFormWithBgImage .loginForm .mainForm .form-group label {
        display: none;
    }

    .loginFormWithBgImage .loginForm .formHead {
        margin: 50px 0px 36px;
    }

    .loginFormWithBgImage .loginForm .mainForm .bottom_btn_bar {
        margin-top: 5px;
        text-align: center;
    }
}

@media (max-width: 767px) { 
    .loginFormWithBgImage .loginForm .formHead {
        background-size: 146px 82px;
        background-position: 0px -1px;
    }
}*/
/*===================================== Login Form End =====================================*/

.roughPurchase_layout, .roughIssue_layout, .priceCalc_layout, .cleaving_layout, .rejection_layout, .preSale_layout, .roughPreAssortment_layout {
    position: relative;
}

    .roughPurchase_layout .tabs-container, .roughIssue_layout .tabs-container, .priceCalc_layout .tabs-container, .cleaving_layout .tabs-container, .rejection_layout .tabs-container, .preSale_layout .tabs-container, .roughPreAssortment_layout .tabs-container {
        position: absolute;
        height: calc(100% - 1px) !important;
        width: 100% !important;
    }

        .roughPurchase_layout .tabs-container .tabs-panels, .roughIssue_layout .tabs-container .tabs-panels, .priceCalc_layout .tabs-container .tabs-panels, .cleaving_layout .tabs-container .tabs-panels, .rejection_layout .tabs-container .tabs-panels, .preSale_layout .tabs-container .tabs-panels, .roughPreAssortment_layout .tabs-container .tabs-panels {
            height: calc(100% - 70px) !important;
            overflow-x: auto;
            border: none;
            border-radius: 0;
        }

            .roughPurchase_layout .tabs-container .tabs-panels .panel, .roughIssue_layout .tabs-container .tabs-panels .panel, .priceCalc_layout .tabs-container .tabs-panels .panel, .cleaving_layout .tabs-container .tabs-panels .panel, .rejection_layout .tabs-container .tabs-panels .panel, .preSale_layout .tabs-container .tabs-panels .panel, .roughPreAssortment_layout .tabs-container .tabs-panels .panel {
                height: 100%;
                margin-bottom: 0;
                border: none;
                border-radius: 0;
            }

                .roughPurchase_layout .tabs-container .tabs-panels .panel .panel-body, .roughIssue_layout .tabs-container .tabs-panels .panel .panel-body, .priceCalc_layout .tabs-container .tabs-panels .panel .panel-body, .cleaving_layout .tabs-container .tabs-panels .panel .panel-body, .rejection_layout .tabs-container .tabs-panels .panel .panel-body, .preSale_layout .tabs-container .tabs-panels .panel .panel-body, .roughPreAssortment_layout .tabs-container .tabs-panels .panel .panel-body {
                    height: 100% !important;
                }

                    .roughPurchase_layout .tabs-container .tabs-panels .panel .panel-body iframe, .roughIssue_layout .tabs-container .tabs-panels .panel .panel-body iframe, .priceCalc_layout .tabs-container .tabs-panels .panel .panel-body iframe, .cleaving_layout .tabs-container .tabs-panels .panel .panel-body iframe, .rejection_layout .tabs-container .tabs-panels .panel .panel-body iframe, .preSale_layout .tabs-container .tabs-panels .panel .panel-body iframe, .roughPreAssortment_layout .tabs-container .tabs-panels .panel .panel-body iframe {
                        height: 100% !important;
                        padding-bottom: 0px;
                    }

                    .roughPurchase_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div, .roughIssue_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div, .priceCalc_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div, .cleaving_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div, .rejection_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div, .preSale_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div, .roughPreAssortment_layout .tabs-container .tabs-panels .panel .panel-body .dashboard_page_div {
                        height: 100%;
                        overflow: auto;
                        padding-bottom: 0;
                    }

.save_seccuss_box {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 5px;
    border: 1px solid green;
    padding: 6px 25px;
    display: none;
}

    .save_seccuss_box .text_div {
        color: green;
        font-weight: 600;
        font-size: 22px;
    }

.delete_succuss_box, .delete_succuss_box1 {
    background-color: transparent;
    border-radius: 0px;
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 45rem;
    border: none;
    padding: 6px 25px;
}

    .delete_succuss_box .text_div, .delete_succuss_box1 .text_div {
        color: red;
        font-weight: 600;
        font-size: 19px;
    }

.errormsg {
    height: 20px;
    margin-top: 7px;
    text-align: left;
    color: red;
    clear: both;
}

.height10 {
    height: 10px;
}

.height-20 {
    height: calc(100% - 20px);
}

.height100 {
    height: 100% !important;
}

.maxHeight100 {
    max-height: 100%;
    height: auto;
}

.height-70 {
    height: calc(100% - 70px);
}

.height-75 {
    height: calc(100% - 75px);
}

.maxHeight-75 {
    max-height: calc(100% - 75px);
    height: auto;
}

.height-80 {
    height: calc(100% - 80px);
}

.maxHeight-80 {
    max-height: calc(100% - 80px) !important;
    height: inherit;
    min-height: auto;
}

.height-85 {
    height: calc(100% - 85px);
}

.maxHeight-85 {
    max-height: calc(100% - 85px);
    height: 100%;
    min-height: auto;
}

.height-90 {
    height: calc(100% - 90px);
}

.maxHeight-90 {
    max-height: calc(100% - 90px);
    height: auto;
}

.height-95 {
    height: calc(100% - 95px);
}

.maxHeight-95 {
    max-height: calc(100% - 95px);
    height: auto;
}

.height-100 {
    height: calc(100% - 100px);
}

.maxHeight-100 {
    height: calc(100% - 100px);
    height: auto;
}

.height-110 {
    height: calc(100% - 110px);
}

.maxHeight-110 {
    max-height: calc(100% - 110px);
    height: auto;
}

.height-120 {
    height: calc(100% - 120px);
}

.maxHeight-120 {
    max-height: calc(100% - 120px);
    height: auto;
}

.height-130 {
    height: calc(100% - 130px);
}

.maxHeight-130 {
    max-height: calc(100% - 130px);
    height: auto;
}

.height-140 {
    height: calc(100% - 140px);
}

.maxHeight-140 {
    max-height: calc(100% - 140px);
    height: auto;
}

.height100add10 {
    height: calc(100% + 10px);
}

.height100add20 {
    height: calc(100% + 20px);
}

.height-145 {
    height: calc(100% - 145px);
}

.maxHeight-145 {
    max-height: calc(100% - 145px);
    height: auto;
}

.height-150 {
    height: calc(100% - 150px);
}

.maxHeight-150 {
    max-height: calc(100% - 150px);
    height: auto;
}

.height-155 {
    height: calc(100% - 155px);
}

.maxHeight-155 {
    max-height: calc(100% - 155px);
    height: auto;
}

.height-160 {
    height: calc(100% - 160px);
}

.maxHeight-160 {
    max-height: calc(100% - 160px);
    height: auto;
}

.height-170 {
    height: calc(100% - 170px);
}

.maxHeight-170 {
    max-height: calc(100% - 170px);
    height: auto;
}

.height-180 {
    height: calc(100% - 180px);
}

.maxHeight-180 {
    max-height: calc(100% - 180px);
    height: auto;
}

.margintop10 {
    margin-top: 10px !important;
}

.margintop15 {
    margin-top: 15px;
}

.margintop5 {
    margin-top: 5px;
}

.marginbottom10 {
    margin-bottom: 10px !important;
}

.marginbottom15 {
    margin-bottom: 15px !important;
}

.marginbottom5 {
    margin-bottom: 5px !important;
}

.padding_right10 {
    padding-right: 10px !important;
}

.padding_right13 {
    padding-right: 13px !important;
}

.padding_right5 {
    padding-right: 5px;
}

.padding_left5 {
    padding-left: 5px;
}

.dataTables_filter {
    margin-top: 5px;
    float: right;
}

    .dataTables_filter .input-sm, .jtableserchtextright .search_bar input {
        margin-left: 5px;
        height: 34px;
        width: 350px;
        border: 1px solid #ccc;
    }

    .dataTables_filter button, .jtableserchtextright .search_bar button {
        width: 35px;
        height: 34px;
        padding: 0;
        float: right;
        background-color: var(--light_theme);
        border: 1px solid #ccc;
        border-left: none;
    }

.ui-widget-overlay {
    position: relative;
}

.jtablegrid {
    margin-top: 10px;
}

.jtable-input-field-container {
    width: 50%;
    float: left;
}

    .jtable-input-field-container select {
        width: 70%;
        height: 25px;
    }

html {
    height: 100%;
}

.jtablegrid {
    height: 100%;
    margin-top: 0;
}

.jtable-no-data-row td, .dataTables_empty {
    color: red !important;
    padding: 15px !important;
    font-size: 20px !important;
    text-align: center !important;
    background-color: #fff;
    font-weight: normal !important;
}

div.jtable-main-container {
    height: 100%;
    overflow-x: auto;
    position: unset !important;
}

div.jtable-busy-message {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    padding: 0;
}

.jtableaddbtnleft {
    float: left;
}

.jtableserchtextright {
    float: right;
}

    .jtableserchtextright .search_bar {
        float: right;
    }

.jtable-busy-panel-background {
    height: 100% !important;
    background-color: rgba(0,0,0,0) !important;
    opacity: 1 !important;
    top: 0;
    left: 0;
    bottom: 0 !important;
    width: 100% !important;
}

div.jtable-main-container > div.jtable-title {
    padding-left: 0;
}

div.jtable-main-container > div.jtable-title {
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
}

    div.jtable-main-container > div.jtable-title div.jtable-title-text {
        color: #3e8fbe;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        text-decoration: underline;
    }

    div.jtable-main-container > div.jtable-title div.jtable-toolbar {
        left: 0;
        right: auto;
    }

        div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
            padding: 7px 12px;
            font-weight: 600;
            border-radius: 4px;
            background-color: #3e8fbe;
        }

div.orignal_purchaselist_page .jtable-main-container > table.jtable > thead th {
    background-color: rgba(0,0,0,0);
    color: #fff;
    padding-bottom: 7px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #f4f4f4;
}

div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
    background-image: none !important;
}

    div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container:after {
        content: "\e150";
        display: block;
        float: right;
        margin-left: 7px;
        font-family: 'Glyphicons Halflings';
        opacity: .8;
        display: none;
    }

div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
    height: auto !important;
    margin-left: 0 !important;
    padding-right: 0;
}

    div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
        margin-top: 0 !important;
        float: left;
    }

div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
    position: relative;
}

    div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td .action_btn {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
    }

        div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td .action_btn a {
            margin: 0 3px;
        }

        div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td .action_btn i {
            margin-top: -4px;
            padding: 0;
            font-size: 11px;
            width: 21px;
            height: 21px;
            line-height: 19px;
            text-align: center;
        }

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last {
    color: #fff;
    background-color: #167ab5;
    padding: 5px 10px;
    border-radius: 4px;
}

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
        background-color: #428fbd;
    }

div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page, div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
    padding: 0;
}

    div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page select, div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change select {
        padding: 2px 5px;
        height: 28px;
    }

div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
    display: none;
}

.popup_div .form-group textarea.form-control {
    height: 62px;
}

div.jtable-main-container > table.jtable tfoot tr td:first-child {
    text-align: center;
}

div.jtable-main-container table.jtable tfoot th {
    padding: 4px 3px 4px 6px;
    border-left: 1px solid #fff;
    border-right: 1px solid #C8C8C8;
}

    div.jtable-main-container table.jtable tfoot th:first-child {
        border-left: none;
    }

.ui-draggable .ui-dialog-titlebar {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#60b1e0),color-stop(1,#3c8dbc));
    background: -ms-linear-gradient(bottom,#60b1e0,#3c8dbc);
    background: -moz-linear-gradient(center bottom,#60b1e0 0%,#3c8dbc 100%);
    background: -o-linear-gradient(#3c8dbc,#60b1e0);
    padding: 5px !important;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.ui-dialog {
    border-color: #3e8fbe !important;
    border-radius: 5px;
}

.ui-dialog-buttonpane {
    border-color: #3e8fbe !important;
}

.ui-dialog .ui-dialog-content {
    padding: 7px 10px;
}

form.jtable-dialog-form div.jtable-input-field-container {
    width: 360px;
    padding: 0 15px;
    border-bottom: none;
    margin-bottom: 7px;
}

form.jtable-dialog-form div.jtable-input-label {
    width: 33.34%;
    float: left;
    padding: 0 15px 0 0;
    padding-top: 7px;
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

form.jtable-dialog-form div.jtable-text-input, form.jtable-dialog-form div.jtable-date-input, form.jtable-dialog-form div.jtable-input {
    width: 66.66%;
    float: left;
}

.ui-widget input, .jtable-input-field-container select {
    font-size: 13px;
    padding: 4px 7px;
    width: 100%;
    height: 30px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0 20px;
    border-top: none;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border-radius: 3px;
    padding: 6px 12px;
    line-height: 20px;
    font-size: 14px;
}

    .ui-state-default, .ui-widget-content .ui-state-default span {
        padding: 0;
    }

.ui-dialog .ui-dialog-buttonpane button {
    background-color: #00a65a;
    color: #fff;
    border-color: #00a65a;
}

.ui-widget-content .ui-state-default:first-child {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
    border-width: 1px;
}

div.jtable-busy-message {
    background-image: url(../Assets/images/loader1.gif) !important;
    background-size: contain !important;
    background-color: rgba(0,0,0,0) !important;
    width: 60px;
    height: 60px;
    background-position: 50% !important;
    border: none !important;
    padding: 0 !important;
}

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last {
    color: #fff !important;
    background-color: var(--main-color) !important;
    padding: 5px 10px !important;
    border-radius: 4px;
}

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
    color: #7f959b !important;
    background-color: #fff !important;
    padding: 4px 9px !important;
    border-radius: 4px;
    border: 1px solid;
    margin: 2px !important;
}

div.jtable-main-container > div.jtable-bottom-panel {
    position: absolute !important;
    padding: 0px 15px;
    width: 100%;
    left: 0;
    background-color: #fff !important;
    border: none !important;
    color: #000 !important;
    margin-top: 15px;
    font-family: Verdana Bold;
    font-size: 14px !important;
}

    div.jtable-main-container > div.jtable-bottom-panel .jtable-right-area {
        right: 15px !important;
    }

    div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
        line-height: 33px;
        padding: 0 !important;
    }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
        margin-right: 15px !important;
    }

    div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change {
        margin-left: 20px !important;
    }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {
        opacity: 0.4 !important;
    }

div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
    display: inline-block;
    width: 100%;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
    color: #3d4e43 !important;
    opacity: 1 !important;
    border-color: #5c5c5c;
    background-color: #fff;
}

.ui-dialog .ui-dialog-buttonpane button {
    background-color: #00a65a;
    color: #fff;
    border-color: #00a65a;
}

.side_form_page.box_div {
    padding: 15px;
    border-radius: 6px;
    background-color: #f1f1f1;
    margin-bottom: 25px;
    border: 1px solid #e4e4e4;
}

.side_form_page table {
    border: 1px solid #ddd;
}

    .side_form_page table thead tr th {
        border-bottom-width: 0;
    }

    .side_form_page table tbody tr td {
        border-color: #dfdfdf;
    }

.side_form .control-label {
    text-align: left;
}

.side_form .form-group:last-child {
    margin-bottom: 0;
}

.side_form .bottom_btn_bar {
    float: right;
    padding: 0 15px;
}

.side_form_page .box_div, .box_form_page .box_div {
    padding: 0 15px 15px;
    border-radius: 0 0 6px 6px;
    border: 1px solid #888;
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    background-color: #fff;
}

.box_div .box_head {
    height: 40px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3d4e43),color-stop(1,#e7ebec));
    background: -ms-linear-gradient(bottom,#3d4e43,#e7ebec);
    background: -moz-linear-gradient(center bottom,#3d4e43 0%,#e7ebec 100%);
    background: -o-linear-gradient(#e7ebec,#3d4e43);
    color: #fff;
    margin-bottom: 15px;
    font-family: Verdana Bold;
    line-height: 38px;
    padding: 0 15px;
    font-size: 15px;
}

.side_form_page table {
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
}

.context-menu-root {
    display: none !important;
}

.top_btn_serch .search_bar input {
    height: 34px;
    width: 350px;
    border: 1px solid #ccc;
}

.top_btn_serch .search_bar button {
    width: 35px;
    height: 34px;
    padding: 0;
    float: right;
}

div#loading {
    width: 60px;
    height: 60px;
    display: none;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

    div#loading img {
        max-width: 100%;
    }

.norecordfound {
    color: red !important;
    padding: 15px !important;
    font-size: 20px !important;
}

.roughIssue_branch_popup .departmentList_table {
    overflow-x: auto;
    border: 1px solid #ddd;
}

button.btn, input.btn {
    font-family: Verdana Bold;
}

    button.btn:focus, input.btn:focus {
        border: 1px solid var(--primary);
        color: var(--primary);
    }

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 0;
}

.pagination > li {
    font-family: Verdana Bold;
    font-size: 13px !important;
}

    .pagination > li > a {
        margin: 2px;
        border-radius: 5px;
    }

    .pagination > li:last-child > a {
        margin-right: 0;
    }

.green_btn {
    border-color: #026324;
    background: #0b7731;
    color: #fff;
}

.popup_div .form-group .ui-autocomplete-input {
    background-color: transparent !important;
    z-index: 1;
    position: relative;
}

.popup_div .form-group i.dropdown_arrow {
    position: absolute;
    top: 15px;
    margin-top: -7.5px;
    right: 7px;
    cursor: pointer;
    z-index: 0;
}

.popup_div .form-group .with_add_btn i.dropdown_arrow {
    right: 40px;
}

.sidebar-menu .treeview-menu {
    padding-left: 0;
}

.sidebar-collapse .sidebar-menu .treeview-menu {
    padding-left: 5px;
}

div.dataTables_info {
    font-family: Verdana Bold;
    font-size: 14px !important;
    padding-top: 0 !important;
    line-height: 30px;
}

.main-header h3.heading_div {
    float: left;
    margin: 0;
    height: 50px;
    top: 3rem;
    position: relative;
    left: 53%;
    line-height: 50px;
    color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
    -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,1);
    -moz-text-shadow: 1px 1px 2px rgba(0,0,0,1);
    -ms-text-shadow: 1px 1px 2px rgba(0,0,0,1);
    -o-text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.skin-blue .main-header li.user-header, .skin-blue-light .main-header li.user-header {
    background-color: var(--main-color);
    height: auto !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    float: none;
    margin-right: 0;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn {
        font-family: Verdana Bold;
        font-size: 11px;
    }

.skin-blue .main-header .navbar .nav > li > a span, .skin-blue-light .main-header .navbar .nav > li > a span {
    text-transform: capitalize;
    -webkit-text-transform: capitalize;
    -moz-text-transform: capitalize;
    -ms-text-transform: capitalize;
    -o-text-transform: capitalize;
    font-family: Verdana Bold;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > h4 {
    z-index: 5;
    color: #fff;
    text-transform: capitalize;
    -webkit-text-transform: capitalize;
    -moz-text-transform: capitalize;
    -ms-text-transform: capitalize;
    -o-text-transform: capitalize;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 0;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    font-size: 13px;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 0;
}

.error {
    color: red !important;
}

table tbody tr td a.filter-rough, a.filter-rough {
    float: right;
    margin-left: 5px;
}

a.filter-rough {
    font-size: 70%; /*display:block;top:-90%;position:relative*/
}

.gridColLeftIconPart {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: center;
    font-size: 14px;
    line-height: 18px;
}

.gridColRightSidePart {
    width: calc(100% - 23px);
    float: left;
}

.lightTheme .clsonhand .gridColLeftIconPart {
    background-image: url(../Assets/images/onHand.png);
}

.lightTheme .clsissue .gridColLeftIconPart {
    background-image: url(../Assets/images/clvIssue.png);
}

.lightTheme .clsreturn .gridColLeftIconPart {
    background-image: url(../Assets/images/clvReturn.png);
}

.lightTheme .clsgrdissue .gridColLeftIconPart {
    background-image: url(../Assets/images/gradIssue.png);
}

.lightTheme .clsgrdreturn .gridColLeftIconPart {
    background-image: url(../Assets/images/gradReturn.png);
}

.lightTheme .clsmfgissue .gridColLeftIconPart {
    background-image: url(../Assets/images/mfgIssue.png);
}

.lightTheme .clsmfgreturn .gridColLeftIconPart {
    background-image: url(../Assets/images/mfgReturn.png);
}

.lightTheme .clsout .gridColLeftIconPart {
    background-image: url(../Assets/images/outHand.png);
}

.lightTheme .clsphotogia .gridColLeftIconPart {
    background-image: url(../Assets/images/gia.png);
}

.lightTheme .clsphotoMumbaiAvg .gridColLeftIconPart {
    background-image: url(../Assets/images/mumbaiAvg.png);
}

.lightTheme .clsphotoSuratAvg .gridColLeftIconPart {
    background-image: url(../Assets/images/suratAvg.png);
}
/*.lightTheme .clsphotoPadatar .gridColLeftIconPart{background-image:url(../Assets/images/padtar.png)}*/
.lightTheme .clssell .gridColLeftIconPart:before {
    content: "\f02b";
    font-family: FontAwesome;
    color: #149aa9;
}

.lightTheme .clsmixkapan .gridColLeftIconPart:before {
    content: "\f101";
    font-family: FontAwesome;
    color: #ea1f9f;
}

.lightTheme .clsonhand {
    background: transparent;
    color: #FF0000;
    padding: 1px 0; /*border:1px solid #f95647;border-left-width:4px;border-right-width:4px*/
}

.clsonhand .link_btnvisible:hover {
    color: #FF0000;
}
/*.lightTheme .clsbrissue{background:transparent;border:1px solid #ff99c3;border-left-width:4px;border-right-width:4px}*/
.lightTheme .clsissue {
    background: transparent;
    color: #FF9900;
    padding: 1px 0; /*border:1px solid #b383ff;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #FF9900;
}

.lightTheme .clsreturn {
    background: transparent;
    color: #2e44dc;
    padding: 1px 0; /*border:1px solid #516ae6;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #2e44dc;
}

.lightTheme .clsgrdissue {
    background: transparent;
    color: #2e44dc;
    padding: 1px 0; /*border:1px solid #6fc9d2;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #2e44dc;
}

.lightTheme .clsgrdreturn {
    background: transparent;
    color: #663300;
    padding: 1px 0; /*border:1px solid #a7e07e;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #663300;
}

.lightTheme .clsmfgissue {
    background: transparent;
    color: #663300;
    padding: 1px 0; /*border:1px solid #ffe92d;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #663300;
}

.lightTheme .clsmfgreturn {
    background: transparent; /*color:#76b502;*/
    color: #05ad3a;
    padding: 1px 0; /*border:1px solid #d29292;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #336600;
}

.lightTheme .clsout {
    background: transparent;
    color: #333;
    padding: 1px 0; /*border:1px solid #ff9800;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #9f9f9f;
}

.lightTheme .clssell {
    background: transparent;
    color: #149aa9;
    padding: 1px 0; /*border:1px solid #2bab0b;border-left-width:4px;color:#000;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #149aa9;
}

.lightTheme .clsmixkapan {
    background: transparent;
    color: #ea1f9f; /*border:1px solid #ea1f9f;border-left-width:4px;border-right-width:4px*/
}

.clsissue .link_btnvisible:hover {
    color: #ea1f9f;
}
/*.lightTheme .clsphotogia{background:transparent;color:#6112c5}*/
/*.lightTheme .clsphotogia{background:transparent;color:#519dd8}
.lightTheme .clsphotogia:hover{color:#519dd8}*/
/*.lightTheme .clsphotoPadatar{background:transparent;color:#b842d5}
.lightTheme .clsphotoPadatar:hover{color:#b842d5}*/
/*.lightTheme .clsphotoMumbaiAvg{background:transparent;color:#000}
.lightTheme .clsphotoMumbaiAvg:hover{color:#000}*/
.lightTheme .clsSuratAvg {
    background: transparent; /*color:#21c721;*/
    color: #0db742;
    font-family: Verdana Bold;
}

    .lightTheme .clsSuratAvg:hover {
        color: #21c721;
    }

.lightTheme .issueDepIcon {
    width: 100%;
}

.lightTheme .issueDelivered {
    background-image: url(../Assets/images/delivered.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
}

.lightTheme .issueHold {
    background-image: url(../Assets/images/hold.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
}

/*.nocompareRow{background-color:#f3e3e3!important}*/

.asthaRow .highlightedCell, .asthaRow .displayBox { /*background-color:#f3e3e3!important;*/
    background-color: #d5d7f1;
}

.nocompareRow .highlightedCell, .noCompareBox .displayBox { /*background-color:#f3e3e3!important;*/
    background-color: #eccece;
}

.nobranchcompareRow .highlightedCell, .nobranchCompareBox .displayBox { /*background-color:#f3e3e3!important;*/
    background-color: #d3ebff;
}

/* Added by Daksha on 26/04/2024 */
.mainKapanCompleteBox .displayBox {
    background-color: #e6e6ff;
}
/* End as Daksha */

/*.sampleRow,.ui-grid-canvas .ui-grid-row .sampleRow,.ui-grid-canvas .ui-grid-row .sempleRow{background-color:#dfece6!important}*/
.sampleRow .highlightedCell, .ui-grid-canvas .ui-grid-row .sampleRow, .ui-grid-canvas .ui-grid-row .sempleRow, .sampleBox .displayBox { /*background-color:#dfece6!important;*/
    background-color: #c2e6d6;
}

    .ui-grid-canvas .ui-grid-row .sampleRow .ui-grid-cell, .ui-grid-canvas .ui-grid-row .sempleRow .ui-grid-cell {
        background-color: transparent;
    }

.urgentRow, .ui-grid-canvas .ui-grid-row .urgentRow {
    background-color: #ffeaea;
}

    .ui-grid-canvas .ui-grid-row .urgentRow .ui-grid-cell {
        background-color: transparent;
    }

.masterBookList div.jtable-main-container {
    overflow-y: visible;
    margin-top: -100px;
    padding-top: 100px;
    background-color: transparent;
}

.popup_div .dataTables_filter {
    margin-top: 0;
    width: 410px;
    text-align: right;
}

    .popup_div .dataTables_filter label {
        margin-bottom: 5px;
        font-size: 12px;
    }

.popup_div table > tbody > tr > td:last-child, .table-striped > tbody > tr > td:last-child {
}

.navbar-nav .dropdown-menu {
    border-color: #fff;
}

.navbar-nav li a.user_img_div {
    float: left;
    padding: 14px 0 13px 15px;
}

.navbar-nav li a.user_photo, .navbar-nav li a.user_name_div {
    float: left;
    padding: 14px 15px 13px;
}

.navbar-nav li.user_list .dropdown-menu {
    width: auto;
    padding: 0;
}

.navbar-nav li.user_list .user_name_div span {
    padding: 6px 15px;
    border: 1px solid #000;
    color: #000;
    border-radius: 3px;
    cursor: pointer;
}

    .navbar-nav li.user_list .user_name_div span:hover {
        background-color: #000;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

.navbar-nav li.user_list .dropdown-menu li a {
    cursor: pointer;
    font-family: Verdana Bold;
    font-size: 12px;
    color: #333;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}

.navbar-nav li.user_list .dropdown-menu li:last-child a {
    border-bottom: none;
}

.main-header .logo .logo-mini {
    text-align: center;
}

.main-header .logo .logo-lg {
    font-family: Verdana Bold;
}

.main-header .sidebar-toggle {
    font-size: 17px;
    line-height: 20px;
}

    .main-header .sidebar-toggle:before {
        display: none;
    }

.tabs li.tabs-selected a.tabs-close:hover {
    opacity: 1 !important;
    background: url(../images/tabclose.png) no-repeat 2px 2px !important;
}

.content-wrapper, .main-footer {
    border-left: 1px solid #cecece !important;
}

.main-footer {
    position: relative;
}

    .main-footer .clock {
        position: absolute;
        top: 0;
        right: 0;
        width: 180px;
        height: 50px;
        text-align: center;
        background-image: linear-gradient(top left, #FFF 0%, #d6d6d6 50%, #717171 100%);
        background-image: -webkit-linear-gradient(top left, #FFF 0%, #d6d6d6 50%, #717171 100%);
        background-image: -moz-linear-gradient(top left, #FFF 0%, #d6d6d6 50%, #717171 100%);
        background-image: -ms-linear-gradient(top left, #FFF 0%, #d6d6d6 50%, #717171 100%);
        background-image: -o-linear-gradient(top left, #FFF 0%, #d6d6d6 50%, #717171 100%);
    }

        .main-footer .clock div {
            display: inline-block;
            height: 100%;
            text-align: center;
        }

            .main-footer .clock div.seconds {
                width: 30px;
                margin-right: 5px;
            }

            .main-footer .clock div p {
                margin-bottom: 0;
                line-height: 50px;
                height: 100%;
                font-size: 23px;
                font-family: Verdana Bold;
            }

.dashboard_page_div .small-box > .small-box-footer {
    cursor: pointer;
}

.dashboard_search_bar .form-group {
    width: 220px;
    float: left;
    margin: 0;
    padding-left: 0;
    margin-bottom: 15px;
}

    .dashboard_search_bar .form-group.search_bar {
        width: 200px;
    }

    .dashboard_search_bar .form-group .control-label {
        float: left;
        margin-bottom: 0;
        line-height: 34px;
        margin-right: 10px;
        padding: 0;
    }

    .dashboard_search_bar .form-group .input-group {
    }

.dashboard_search_bar .search_bar .input-group {
    width: 120px;
    width: calc(100% - 65px);
}

.dashboard_search_bar .form-group .text_input_box {
    float: left;
}

.dashboard_search_bar .form-group.search_btn {
    width: 55px;
}

.dashboard_page_div .box-header {
    padding: 10px 10px 0;
}

.chart-responsive {
    height: 228px !important;
}

    .chart-responsive canvas {
        width: 100% !important;
        height: 100% !important;
    }

.branchTransferBtn_bar {
    margin-top: 40px;
}

#list table.dataTable {
    margin: 0 !important;
    margin-bottom: 15px;
}

#list .dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

.dataTables_scroll .dataTables_scrollHead .table > thead:first-child > tr:first-child > th {
    border-bottom: 0;
}

#list .dataTables_scroll .dataTables_scrollBody table {
    margin-bottom: 0 !important;
}

.userMasterPage #list .dataTables_wrapper .row:nth-child(2) .col-sm-12 table {
    width: inherit !important;
    min-width: 100%;
    margin: 0 !important;
    border-left: none;
    border-right: none;
}

.userMasterPage #list .dataTables_wrapper .row:nth-child(2) .col-sm-12 .dataTables_scrollHead table {
    width: auto !important;
}

.userMasterPage table th, .userMasterPage td {
    min-width: 152px;
}

.multySearch .otherSearchOption {
    position: absolute;
    right: 400px;
    z-index: 1;
}

    .multySearch .otherSearchOption .rightSearchBarWithTowTextBox {
        width: 320px;
    }

.rightSearchBar {
    width: 450px;
    float: right;
    padding: 0;
    margin-bottom: 10px;
}

.rightSearchBarWithTowTextBox {
    width: 600px;
}

    .rightSearchBarWithTowTextBox .smallTextBox {
        float: left;
        margin-right: 10px;
        width: 150px;
    }

.rightSearchBar .searchBarDiv {
    width: 380px;
    margin-right: 10px;
}

.departmentList .rightSearchBarWithTowTextBox {
    width: 920px;
}

.processList .rightSearchBarWithTowTextBox {
    width: 760px;
}

.date_search_table .navBtn {
    float: left;
}

    .date_search_table .navBtn .btn, .date_search_table .navBtn .btn:focus {
        color: #ccc;
        border-color: #c6c6c6 !important;
        margin: 0 5px;
        background: transparent !important;
        outline: none;
        cursor: default;
    }

        .date_search_table .navBtn .btn:hover {
            background: transparent;
        }

        .date_search_table .navBtn .btn:focus {
            margin-top: 1px;
        }

        .date_search_table .navBtn .btn:active {
            box-shadow: none;
        }

        .date_search_table .navBtn .btn.navActive {
            cursor: pointer;
        }

            .date_search_table .navBtn .btn.navActive, .date_search_table .navBtn .btn.navActive:focus {
                color: #333;
                border-color: #444 !important;
                border-width: 2px;
                background: transparent !important;
                outline: none !important;
                line-height: 27px !important;
            }

                .date_search_table .navBtn .btn.navActive:hover {
                    background-color: #333 !important;
                    transition: all 0.3s ease-in-out;
                    border-color: #333;
                    color: #fff !important;
                }

.date_search_table {
    margin-left: -5px;
    margin-right: -5px;
}

    .date_search_table .form-group {
        width: 165px;
        margin-bottom: 4px;
        font-size: 13px;
    }

        .date_search_table .form-group:nth-child(2) {
            width: 145px;
        }

        .date_search_table .form-group .btn {
            font-size: 14px;
        }

        .date_search_table .form-group.columnPart {
            width: 160px;
        }

.roughpurchase_page_search.date_search_table .form-group.search_bar {
    width: 400px;
}

.roughpurchase_page_search.date_search_table .search_bar .input-group {
    width: 490px;
    width: calc(100% - 50px);
}

    .roughpurchase_page_search.date_search_table .search_bar .input-group .ui-autocomplete-input, .date_search_table .search_bar .input-group .ui-autocomplete-input {
        padding-right: 35px;
    }

.date_search_table .form-group.search_bar {
    max-width: 625px;
    width: 620px;
    width: calc(100% - 505px);
    margin-right: -5px;
}

.date_search_table label {
    float: left;
    margin-bottom: 0;
    line-height: 30px;
    margin-right: 5px;
}

.date_search_table .search_bar .input-group {
    width: 414px;
    width: calc(100% - 196px);
}

    .date_search_table .search_bar .input-group.search_drop_down {
        width: 140px;
        margin-left: 10px;
        height: 34px;
    }

.date_search_table .search_bar .btn {
    padding: 6px 10px;
}

.date_search_table .multiselect-container > li > a {
    display: flow-root;
}

    .date_search_table .multiselect-container > li > a label {
        line-height: 20px;
        width: 100%;
    }

.date_search_table .form-group .form-control {
    z-index: 0;
    padding: 5px;
    line-height: 24px;
    font-size: 11px;
}

.date_search_table .form-group .input-group .input-group-addon {
    padding: 1px 8px !important;
}

.ui-autocomplete li {
    font-size: 12px;
}

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

@media(max-width:1280px) {
    .date_search_table .form-group.search_bar {
        width: calc(100% - 478px);
    }
}

@media(max-width:1199px) {
    .roughpurchase_page_search.date_search_table .form-group.search_bar {
        width: 340px;
    }
}

.dataTables_filter label {
    margin-bottom: 10px;
}

#list .dataTables_wrapper .row {
    margin: 0;
}

    #list .dataTables_wrapper .row .col-sm-5 {
        padding-left: 0;
    }

    #list .dataTables_wrapper .row .col-sm-7 {
        padding-right: 0;
    }

.dataTables_paginate ul.pagination {
    float: right;
    margin: 5px 0 0;
}

#list .dataTables_wrapper .row:first-child .col-sm-6 {
    padding-right: 0;
}

#list .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
    padding: 0;
    overflow-x: auto;
}

.popup_div #list .dataTables_wrapper .row:nth-child(2) .col-sm-12 table {
    width: inherit !important;
    min-width: 100%;
    margin: 0 !important;
    border-left: none;
    border-right: none;
}

aside.main-sidebar .sidebar-menu li .treeview-menu {
    overflow-y: auto;
    overflow-x:hidden;
}

.table_externalHead {
    margin-bottom: 3px;
    font-family: Verdana Bold;
    color: #000;
    font-size: 15px;
    margin-top: 5px;
}

table, .table, table.dataTable, div.jtable-main-container table.jtable {
    min-width: 100%;
    width: max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    border: none;
    border-bottom: 1px solid #959595;
}

    table > thead, div.jtable-main-container > table.jtable > thead, .ui-grid-top-panel {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d3d9db),color-stop(1,#fff));
        background: -ms-linear-gradient(bottom,#d3d9db,#fff);
        background: -moz-linear-gradient(center bottom,#d3d9db 0%,#fff 100%);
        background: -o-linear-gradient(#fff,#d3d9db);
    }

        div.jtable-main-container > table.jtable > thead th {
            cursor: pointer;
            background-color: #04666a29;
            color: #000;
            padding: 6px !important;
            font-size: 13px;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
            border: 1px solid #959595;
            border-top: 1px solid #646464 !important;
            border-right-width: 0 !important;
            border-bottom-width: 1px !important;
            border-left-width: 1px !important;
            text-align: center;
            font-weight: 600;
            line-height: 19px;
            border-color: #646464 !important;
        }

        table > thead > tr > th, .table > thead > tr.info > th {
            cursor: pointer;
            background-color: #fff;
            color: #000;
            padding: 6px !important;
            font-size: 13px;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
            border: 1px solid #959595;
            border-top: 1px solid #959595 !important;
            border-right-width: 0 !important;
            border-bottom-width: 1px !important;
            border-left-width: 1px !important;
            text-align: center;
            font-weight: 600;
            line-height: 19px;
            border-color: #959595 !important;
        }


        div.jtable-main-container > table.jtable > thead th {
            width: auto !important;
        }

            table > thead > tr > th:last-child, .table > thead > tr.info > th:last-child, div.jtable-main-container > table.jtable > thead th:last-child {
                border-right: 1px solid #959595 !important;
            }

    table > tbody > tr > tr, .table-striped > tbody > tr, div.jtable-main-container > table.jtable > tbody > tr, table > tbody > tr:nth-of-type(even), .table-striped > tbody > tr:nth-of-type(even) {
        background-color: #f3f3f3;
    }

        table > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(odd), div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
            background-color: #fff;
        }

        table > tbody > tr > td, .table-striped > tbody > tr > td, div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td, div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
            padding: 3px 5px;
            border: none;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
            font-weight: 600;
            color: #000;
            font-size: 12px;
            border-left: 1px solid #646464 !important;
            line-height: 21px;
            border-color: #646464 !important;
        }

            table > tbody > tr > td:last-child, .table-striped > tbody > tr > td:last-child, div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td:last-child, div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td:last-child {
                border-right: 1px solid #959595;
            }

    table > tfoot, .table > tfoot, div.jtable-main-container table.jtable tfoot {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d3d9db),color-stop(1,#fff));
        background: -ms-linear-gradient(bottom,#d3d9db,#fff);
        background: -moz-linear-gradient(center bottom,#d3d9db 0%,#fff 100%);
        background: -o-linear-gradient(#fff,#d3d9db);
    }

        table > tfoot > tr > td, .table > tfoot > tr > td, div.jtable-main-container > table.jtable tfoot tr td {
            border: 1px solid #646464 !important;
            text-align: right;
            color: #000;
            height: 28px;
            border-width: 1px 0 0 1px !important;
            font-family: Verdana Bold;
            padding: 5px;
            font-size: 14px;
        }

            table > tfoot > tr > td:last-child, .table > tfoot > tr > td:last-child, div.jtable-main-container > table.jtable tfoot tr td:last-child {
                border-right-width: 1px !important;
            }

.popup_div #list .dataTables_wrapper .row:nth-child(2) .col-sm-12 .dataTables_scrollHead table {
    width: auto !important;
}

.dataTables_scrollBody table > thead > tr.info > th {
    padding: 0 !important;
    border: none !important;
}

.dropdown-menu {
    border-radius: 6px;
    box-shadow: 0 6px 20px rgb(96 96 96 / 46%);
    -webkit-box-shadow: 0 6px 20px rgb(96 96 96 / 46%);
    -moz-box-shadow: 0 6px 20px rgb(96 96 96 / 46%);
    -ms-box-shadow: 0 6px 20px rgb(96 96 96 / 46%);
    -o-box-shadow: 0 6px 20px rgb(96 96 96 / 46%);
    width: 264px;
    border: 1px solid #ececec;
    padding: 10px 20px;
}

    .dropdown-menu table {
        margin-bottom: 0;
    }

        .dropdown-menu table.table-condensed thead {
            background-color: rgba(0,0,0,0);
            background: none;
            border-top: none;
        }

            .dropdown-menu table.table-condensed thead tr th {
                width: 32px;
            }

            .dropdown-menu table.table-condensed thead tr:first-child th {
                border-bottom: none;
                font-family: Verdana !important;
            }

            .dropdown-menu table.table-condensed thead tr:last-child th {
                border-bottom: 1px solid #c8c8c8;
                border-top: none !important;
                /*font-family: Verdana;*/
                font-family: var(--font-body-font);
                color: #000;
                border-left: none !important;
                border-right: none !important;
            }

            .dropdown-menu table.table-condensed thead tr:first-child th.prev, .dropdown-menu table.table-condensed thead tr:first-child th.next {
                cursor: pointer;
                border: none !important;
                font-size: 22px;
                font-weight: 300;
                color: #333;
            }

            .dropdown-menu table.table-condensed thead tr:first-child th.datepicker-switch {
                text-align: center;
                color: #777;
                font-size: 18px;
                font-weight: 400;
                line-height: 31px;
                border-top: none !important;
                border-left: none;
                cursor: pointer;
            }

            .dropdown-menu table.table-condensed thead tr:first-child th.next {
                text-align: right;
            }

        .dropdown-menu table.table-condensed tbody tr td {
            border-top: none;
            text-align: center;
            color: #000;
            width: 32px;
        }

            .dropdown-menu table.table-condensed tbody tr td.old, .dropdown-menu table.table-condensed tbody tr td.new {
                color: #d1d1d1;
            }

            .dropdown-menu table.table-condensed tbody tr td.day:hover {
                /*background-color: #eee;*/
                background-color: var(--primary);
                border-radius: 50%;
            }

            .dropdown-menu table.table-condensed tbody tr td.active, .dropdown-menu table.table-condensed tbody tr td.active:hover {
                border-radius: 50%;
                background-color: var(--main-color);
                color: #fff;
            }

            .dropdown-menu table.table-condensed tbody tr td.day {
                cursor: default;
                border: none !important;
            }

        .dropdown-menu table.table-condensed tfoot {
            border: none;
        }

    .dropdown-menu .datepicker-months table.table-condensed tbody tr td, .dropdown-menu .datepicker-years table.table-condensed tbody tr td {
        border: none;
    }

        .dropdown-menu .datepicker-months table.table-condensed tbody tr td span, .dropdown-menu .datepicker-years table.table-condensed tbody tr td span {
            width: 23%;
            float: none;
            clear: both;
            display: inline-block;
            line-height: 25px;
            margin: 5px 1%;
            cursor: pointer;
        }

    .dropdown-menu .datepicker-years table.table-condensed thead tr:first-child th.datepicker-switch {
        cursor: auto;
    }

.ui-datepicker.onlyMMYY {
    width: 11em;
    padding: 5px !important;
    border: 1px solid #ccc !important;
}

    .ui-datepicker.onlyMMYY .ui-datepicker-prev, .ui-datepicker.onlyMMYY .ui-datepicker-next {
        width: 0.7em;
    }

    .ui-datepicker.onlyMMYY .ui-datepicker-title {
        margin: 0 0.8em;
    }

    .ui-datepicker.onlyMMYY .ui-widget-header select {
        margin: 0 8px !important;
        font-size: 15px !important;
        top: -3px;
        position: relative;
    }

.lightTheme .form-control, .lightTheme .select2-container--default .select2-selection--multiple {
    width: 100%;
    height: 34px;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding: 4px 8px;
    box-shadow: none;
    border: 1px solid #5c5c5c;
}

.lightTheme .select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: 32px;
}

.lightTheme .form-control:focus, .lightTheme .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #6c6c6c;
}

.lightTheme .textBoxHeight28 .form-control, .lightTheme .select2-container--default .select2-selection--multiple {
    height: 25px;
}
/*height:28px*/
.lightTheme .textBoxHeight28 .btn {
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 26px;
}

.form-group input[type=checkbox] {
    opacity: 0;
    z-index: 1;
    position: absolute;
}

.form-group span.new_checkbox::before {
    display: inline-block;
    margin: 8px 0 0;
    width: 19px;
    height: 19px;
    background-color: #fff;
    vertical-align: top;
    font-size: 24px;
    line-height: 19px;
    left: 25px;
    position: relative;
    z-index: 0;
    -webkit-transform: translatex(20px);
    -moz-transform: translatex(20px);
    -ms-transform: translatex(20px);
    -o-transform: translatex(20px);
    transform: translatex(20px);
    content: "";
    border: solid 1px #ccc;
}

.form-group input[type=checkbox]:checked + span.new_checkbox::before, .form-group input[type=checkbox]:checked + input + span.new_checkbox::before {
    content: "\2714";
    box-shadow: 0 0 2px rgba(0,0,0,.25) inset;
    opacity: 1;
    border: solid 1px #62d98c;
    color: var(--main-color);
}

.form-group label.new_checkbox::before {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-color: #fff;
    vertical-align: top;
    font-size: 24px;
    line-height: 19px;
    left: -25px;
    position: relative;
    z-index: 0;
    margin-top: -6px;
    content: "";
    border: solid 1px #b0c0d6;
}

.form-group input[type=checkbox]:checked + label.new_checkbox::before, .form-group input[type=checkbox]:checked + input + label.new_checkbox::before {
    content: "\2714";
    box-shadow: 0 0 2px rgba(0,0,0,.25) inset;
    opacity: 1;
    border: solid 1px #62d98c;
    color: var(--main-color);
}

.form-group label.new_checkbox {
    vertical-align: sub;
    margin: 0;
}

    .form-group label.new_checkbox::before {
        left: 0;
        margin-top: 0;
    }
    /*.form-group label.new_checkbox.focus_div::before{box-shadow:0 0 2px rgba(0,0,0,.25) inset;border:1px solid #5c96c0!important}*/
    .form-group label.new_checkbox.focus_div::before {
        border: 1px solid #66afe9 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    }

.login_form .form-group label.new_checkbox {
    width: auto;
    margin-right: 8px !important;
}

.box_form_page .box_div {
    padding-bottom: 10px;
}

    .box_form_page .box_div .box_head {
        margin-bottom: 10px;
    }

    .box_form_page .box_div .form-group {
        float: left;
        padding: 0 7px;
        margin: 7px 0;
        position: relative;
    }

        .box_form_page .box_div .form-group label.control-label {
            float: left;
            text-align: right;
            font-size: 11px;
            line-height: 28px;
            padding: 0;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
            color: #000;
        }

        .box_form_page .box_div .form-group .input_div {
            float: left;
            padding-right: 0;
            padding-left: 5px;
        }

            .box_form_page .box_div .form-group .input_div .form-control {
                height: 28px;
                line-height: 26px;
                padding: 0 3px;
            }

        .box_form_page .box_div .form-group .field-validation-error {
            position: absolute;
            bottom: -15px;
            left: 5px;
            font-size: 12px;
        }

        .box_form_page .box_div .form-group .btn {
            height: 28px;
            padding: 0 10px;
        }

.unchuLabel_page .box_div .form-group, .mixLabel_page .box_div .form-group, .showingLabel_page .box_div .form-group {
    width: 100%;
}

.unchuLabel_page .tab-pane .tabel_div, .addRolePage .tab-pane .tabel_div {
    border-top: 1px solid #646464;
    border-bottom: 1px solid #646464;
}

    .unchuLabel_page .tab-pane .tabel_div table, .addRolePage .tab-pane .tabel_div table {
        border-bottom: none;
    }

        .unchuLabel_page .tab-pane .tabel_div table thead tr th, .addRolePage .tab-pane .tabel_div table thead tr th {
            border-top: none !important;
        }

.box_form_page .top_section .fild_div {
    float: left;
    padding: 0 10px;
    margin: 3px 0;
}

    .box_form_page .top_section .fild_div .form-group {
        margin: 0;
    }

    .box_form_page .top_section .fild_div .control-label {
        float: left;
        line-height: 28px;
        margin: 0;
        font-size: 12px;
    }

    .box_form_page .top_section .fild_div .input_div {
        float: left;
        padding-left: 5px;
    }

        .box_form_page .top_section .fild_div .input_div .form-control {
            height: 28px;
            line-height: 26px;
            padding: 0 7px;
        }

        .box_form_page .top_section .fild_div .input_div.withShowPassword .password_box {
            width: calc(100% - 100px);
            float: left;
            padding-right: 10px;
        }

        .box_form_page .top_section .fild_div .input_div.withShowPassword .show_password_div {
            width: 100px;
            float: left;
        }

            .box_form_page .top_section .fild_div .input_div.withShowPassword .show_password_div .checkbox_label {
                margin: 0;
                line-height: 28px;
                font-size: 9.5px;
                font-weight: normal;
            }

    .box_form_page .top_section .fild_div .input_with_btn .input_div {
        float: left;
        width: calc(100% - 56px);
        padding-left: 0;
        padding-right: 5px;
    }

        .box_form_page .top_section .fild_div .input_with_btn .input_div .select2-container .select2-selection--single {
            height: 28px !important;
            padding: 3px 5px;
        }

    .box_form_page .top_section .fild_div .input_with_btn .btn_div {
        float: left;
    }

        .box_form_page .top_section .fild_div .input_with_btn .btn_div .btn {
            height: 28px;
            padding: 0 10px;
            font-size: 12px;
        }

.hide_div {
    display: none;
}

.checkbox_row .form-group label.new_checkbox {
    position: relative;
    top: -20px;
}

    .checkbox_row .form-group label.new_checkbox::before {
        display: inline-block;
        width: 19px;
        height: 19px;
        vertical-align: top;
        font-size: 24px;
        line-height: 19px;
        left: 0px;
        position: relative;
        z-index: 0;
        margin-top: -6px;
        content: "";
        border: solid 1px #ccc;
    }

.checkbox_row .form-group input[type=checkbox]:checked + label.new_checkbox::before, .checkbox_row .form-group input[type=checkbox]:checked + input + label.new_checkbox::before {
    content: "\2714";
    box-shadow: 0 0 2px rgba(0,0,0,.25) inset;
    opacity: 1;
    border: solid 1px #62d98c;
    color: var(--main-color);
}

.table-striped > tbody > tr:hover, div.jtable-main-container > table.jtable > tbody > tr:hover {
    background: #a7f8c3;
}

div.jtable-main-container > table.jtable > tbody > tr td a .fa-pencil-square-o {
    text-shadow: 1px 1px 1px rgba(255,255,255,0.95);
    -webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.95);
    -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.95);
    -ms-text-shadow: 1px 1px 1px rgba(255,255,255,0.95);
    -o-text-shadow: 1px 1px 1px rgba(255,255,255,0.95);
    font-weight: 600;
}

div.jtable-main-container > table.jtable > tbody > tr.onHand_row {
    background: #f60 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.clivingIssue_row {
    background: #ff0000 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.clivingReturn_row {
    background: #666 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.gradingIssue_row {
    background: #fc0 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.gradingReturn_row {
    background: #036 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.manufactureIssue_row {
    background: #d92193 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.manufactureReturn_row {
    background: #a75c56 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.outHand_row {
    background: #c3b274 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.mixKapan_row {
    background: #00ff00 !important;
}

div.jtable-main-container > table.jtable > tbody > tr.pendingConfirmation_row {
    background: #b1b3ff !important;
}

div.jtable-main-container > table.jtable > tbody > tr.clivingIssue_row td, div.jtable-main-container > table.jtable > tbody > tr.clivingReturn_row td, div.jtable-main-container > table.jtable > tbody > tr.gradingReturn_row td, div.jtable-main-container > table.jtable > tbody > tr.manufactureIssue_row td, div.jtable-main-container > table.jtable > tbody > tr.manufactureReturn_row td {
    color: #fff !important;
}

    div.jtable-main-container > table.jtable > tbody > tr.pendingConfirmation_row td .rec_delete_btn, div.jtable-main-container > table.jtable > tbody > tr.mixKapan_row td .rec_delete_btn, div.jtable-main-container > table.jtable > tbody > tr.outHand_row td .rec_delete_btn, div.jtable-main-container > table.jtable > tbody > tr.onHand_row td .rec_delete_btn, div.jtable-main-container > table.jtable > tbody > tr.gradingIssue_row td .rec_delete_btn, div.jtable-main-container > table.jtable > tbody > tr.manufactureIssue_row td .rec_delete_btn, div.jtable-main-container > table.jtable > tbody > tr.clivingIssue_row td .rec_delete_btn {
        box-shadow: 1px 1px 2px rgba(0,0,0,0.95);
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.95);
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.95);
        -ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.95);
        -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.95);
    }

    div.jtable-main-container > table.jtable > tbody > tr.pendingConfirmation_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.mixKapan_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.outHand_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.onHand_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.gradingIssue_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.manufactureIssue_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.clivingIssue_row td a .fa-pencil-square-o, div.jtable-main-container > table.jtable > tbody > tr.gradingReturn_row td a .fa-pencil-square-o {
        text-shadow: 1px 1px 1px rgba(0,0,0,0.95);
        -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.95);
        -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.95);
        -ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.95);
        -o-text-shadow: 1px 1px 1px rgba(0,0,0,0.95);
    }

table tbody tr.gradingReturn_row td i.fa-plus {
    text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
    -webkit-text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
    -moz-text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
    -ms-text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
    -o-text-shadow: 0px 0px 1px rgba(255,255,255,0.9);
}

div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info {
    padding: 15px;
}

.half_assortment_btn, .half_assortment_btn:hover {
    color: #000;
    background: #93bace;
    border: 1px solid #3e99a7;
}

.completAssortment {
    color: #27a754; /*font-size:20px;margin-right:5px;*/
    cursor: pointer;
}

    .completAssortment:hover {
        color: #0a923a;
    }

.dueAssortment {
    color: #947de6; /*font-size:20px;margin-right:5px;*/
    cursor: pointer;
}

    .dueAssortment:hover {
        color: #846ae0;
    }

.halfAssortment {
    color: #25a1e0; /*font-size:20px;margin-right:5px;*/
    cursor: pointer;
}

    .halfAssortment:hover {
        color: #1890ce;
    }

.table tr td input[type=checkbox] {
    margin-top: 3px;
    position: relative;
    top: 3px;
}

.table-striped > tbody > tr td a.fa-flag {
    padding: 2px 5px;
}

div.FixedHeader_Cloned table {
    margin: 0 !important;
}

.search_bar_div {
    float: left;
    padding-left: 15px; /*max-width:calc(100% - 195px);*/ /*max-width:calc(100% - 420px);*/
    width: 1130px;
    min-width: auto;
}

.code_div {
    float: left;
}

@media(max-width:1280px) {
    .search_bar_div {
        width: 1021px;
    }
}

table tbody tr td i.fa-plus {
    width: 100%;
    text-align: center;
    color: blue;
    cursor: pointer;
}

table tbody tr .isActiveCol .fa-check, .isActiveCol .fa-check {
    color: #2dbe60;
}

table tbody tr .isActiveCol .fa-times, .isActiveCol .fa-times {
    color: #d45c4e;
}

.popup_div .detail_popup {
    width: 800px;
}

    .popup_div .detail_popup.roughPurchaseDetail {
        width: 1075px;
    }

        .popup_div .detail_popup.roughPurchaseDetail form {
            margin-bottom: 5px;
        }

        .popup_div .detail_popup.roughPurchaseDetail .remain_carats_div {
            width: calc(100% - 267px);
            margin-bottom: 10px !important;
        }

        .popup_div .detail_popup.roughPurchaseDetail .dataTables_filter {
            width: 260px;
            position: absolute;
            top: -40px;
            right: 0;
        }

            .popup_div .detail_popup.roughPurchaseDetail .dataTables_filter input[type=search] {
                width: 205px;
                height: 30px;
            }

    .popup_div .detail_popup .grid_table thead tr th {
        padding: 6px 2px !important;
    }

    .popup_div .detail_popup .dataTables_scrollBody .grid_table thead tr th {
        padding: 0 !important;
    }

    .popup_div .detail_popup .grid_table tbody tr td {
        font-size: 12px;
        padding: 3px;
    }

.cell25 {
    width: 25px !important;
}

.cell65 {
    width: 65px !important;
}

.cell70 {
    width: 70px !important;
}

.cell75 {
    width: 75px !important;
}

.cell80 {
    width: 80px !important;
}

.cell90 {
    width: 90px !important;
}

.cell100 {
    width: 100px !important;
}

.cell105 {
    width: 105px !important;
}

.cell110 {
    width: 110px !important;
}

.marginRight2 {
    margin-right: 2px;
}

.marginLeft2 {
    margin-left: 2px;
}

.popup_div .multyGroupPopup {
    width: 850px;
}

    .popup_div .multyGroupPopup .topLabel {
        padding-left: 5px;
    }

        .popup_div .multyGroupPopup .topLabel label {
            font-family: Verdana Bold;
            font-size: 13px;
        }

            .popup_div .multyGroupPopup .topLabel label:last-child {
                font-size: 15px;
            }

.popup_div .popup_body.polishEstimationPopup .box_col {
    width: 275px;
}

.bottom_btn_bar img.loader_img {
    float: left;
    margin-right: 10px;
    width: 24px;
    margin-top: 5px;
}

.form-group.bottom_btn_bar img.loader_img {
    float: right;
    margin-right: 80px;
}

.dataTables_scroll {
    border-bottom: 1px solid #ddd;
}

.dataTables_scrollBody table {
    border-bottom: none;
}

#RoughPurchaseDetail_wrapper .dataTables_scrollBody {
    max-height: 195px;
    height: auto !important;
}

#roughIssueBranch_wrapper .dataTables_scrollBody {
    max-height: 280px;
    height: auto !important;
}

.padding_5 {
    padding: 5px !important;
}

.padding_10 {
    padding: 10px !important;
}

.btnHeight30 {
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
    font-size: 13px;
}

.btnHeight28 {
    height: 28px;
    padding: 0 10px;
    line-height: 26px;
    font-size: 13px;
}

.formHeight28 .form-group {
    margin: 7px 0;
}

.formHeight28 label, .formHeight28 label.control-label {
    padding: 0;
    line-height: 28px;
}

.formHeight28 .form-control {
    height: 28px;
}

.right0 {
    right: 0;
}

.popup_div .kapanSplit_form {
    width: 870px;
}

    .popup_div .kapanSplit_form .small_box_top_section {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 10px;
    }

        .popup_div .kapanSplit_form .small_box_top_section .form-group { /*width:33.33%;*/
            float: left;
            margin: 7px 0;
        }

        .popup_div .kapanSplit_form .small_box_top_section.withFourColumn .form-group { /*width:auto;*/
            margin: 7px 0px; /*float:none*/
        }

    .popup_div .kapanSplit_form .box-body.small_box_top_section .col_head {
        margin: 0 0 15px;
    }

    .popup_div .kapanSplit_form .small_box_top_section .form-group label { /*width:100px;*/
        padding-left: 15px;
    }

    .popup_div .kapanSplit_form .small_box_top_section .form-group .input_box_div {
        float: left;
        width: calc(100% - 100px);
    }

.popup_div .small_box_col.disable_div {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .popup_div .small_box_col.disable_div.first_col {
        width: 31%;
        padding: 5px 0 !important;
        margin-left: 1%;
    }

    .popup_div .small_box_col.disable_div.second_col {
        width: 64%;
        padding: 5px 0px !important;
        margin-left: 2%;
        margin-right: 1%;
    }

    .popup_div .small_box_col.disable_div .col_head {
        margin: 0;
        margin-bottom: 10px;
    }

    .popup_div .small_box_col.disable_div .form-group {
        margin: 0;
        margin-bottom: 6px;
    }

    .popup_div .small_box_col.disable_div.second_col .form-group {
        width: 50%;
        float: left;
        margin: 0 0 7px;
    }

    .popup_div .small_box_col.disable_div label {
        width: 95px;
    }

    .popup_div .small_box_col.disable_div .form-group .input_box_div {
        width: calc(100% - 95px);
    }

.popup_div .edit_sub_kapan_popup table tbody tr:last-child td.inputTd {
    border-bottom: none !important;
}

.popup_div .edit_sub_kapan_popup table tr td.inputTd input {
    text-align: right;
    height: 22px;
    color: #000;
    line-height: 22px;
    border: 1px solid #959595 !important;
}

    .popup_div .edit_sub_kapan_popup table tr td.inputTd input:focus {
        border-color: #3c8dbc !important;
    }

.popup_div .edit_sub_kapan_popup table tr td.inputTd .input_box {
    width: 100px;
}

.popup_div .edit_sub_kapan_popup table tr td.inputTd input {
    border-bottom: none;
    width: calc(100% - 2px);
    margin-left: 1px;
    padding: 0 3px;
    font-size: 12px;
}

.popup_div .edit_sub_kapan_head_row {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

    .popup_div .edit_sub_kapan_head_row .sub_kapan_div {
        float: left;
    }

        .popup_div .edit_sub_kapan_head_row .sub_kapan_div span:last-child {
            color: #000;
        }

    .popup_div .edit_sub_kapan_head_row .manuallyAdjustDollarCheckBox {
        float: left;
        margin-left: 20px;
    }

        .popup_div .edit_sub_kapan_head_row .manuallyAdjustDollarCheckBox input {
        }

        .popup_div .edit_sub_kapan_head_row .manuallyAdjustDollarCheckBox .control-label {
            color: #888;
            font-weight: normal;
            line-height: 18px;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
        }

        .popup_div .edit_sub_kapan_head_row .manuallyAdjustDollarCheckBox.form-group label.new_checkbox {
            vertical-align: baseline;
            margin-left: 5px;
        }

    .popup_div .edit_sub_kapan_head_row span:first-child {
        font-size: 12px;
        color: #888;
        line-height: 18px;
        margin-right: 2px;
    }

    .popup_div .edit_sub_kapan_head_row .remain_cart_div {
        float: right;
    }

        .popup_div .edit_sub_kapan_head_row .remain_cart_div span:last-child {
            color: var(--main-color);
            margin-right: 15px;
        }

.popup_div .edit_sub_kapan_popup table tfoot tr th span {
    color: #000;
    font-size: 14px;
}

.popup_div .edit_sub_kapan_popup .dataTables_scroll .dataTables_scrollFoot table td {
    border-top: none;
}

.popup_div .edit_sub_kapan_popup td {
    overflow-y: hidden;
}

    .popup_div .edit_sub_kapan_popup td .form-control {
        width: 160px;
    }

    .popup_div .edit_sub_kapan_popup td .tableError {
        left: 0;
        bottom: -6px;
    }

.popup_div .addKapanSplit .small_box_top_section .form-group {
    padding: 0 7px;
    margin-bottom: 10px;
}

    .popup_div .addKapanSplit .small_box_top_section .form-group label {
        padding-left: 0;
        font-size: 12px;
        color: #000; /*width:90px*/
    }

    .popup_div .addKapanSplit .small_box_top_section .form-group .input_box_div {
        width: calc(100% - 90px);
    }

.popup_div .addKapanSplit .small_box_col.disable_div.second_col .form-group {
    padding: 0 7px;
}

.popup_div .addKapanSplit .small_box_col.disable_div label {
    font-size: 12px;
    padding-left: 0;
    color: #666;
}

    .popup_div .addKapanSplit .small_box_col.disable_div label.displayLabel {
        font-size: 13px;
        color: #000;
        line-height: 27px;
        padding-top: 2px;
    }

.popup_div .addKapanSplit .small_box_col.disable_div .input_box_div {
    padding: 0;
}

.popup_div .small_box_col.disable_div label.displayLabel {
    width: 100%;
}

.popup_div .dubleCheckBox .text-right {
    text-align: right;
}

.popup_div .dubleCheckBox .input_div {
    width: 22px;
}

.popup_div .dubleCheckBox label.control-label {
    width: calc(100% - 22px);
}

/*.popup_div .popup_body.estimationPcsPopup .box_col{width:400px}*/

.advance_filter_btn {
    float: left;
    position: relative;
    z-index: 0;
    margin-left: 5px;
}

    .advance_filter_btn .btn {
        font-size: 12px !important;
    }

    .advance_filter_btn .helpPart {
        float: left;
        margin-left: 15px;
    }

        .advance_filter_btn .helpPart .fild {
            float: left;
            margin: 4px;
            margin-top: 0;
        }

            .advance_filter_btn .helpPart .fild label {
                float: left;
                line-height: 29px;
                margin-left: 3px;
                font-family: Verdana Bold;
                font-size: 13px;
            }

            .advance_filter_btn .helpPart .fild .displayBox {
                float: left;
                width: 29px;
                height: 25px;
                border: 1px solid #ccc;
                margin-top: 3px;
                cursor: pointer;
            }

.searchBarPart .btn {
    font-size: 14px;
    padding: 6px 8px;
}

.roughPurchaseMasterBook .date_search_table .form-group .control-label {
    padding-top: 6px;
}

.roughPurchaseMasterBook .searchBarPart .btn {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 29px;
    margin-top: 1px;
    padding: 0 !important;
}

.roughPurchaseMasterBook .searchBarPart .textBtn .btn {
    width: auto;
    padding: 0 5px !important;
}

.roughPurchaseMasterBook .searchBarPart .btn.labelBtn {
    width: auto;
    padding: 0 7px !important;
}

.roughPurchaseMasterBook .searchBarPart .btn.pending_confirmation {
    width: auto;
    padding: 0 5px !important;
}

.roughPurchaseMasterBook ul.code_btn_bar li a button {
    border-radius: 8px;
}

.roughPurchaseMasterBook .searchBarPart .departmentGroupList {
    width: auto;
}

    .roughPurchaseMasterBook .searchBarPart .departmentGroupList .btn {
        padding: 3px 5px !important;
        margin-top: 0;
    }

@media(max-width:1280px) {
    .roughPurchaseMasterBook .pull-right.total_carat {
        float: left !important;
    }
}

@media(max-width:991px) {
    #btncolSave, #btncolReset {
        margin-bottom: 5px;
    }
}

.masterBookPage .search_bar_div { /*width:1200px;*/
    width: 100%;
    position: relative;
    z-index: 1;
}

.masterBookPage .date_search_table .form-group {
    width: 165px;
}

    .masterBookPage .date_search_table .form-group:nth-child(2) {
        width: 135px;
    }

    .masterBookPage .date_search_table .form-group .control-label {
        padding-top: 6px;
    }

.masterBookPage .date_search_table .form-control {
    font-size: 11.5px;
    height: 32px;
    line-height: 18px;
}

.masterBookPage .date_search_table .form-group .input-group .form-control {
    height: 32px;
}

.masterBookPage ul.code_btn_bar li {
    margin: 0px 3px 5px !important;
}

.masterBookPage .searchBarPart .btn {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 29px;
    margin-top: 1px;
    padding: 0 !important;
}

.masterBookPage .date_search_table .search_drop_down {
    width: 55px;
}

    .masterBookPage .date_search_table .search_drop_down .form-control {
        padding: 5px 0;
    }

.masterBookPage .date_search_table .form-group.search_bar { /*width:calc(100% - 320px);*/
    width: calc(100% - 875px);
    min-width: 320px;
    max-width: 410px;
}

.masterBookPage .date_search_table .form-group.columnPart {
    width: 130px;
}

.masterBookPage .date_search_table .search_bar .input-group {
    width: calc(100% - 130px);
}

.masterBookPage .date_search_table .search_bar .input-group {
    width: calc(100% - 30px);
}

.lightTheme ul.code_btn_bar li a button[aria-label]:hover:after, .date_search_table .btn[aria-label]:hover:after {
    content: attr(aria-label);
    padding: 0px 8px;
    height: 25px;
    line-height: 23px;
    position: absolute;
    left: 0; /*top:115%;*/
    bottom: -30px;
    white-space: nowrap;
    z-index: 2;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.lightTheme ul.code_btn_bar li a button:focus {
    border-width: 2px;
    border-color: #000 !important;
    outline: none;
    line-height: 26px;
}


.filter_base {
    font-family: Verdana Bold;
    color: #000;
}

    .filter_base .filter_head {
        padding: 6px 0;
    }

    .filter_base > div:last-child .filter_head {
        border-bottom: none;
    }

    .filter_base .filter_head .head_base {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .filter_base .filter_head .head_base .head_background {
            font-size: 12px;
            text-transform: uppercase;
            display: inline-block;
            font-family: Verdana Bold;
        }

    .filter_base .top_head .head_base .head_background {
        font-size: 20px;
        text-transform: capitalize;
        width: 67%;
        font-family: Verdana Bold;
    }

    .filter_base .filter_head .filter_clear_link {
        cursor: pointer;
        color: #2874f0;
        font-size: 12px;
    }

        .filter_base .filter_head .filter_clear_link span input:focus {
            outline: none;
        }

        .filter_base .filter_head .filter_clear_link span input {
            background: rgba(0,0,0,0);
            border: none;
        }

.co_filter_head_base {
    cursor: pointer;
}

.co_filter_head {
    width: 95%;
    font-weight: 600;
    font-family: Verdana Bold;
    font-size: 14px;
}

.clickable {
    font-size: 10px;
    color: #000;
}

.co_filter_box .filter_list_body {
    padding-top: 5px;
}

    .co_filter_box .filter_list_body .filter_body_content {
        margin: 5px 0 -3px;
        list-style: none;
        padding: 0;
    }

        .co_filter_box .filter_list_body .filter_body_content li {
            padding: 1px 0;
            line-height: 19px;
        }

        .co_filter_box .filter_list_body .filter_body_content .filter_option_checkbox, .filter_base .filter_head .statusAllBtn .filter_option_checkbox {
            margin-right: 5px;
            margin-top: 1px;
            position: relative;
            top: 2px;
            width: 16px;
            height: 16px;
            float: left;
            cursor: pointer;
        }

            .co_filter_box .filter_list_body .filter_body_content .filter_option_checkbox:focus, .filter_base .filter_head .statusAllBtn .filter_option_checkbox:focus {
                box-shadow: 0px 0px 1px 1px #69a0e6;
            }

        .co_filter_box .filter_list_body .filter_body_content label, .filter_base .filter_head .statusAllBtn label {
            font-weight: normal;
            font-size: 11.4px;
            margin-bottom: 0;
            cursor: pointer;
        }

            .co_filter_box .filter_list_body .with_value label .btn, .filter_base .filter_head .statusAllBtn label .btn {
                width: 19px;
                height: 19px;
                padding: 0;
                margin-right: 5px;
            }

                .popup_div .co_filter_box .filter_list_body .filter_body_content li .btn.all_icon, .filter_base .filter_head .statusAllBtn label .btn.all_icon {
                    line-height: 11px;
                }

                    .popup_div .co_filter_box .filter_list_body .filter_body_content li .btn.all_icon i, .filter_base .filter_head .statusAllBtn label .btn.all_icon i {
                        line-height: 13px !important;
                        font-size: 15px !important;
                    }

.popup_div .co_filter_box .filter_list_body .filter_body_content li .btn.mix_kapan i {
    color: #ea3012;
    line-height: 18px !important;
}
/*.popup_div .co_filter_box .filter_list_body .filter_body_content li .btn.mix_kapan i:last-child{margin-left:-6px}*/
.co_filter_box .filter_list_body .with_value label .btn i, .filter_base .filter_head .statusAllBtn label .btn i { /*width:15px;height:15px;*/
    font-size: 12px !important;
    line-height: 17px !important;
    color: #fff;
}

.co_filter_box .filter_list_body .with_value span {
    color: #000;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana Bold;
}

.co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box {
    margin-bottom: 7px;
    display: flow-root;
}

    .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box span {
        float: left;
        font-size: 11px;
        width: 85px;
        line-height: 23px;
        color: #666;
    }

    .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box .filter_text_box {
        float: left;
        height: 23px;
        width: calc(100% - 85px);
        font-size: 11px;
    }

.co_filter_box .filter_list_body .filter_body_content .range_value_div {
    display: inline-block;
}

.co_filter_box .filter_list_body .filter_body_content .ui-widget-content {
    margin-top: 5px;
    margin-bottom: 7px;
}

.co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part {
    width: 47%;
    float: left;
}

    .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part.first_part {
        margin-right: 2%;
        margin-left: 4%;
    }

    .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part span {
        float: left;
        width: 36px;
        font-size: 11px;
        line-height: 21px;
        color: #555;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
        -webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
        -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
        -ms-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
        -o-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    }

    .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part input {
        float: left;
        width: calc(100% - 36px);
        font-size: 11px;
        padding-left: 1px;
    }

.co_filter_box .filter_list_body .filter_body_content .range_value_div span.head_span {
    display: block;
    margin-bottom: 1px;
    font-size: 11px;
    color: #555;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -ms-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -o-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}

.apply_filter_btn_div {
    padding: 0;
    display: inline-block;
    margin-bottom: 5px;
    float: right;
    margin-top: 5px;
}

    .apply_filter_btn_div .btn {
        float: right;
        padding: 3px 10px 4px;
    }

.ui-slider-horizontal {
    height: .15em !important;
}

.ui-widget-content {
    border: none !important;
    background: #fff !important;
    color: #222;
    position: relative;
}

.ui-autocomplete.ui-widget-content {
    border: 1px solid #aaa !important;
}

.ui-menu .ui-menu-item {
    padding: 3px 0.4em 3px .4em !important;
}

.filter_body_content .ui-widget-content {
    background: #ccc !important;
}

.ui-corner-all {
    border-radius: 4px;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-widget-header {
    background: var(--main-color) !important;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-widget-content a {
    color: #222;
}

.ui-slider .ui-slider-handle {
    width: 13px !important;
    height: 13px !important;
    padding: 0 !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.4em !important;
    margin-left: -.6em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc !important;
    background: #fff !important;
    font-weight: normal;
    color: #555;
}

.popup_div .advancefilter_popup_body .ui-slider-handle {
    border-radius: 50% !important;
    background: #f3f3f3 !important;
}

    .popup_div .advancefilter_popup_body .ui-slider-handle:focus {
        border-radius: 50% !important;
        outline: none;
    }

.popup_div .advancefilter_popup_body {
    background-size: cover;
    background: #f5f5f5;
    padding-bottom: 0;
}

    .popup_div .advancefilter_popup_body .note_col {
        width: 900px;
    }

.popup_div .filter_part {
    padding-right: 0;
    width: 100%;
    margin-top: -5px;
    padding: 0 5px;
}

    .popup_div .filter_part .mainFilter {
        border-bottom: 1px solid #000;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

        .popup_div .filter_part .mainFilter label {
            font-size: 12px;
        }

        .popup_div .filter_part .mainFilter .control-label {
            float: left;
            text-align: right;
            padding: 0;
            line-height: 26px;
            font-size: 12px !important;
        }

        .popup_div .filter_part .mainFilter input[type=radio] {
            margin-left: 5px;
            margin-top: 6px;
        }

        .popup_div .filter_part .mainFilter .form-control {
            height: 26px !important;
            font-size: 11px !important;
        }

        .popup_div .filter_part .mainFilter .select2-container .select2-selection--single {
            height: 26px !important;
            padding: 0;
        }

        .popup_div .filter_part .mainFilter .select2-selection__rendered {
            line-height: 24px !important;
            font-size: 13px;
        }

.popup_div .filter_background {
    width: 100%;
    box-shadow: none;
    padding: 0;
    border: none;
    display: inline-block;
}

    .popup_div .filter_background .filter_base {
        width: 49.5%;
        float: left;
        padding: 0;
        margin-right: 1%;
    }

        .popup_div .filter_background .filter_base:last-child {
            margin-right: 0;
        }

        .popup_div .filter_background .filter_base .filter_panel {
            background: #fff;
            margin-bottom: 8px;
            padding: 0 15px;
            border-left: 1px solid #d2d2d2;
            border-top: 1px solid #d2d2d2;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
            -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
            -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
            -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
            -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
        }

.popup_div .co_filter_box .filter_list_body.tow_part_text_box {
    display: flow-root;
}

    .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content {
        display: flex;
        display: -webkit-flex;
        width: 100%;
    }

        .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content .text_box_div {
            width: 100%;
        }

            .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content .text_box_div .text_box:last-child {
                margin-right: 0;
            }

        .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content .text_box_div {
            width: 100%;
        }

            .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content .text_box_div .text_box {
                float: left;
                width: 48.5%;
                margin-right: 3%;
            }

                .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content .text_box_div .text_box span {
                    width: 70px;
                }

            .popup_div .co_filter_box .filter_list_body.tow_part_text_box .filter_body_content .text_box_div .filter_text_box {
                width: calc(100% - 70px);
            }

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box span {
    font-size: 12px;
    line-height: 24px;
    color: #555;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -webkit-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -ms-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
    -o-text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box .filter_text_box {
    height: 24px;
    font-size: 11px;
    float: right;
    border-image-width: 0;
    border-width: 0.5px 1px 0.5px 1px;
    border-style: solid;
    border-width: 1px;
    border-color: #bbb;
    color: #000;
}

.popup_div .co_filter_box .filter_list_body ul.filter_body_content {
    display: flow-root;
}

.popup_div .co_filter_box .filter_list_body .filter_body_content li {
    float: left;
    width: 49%;
    margin: 0 0.5%;
}

    .popup_div .co_filter_box .filter_list_body .filter_body_content li .btn {
        border-radius: 2px;
        line-height: 11px;
    }

.popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div {
    margin-bottom: 0px;
}

    .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div:last-child {
        margin-bottom: 0;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div span.head_span {
        display: inline-block;
        float: left;
        width: 75px;
        margin-bottom: 0;
        line-height: 24px;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div .content_div {
        float: left;
        width: calc(100% - 75px);
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part.first_part {
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part span {
        line-height: 24px;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part input {
        height: 24px;
        border-image-width: 0;
        border-width: 0.5px 1px 0.5px 1px;
        border-style: solid;
        border-width: 1px;
        border-color: #bbb;
        color: #000;
    }

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div {
    display: flex;
    display: -webkit-flex;
}

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div {
        width: 49%;
        margin-right: 2%;
        float: left;
    }

        .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div:last-child {
            margin-right: 0;
        }

        .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div.marginRight0 {
            margin-right: 0;
        }

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box {
    color: #666;
    line-height: 26px;
    display: flow-root;
}

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box span {
        width: 75px;
        font-size: 11px;
        float: left;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box .filter_text_box {
        width: calc(100% - 80px);
        height: 26px;
        font-size: 11px;
        float: right;
        border-image-width: 0;
        border-style: solid;
        border-width: 1px;
        border-color: #aaa;
        float: left;
    }

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box span {
    width: 80px;
    font-size: 11px;
}

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box .filter_text_box {
    width: calc(100% - 80px);
}

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box {
    width: 100%;
}

ul.code_btn_bar {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 0;
    float: right;
    margin-left: -5px;
    margin-right: -5px;
}

.code_div.r_issue {
    float: left;
    padding-left: 15px;
}

ul.code_btn_bar li {
    float: left;
    margin: 5px;
    position: relative;
    list-style: none;
}

    ul.code_btn_bar li a button {
        height: 25px;
        padding: 2px 5px !important;
        border-radius: 8px;
        font-size: 12px;
        line-height: 20px;
        font-family: Verdana Bold;
        letter-spacing: -0.5px;
    }

    ul.code_btn_bar li a [title="Sub Kapan"] {
        background-color: red;
    }

    ul.code_btn_bar li a .tooltip_box {
        position: absolute;
        top: 110%;
        font-size: 12px;
        color: #000;
        background: #d7dade;
        padding: 2px 6px 1px;
        border-radius: 3px;
        border: 1px solid #aaa;
        line-height: 14px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        width: max-content;
        width: -ms-max-content;
        width: -moz-max-content;
        width: -o-max-content;
        transition: all 3s ease-in-out;
        -webkit-transition: all 3s ease-in-out;
        display: none;
    }

    ul.code_btn_bar li a button:hover ~ .tooltip_box {
        display: block;
        transition: all 3s ease-in-out;
        -webkit-transition: all 3s ease-in-out;
    }

.lineHeight13 {
    line-height: 13px !important;
}

.all_icon, .all_icon:hover, .all_icon:focus {
    color: #000;
    /*background:#9c9c9c;
background:-moz-linear-gradient(-65deg, #fff 0%, #d8d8d8 40%, #c7c7c7 41%, #b1b1b1 71%, #9c9c9c 100%);
background:-webkit-linear-gradient(-65deg, #fff 0%, #d8d8d8 40%, #c7c7c7 41%, #b1b1b1 71%, #9c9c9c 100%);
background:-o-linear-gradient(-65deg, #fff 0%, #d8d8d8 40%, #c7c7c7 41%, #b1b1b1 71%, #9c9c9c 100%);
background:-ms-linear-gradient(-65deg, #fff 0%, #d8d8d8 40%, #c7c7c7 41%, #b1b1b1 71%, #9c9c9c 100%);
background:linear-gradient(155deg, #fff 0%, #d8d8d8 40%, #c7c7c7 41%, #b1b1b1 71%, #9c9c9c 100%);
border-color:#9c9c9c*/
    border-color: #f1634d;
    background-color: #ff0000 !important;
    background-image: radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
}

    .all_icon i {
        font-size: 24px !important; /*width:15px;height:15px;*/
        line-height: 21px !important;
        border-radius: 50%;
        border: 1px solid red;
        background-color: red;
        background-image: -webkit-radial-gradient(#49bb75 20%, #e9ff00 80%);
        background-image: -o-radial-gradient(#49bb75 20%, #e9ff00 80%);
        background-image: -moz-radial-gradient(#49bb75 20%, #e9ff00 80%);
        background-image: radial-gradient(#49bb75 20%, #e9ff00 80%);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        -ms-text-fill-color: transparent;
        -o-text-fill-color: transparent;
        text-fill-color: transparent;
    }

.on_hand, .on_hand:focus:hover, .on_hand:focus {
    /*background:#f95647;
background:-moz-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:-webkit-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:-o-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:-ms-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:linear-gradient(155deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
color:#000;
border-color:#f95647*/
    border-color: #f1634d;
    background-color: #ff0000 !important;
    background-image: radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #fb8774,#fb8774,#fb8774,#fb8774, #f2381a 55% ) !important;
}

    .on_hand i {
        font-weight: bold;
        color: #000;
        font-size: 13px;
    }

.branch_issue, .branch_issue:hover, .branch_issue:focus {
    color: #000;
    background: #ff99c3;
    background: -moz-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
    background: -webkit-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
    background: -o-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
    background: -ms-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
    background: linear-gradient(155deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
    border-color: #ff99c3;
}

    .branch_issue i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.cleaving_issue, .cleaving_issue:hover, .cleaving_issue:focus {
    /*color:#000;
background:#b383ff;
background:-moz-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:-webkit-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:-o-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:-ms-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:linear-gradient(155deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
border-color:#b383ff*/
    border-color: #fcbb17;
    background-color: #fcbb17 !important;
    background-image: radial-gradient( circle at top left, #f8d98e,#f8d98e,#f8d98e,#f8d98e, #fcbb17 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #f8d98e,#f8d98e,#f8d98e,#f8d98e, #fcbb17 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #f8d98e,#f8d98e,#f8d98e,#f8d98e, #fcbb17 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #f8d98e,#f8d98e,#f8d98e,#f8d98e, #fcbb17 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #f8d98e,#f8d98e,#f8d98e,#f8d98e, #fcbb17 55% ) !important;
}

    .cleaving_issue i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.cleaving_return, .cleaving_return:hover, .cleaving_return:focus {
    /*color:#000;
background:#8398ff;
background:-moz-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:-webkit-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:-o-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:-ms-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:linear-gradient(155deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
border-color:#8398ff*/
    border-color: #2e44dc;
    background-color: #2e44dc !important;
    background-image: radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
}

    .cleaving_return i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.grading_issue, .grading_issue:hover, .grading_issue:focus {
    /*color:#000;
background:#83f4ff;
background:-moz-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:-webkit-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:-o-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:-ms-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:linear-gradient(155deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
border-color:#83f4ff*/
    border-color: #2e44dc;
    background-color: #2e44dc !important;
    background-image: radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #919dec,#919dec,#919dec,#919dec, #2e44dc 55% ) !important;
}

    .grading_issue i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.grading_return, .grading_return:hover, .grading_return:focus {
    /*color:#000;
background:#83ff9e;
background:-moz-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:-webkit-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:-o-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:-ms-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:linear-gradient(155deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
border-color:#83ff9e*/
    border-color: #703d4a;
    background-color: #703d4a !important;
    background-image: radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
}

    .grading_return i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.manufacture_issue, .manufacture_issue:hover, .manufacture_issue:focus {
    /*color:#000;
background:#ffd983;
background:-moz-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:-webkit-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:-o-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:-ms-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:linear-gradient(155deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
border-color:#ffd983*/
    border-color: #703d4a;
    background-color: #703d4a !important;
    background-image: radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #b28e97,#b28e97,#b28e97,#b28e97, #703d4a 55% ) !important;
}

    .manufacture_issue i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.manufacture_return, .manufacture_return:hover, .manufacture_return:focus {
    /*color:#000;
background:#d29292;
background:-moz-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:-webkit-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:-o-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:-ms-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:linear-gradient(155deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
border-color:#d29292*/
    border-color: #96d61f;
    background-color: #96d61f !important;
    background-image: radial-gradient( circle at top left, #add75e,#add75e,#add75e,#add75e,#add75e, #96d61f 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #add75e,#add75e,#add75e,#add75e,#add75e, #96d61f 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #add75e,#add75e,#add75e,#add75e,#add75e, #96d61f 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #add75e,#add75e,#add75e,#add75e,#add75e, #96d61f 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #add75e,#add75e,#add75e,#add75e,#add75e, #96d61f 55% ) !important;
}

    .manufacture_return i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.out_hand, .out_hand:hover, .out_hand:focus {
    /*background:#c3b274;
background:-moz-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
background:-webkit-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #a75c56 41%, #cebf8a 71%, #c3b274 100%);
background:-o-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
background:-ms-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
background:linear-gradient(155deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
border-color:#c3b274;color:#000*/
    border-color: #979797;
    background-color: #979797 !important;
    background-image: radial-gradient( circle at top left, #d2d2d2,#d2d2d2,#d2d2d2,#d2d2d2, #979797 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #d2d2d2,#d2d2d2,#d2d2d2,#d2d2d2, #979797 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #d2d2d2,#d2d2d2,#d2d2d2,#d2d2d2, #979797 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #d2d2d2,#d2d2d2,#d2d2d2,#d2d2d2, #979797 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #d2d2d2,#d2d2d2,#d2d2d2,#d2d2d2, #979797 55% ) !important;
}

    .out_hand i {
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }

.sell, .sell:hover, .sell:focus {
    /*color:#fff;
background:#40ad25;
background:-moz-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:-webkit-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:-o-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:-ms-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:linear-gradient(155deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
border-color:#40ad25*/
    border-color: #9c27b0;
    background-color: #9c27b0 !important;
    background-image: radial-gradient( circle at top left, #c973ef,#c973ef,#c973ef,#c973ef, #9c27b0 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #c973ef,#c973ef,#c973ef,#c973ef, #9c27b0 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #c973ef,#c973ef,#c973ef,#c973ef, #9c27b0 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #c973ef,#c973ef,#c973ef,#c973ef, #9c27b0 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #c973ef,#c973ef,#c973ef,#c973ef, #9c27b0 55% ) !important;
}

    .sell i {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
    }

.sold, .sold:hover, .sold:focus {
    border-color: #149aa9;
    background-color: #149aa9 !important;
    background-image: radial-gradient( circle at top left, #42d5da,#42d5da,#42d5da,#42d5da, #149aa9 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #42d5da,#42d5da,#42d5da,#42d5da, #149aa9 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #42d5da,#42d5da,#42d5da,#42d5da, #149aa9 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #42d5da,#42d5da,#42d5da,#42d5da, #149aa9 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #42d5da,#42d5da,#42d5da,#42d5da, #149aa9 55% ) !important;
}

    .sold i {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
    }

.mix_kapan, .mix_kapan:hover, .mix_kapan:focus {
    /*background:#66999c;
background:-moz-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:-webkit-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:-o-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:-ms-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:linear-gradient(155deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
border-color:#66999c;*/
    color: #000;
    border-color: #ddd;
    background-color: #ddd !important;
    background-image: radial-gradient( circle at top left, #fcfcfc,#fcfcfc,#fcfcfc,#fcfcfc, #ddd 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #fcfcfc,#fcfcfc,#fcfcfc,#fcfcfc, #ddd 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #fcfcfc,#fcfcfc,#fcfcfc,#fcfcfc, #ddd 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #fcfcfc,#fcfcfc,#fcfcfc,#fcfcfc, #ddd 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #fcfcfc,#fcfcfc,#fcfcfc,#fcfcfc, #ddd 55% ) !important;
}

    .mix_kapan i {
        color: #ea3012;
        font-size: 13px;
        line-height: 20px;
    }

.compare, .compare:hover, .compare:focus {
    color: #000;
    border-color: #ab12ab;
    background-color: #e04dde !important;
    background-image: radial-gradient( circle at top left, #e068de,#e068de,#e068de,#e068de, #e04dde 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #e068de,#e068de,#e068de,#e068de, #e04dde 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #e068de,#e068de,#e068de,#e068de, #e04dde 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #e068de,#e068de,#e068de,#e068de, #e04dde 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #e068de,#e068de,#e068de,#e068de, #e04dde 55% ) !important;
}

    .compare i {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
    }

.nocompare, .nocompare:hover, .nocompare:focus {
    color: #000;
    border-color: #4dc5e0;
    background-color: #4dc5e0 !important;
    background-image: radial-gradient( circle at top left, #8fdbec,#8fdbec,#8fdbec,#8fdbec, #4dc5e0 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #8fdbec,#8fdbec,#8fdbec,#8fdbec, #4dc5e0 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #8fdbec,#8fdbec,#8fdbec,#8fdbec, #4dc5e0 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #8fdbec,#8fdbec,#8fdbec,#8fdbec, #4dc5e0 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #8fdbec,#8fdbec,#8fdbec,#8fdbec, #4dc5e0 55% ) !important;
}

    .nocompare i {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
    }

.indate, .indate:hover, .indate:focus {
    color: #000;
    border-color: #2ab790;
    background-color: #2ab790 !important;
    background-image: radial-gradient( circle at top left, #64e0be,#64e0be,#64e0be,#64e0be, #2ab790 55% ) !important;
    background-image: -webkit-radial-gradient( circle at top left, #64e0be,#64e0be,#64e0be,#64e0be, #2ab790 55% ) !important;
    background-image: -moz-radial-gradient( circle at top left, #64e0be,#64e0be,#64e0be,#64e0be, #2ab790 55% ) !important;
    background-image: -ms-radial-gradient( circle at top left, #64e0be,#64e0be,#64e0be,#64e0be, #2ab790 55% ) !important;
    background-image: -o-radial-gradient( circle at top left, #64e0be,#64e0be,#64e0be,#64e0be, #2ab790 55% ) !important;
}

    .indate i {
        color: #fff;
        font-size: 13px;
        line-height: 20px;
    }

.pending_confirmation, .pending_confirmation:focus {
    background-color: #d97fb7;
    color: #fff;
    border-color: #d97fb7;
}

ul.code_btn_bar li a > .label {
    position: relative;
    top: -23px;
    text-align: center;
    font-size: 12px;
    padding: 4px 5px 3px;
    line-height: 14px;
    background-color: #373737;
    font-weight: normal;
}

/*.clsonhand{
background:#f95647;
background:-moz-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:-webkit-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:-o-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:-ms-linear-gradient(-65deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);
background:linear-gradient(155deg, #fdad9f 0%, #fd9e95 40%, #fd867b 41%, #fd695c 71%, #f95647 100%);color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}*/
/*.clsbrissue{
background:#ff99c3;
background:-moz-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
background:-webkit-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
background:-o-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
background:-ms-linear-gradient(-65deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);
background:linear-gradient(155deg, #ffe4f5 0%, #ffddf2 40%, #ffcce8 41%, #ffb9d9 71%, #ff99c3 100%);display:flow-root;padding:1px 2px;height:100%;line-height:18px}*/
/*.clsissue{
background:#b383ff;
background:-moz-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:-webkit-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:-o-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:-ms-linear-gradient(-65deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);
background:linear-gradient(155deg, #f5d8ff 0%, #f0d5ff 40%, #eac1ff 41%, #e4aeff 71%, #b383ff 100%);display:flow-root;padding:1px 2px;height:100%;line-height:18px;color:#000}
.clsreturn{
background:#8398ff;
background:-moz-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:-webkit-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:-o-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:-ms-linear-gradient(-65deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);
background:linear-gradient(155deg, #d8dcff 0%, #d5d9ff 40%, #c1d1ff 41%, #aeb8ff 71%, #8398ff 100%);color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clsgrdissue{
background:#83f4ff;
background:-moz-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:-webkit-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:-o-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:-ms-linear-gradient(-65deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
background:linear-gradient(155deg, #d8fffe 0%, #d5fffc 40%, #c1fcff 41%, #aef4ff 71%, #83f4ff 100%);
color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clsgrdreturn{
background:#83ff9e;
background:-moz-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:-webkit-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:-o-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:-ms-linear-gradient(-65deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
background:linear-gradient(155deg, #d8ffde 0%, #d5ffda 40%, #c1ffd1 41%, #aeffbc 71%, #83ff9e 100%);
color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clsmfgissue{
background:#ffd983;
background:-moz-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:-webkit-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:-o-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:-ms-linear-gradient(-65deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
background:linear-gradient(155deg, #ffefd8 0%, #ffecd5 40%, #ffe3c1 41%, #ffdfae 71%, #ffd983 100%);
color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clsmfgreturn{
background:#d29292;
background:-moz-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:-webkit-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:-o-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:-ms-linear-gradient(-65deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
background:linear-gradient(155deg, #ffe8e8 0%, #efd8d8 40%, #ecc6c6 41%, #d6a2a2 71%, #d29292 100%);
color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clsout{
background:#e4d8ad;
background:-moz-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
background:-webkit-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #a75c56 41%, #cebf8a 71%, #c3b274 100%);
background:-o-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
background:-ms-linear-gradient(-65deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
background:linear-gradient(155deg, #efe5c1 0%, #e4d8ad 40%, #c3b274 41%, #cebf8a 71%, #c3b274 100%);
color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clssell{
background:#40ad25;
background:-moz-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:-webkit-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:-o-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:-ms-linear-gradient(-65deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
background:linear-gradient(155deg, #a5f59b 0%, #78d46b 40%, #65bb43 41%, #36af27 71%, #40ad25 100%);
color:#fff;display:flow-root;padding:1px 2px;height:100%;line-height:18px}
.clsmixkapan{background:#66999c;
background:-moz-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:-webkit-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:-o-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:-ms-linear-gradient(-65deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
background:linear-gradient(155deg, #dae4e4 0%, #bfd4d6 40%, #a1c6c7 41%, #81aeb1 71%, #66999c 100%);
color:#000;display:flow-root;padding:1px 2px;height:100%;line-height:18px}*/
table tbody tr td .clsonhand a.link_btn, table tbody tr td .clsissue a.link_btn, table tbody tr td .clsreturn a.link_btn {
    line-height: 17px;
}

.showingLabel_page {
    height: calc(100% - 50px);
}

    .showingLabel_page .tabel_div {
        border-top: 1px solid #959595;
        border-bottom: 1px solid #959595;
    }

        .showingLabel_page .tabel_div table {
            border-bottom: none;
        }

            .showingLabel_page .tabel_div table thead tr th {
                border-top: none !important;
                overflow: auto;
                max-height: calc(100% - 119px);
            }

.purple_btn.fa-refresh {
    font-size: 16px;
}

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

.nestedGridTable table > tbody > tr.jtable-child-row > td {
    background-color: #e1edff !important;
    padding: 0 !important;
    border-bottom: 1px solid #777 !important;
}

    .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container {
        margin-left: 20px;
    }

        .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container {
            background: transparent;
        }

            .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container .jtable-title {
                display: none;
            }

            .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table > thead > tr > th:last-child, .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table > tbody > tr > td:last-child, .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table > tfoot > tr > td:last-child {
                border-right: none !important;
            }

.nestedGridTable table > tbody > tr.jtable-no-data-row {
    background-color: transparent !important;
}

    .nestedGridTable table > tbody > tr.jtable-no-data-row td {
        background: transparent !important;
    }

.nestedGridTable table > tfoot > tr td {
    padding: 4px 8px !important;
}

.nestedGridTable table.jtable > tbody > tr > td table {
    background: transparent;
    border-bottom: none;
}

.nestedGridTable table > tbody > tr table thead, .nestedGridTable table > tbody > tr table tbody tr, .nestedGridTable table > tbody > tr table tfoot {
    background: transparent !important;
}

.nestedGridTable table > tbody > tr table tbody {
    background-color: transparent;
}

.nestedGridTable table.jtable > tbody > tr > td table.jtable > thead > tr > th, nestedGridTable table > tbody > tr > td table > thead > tr > th {
    border-color: #777 !important;
    font-family: Verdana Bold;
    font-size: 12px;
    padding: 4px 3px !important;
    color: #000;
    font-weight: normal;
}

.nestedGridTable table tr td table > tbody > tr td, .nestedGridTable table.jtable tr td table.jtable > tbody > tr td {
    border-bottom: 1px solid #777 !important;
    border-color: #777 !important;
    line-height: 15px;
    font-size: 12px;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    color: #000;
    font-weight: normal;
    padding: 2px 3px;
}

.nestedGridTable table.jtable tbody tr table.jtable > tbody > tr:last-child td {
    border-bottom: none !important;
}

.nestedGridTable table.jtable > tbody > tr table.jtable tfoot tr td {
    border-bottom: none;
    border-color: #777;
    padding: 4px 3px !important;
    color: #000;
    font-family: Verdana Bold;
    font-size: 12px;
    font-weight: normal;
    height: 19px;
    line-height: 19px;
}

.nestedGridTable .jtable-main-container > table.jtable {
    border-color: #ccc !important;
}

    .nestedGridTable .jtable-main-container > table.jtable > thead > tr > th {
        border-color: #bbb !important;
        font-family: Verdana Bold;
        font-weight: normal;
    }

    .nestedGridTable .jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
        border-color: #ccc !important;
    }

.nestedGridTable table.jtable > tfoot > tr > td {
    border-color: #ccc !important;
}

.nestedGridTable table > tbody > tr.jtable-child-row > td {
    border-bottom: 1px solid #ccc !important;
    background: #fff !important;
}

.nestedGridTable .jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
    border-color: #ccc !important;
}

.nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container {
    padding: 15px 15px 15px 0 !important;
    border-top: 1px solid #ccc !important;
}

    .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container {
        background-color: #fff;
        margin-left: 15px;
        box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
    }

        .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table {
            border-bottom: 1px solid #ccc;
        }

.nestedGridTable table.jtable > tbody > tr > td table.jtable > thead > tr > th {
    border-color: #ccc !important;
    font-family: Verdana Bold;
}

.nestedGridTable table.jtable > tbody > tr > td table.jtable > tbody > tr > td {
    border-color: #ccc !important;
}

.nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table > thead > tr > th:last-child, .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table > tbody > tr > td:last-child, .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container table > tfoot > tr > td:last-child {
    border-right: 1px solid #aaa !important;
}

.nestedGridTable table.jtable > tbody > tr > td table.jtable > tfoot > tr > td {
    border-color: #ccc !important;
}

.nestedGridTable tbody tr.childRow {
    border-left: 1px solid #ddd;
}

    .nestedGridTable tbody tr.childRow > td, .nestedGridTable table tbody tr.childRow > td, .panel-default .nestedGridTable .jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td:last-child {
        padding: 10px 10px 10px 0 !important;
        border-left: none !important;
        border-bottom: none !important;
    }

.panel-default .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container .jtable-main-container {
    margin-left: 0;
}

.panel-default .nestedGridTable table > tbody > tr.jtable-child-row > td .jtable-child-table-container {
    padding: 0 !important;
    margin: 0;
    border-top: none !important;
}

.panel-default .nestedGridTable table > tbody tr.childRow > td .jtable-main-container {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.35);
}

.lightTheme .panel-default .nestedGridTable tbody > tr:hover {
    background: #f7f7f7 !important;
}

.panel-default .nestedGridTable table > tfoot > tr td {
    padding: 6px 8px !important;
}

.nestedGridTable tbody tr.childRow > td .contentHolder {
    display: table;
    width: 100%;
}

.nestedGridTable .slideBodyPart .form-group {
    margin: 0 -10px 10px !important;
}

.nestedGridTable .slideBodyPart i.fa-plus {
    color: inherit;
}


.employee_page .nav-tabs-custom ul.nav-tabs li {
    float: none;
    width: 100%;
    border: 1px solid #727272;
    position: relative;
}

.employee_page .nav-tabs-custom ul.nav-tabs > li > a {
    background-color: #f2f2f2;
    border: none;
    color: #000;
    font-family: Verdana Bold;
    font-size: 16px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d4dee0),color-stop(1,#ececec));
    background: -ms-linear-gradient(bottom,#d4dee0,#ececec);
    background: -moz-linear-gradient(center bottom,#d4dee0 0%,#ececec 100%);
    background: -o-linear-gradient(#ececec,#d4dee0);
}

    .employee_page .nav-tabs-custom ul.nav-tabs > li > a i {
        right: 10px;
        position: absolute;
        line-height: 22px;
        font-size: 13px;
    }

.employee_page .nav-tabs-custom ul.nav-tabs > li:last-child > a {
    border-bottom: none;
}

.employee_page .nav-tabs-custom ul.nav-tabs > li.active > a {
    background: #525252;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#3d4e43),color-stop(1,#e7ebec));
    background: -ms-linear-gradient(bottom,#3d4e43,#e7ebec);
    background: -moz-linear-gradient(center bottom,#3d4e43 0%,#e7ebec 100%);
    background: -o-linear-gradient(#e7ebec,#3d4e43);
}

.employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div {
    width: 100%;
    padding: 15px 0 0;
}

    .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div .input_text, .tab-content .detail_div .input_text {
        height: 32px !important;
        line-height: 30px;
    }

    .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div .form-group {
        margin-bottom: 15px;
        position: relative;
    }

        .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div .form-group .field-validation-error, .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div .form-group .field-validation-valid {
            position: absolute;
            bottom: -18px;
            right: 15px;
            font-size: 12px;
            width: calc(100% - 170px);
        }

.employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .panel_btn_bar {
    margin: 0 15px 15px !important;
}

    .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .panel_btn_bar .btn {
        margin: 0 8px;
    }

    .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .panel_btn_bar .back_tab .btn, .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .panel_btn_bar .next_tab .btn {
        background-color: #6f7d75;
        color: #fff;
    }

        .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .panel_btn_bar .back_tab .btn:hover, .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .panel_btn_bar .next_tab .btn:hover {
            background-color: #5f6561;
            color: #fff;
        }

.employee_page .nav-tabs-custom ul.nav-tabs li > .tab-content .tab-pane {
    display: none !important;
}

.employee_page .nav-tabs-custom ul.nav-tabs li.active > .tab-content .tab-pane {
    display: block !important;
}

.employee_page div.jtable-main-container > div.jtable-bottom-panel {
    padding: 0 5px;
}

    .employee_page div.jtable-main-container > div.jtable-bottom-panel .jtable-right-area {
        right: 10px !important;
    }

.dept_group_popup li, .issue_option_div li {
    width: 90px;
    padding: 0px 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    display: block;
    font-weight: 600;
}

.sold_book .dept_group_popup li {
    width: 145px;
    padding: 0px 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    display: block;
    font-weight: 600;
}

.dept_group_popup li:first-child, .issue_option_div li:first-child {
    border-radius: 4px 4px 0 0;
}

.dept_group_popup li:last-child, .issue_option_div li:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: none;
}

.dept_group_popup li:hover, .issue_option_div li:hover {
    background-color: #999;
    color: #fff;
}

ul.dept_group_popup {
    display: none;
    background-color: #e5e5e5;
    color: #fff;
    border-radius: 0 5px 5px;
    position: absolute;
    border: 1px solid #aaa;
    z-index: 1;
    top: 0%;
    left: 110%;
    padding: 0;
    margin: 0;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -o-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

.dept_group_popup li, .issue_option_div li {
    list-style: none;
}

.dept_group_popup li, .issue_option_div li {
    width: 90px;
    padding: 0px 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    display: block;
    font-weight: normal !important;
    font-family: Verdana Bold;
}

    .dept_group_popup li:first-child, .issue_option_div li:first-child {
        border-radius: 4px 4px 0 0;
    }

    .dept_group_popup li:last-child, .issue_option_div li:last-child {
        border-radius: 0 0 4px 4px;
        border-bottom: none;
    }

    .dept_group_popup li:hover, .issue_option_div li:hover {
        background-color: #999;
        color: #fff;
    }

.userMasterPage .bottom_btn_bar {
    display: inline-block;
}

.addRoleTab .pagelist .tab-pane {
    max-height: 380px;
    overflow-y: auto;
}

.grid_table tbody tr td {
    box-sizing: content-box;
}

    .grid_table tbody tr td .select2-container .select2-selection--multiple {
        min-height: 20px;
    }

    .grid_table tbody tr td .select2-container .select2-search--inline .select2-search__field {
        margin-top: 0;
    }

    .grid_table tbody tr td .select2-container--default .select2-selection--multiple:after {
        top: 3px;
    }

    .grid_table tbody tr td .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        line-height: 17px;
    }

    .grid_table tbody tr td .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 12px;
    }

    .grid_table tbody tr td .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        line-height: 17px;
    }

ul.dept_group_popup::before {
    content: "";
    border: 25px solid #e5e5e5;
    border-right: none;
    border-bottom-color: transparent;
    border-top-color: transparent;
    left: -11px;
    top: 3px;
    position: absolute;
    border-bottom: 30px solid transparent;
    border-top: 0px solid transparent;
    box-shadow: -1px -1px 1px #949494;
    transform: rotate(-39deg);
    -webkit-transform: rotate(-39deg);
    -moz-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    -o-transform: rotate(-39deg);
}

ul.issue_option_div {
    display: none;
    background-color: #e5e5e5;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #aaa;
    z-index: 1;
    padding: 0;
    margin: 0;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
    width: max-content;
    width: -ms-max-content;
    width: -moz-max-content;
    width: -o-max-content;
    right: 85%;
    top: 50%;
    border-radius: 0;
    max-height: 400px;
    overflow: auto;
}

.issue_option_div li {
    width: auto;
    text-align: left;
    font-size: 12px;
}

    .issue_option_div li a {
        margin-left: 8px;
        font-size: 11px;
        cursor: pointer;
    }

.sourcemine_option_div, .deliveryport_option_div, .sight_option_div {
    display: none;
    background-color: #fff;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #aaa;
    z-index: 1;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.roughPurchaseMasterBook .issue_option_div, .roughPurchaseMasterBook .sourcemine_option_div, .roughPurchaseMasterBook .sight_option_div {
    border-left: none;
}

    .roughPurchaseMasterBook .issue_option_div .issueKapanTypeDiv label {
        color: #000;
        padding-right: 5px;
        padding-left: 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        font-family: Verdana Bold;
        font-weight: normal;
    }

    .roughPurchaseMasterBook .issue_option_div .issueKapanTypeDiv input {
        margin-top: 0;
        position: absolute;
        top: 31%;
    }

.pendingJangad {
    color: blue;
    cursor: pointer;
}

.popup_div .popup_div {
    z-index: 2;
}

.popup_div .box_col .with_add_btn .form-control, .popup_div .box_col .with_add_btn .select2-container {
    float: left;
    width: calc(100% - 35px) !important;
}

.popup_div .box_col .with_add_btn .btn {
    float: left;
    line-height: 26px;
    padding: 0 8px;
    font-size: 12px;
    margin-left: 5px;
}

.popup_div .box_col .select2-container .select2-selection--single {
    padding: 0 2px;
    height: 30px !important;
    font-size: 13px;
}

.popup_div .box_col .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.popup_body .top_btn_serch .form-group input[type=checkbox] {
    margin-top: 0;
    float: left;
}

.popup_body .top_btn_serch .all_select_box label {
    float: left;
    line-height: 20px;
}

.popup_body .branchTransferTable {
    margin-top: 5px;
    margin-bottom: 10px;
}

.masterBook_topButton {
    padding: 0 15px;
}

    .masterBook_topButton .btn {
        margin: 0 5px;
    }

        .masterBook_topButton .btn:first-child {
            margin-left: 0;
        }

        .masterBook_topButton .btn:last-child {
            margin-right: 0;
        }

.swal2-container .btn {
    margin: 15px 5px 0;
    padding: 10px 30px;
    font-size: 17px;
    border-top: none;
    border-bottom: none;
}

    .swal2-container .btn:hover {
        border-top: none;
        border-bottom: none;
    }

    .swal2-container .btn:focus {
        box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,0.4);
        border-top: none;
        border-bottom: none;
        color: #fff;
    }

.swal2-container .successBtn {
    background-color: rgb(48,133,214);
    border-left-color: rgb(48,133,214);
    border-right-color: rgb(48,133,214);
    color: #fff;
}

    .swal2-container .successBtn:hover {
        background-color: rgb(43,120,192);
        border-left-color: rgb(48,133,214);
        border-right-color: rgb(48,133,214);
    }

    .swal2-container .successBtn:focus {
        border-left-color: rgb(48,133,214);
        border-right-color: rgb(48,133,214);
    }

.swal2-container .commonBtn {
}

    .swal2-container .commonBtn:hover {
        border-color: #3f718e;
        background-color: #3f718e;
    }

    .swal2-container .commonBtn:focus {
        border-color: #3f718e;
    }

.swal2-container .cancelBtn {
    display: inline-block;
    background-color: rgb(221,51,51);
    color: #fff;
    border: none;
}

    .swal2-container .cancelBtn:hover {
        background-color: rgb(199,46,46);
        border: none;
    }

    .swal2-container .cancelBtn:focus {
        border: none;
    }

.clsred, .clsred:hover {
    background: #ffbab0 !important;
}

.clrselected, .clrselected:hover {
    background: #4d85c1 !important;
}

table tr td .clsparent .link_btn, .clsparent .link_btn { /*background:#c0bce9;border-color:#9289eb;*/
    background: transparent;
    border-color: #7cc4e2;
    color: #000;
}

.contextMenu {
    position: fixed;
    z-index: 999;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    width: 220px !important; /*max-height:300px;*/
    overflow: auto;
    border: 1px solid rgba(100,100,100,0.55);
    padding: 5px;
    background: rgba(250,250,250,0.98);
    box-shadow: 2px 2px 12px 4px rgba(100,100,100,0.4);
    -webkit-box-shadow: 2px 2px 12px 4px rgba(100,100,100,0.4);
    -moz-box-shadow: 2px 2px 12px 4px rgba(100,100,100,0.4);
    -ms-box-shadow: 2px 2px 12px 4px rgba(100,100,100,0.4);
    -o-box-shadow: 2px 2px 12px 4px rgba(100,100,100,0.4);
    transition: transform 400ms ease-in-out 50ms;
}

    .contextMenu.visible {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .contextMenu ul {
        padding-left: 0;
        margin-bottom: 0;
    }

        .contextMenu ul li {
            padding: 3px;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            cursor: pointer;
            color: rgba(50,50,50,0.9);
            font-size: 15px;
        }

            .contextMenu ul li:hover {
                background: rgba(100,100,100,0.12);
            }

            .contextMenu ul li.disabled {
                color: rgba(100,100,100,0.5);
                cursor: pointer;
            }

            .contextMenu ul li.share {
                width: 100%;
                flex-direction: column;
                align-items: left;
                flex-wrap: wrap;
            }

                .contextMenu ul li.share > .name {
                    margin-top: -2px;
                    margin-bottom: 10px;
                    display: block;
                }

                .contextMenu ul li.share .icons {
                    width: 100%;
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-around;
                }

                    .contextMenu ul li.share .icons > i:hover {
                        background: #e7e7e7;
                    }

            .contextMenu ul li i {
                width: 20px;
            }

            .contextMenu ul li .name {
                padding-left: 8px;
                font-family: Verdana Bold;
                font-size: 12px;
                color: #333;
                width: 100%;
            }

                .contextMenu ul li .name a {
                    display: block;
                }

            .contextMenu ul li .contextBtn {
                padding-left: 8px;
                font-family: Verdana Bold;
                font-size: 12px;
                width: 100%;
                border-radius: 3px;
                border: 1px solid #aaa;
                padding-top: 1px;
                padding-bottom: 0px;
            }

                .contextMenu ul li .contextBtn:hover, .contextMenu ul li .contextBtn:focus {
                    border-color: #000;
                    box-shadow: 2px 2px 4px rgba(0,0,0,0.7);
                }

            .contextMenu ul li .contextlable {
                width: 100%;
            }

                .contextMenu ul li .contextlable span:first-child {
                    font-family: Verdana Bold;
                    color: #000;
                    font-size: 12px;
                    margin-left: 30px;
                    margin-right: 15px;
                }

                .contextMenu ul li .contextlable span:last-child {
                    font-family: Verdana Bold;
                    color: #000;
                    font-size: 14px;
                }

    .contextMenu div.break {
        margin: 4px 0px;
        border-top: 1px solid rgba(100,100,100,0.5);
    }

.pulse {
    position: fixed;
    width: 1px;
    height: 1px;
    background: rgba(0,0,0,1);
    opacity: 0;
    border-radius: 50%;
    z-index: 100;
}

    .pulse.active {
        animation: pulse 400ms ease;
    }

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
    }

    100% {
        opacity: 0;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.padding3_3 {
    padding: 3px !important;
}

.padding_right7 {
    padding-right: 7px !important;
}

.padding_left7 {
    padding-left: 7px;
}

.padding7_7 {
    padding: 7px !important;
}

.padding7 {
    padding: 0 7px;
}

.padding_right20 {
    padding-right: 20px;
}

.padding_left20 {
    padding-left: 20px;
}

.with_add_btn .form-control, .lightTheme .with_add_btn .form-control, .with_add_btn .select2-container {
    float: left;
    width: calc(100% - 35px);
}

.with_add_btn .select2-container {
    float: left;
    width: calc(100% - 35px) !important;
}

.with_add_btn .btn, .lightTheme .with_add_btn .btn {
    float: left;
    line-height: 28px;
    padding: 0 7px;
    font-size: 12px;
    margin-left: 5px;
}

.form-group i.dropdown_arrow {
    position: absolute;
    top: 15px;
    margin-top: -7.5px;
    right: 22px;
    cursor: pointer;
    z-index: 0;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.input-group .form-control {
    z-index: 0;
    line-height: 28px;
}

.editable_grid {
    overflow: auto;
    border: 1px solid #646464;
    border-bottom: none;
}

    .editable_grid table {
        margin-top: 0 !important;
    }

.lightTheme .editable_grid table {
    border-color: #646464 !important;
}

.editable_grid table, .editable_grid .table, .editable_grid table.dataTable, .editable_grid div.jtable-main-container table.jtable {
    border-bottom: 1px solid #646464;
}

    .editable_grid table colgroup col {
        max-width: max-content;
        width: -ms-max-content;
        width: -o-max-content;
        width: -moz-max-content;
    }

        .editable_grid table colgroup col.depart {
            width: 150px;
        }

        .editable_grid table colgroup col.emply {
            width: 170px;
        }

        .editable_grid table colgroup col.designation {
            width: 150px;
        }

        .editable_grid table colgroup col.kapan {
            width: 100px;
        }

        .editable_grid table colgroup col.sub_kapan {
            width: 100px;
        }

        .editable_grid table colgroup col.crts {
            width: 80px;
        }

        .editable_grid table colgroup col.switch {
            width: 60px;
        }

        .editable_grid table colgroup col.pics {
            width: 45px;
        }

        .editable_grid table colgroup col.pross {
            width: 160px;
        }

        .editable_grid table colgroup col.no {
            width: 50px;
        }

        .editable_grid table colgroup col.jngd_no {
            width: 60px;
        }

        .editable_grid table colgroup col.date {
            width: 80px;
        }

        .editable_grid table colgroup col.time {
            width: 50px;
        }

        .editable_grid table colgroup col.item {
            width: 70px;
        }

        .editable_grid table colgroup col.shape {
            width: 70px;
        }

        .editable_grid table colgroup col.color {
            width: 70px;
        }

        .editable_grid table colgroup col.clearity {
            width: 70px;
        }

        .editable_grid table colgroup col.cut {
            width: 70px;
        }

        .editable_grid table colgroup col.fluorescent {
            width: 70px;
        }

        .editable_grid table colgroup col.barcode {
            width: 100px;
        }

        .editable_grid table colgroup col.ip {
            width: 125px;
        }

        .editable_grid table colgroup col.machine {
            width: 150px;
        }

    colgroup .col150, .editable_grid table colgroup .col150 {
        width: 150px;
    }

    colgroup .col140, .editable_grid table colgroup .col140 {
        width: 140px;
    }

    colgroup .col130, .editable_grid table colgroup .col130 {
        width: 130px;
    }

    colgroup .col120, .editable_grid table colgroup .col120 {
        width: 120px;
    }

    colgroup .col110, .editable_grid table colgroup .col110 {
        width: 110px;
    }

    colgroup .col100, .editable_grid table colgroup .col100 {
        width: 100px;
    }

    colgroup .col95, .editable_grid table colgroup .col95 {
        width: 95px;
    }

    colgroup .col90, .editable_grid table colgroup .col90 {
        width: 90px;
    }

    colgroup .col80, .editable_grid table colgroup .col80 {
        width: 80px;
    }

    colgroup .col70, .editable_grid table colgroup .col70 {
        width: 70px;
    }

    colgroup .col60, .editable_grid table colgroup .col60 {
        width: 60px;
    }

    colgroup .col50, .editable_grid table colgroup .col50 {
        width: 50px;
    }


    colgroup .col40, .editable_grid table colgroup .col40 {
        width: 40px;
    }

    colgroup .col30, .editable_grid table colgroup .col30 {
        width: 30px;
    }

    .photo_compare_section colgroup .col180, .editable_grid table colgroup .col180 {
        width: 180px;
    }

.photo_compare_section .width_max_content {
    width: max-content;
}

.photo_compare_section .width_max_content {
    width: max-content;
}

.editable_grid table thead {
    background: #eee;
    border-top: none;
}

    .editable_grid table thead tr th {
        font-family: Verdana Bold !important;
        font-weight: 600;
        color: #305637;
        text-align: center;
        border-width: 0 0 1px 1px !important;
        border-style: solid;
        border-color: #646464 !important;
        padding: 3px 5px;
        line-height: 15px;
        font-size: 11px;
        background: #04666a29;
        vertical-align: middle;
    }

.lightTheme .editable_grid table thead tr th {
    font-size: 12px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

    .lightTheme .editable_grid table thead tr th.no-padding {
        padding: 0 !important;
    }

.editable_grid table > thead > tr > th:first-child, .editable_grid table > tbody > tr > td:first-child, .editable_grid table > tfoot > tr > td:first-child {
    border-left: none !important;
    border-left-width: 0px !important;
}

.lightTheme .editable_grid table > thead > tr > th {
    border-color: #646464 !important;
}

.editable_grid table tbody tr:nth-of-type(odd) {
    background: #fff;
}

.editable_grid table tbody tr:hover {
    background-color: #d2eed8;
}

.editable_grid table tbody tr td {
    border: 1px solid #646464 !important;
    padding: 3px 5px !important;
    line-height: 16px !important;
    border-bottom: none !important;
    border-top: none !important;
    border-left: 1px solid #646464 !important;
    border-right: none !important;
}

.lightTheme .editable_grid table tbody tr td {
    font-size: 11px;
    color: #000;
}

.editable_grid table > tbody > tr > td:last-child {
    border-right-width: 0px !important;
    height: 28px;
}

.editable_grid table > tbody > tr:last-child td {
    border-bottom: none;
}

.editable_grid table tbody tr td .form-control {
    width: 100% !important;
    background-color: transparent;
    min-width: 50px;
    border-radius: 2px;
    padding: 0 2px;
    line-height: 16px;
    margin: 0;
    height: 17px;
    position: relative;
    border-color: #bbb;
    font-size: 11px;
    border: none;
}

    .editable_grid table tbody tr td .form-control.activeRow {
        border: 1px solid #aaa;
        background: #f7f7f7;
    }

.editable_grid table tbody tr td input[readonly].form-control.activeRow {
    background: #ccc;
}

.editable_grid table tbody tr td .form-control:focus {
    display: inline-block;
    border: 1px solid #6bacc8 !important;
    line-height: 14px;
    background-color: #fff;
    box-shadow: 0 0 2px 0 #13688c;
}

.editable_grid table tbody tr td .edit_dot {
    display: none;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #2f98e7;
    bottom: -2px;
    right: -2px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.editable_grid table tbody tr td input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, .editable_grid table tbody tr td input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.editable_grid table tbody tr td .focus_div {
    border: 1px solid #2f98e7 !important;
    box-shadow: 0 0 2px 0 #13688c;
}

    .editable_grid table tbody tr td .focus_div .switch {
        vertical-align: text-bottom;
    }

.editable_grid table tfoot, .lightTheme .editable_grid table tfoot {
    background: #efefef !important;
}

.editable_grid .table-bordered > tfoot > tr > td, .editable_grid table > tfoot > tr > td {
    border-color: #646464 !important;
    padding: 3px;
    font-size: 11px !important;
    font-weight: 600;
    color: #222;
    border-right: none;
    line-height: 21px;
    font-family: Verdana Bold !important;
}

    .editable_grid .table-bordered > tfoot > tr > td:last-child {
        border-right: none !important;
    }

.table_hade_div {
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 13px;
    font-family: Verdana Bold;
    font-weight: 600;
    color: #000;
}

.switch {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 13px;
    margin-bottom: 0;
    vertical-align: text-top;
    margin-top: 1px;
}

    .switch input {
        opacity: 0;
        margin-top: 0 !important;
        top: 0 !important;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

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

input:checked + .slider {
    background-color: var(--main-color);
}

    input:checked + .slider:before {
        -webkit-transform: translateX(13.5px);
        -ms-transform: translateX(13.5px);
        transform: translateX(13.5px);
    }

.slider.round {
    border-radius: 13px;
}

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

.barcode_preview_bar {
    margin-top: 8px;
    border: none;
    background-color: transparent;
}

    .barcode_preview_bar.form-group {
        margin: 0;
    }

        .barcode_preview_bar.form-group label.new_checkbox {
            vertical-align: middle;
            margin-right: 5px;
        }

    .barcode_preview_bar:focus {
        outline: none;
    }

    .barcode_preview_bar input[type=checkbox] {
        margin-top: 0;
        position: relative;
        top: 5px;
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

    .barcode_preview_bar label {
        margin-bottom: 0;
        font-weight: 400;
    }

table.body_colapse tbody {
    display: none;
}

table.body_colapse thead tr th {
    font-family: Verdana !important;
    padding-right: 8px;
    vertical-align: middle;
}

    table.body_colapse thead tr th i.fa {
        cursor: pointer;
    }

table.body_colapse thead tr:first-child th {
    border: none;
    background: #4c5658;
    color: #fff;
    font-size: 13.5px !important;
}

table.body_colapse tbody tr td {
    height: 31px;
    box-sizing: border-box;
}

table.body_colapse tbody tr.total_row td {
    font-family: Verdana Bold;
    font-weight: 600;
}

table.body_colapse tfoot tr td {
    height: 38px;
    box-sizing: border-box;
}

.side_form .control-label {
    font-size: 12px;
}

.tableWithAddRecode .add_tabel_recode .box_div {
    padding: 0 15px;
    border-radius: 0 0 6px 6px;
    border: 1px solid #888;
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    background-color: var(--light_theme);
}

    .tableWithAddRecode .add_tabel_recode .box_div .box_head {
        margin-bottom: 0;
    }

    .tableWithAddRecode .add_tabel_recode .box_div .form-horizontal {
        padding: 5px 0;
    }

        .tableWithAddRecode .add_tabel_recode .box_div .form-horizontal .form-group {
            margin: 5px 0;
        }

            .tableWithAddRecode .add_tabel_recode .box_div .form-horizontal .form-group .control-label {
                padding: 0;
                line-height: 28px;
            }

            .tableWithAddRecode .add_tabel_recode .box_div .form-horizontal .form-group .form-control {
                height: 28px;
                padding: 0 5px;
            }

            .tableWithAddRecode .add_tabel_recode .box_div .form-horizontal .form-group .btn {
                height: 28px;
                font-weight: 600;
            }

.tableWithAddRecode .add_tabel_recode .form-group {
    margin: 5px 0;
    display: flex;
    display: -webkit-flex;
}

    .tableWithAddRecode .add_tabel_recode .form-group .control-label {
        width: 113px;
        float: left;
        margin-right: 5px;
        line-height: 26px;
        font-size: 12px;
        margin-bottom: 0;
        color: #000;
        font-weight: 400;
    }

    .tableWithAddRecode .add_tabel_recode .form-group .input_div {
        width: calc(100% - 110px);
        float: left;
    }

        .tableWithAddRecode .add_tabel_recode .form-group .input_div .form-control {
            height: 26px;
        }

        .tableWithAddRecode .add_tabel_recode .form-group .input_div input[type=checkbox] {
            position: relative;
            top: 3px;
        }

    .tableWithAddRecode .add_tabel_recode .form-group .btn {
        height: 26px;
        line-height: 13px;
    }

.rec_add_table_btn_bar {
    text-align: center;
    margin-bottom: 20px;
}

.table_top_border {
    border-top: 1px solid #959595;
}

.bottom_fix_btn_bar {
    width: 98%;
    bottom: 12px;
    position: fixed;
    margin-left: 1%;
    left: 0;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
    -ms-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
    -o-box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
    border-color: #646464;
}

.master_top_section {
    border: 1px solid #888;
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,.6);
}

    .master_top_section .form-group {
        display: flex;
        display: -webkit-flex;
        margin: 5px 0;
    }

        .master_top_section .form-group .control-label {
            margin-bottom: 0;
            line-height: 34px;
        }

.popupTableBox {
    max-width: 730px;
    overflow: auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    max-height: 300px;
}

/*==================================== Tab Panel Part Strat ==================================*/
.tabPanelDiv .nav-tabs-custom {
    background: var(--light_theme);
    border: 1px solid #ccc;
}

    .tabPanelDiv .nav-tabs-custom .nav-tabs {
        border-bottom-color: #ccc;
    }

        .tabPanelDiv .nav-tabs-custom .nav-tabs > li {
            margin-right: 0;
        }

            .tabPanelDiv .nav-tabs-custom .nav-tabs > li.active {
                border-top-color: var(--main-color);
                border-left: 1px solid #646464;
            }

            .tabPanelDiv .nav-tabs-custom .nav-tabs > li:first-child.active {
                border-left: none;
            }

                .tabPanelDiv .nav-tabs-custom .nav-tabs > li:first-child.active a {
                    border-left: none;
                }

            .tabPanelDiv .nav-tabs-custom .nav-tabs > li > a {
                font-family: Verdana Bold;
                font-size: 16px;
                padding: 6px 20px;
                color: #444;
            }

            .tabPanelDiv .nav-tabs-custom .nav-tabs > li.active > a, .tabPanelDiv .nav-tabs-custom .nav-tabs > li.active:hover > a {
                background-color: #fff;
                border-right-color: #646464;
                color: var(--light-theme-main-color);
            }

    .tabPanelDiv .nav-tabs-custom .tab-content.pagelist, .addRoleTab .nav-tabs-custom .tab-content.pagelist {
        padding: 15px;
        background-color: #fff;
    }

.tabPanelDiv .nav-tabs-custom {
    background-color: transparent;
    border-radius: 4px;
    border-color: #646464;
}

    .tabPanelDiv .nav-tabs-custom .nav-tabs {
        background-color: var(--light_theme);
        border-bottom-color: #646464;
    }
/*===================================== Tab Panel Part End ===================================*/

/*============================ Pandding Stock Confirmation Start =============================*/
.Confirm_nonconfirm_btn_div {
}

    .Confirm_nonconfirm_btn_div .form-group, .bulkTransaction_page .form-group {
        display: flex;
        display: -webkit-flex;
        margin-top: 5px;
        margin-bottom: 8px;
    }

    .Confirm_nonconfirm_btn_div .confirm_nonconfirm_part {
        float: left;
        margin: 0 15px;
    }

        .Confirm_nonconfirm_btn_div .confirm_nonconfirm_part:first-child {
            margin-left: 0;
        }

        .Confirm_nonconfirm_btn_div .confirm_nonconfirm_part .radio_btn {
            margin-right: 5px;
            float: left;
            margin-top: 0;
            height: 15px;
            width: 15px;
            margin-top: 1px;
        }

        .Confirm_nonconfirm_btn_div .confirm_nonconfirm_part label {
            float: left;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
            margin-bottom: 0;
            font-size: 12px;
        }

        .Confirm_nonconfirm_btn_div .confirm_nonconfirm_part input[type=radio]:checked ~ .confirm_nonconfirm_part {
            color: var(--main_color);
        }

.pandStcConfirm_page .top_section, .bulkTransaction_page .top_section, .singalePacketCreation .top_section, .singalePacketTransaction .top_section, .prediction_page .top_section, .packetMixing_page .top_section {
    border: 1px solid #888;
    padding-bottom: 0;
}

    .pandStcConfirm_page .top_section .form-group, .bulkTransaction_page .top_section .form-group, .singalePacketCreation .top_section .form-group, .singalePacketTransaction .top_section .form-group, .prediction_page .top_section .form-group, .packetMixing_page .top_section .form-group {
        display: flex;
        display: -webkit-flex;
    }

    .pandStcConfirm_page .top_section .control-label, .bulkTransaction_page .top_section .control-label, .singalePacketCreation .top_section .control-label, .singalePacketTransaction .top_section .control-label, .prediction_page .top_section .control-label, .packetMixing_page .top_section .control-label {
        float: left;
        /*font-family: Verdana;*/
        font-family: var(--font-body-font);
        font-size: 12px;
        width: 120px;
        line-height: 30px;
        margin-bottom: 0;
        padding-right: 7px;
        text-align: right;
    }

    .pandStcConfirm_page .top_section .input_box, .bulkTransaction_page .top_section .input_box, .singalePacketCreation .top_section .input_box, .singalePacketTransaction .top_section .input_box, .prediction_page .top_section .input_box, .packetMixing_page .top_section .input_box {
        float: left;
        width: calc(100% - 120px);
        height: 30px;
    }

        .pandStcConfirm_page .top_section .input_box .form-control, .bulkTransaction_page .top_section .input_box .form-control, .singalePacketCreation .top_section .input_box .form-control, .prediction_page .top_section .input_box .form-control, .singalePacketTransaction .top_section .input_box .form-control, .packetMixing_page .top_section .input_box .form-control {
            height: 30px;
        }

    .pandStcConfirm_page .top_section .form-group .btn, .bulkTransaction_page .top_section .section_btn_bar .btn, .singalePacketCreation .top_section .section_btn_bar .btn, .singalePacketTransaction .top_section .section_btn_bar .btn, .prediction_page .top_section .section_btn_bar .btn, .packetMixing_page .top_section .section_btn_bar .btn {
        height: 30px;
        line-height: 17px;
        margin: 0 5px;
    }

.pandStcConfirm_page .table_div table, .bulkTransaction_page .table_div table, .singalePacketCreation .table_div table, .singalePacketTransaction .table_div table, .prediction_page .table_div table, .packetMixing_page .table_div table {
    margin-bottom: 0 !important;
}

.pandStcConfirm_page .bottom_btn_bar, .bulkTransaction_page .bottom_btn_bar {
    margin-top: 15px;
}

.packetMixing_page .top_section .control-label {
    width: 95px;
    padding-right: 5px;
}

.packetMixing_page .top_section .input_box {
    width: calc(100% - 95px);
}
/*============================= Pandding Stock Confirmation End ==============================*/

/*================================ Bulk Stock Transaction Start ==============================*/
.bulkTransaction_page .top_section .section_btn_bar .btn {
    margin: 5px 0 8px;
    float: right;
}

    .bulkTransaction_page .top_section .section_btn_bar .btn:last-child {
        margin-bottom: 0;
    }

.bulkTransaction_page .display_table {
    overflow-x: auto;
}

    .bulkTransaction_page .display_table .display_div {
        width: 1648px;
        margin: 0 auto;
    }
/*================================= Bulk Stock Transaction End ===============================*/

/*=============================== Singale Packet Creation Start ==============================*/
.singalePacketCreation .top_section .control-label {
    width: 100px;
}

.singalePacketCreation .top_section .input_box {
    width: calc(100% - 100px);
}
/*================================ Singale Packet Creation End ===============================*/

/*============================== Singale Packet Transaction Start ============================*/
.singalePacketTransaction .top_section .control-label {
    width: 115px;
}

.singalePacketTransaction .top_section .input_box {
    width: calc(100% - 115px);
}
/*=============================== Singale Packet Transaction End =============================*/

/*===================================== Popup Div Start ======================================*/
.popup_tool_btn .min_max_btn {
    margin-right: 15px;
    margin-top: 1px;
}

.popup_div .mixKapanPopup .box_col .control-label {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.popup_div .mixKapanPopup .box_col .input_div {
    font-family: Verdana Bold;
}

    .popup_div .mixKapanPopup .box_col .input_div .col-xs-6 {
        line-height: 28px;
        font-family: Verdana Bold;
        color: #000;
    }

    .popup_div .mixKapanPopup .box_col .input_div span.displayBox {
        background-color: #e4e4e4;
        float: left;
        width: 80px;
        height: 28px;
        margin-right: 2px;
        padding: 0 3px;
        color: red;
        font-size: 13px;
    }

    .popup_div .mixKapanPopup .box_col .input_div .col-xs-6 small {
        font-size: 11px;
    }

.select2-search--dropdown .select2-search__field {
    padding: 1px;
}

.select2-results__option {
    font-size: 12px !important;
    padding: 2px 5px;
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    min-width: 100%;
}

.lightTheme .popup_div .mixKapanPopup .box_col .input_div .select2-container--default .select2-selection--multiple .select2-search__field {
    color: #000;
}

.select2-dropdown.kapanList ul li.select2-results__option--highlighted table tbody tr td {
    background-color: #5897fb;
    color: #fff;
}

.mixKapanPopup .select2-container--default .select2-results__option--highlighted[aria-selected] table tbody tr td {
    background-color: #5897fb;
    color: #fff;
}

.popup_div .box_col .form-group, .box_div .side_form .form-group {
    margin: 0 0 6px;
    padding: 0 10px;
}

    .popup_div .box_col .form-group:last-child {
        margin-bottom: 0;
    }

.popup_div .box_col .control-label, .box_div .side_form .control-label {
    float: left;
    padding: 0;
    line-height: 28px;
}

.popup_div .box_col .input_div, .box_div .side_form .input_div {
    float: left;
    padding-left: 5px;
}

    .popup_div .box_col .input_div.radioBtnList, .box_div .side_form .input_div.radioBtnList {
        height: 28px;
        line-height: 28px;
    }

    .box_div .side_form .input_div input[type=radio] {
        vertical-align: middle;
        margin: 0;
    }

    .box_div .side_form .input_div.radioBtnList label {
        font-size: 13px;
        position: relative;
        margin-right: 15px;
        margin-left: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .popup_div .box_col .input_div.gender_div {
        height: 28px;
        line-height: 28px;
    }

        .popup_div .box_col .input_div.gender_div label {
            position: relative;
            margin-right: 10px;
            margin-left: 5px;
        }

            .popup_div .box_col .input_div.gender_div label:last-child {
                margin-right: 0;
            }

    .popup_div .box_col .input_div input[type=radio] {
        vertical-align: middle;
        margin: 0;
    }

    .popup_div .box_col .input_div .form-control {
        padding: 2px 7px;
    }

.popup_div .box_col.label75 {
    width: 300px;
}

.popup_div .box_col.label90 {
    width: 325px;
}

.popup_div .box_col.label100 {
    width: 340px;
    max-width: 100%;
}

.popup_div .box_col.label110 {
    width: 350px;
}

.popup_div .box_col.label115 {
    width: 360px;
}

.popup_div .box_col.label120 {
    width: 375px;
}

.popup_div .box_col.label125 {
    width: 375px;
}

.popup_div .box_col.label135 {
    width: 380px;
}

.popup_div .box_col.label150 {
    width: 390px;
}

.popup_div .box_col.label170 {
    width: 420px;
}

.popup_div .box_col.label180 {
    width: 420px;
}

.popup_div .dataTables_wrapper {
    padding: 0 10px;
}

.label35 .control-label {
    width: 35px;
}

.label35 .input_div {
    width: calc(100% - 35px);
}

.label40 .control-label {
    width: 40px;
}

.label40 .input_div {
    width: calc(100% - 40px);
}

.label45 .control-label {
    width: 45px;
}

.label45 .input_div {
    width: calc(100% - 45px);
}

.label55 .control-label {
    width: 55px;
}

.label55 .input_div {
    width: calc(100% - 55px);
}

.label60 .control-label {
    width: 60px;
}

.label60 .input_div {
    width: calc(100% - 60px);
}

.label65 .control-label {
    width: 65px;
}

.label65 .input_div {
    width: calc(100% - 65px);
}

.label70 .control-label {
    width: 70px;
}

.label70 .input_div {
    width: calc(100% - 70px);
}

.label75 .control-label {
    width: 75px;
}

.label75 .input_div {
    width: calc(100% - 75px);
}

.label80 .control-label {
    width: 80px;
}

.label80 .input_div {
    width: calc(100% - 80px);
}

.label85 .control-label {
    width: 85px;
}

.label85 .input_div {
    width: calc(100% - 85px);
}

.label90 .control-label {
    width: 90px;
}

.label90 .input_div {
    width: calc(100% - 90px);
}

.label100 .control-label {
    width: 100px;
}

.label100 .input_div {
    width: calc(100% - 100px);
}

.label110 .control-label {
    width: 110px;
}

.label110 .input_div {
    width: calc(100% - 110px);
}

.label115 .control-label {
    width: 115px;
}

.label115 .input_div {
    width: calc(100% - 115px);
}

.label120 .control-label {
    width: 120px;
}

.label120 .input_div {
    width: calc(100% - 120px);
}

.label125 .control-label {
    width: 125px;
}

.label125 .input_div {
    width: calc(100% - 125px);
}

.label135 .control-label {
    width: 135px;
}

.label135 .input_div {
    width: calc(100% - 135px);
}

.label150 .control-label {
    width: 150px;
}

.label150 .input_div {
    width: calc(100% - 150px);
}

.label170 .control-label {
    width: 170px;
}

.label170 .input_div {
    width: calc(100% - 170px);
}

.label180 .control-label {
    width: 180px;
}

.label180 .input_div {
    width: calc(100% - 180px);
}

.popup_div.heightScrollingPopup {
    height: 95%;
}

    .popup_div.heightScrollingPopup > div {
        position: fixed;
        width: 100%;
        height: 95%;
    }

    .popup_div.heightScrollingPopup .popup_head {
        width: 100%;
    }

    .popup_div.heightScrollingPopup .popup_body {
        height: calc(100% - 40px);
        overflow: auto;
    }
/*====================================== Popup Div End =======================================*/
.multiselect-native-select .btn-group {
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -o-max-content;
    width: -ms-max-content;
}

.fullWidthTextBox .multiselect-native-select .btn-group {
    width: 100%;
}

.multiselect-native-select .btn-group .btn {
    height: 28px;
    line-height: 16px;
    padding: 5px 3px;
    width: 100%;
    text-align: left;
    border-color: #5c5c5c;
    border-radius: 2px;
    color: #555;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.multiselect-native-select .btn-group.open > .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #5c5c5c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.multiselect-native-select .btn-group .btn .multiselect-selected-text {
    margin-right: 10px;
}

.multiselect-native-select .btn-group .btn .caret {
    float: right;
    top: 6px;
    position: relative;
    right: 3px;
    border-top-color: #888;
    border-top-width: 5px;
}

.multiselect-container {
    min-width: 100%;
    width: auto;
    border: 1px solid #aaa;
    border-radius: 0 0 4px 4px;
    border-top: none;
    max-height: 200px;
    overflow: auto;
    box-shadow: none;
}

    .multiselect-container > li > a label {
        padding: 3px 8px 3px 27px !important;
    }

    .multiselect-container > li > a.multiselect-all label {
        font-family: Verdana Bold;
    }

    .multiselect-container.dropdown-menu > li > a:focus, .multiselect-container.dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #5897fb;
    }

    .multiselect-container.dropdown-menu > .active > a, .multiselect-container.dropdown-menu > .active > a:focus, .multiselect-container.dropdown-menu > .active > a:hover {
        background-color: #ddd;
        color: #000;
    }

.withSideLabel .form-group {
    margin: 5px 0;
    display: flow-root;
}

    .withSideLabel .form-group .control-label {
        float: left;
        margin: 0;
        line-height: 30px;
        text-align: right;
        padding-right: 5px;
        /*font-family: Verdana;*/
        font-family: var(--font-body-font);
        font-size: 12px;
    }

    .withSideLabel .form-group .input_div {
        float: left;
    }

        .withSideLabel .form-group .input_div .form-control {
            height: 30px;
        }

    .withSideLabel .form-group .btn {
        height: 30px;
        padding: 0 12px;
        line-height: 28px;
    }

.horizontalScrollTable {
    overflow-y: auto;
    border: 1px solid #959595;
    border-bottom: none;
}

    .horizontalScrollTable table {
        margin: 0 !important;
    }

        .horizontalScrollTable table thead tr th {
            border-top: none !important;
        }

            .horizontalScrollTable table thead tr th:first-child, .horizontalScrollTable table tbody tr td:first-child, .horizontalScrollTable table tfoot tr td:first-child {
                border-left: none !important;
            }

            .horizontalScrollTable table thead tr th:last-child, .horizontalScrollTable table tbody tr td:last-child, .horizontalScrollTable table tfoot tr td:last-child {
                border-right: none !important;
            }

.printPage {
    width: 1060px;
    overflow-y: hidden;
}

    .printPage table thead {
        background: none;
    }

        .printPage table thead tr th {
            font-size: 11px;
            line-height: 9px;
        }

    .printPage table tbody tr {
        background-color: #fff;
    }

        .printPage table tbody tr td {
            border-bottom: 1px solid #959595;
            font-size: 10px;
            padding: 2px;
            line-height: 12px;
        }

    .printPage table tfoot tr td {
        font-size: 11px;
        line-height: 15px;
    }

.topDepDetailPart {
    font-family: Verdana Bold;
    font-size: 15px;
    line-height: 30px;
}

    .topDepDetailPart .depName {
        padding-right: 10px;
    }

    .topDepDetailPart .depMngName {
        padding: 0 10px;
        font-size: 14px;
        color: #444;
    }

        .topDepDetailPart .depMngName b {
            font-family: Verdana Bold;
            color: #000;
        }

    .topDepDetailPart .depExeNo {
        padding: 0 10px;
    }

    .topDepDetailPart .depDetail {
        float: left;
        padding: 0 15px;
    }

    .topDepDetailPart .form-group label {
        float: left;
        margin-right: 5px;
        margin-bottom: 0;
        /*font-family: Verdana;*/
        font-family: var(--font-body-font);
        color: #999;
        font-weight: normal;
    }

    .topDepDetailPart .form-group .input_div {
        float: left;
    }

.topSelectKapanBox {
    width: 270px;
}

    .topSelectKapanBox .control-label {
        margin-bottom: 0;
        line-height: 30px;
        /*font-family: Verdana;*/
        font-family: var(--font-body-font);
        color: #444;
        font-weight: normal;
        font-size: 12px;
    }

    .topSelectKapanBox .form-control {
        height: 30px;
        padding: 0 5px;
        font-family: Verdana Bold;
        font-size: 13px;
        color: #000;
    }

    .topSelectKapanBox .select2-container .select2-selection--single {
        height: 30px !important;
        font-family: Verdana Bold;
    }

.photoPage {
    padding-top: 10px;
}

    .photoPage .topSelectKapanBox {
        width: auto;
    }

        .photoPage .topSelectKapanBox .control-label {
            line-height: 24px;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
        }

        .photoPage .topSelectKapanBox .form-control {
            height: 24px;
        }

        .photoPage .topSelectKapanBox .select2-container .select2-selection--single {
            height: 24px !important;
        }

        .photoPage .topSelectKapanBox .select2-container .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 23px !important;
        }

        .photoPage .topSelectKapanBox .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 23px;
            font-family: Verdana Bold;
            font-size: 14px;
            color: #555;
        }

    .photoPage .editable_grid.heightLightTable tfoot tr td {
        height: 20px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .photoPage .btn_bar .btn {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .photoPage .bottom_fix_btn_bar {
        bottom: 7px;
    }

.singalAssortmentChartPrint .tab_head {
    font-size: 20px;
    line-height: 20px;
}

.singalAssortmentChartPrint hr.head_border {
    margin: 8px 0;
}

.singalAssortmentChartPrint table.topFildTable tr td {
    border: none !important;
    padding: 4px 0;
    font-size: 12px;
}

    .singalAssortmentChartPrint table.topFildTable tr td span:first-child {
        text-align: right;
        width: 85px;
        display: inline-block;
        margin-right: 5px;
        font-size: 11px;
    }

    .singalAssortmentChartPrint table.topFildTable tr td:last-child {
        border-right: none !important;
    }

.singalAssortmentChartPrint {
    width: 1060px;
    overflow-y: hidden;
}

    .singalAssortmentChartPrint table {
        margin: 0;
        display: table;
        border: 1px solid #969696;
    }

        .singalAssortmentChartPrint table.border-bottom, .singalAssortmentChartPrint table td.border-bottom {
            border-bottom: 1px solid #969696 !important;
        }

        .singalAssortmentChartPrint table colgroup col {
            width: max-content;
            width: -ms-max-content;
            width: -moz-max-content;
            width: -o-max-content;
        }

            .singalAssortmentChartPrint table colgroup col.col80 {
                width: 80px;
            }

            .singalAssortmentChartPrint table colgroup col.col70, .col70 {
                width: 70px;
            }

.col65 {
    width: 65px;
}

.singalAssortmentChartPrint table colgroup col.col60, .col60 {
    width: 60px !important;
}

.singalAssortmentChartPrint table thead tr th {
    background-color: #fff;
    font-size: 13px;
    padding: 2px !important;
    border-color: #bbb !important;
    font-family: Verdana Bold;
    font-weight: normal;
    line-height: 13px;
    height: 11px;
    letter-spacing: -0.773px;
}

.singalAssortmentChartPrint table tbody tr td {
    font-size: 11px;
    padding: 2px;
    border-bottom: 1px solid #bbb !important;
    border-color: #bbb !important;
    background-color: #fff;
    line-height: 12px;
    height: 10px;
    font-family: Verdana Bold;
    font-weight: normal;
    letter-spacing: -0.5px;
}

    .singalAssortmentChartPrint table tbody tr td:last-child {
        border-right: 1px solid #bbb !important;
    }

    .singalAssortmentChartPrint .no-padding, .singalAssortmentChartPrint table tbody tr td.no-padding, .singalAssortmentChartPrint table thead tr th.no-padding {
        padding: 0 !important;
    }

    .singalAssortmentChartPrint .no-border, .singalAssortmentChartPrint table tbody tr td.no-border, .singalAssortmentChartPrint table thead tr th.no-border {
        border: none !important;
    }

    .singalAssortmentChartPrint table tbody tr td table tfoot tr td {
        border-bottom: 1px solid #bbb;
    }

.singalAssortmentChartPrint table tbody tr:last-child td tfoot tr td {
    border-bottom: none !important;
}

.singalAssortmentChartPrint table tfoot tr td {
    font-size: 12px;
    font-weight: normal;
    padding: 2px !important;
    height: 13px;
    font-family: Verdana Bold;
    background-color: #fff;
}

.singalAssortmentChartPrint table tr:last-child td table.border-bottom {
    border-bottom: none !important;
}

.singalAssortmentChartPrint table.deffrenttable thead tr th {
    line-height: 12px;
    font-size: 9px;
    font-family: Verdana Bold;
}

.singalAssortmentChartPrint .verticalAlignTop {
    vertical-align: top;
}

.singalAssortmentChartPrint table tbody tr td table tr td:last-child {
    border-right: none !important;
}

.singalAssortmentChartPrint table.rejectiontable tbody tr td:last-child, .singalAssortmentChartPrint table.rejectiontable tfoot tr td:last-child {
    border-right: 1px solid #bbb !important;
}

.singalAssortmentChartPrint table.coloredTable thead, .singalAssortmentChartPrint table.coloredTable thead tr th, .singalAssortmentChartPrint table.coloredTable tbody tr td, .singalAssortmentChartPrint table.coloredTable tbody tr, .singalAssortmentChartPrint table.coloredTable tbody tr:nth-of-type(odd), .singalAssortmentChartPrint table.coloredTable tfoot tr td {
    background: transparent;
    background-color: transparent;
}

.singalAssortmentChartPrint table.coloredTable.topFildTable {
    background: #1252;
    background-color: #1252;
}

.singalAssortmentChartPrint table.orengeTable {
    background-color: #ff7f50;
}

.singalAssortmentChartPrint table.lighBotelTable {
    background-color: #2355a0;
}

    .singalAssortmentChartPrint table.lighBotelTable, .singalAssortmentChartPrint table.lighBotelTable thead tr th, .singalAssortmentChartPrint table.lighBotelTable tbody tr td {
        color: #fff;
    }

.singalAssortmentChartPrint table.bigSizeTable thead tr th {
    font-size: 16px;
    padding: 5px;
}

    .singalAssortmentChartPrint table.bigSizeTable thead tr th small {
        font-size: 12px;
    }

.singalAssortmentChartPrint table.boldTable thead tr th, .singalAssortmentChartPrint table.boldTable tbody tr td {
    padding: 2.5px 3px !important;
    letter-spacing: 0.5px;
}

.singalAssortmentChartPrint table.detailWithLabelTable tbody tr td span {
    font-size: 11px;
}

    .singalAssortmentChartPrint table.detailWithLabelTable tbody tr td span:last-child {
        float: right;
        font-size: 13px;
    }

.horizontalBigDubleHead thead tr:first-child th {
    padding: 5px !important;
}

.horizontalBigDubleHead thead tr:last-child th {
    padding: 3px !important;
}

.horizontalBigDubleHead.colorHead thead tr:last-child th, .horizontalBigDubleHead.colorHead tbody tr td.headCol {
    background-color: #cde4fb;
    font-size: 12px;
    padding: 2px;
}

.horizontalBigDubleHead.colorHead thead tr:first-child th {
    background-color: #97bbf3;
    letter-spacing: 0.35px;
    font-size: 13px;
}

.horizontalBigDubleHead.colorHead tfoot tr td, .horizontalBigDubleHead.colorHead tbody tr.footerRow td {
    background-color: #97bbf3;
    padding: 4px 2px !important;
}

.padding_bottom0 {
    padding-bottom: 0px !important;
}

.margin_top0 {
    margin-top: 0 !important;
}

.margin_bottom0 {
    margin-bottom: 0;
}

.marginTopBottom5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.marginTopBottom7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.marginTopBottom8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.singalAssortmentChartPrint .marginbottom7 {
    margin-bottom: 7px !important;
}

.singalAssortmentChartPrint .marginbottom10 {
    margin-bottom: 10px !important;
}

.singalAssortmentChartPrint .padding_right5 {
    padding-right: 3px !important;
}

.singalAssortmentChartPrint .padding_right0 {
    padding-right: 0px !important;
}

.singalAssortmentChartPrint .padding_left0 {
    padding-left: 0px !important;
}

.singalAssortmentChartPrint .padding_top0 {
    padding-top: 0px !important;
}

.singalAssortmentChartPrint .padding_bottom0 {
    padding-bottom: 0px !important;
}

.singalAssortmentChartPrint .padding_left5 {
    padding-left: 2px !important;
}

.singalAssortmentChartPrint .padding5 {
    padding: 0 5px;
}

.tdLeftBorderNone tr td:first-child {
    border-left: none !important;
}

.singalAssortmentChartPrint td.remarkTd {
    width: 500px;
    text-align: left;
}

td.remarkTd .form-group {
    padding: 5px;
    margin-bottom: 0;
    display: flow-root;
    border: 1px solid #bbb;
}

    td.remarkTd .form-group label {
        float: left;
        line-height: 14px;
    }

    td.remarkTd .form-group p {
        float: left;
        margin-bottom: 0;
        margin-left: 10px;
        line-height: 15px;
        font-size: 10px;
    }

.advancePhotoPrint table {
    border-color: #959595;
}

.border_top {
    border-top: 1px solid;
}

.printPage.advancePhotoPrint table thead tr th {
    line-height: 20px;
    padding: 2px !important;
    font-size: 13px;
    background-color: #ddd;
}

.printPage.advancePhotoPrint table tbody tr td {
    line-height: 12px;
    font-size: 11px;
}

.printPage.advancePhotoPrint table tfoot tr td {
    line-height: 19px;
    font-size: 13px;
    background-color: #eee;
}

/*=================================== Side Form Page Start ===================================*/
.box_div .side_form .form-control {
    font-size: 13px;
    padding: 4px 7px;
    height: 28px;
}

.box_div .side_form .bottom_btn_bar {
    float: right;
    padding-right: 5px;
}

    .box_div .side_form .bottom_btn_bar .btn {
        margin: 0 3px;
        height: 30px;
        line-height: 28px;
        padding: 0 10px;
    }
/*==================================== Side Form Page End ====================================*/

/*==================================== Advance Photo Start ===================================*/
.top_head_detail_div {
    padding-right: 7px;
    float: left;
}

.top_head_detail_box {
    width: 320px;
    background-color: var(--light_theme);
    padding: 1px 10px;
    color: #000;
    display: inline-block;
    border: 1px solid #646464;
    margin-bottom: 7px;
}

    .top_head_detail_box .label_group {
        margin: 5px 0;
        display: flow-root;
    }

    .top_head_detail_box .label_head {
        float: left;
        font-size: 12.5px;
        line-height: 20px;
        width: 110px;
        color: #000;
    }

    .top_head_detail_box .label_name {
        float: left;
        font-size: 14px;
        line-height: 20px;
        font-family: Verdana Bold;
    }

.laberListBox {
    display: flex;
}

    .laberListBox .form-group {
        display: inline-block;
        width: 100%;
        padding: 0 5px;
        margin-bottom: 0;
    }

    .laberListBox .control-label {
        font-weight: normal;
        text-align: left !important;
        font-size: 11.5px;
        color: #000 !important;
        margin-bottom: 0;
        line-height: 28px;
    }

    .laberListBox .form-control {
        height: 28px;
        font-size: 11.5px;
        color: #000;
    }

    .laberListBox .with_add_btn .form-control {
        width: calc(100% - 31px);
        border-color: #646464;
    }

    .laberListBox .with_add_btn .btn {
        line-height: 24px;
        padding: 0 6px;
    }

        .laberListBox .with_add_btn .btn i {
            font-size: 14px;
        }

.top_label_detail_div {
    width: calc(100% - 327px);
    float: left;
    padding-left: 7px;
}

    .top_label_detail_div .contentBox {
        background-color: var(--light_theme);
        border: 1px solid #646464;
        padding: 6px 5px;
        display: flow-root;
    }

        .top_label_detail_div .contentBox .control-label {
            line-height: 21px !important;
            text-align: left;
            color: #000;
            font-size: 12px !important;
            padding-right: 0;
            padding-top: 0 !important;
        }

        .top_label_detail_div .contentBox .input_div {
            line-height: 21px;
            font-size: 14px;
            font-family: Verdana Bold;
            letter-spacing: -0.5px;
        }

.readyBox {
    width: 100%;
    padding: 5px;
    background-color: #fff;
    color: #000;
    display: flow-root;
    border: 1px solid #646464;
}

    .readyBox .form-group {
        margin: 3px 0;
    }

        .readyBox .form-group .control-label {
            line-height: 22px;
            text-align: left;
            padding-right: 0;
            font-family: Verdana Bold;
            font-size: 11.5px !important;
        }

        .readyBox .form-group .input_div {
            line-height: 22px;
            font-size: 12px;
            font-family: Verdana Bold;
            letter-spacing: -0.5px;
        }

            .readyBox .form-group .input_div .form-control {
                height: 22px;
                font-family: Verdana Bold;
                font-size: 11.5px;
                padding: 0 2px;
                color: #000;
                border-color: #646464;
            }

            .readyBox .form-group .input_div input[type=checkbox] {
                margin: 0;
            }

        .readyBox .form-group label.new_checkbox::before {
            width: 18px;
            height: 18px;
            font-size: 17px;
        }

    .readyBox.otherDetailBox {
        background-color: var(--light_theme);
    }

        .readyBox.otherDetailBox .form-group {
            margin: 4px 0;
        }

            .readyBox.otherDetailBox .form-group .control-label {
                line-height: 24px;
                color: #555;
                font-size: 11px;
                padding-top: 0;
            }

                .readyBox.otherDetailBox .form-group .control-label b {
                    color: #000;
                }

            .readyBox.otherDetailBox .form-group .input_div .form-control {
                height: 24px;
            }

            .readyBox.otherDetailBox .form-group .control-label.checkBoxLabel {
                text-align: right;
                padding-right: 10px;
            }

    .readyBox.highlightBox .form-control {
        background: transparent;
        border: none;
        padding: 0;
    }

    .readyBox.otherDetailBox .form-group .input_div label.new_checkbox::before {
        border-color: #646464;
    }

.remark_section {
    float: left;
}

    .remark_section .form-group {
        display: flow-root;
    }

    .remark_section .control-label {
        margin-bottom: 0;
        width: 100px;
        float: left;
        font-size: 12px;
        font-family: Verdana Bold;
        font-weight: normal;
    }

    .remark_section textarea {
        float: left;
        width: calc(100% - 100px);
        height: 80px;
        font-size: 13px;
    }

    .remark_section .form-group label.new_checkbox {
        vertical-align: top;
    }

    .remark_section .btn {
        margin: 5px 0 0;
        font-size: 13px;
    }

.highlightBox {
    background-color: #04666a29;
    color: #000;
    padding: 7px 3px;
}

    .highlightBox .label70 .control-label {
        width: 70px;
    }

    .highlightBox .label70 .input_div {
        width: calc(100% - 70px);
    }

    .highlightBox .label80 .control-label {
        width: 80px;
    }

    .highlightBox .label80 .input_div {
        width: calc(100% - 80px);
    }

    .highlightBox .highlitedDiv .form-group {
        margin: 3px 0 7px;
    }

    .highlightBox .highlitedDiv .input_div .form-control {
        font-family: Verdana Bold;
        font-size: 14px;
        letter-spacing: -1px;
        color: red;
    }

.readyBox.withSideLabel.highlightBox {
    padding: 10.5px 3px;
}

    .readyBox.withSideLabel.highlightBox .form-group {
        margin: 6px 0;
    }

.highlightBox .form-group .control-label {
    color: #222;
    text-align: left;
    line-height: 26px !important;
    padding-top: 0 !important;
    font-size: 12px !important;
}

    .highlightBox .form-group .control-label b {
        color: #000;
        font-size: 12px;
        line-height: 21px;
    }

.highlightBox .form-group .input_div .form-control {
    height: 26px;
    padding: 0 5px;
}

    .highlightBox .form-group .input_div .form-control.colorRed {
        color: red;
        font-size: 15px;
    }

.highlightBox .form-group .input_div {
    font-family: Verdana Bold;
    font-size: 13px;
}

    .highlightBox .form-group .input_div.boldData {
        font-family: Verdana Bold;
    }

.editable_grid.heightLightTable tbody tr {
    background-color: #fff !important;
    border-bottom: 1px solid #646464;
}

    .editable_grid.heightLightTable tbody tr td {
        padding: 0px 5px !important;
        line-height: 17px !important;
    }

    .editable_grid.heightLightTable tbody tr:first-child td:last-child {
        line-height: 18px !important;
        padding-right: 6px !important;
    }

    .editable_grid.heightLightTable tbody tr td:last-child, .editable_grid.heightLightTable tbody tr td:last-child .form-control {
        font-size: 11.5px;
        font-family: Verdana Bold;
        color: #000;
        height: auto;
        border: 1px solid transparent;
        line-height: 15px;
    }

.editable_grid.heightLightTable tfoot tr td {
    color: #000;
    font-family: Verdana Bold;
    font-size: 13px;
    line-height: 17px;
}

    .editable_grid.heightLightTable tfoot tr td:last-child {
        font-family: Verdana Bold;
        font-size: 16px;
    }

.remark_part .control-label {
    display: block;
}

.remark_part textarea {
    width: 100%;
    height: 170px;
    max-width: 100%;
    display: block;
}

.breackage_btn {
    background-color: #68a0a0;
    border-color: #548080;
    color: #fff;
}

    .breackage_btn:hover {
        background-color: #538282;
        color: #fff;
    }

.pointed_btn {
    background-color: #828892;
    border-color: #68707d;
    color: #fff;
}

    .pointed_btn:hover {
        background-color: #68707d;
        color: #fff;
    }

.print_btn {
    background-color: #5785a0;
    border-color: #3f718e;
    color: #fff;
}

    .print_btn:hover {
        background-color: #3f718e;
        color: #fff;
    }

.commonBtn {
    background-color: #538daf;
    border-color: #3f718e;
    color: #f7f7f7;
}

    .commonBtn:hover {
        background-color: #3e7798;
        color: #fff;
    }

.lightTheme .panel-default .slideBodyPart .form-group {
    margin: 0 -10px 5px;
}

.panel-default .panel-heading .control-label {
    padding-top: 4px !important;
}

.panel-default .panel-heading .select2-selection {
    height: 28px !important;
    font-size: 13px;
    font-weight: bold;
}

.popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box span.select2-container {
    width: calc(100% - 80px) !important;
}

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box span.select2-container .selection {
        width: 100%;
        height: 24px;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box span.select2-container .select2-selection {
        width: 100%;
        padding: 0;
        height: 24px !important;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box span.select2-container .select2-selection__rendered {
        width: 100%;
        line-height: 22px;
        padding-left: 2px;
    }

    .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .part_div .text_box span.select2-container .select2-selection__arrow {
        width: 20px;
        height: 22px;
    }

/*=========================================== Scrollable Table Start ==========================================*/

.scrollableTable {
    overflow: hidden;
}

    .scrollableTable thead tr, .scrollableTable tfoot tr, .scrollableTable tbody tr {
        display: flex;
        width: 100%;
    }

    .scrollableTable tbody {
        overflow-y: auto;
    }

    .scrollableTable table {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: -webkit-fill-available;
        max-height: fill-available;
        max-height: -moz-available;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .scrollableTable.scroll table thead tr, .scrollableTable.scroll table tfoot tr {
        width: calc(100% - 6px);
    }

.divmixtable.scrollableTable table > tbody > tr:nth-of-type(even) {
    border-bottom: none !important;
}

.divmixtable.scrollableTable table thead tr th:first-child, .divmixtable.scrollableTbody table tbody tr td:first-child, .divmixtable.scrollableTbody table tfoot tr td:first-child {
    border-left: none !important;
}

.divmixtable.scrollableTable table thead tr th:last-child, .divmixtable.scrollableTbody table tbody tr td:last-child, .divmixtable.scrollableTbody table tfoot tr td:last-child {
    border-right: none !important;
}


.col2Per {
    width: 2% !important;
}

.col3Per {
    width: 2% !important;
}

.col4Per {
    width: 4% !important;
}

.col5Per {
    width: 5%;
}

.col6Per {
    width: 6%;
}

.col7Per {
    width: 7%;
}

.col8Per {
    width: 8%;
}

.col9Per {
    width: 9%;
}

.col10Per {
    width: 10%;
}

.col11Per {
    width: 11%;
}

.col12Per {
    width: 12%;
}

.col13Per {
    width: 13%;
}

.col14Per {
    width: 14%;
}

.col15Per {
    width: 15%;
}

.col16Per {
    width: 16%;
}

.col17Per {
    width: 17%;
}

.col18Per {
    width: 18%;
}

.col19Per {
    width: 19%;
}

.col20Per {
    width: 20%;
}

.col22Per {
    width: 22%;
}

.col24Per {
    width: 24%;
}

.col25Per {
    width: 25%;
}

.col26Per {
    width: 26%;
}

.col27Per {
    width: 27%;
}

.col29Per {
    width: 29%;
}

.col30Per {
    width: 30%;
}

.col31Per {
    width: 31%;
}

.col32Per {
    width: 32%;
}

.col35Per {
    width: 35%;
}

.col45Per {
    width: 45%;
}

.col50Per {
    width: 50%;
}
/*============================================ Scrollable Table End ===========================================*/

/*===================================== Advance Photo End ====================================*/

/*=================================== Top Search Bar Start ================================*/
.topSearchBar .btn {
    padding: 6px 10px;
}

.topSearchBar .form-control {
    height: 32px;
}

.topSearchBar .search_bar {
    display: inline-block;
    width: 100%;
}

    .topSearchBar .search_bar .input-group {
        width: calc(100% - 36px);
    }
/*==================================== Top Search Bar End =================================*/

/*=================================== Master Book Strat =================================*/
/*section.roughPurchaseMasterBook{overflow-y:auto}*/
section.roughPurchaseMasterBook .portlet-body { 
}



.input-group .form-control {
    padding: 5px; 
}

.roughPurchaseMasterBook .date_search_table .form-group .input-group .form-control {
    height: 32px;
}

.date_search_table .search_bar .input-group .form-control {
    border-radius: 2px;
    padding-right: 20px;
    font-family: Verdana Bold;
    font-size: 13px;
    color: #000;
}

.filter-rough {
    margin-left: 5px;
}

.ui-grid-cell i.fa-plus {
    color: #1117fa;
    cursor: pointer;
}

.date_search_table .radioLabelFild {
    margin-left: 15px;
    background: #e7ebec;
    border: 1px solid #ccc;
}

    .date_search_table .radioLabelFild label {
        font-weight: normal;
    }

.radioLabelFild .labelFild {
    float: left;
    padding: 2px 10px 3px 7px;
    border-radius: 4px;
    margin: 4px;
    font-size: 13px;
    line-height: 17px;
    background-color: #6470c5;
    color: #fff;
    cursor: pointer;
    box-shadow: inset 0px -2px 4px rgba(0,0,0,0.7), inset 0px 2px 4px rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.5);
    -webit-box-shadow: inset 0px -2px 4px rgba(0,0,0,0.7), inset 0px 2px 4px rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px -2px 4px rgba(0,0,0,0.7), inset 0px 2px 4px rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.5);
    -ms-box-shadow: inset 0px -2px 4px rgba(0,0,0,0.7), inset 0px 2px 4px rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0px -2px 4px rgba(0,0,0,0.7), inset 0px 2px 4px rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.5);
}

    .radioLabelFild .labelFild:hover {
        background-color: #5361bf;
    }

    .radioLabelFild .labelFild.checkedButton {
        background-color: #9ba3dc;
        color: #fff;
        box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
        cursor: default;
        -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
        -ms-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
        -o-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);
        padding: 2px 10px 2px 7px;
        border-top: none;
        border-bottom: 1px solid #929ad2;
    }

        .radioLabelFild .labelFild.checkedButton:hover {
            background-color: #9ba3dc;
        }

    .radioLabelFild .labelFild input[type=radio] {
        float: left;
        margin-top: 0;
        position: relative;
        top: 2px;
        margin-right: 4px;
        width: 14px;
        height: 14px;
        cursor: pointer;
    }

    .radioLabelFild .labelFild input[type=checkbox] {
        float: left;
        margin-top: 0;
        position: relative;
        top: 2px;
        margin-right: 4px;
        cursor: pointer;
    }

    .radioLabelFild .labelFild label {
        /*font-family: Verdana;*/
        font-family: var(--font-body-font);
        font-size: 12px;
        line-height: unset;
        margin: 0;
        cursor: pointer;
    }

    .radioLabelFild .labelFild.checkedButton label {
        cursor: default;
    }

    .radioLabelFild .labelFild.checkedButton input[type=radio] {
        cursor: default;
    }

@media(max-width:1280px) {
    .rejection .r-btn {
        width: 93%;
    }

    .date_search_table .d7-issue {
        float: left;
        width: 63px;
        position: relative;
    }

    .d7-process {
        width: 93%;
        float: left;
        position: relative;
    }
}

@media(max-width:1199px) {
    .rejection .r-btn {
        width: 86%;
    }

    .d7-process {
        width: 90%;
    }
}

@media(max-width:767px) {
    .rejection .r-btn {
        width: 80%;
    }

    .d7-process {
        width: 84%;
    }
}

div[data-poupop-name=note] {
    text-align: center;
}

.contextMenu div[data-poupop-name=note] {
    text-align: left;
}

.tableBox {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -ms-max-content;
    width: -o-max-content;
    max-width: 100%;
}

.lightTheme .ul_grid .ui-grid-row:last-child {
    border-bottom: none !important;
    height: 31px;
}

.lightTheme table tbody tr td .fa-bars, .ui-grid-row .ui-grid-cell .fa-bars {
    cursor: pointer;
}

.ui-grid-row .ui-grid-cell .fa-comment-o {
    font-size: 17px;
    color: #000;
    cursor: pointer;
}

.ui-grid-row .ui-grid-cell .fa-commenting {
    font-size: 18px;
    color: #000;
    cursor: pointer;
}

.ui-grid-row:hover {
    background-color: #a7f8c3 !important;
}

    .ui-grid-row:hover, .ui-grid-canvas .ui-grid-row .urgentRow:hover, .ui-grid-canvas .ui-grid-row .sampleRow:hover, .ui-grid-row:hover > .ng-isolate-scope .ui-grid-cell, .ui-grid-canvas .ui-grid-row:nth-of-type(even):hover > .ng-isolate-scope .ui-grid-cell, .ui-grid-canvas .ui-grid-row:nth-of-type(odd):hover > .ng-isolate-scope .ui-grid-cell {
        background-color: #a7f8c3;
    }

.lightTheme .ui-grid-cell:hover .link_btnvisible, .lightTheme .ag-cell:hover .link_btnvisible, .link_btnvisible:hover {
    background-color: #f7f7f7;
    padding: 2px 5px 0;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    text-align: center;
    display: inline-block;
    float: right;
    line-height: 14px;
    font-size: 13px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #2facb2;
}

.depGropNameCol {
    min-width: 60px !important;
    max-width: 60px !important;
}

.osDayCol, .noteCol, .menuCol {
    min-width: 40px !important;
    max-width: 40px !important;
}

.dollarRateCol, .assortWithReportCol, .depNameCol {
    min-width: 54px !important;
    max-width: 54px !important;
}

.issueCol {
    min-width: 52px !important;
    max-width: 52px !important;
}

.width43 {
    min-width: 43px !important;
    max-width: 43px !important;
}

.width48 {
    min-width: 48px !important;
    max-width: 48px !important;
}

.width55 {
    min-width: 55px !important;
    max-width: 55px !important;
}

.width56 {
    min-width: 56px !important;
    max-width: 56px !important;
}

.width58 {
    min-width: 58px !important;
    max-width: 58px !important;
}

.width59 {
    min-width: 59px !important;
    max-width: 59px !important;
}

.width60 {
    min-width: 60px !important;
    max-width: 60px !important;
}

.width72 {
    min-width: 72px !important;
    max-width: 72px !important;
}

.width80 {
    min-width: 80px !important;
    max-width: 80px !important;
}

.width87 {
    min-width: 87px !important;
    max-width: 87px !important;
}

.width95 {
    min-width: 95px !important;
    max-width: 95px !important;
}

.ul_grid .ui-grid-header-cell.dateCol, .ul_grid .ui-grid-row .ui-grid-cell.dateCol, .ul_grid .ui-grid-footer-cell-row .ui-grid-footer-cell.dateCol {
    min-width: 80px;
    max-width: 80px;
}

.smallBtn {
    padding: 5px 8px;
    font-size: 12px;
}


.roughPurchaseMasterBook .date_search_table .form-group .control-label, .mergeBookPage .date_search_table .form-group .control-label {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 13px;
}

.roughPurchaseMasterBook .date_search_table .form-group .input-group .form-control, .mergeBookPage .date_search_table .form-group .input-group .form-control {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 12px;
    letter-spacing: -0.75px;
}

.roughPurchaseMasterBook ul.code_btn_bar li a button[aria-label]:hover:after, .mainMasterBookPage .date_search_table .btn[aria-label]:hover:after, .mergeBookPage ul.code_btn_bar li a button[aria-label]:hover:after, .mergeBookPage .date_search_table .btn[aria-label]:hover:after {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 13px;
}

.roughPurchaseMasterBook .date_search_table .search_drop_down .form-control, .mergeBookPage .date_search_table .search_drop_down .form-control {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

.roughPurchaseMasterBook .date_search_table .search_bar .input-group .form-control, .mergeBookPage .date_search_table .search_bar .input-group .form-control {
    font-family: 'Verdana Bold';
}

.roughPurchaseMasterBook .advance_filter_btn .helpPart .fild label, .mergeBookPage .advance_filter_btn .helpPart .fild label {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 12px;
    font-weight: normal;
}

.advance_filter_btn .saveColumnBtn:hover .fa-arrow-down, .advance_filter_btn .resetColumnBtn:hover .fa-rotate-right, .advance_filter_btn .saveColumnBtn:focus .fa-arrow-down, .advance_filter_btn .resetColumnBtn:focus .fa-rotate-right {
    background-color: #279398 !important;
}

.advance_filter_btn .saveColumnBtn .fa-columns {
    font-size: 22px !important;
    line-height: 28px !important;
}

.advance_filter_btn .saveColumnBtn .fa-arrow-down {
    font-size: 11px !important;
    position: absolute;
    top: 75%;
    left: 72%;
    transform: translate(-50%,-50%);
    background-color: #fff;
}

.advance_filter_btn .resetColumnBtn .fa-columns {
    font-size: 22px !important;
    line-height: 28px !important;
}
.advance_filter_btn .ManageGroupBtn .fa-gg-circle ,.advance_filter_btn .ManageGroupBtn .fa-question-circle {
    font-size: 22px !important;
    line-height: 28px !important;
}
 
.advance_filter_btn .resetColumnBtn .fa-rotate-right {
    font-size: 11px !important;
    position: absolute;
    top: 70%;
    left: 77%;
    transform: translate(-50%,-50%);
    background-color: #fff;
}

.roughPurchaseMasterBook .ag-theme-fresh .ag-row .ag-cell, .mainMasterBookPage .clsSuratAvg, .roughPurchaseMasterBook .textGreen, .mergeBookPage .ag-theme-fresh .ag-row .ag-cell, .mergeBookPage .clsSuratAvg, .mergeBookPage .textGreen {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 11.5px;
    letter-spacing: -0.3px;
}

.roughPurchaseMasterBook a.link_btn {
    font-size: 12px !important;
}

.roughPurchaseMasterBook .ag-theme-fresh .ag-root-wrapper-body .ag-header, .mainMasterBookPage .boldKapanCarat, .mainMasterBookPage .boldBigfont, .mainMasterBookPage .ag-theme-fresh.agGridFooter .ag-root .ag-cell, .mergeBookPage .ag-theme-fresh .ag-root-wrapper-body .ag-header, .mergeBookPage .boldKapanCarat, .mergeBookPage .boldBigfont, .mergeBookPage .ag-theme-fresh.agGridFooter .ag-root .ag-cell {
    font-family: Verdana Bold !important;
    font-size: 11px !important;
    letter-spacing: -0.5px;
}

    .roughPurchaseMasterBook .boldBigfont .link_btn, .mergeBookPage .boldBigfont .link_btn {
        font-size: 11px !important;
    }

.roughPurchaseMasterBook .contextMenu ul li .name, .mergeBookPage .contextMenu ul li .name {
    font-family: Verdana !important;
    font-size: 12px !important;
}

.roughPurchaseMasterBook .issue_option_div .listPart .select2-selection__rendered, .roughPurchaseMasterBook .sourcemine_option_div .listPart .select2-selection__rendered, .roughPurchaseMasterBook .sight_option_div .listPart .select2-selection__rendered, .mergeBookPage .issue_option_div .listPart .select2-selection__rendered {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-size: 13px;
}

.mergeBookPage .date_search_table .search_bar .input-group {
    width: 414px;
    width: calc(100% - 160px) !important;
}

.mergeBookPage .agMainGridWithFooter {
    height: calc(100% - 40px);
}

.mergeBookPage .ag-theme-fresh .ag-row .ag-cell, .mergeBookPage .ag-theme-fresh.agGridFooter .ag-root .ag-cell {
    line-height: 24px;
}

.mergeBookPage .kapanIn .highlightedPM:before, .mergeBookPage .kapanIn1 .hlInnerPM:before, .mergeBookPage .kapanIn2 .hlInnerPM:before { 
    content: "\f067";
    display: inline-block;
    font-family: FontAwesome;
    color: #06c706;
    float: left;
}

.mergeBookPage .kapanOut .highlightedPM:before { 
    content: "\f068";
    display: inline-block;
    font-family: FontAwesome;
    color: red;
    float: left;
}




/*==================================== Master Book End ==================================*/

/*======================================= Ui Grid Start ======================================*/
.roughPurchaseMasterBook .ui-grid { 
    width: max-content; 
}

.uiGridSection .portlet-body {
    height: 100%;
}

    .uiGridSection .portlet-body .ul_grid {
        height: 100% !important;
        border: none !important;
        position: relative;
    }

.ui-grid-render-container {
    width: max-content;
    min-width: 100%;
    max-width: max-content;
    max-width: -webkit-max-content;
    max-width: -ms-max-content;
    max-width: -moz-max-content;
    max-width: -o-max-content;
    overflow-x: auto; 
}

.ui-grid-contents-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    height: auto !important;
    max-height: 100%;
    width: 100% !important; 
    border: 1px solid #959595;
    border-bottom: none;
}

    .ui-grid-contents-wrapper .no_record_row {
        position: fixed;
        width: 100%;
        margin-top: 20px;
    }

.ui-grid-header-viewport {
    width: max-content !important;
}

    .ui-grid-header-viewport .ui-grid-header-canvas {
        height: auto !important;
        width: max-content !important;
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
    }

.lightTheme .ui-grid-footer-viewport, .lightTheme .ui-grid-footer-canvas {
    width: max-content !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
}

.ui-grid-pinned-container {
    overflow: hidden;
}

.ui-grid-invisible {
    display: none;
}

.ui-grid-visible {
    display: block;
}

.ui-grid-column-menu-button {
    bottom: 4px;
    top: auto !important;
    right: -0px !important;
    z-index: 1;
}

    .ui-grid-column-menu-button .ui-grid-icon-angle-down:before {
        margin: 0;
        width: 5px;
    }

.ui-grid-menu-button {
    border-color: #959595 !important;
    width: 17px;
    line-height: 31px;
    border-bottom: none !important;
    position: fixed !important; /*right:-2px!important*/
}

    .ui-grid-menu-button .ui-grid-icon-container {
        margin: 0 !important;
        height: 100%;
        text-align: center;
    }

[class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
    margin: 0;
    font-size: 12px;
}

.ui-grid-top-panel {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d3d9db),color-stop(1,#fff)) !important;
    background: -ms-linear-gradient(bottom,#d3d9db,#fff) !important;
    background: -moz-linear-gradient(center bottom,#d3d9db 0%,#fff 100%) !important;
    background: -o-linear-gradient(#fff,#d3d9db) !important;
}

.ui-grid-header {
    border-color: #959595 !important;
}

.ui-grid-header-cell {
    border-color: #959595 !important;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    vertical-align: middle;
    letter-spacing: -0.5px;
}

.ui-grid-pinned-container .ui-grid-render-container {
    border: none;
}

.ui-grid-pinned-container .ui-grid-header {
    border-right: none !important;
    border-top: 1px solid;
}

.ui-grid-pinned-container .ui-grid-viewport {
    display: flex;
    display: -webkit-flex;
    border-left: none !important;
    width: auto !important;
}

a.link_btn, .overDisplayDot {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    a.link_btn .displayDataPartBtn {
        width: calc(100% - 20px);
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    a.link_btn .fixPartBtn {
        width: 20px;
    }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: none !important;
    border-left: 1px solid;
}

.ui-grid-pinned-container .ui-grid-footer-panel {
    border: none;
    background: none !important;
    border-left: none !important;
}

.ui-grid-pinned-container .ui-grid-footer-viewport .ui-grid-footer-canvas .ui-grid-footer-cell-wrapper {
    border-top: 1px solid #959595;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d3d9db),color-stop(1,#fff)) !important;
    background: -ms-linear-gradient(bottom,#d3d9db,#fff) !important;
    background: -moz-linear-gradient(center bottom,#d3d9db 0%,#fff 100%) !important;
    background: -o-linear-gradient(#fff,#d3d9db) !important;
    border-color: #959595 !important;
    border-left: 1px solid;
}

    .ui-grid-pinned-container .ui-grid-footer-viewport .ui-grid-footer-canvas .ui-grid-footer-cell-wrapper .ui-grid-cell-contents {
        border-bottom: 1px solid #959595;
        height: 29px;
    }

.ui-grid-pinned-containe .ui-grid-render-container {
    background-color: #f0f0ee;
}

.ui-grid-canvas {
    padding-top: 0 !important;
}

.ui-grid-cell {
    border-color: #959595 !important;
    padding: 5px 3px;
}

.ui-grid-row .ui-grid-cell > div {
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
}

.ui-grid-row .ui-grid-cell .displayDataPart, .displayDataPart {
    width: calc(100% - 16px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.ui-grid-row .ui-grid-cell .displayDataPartWidth2Btn, .displayDataPartWidth2Btn {
    width: calc(100% - 38px);
}

.ui-grid-header-cell .ui-grid-cell-contents {
    text-align: center;
    padding: 6px 0;
    font-size: 13px;
    white-space: inherit;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-grid-viewport {
    width: 100% !important;
    min-height: 31px !important;
    overflow-x: hidden;
}

.ui-grid-canvas {
    width: 100% !important;
    height: auto !important;
}

.ui-grid-row:last-child .ui-grid-cell {
    border-bottom-width: 0 !important;
}

.ul_grid .ui-grid-row .ui-grid-cell {
    background-color: transparent;
    cursor: default;
    padding: 4px 5px;
}

.ul_grid .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: transparent;
}

.ui-grid-canvas .ui-grid-row:nth-of-type(odd) {
    background-color: #fff;
}

.ui-grid-canvas .ui-grid-row:nth-of-type(even) {
    background-color: #f5f5f5;
}

.ui-grid-viewport .ui-grid-cell-contents {
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-weight: 600;
    color: #000;
    padding: 0 !important;
}

.ui-grid-footer-panel {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#d3d9db),color-stop(1,#fff)) !important;
    background: -ms-linear-gradient(bottom,#d3d9db,#fff) !important;
    background: -moz-linear-gradient(center bottom,#d3d9db 0%,#fff 100%) !important;
    background: -o-linear-gradient(#fff,#d3d9db) !important;
    border-color: #959595 !important;
}

.ui-grid-footer-cell {
    height: 30px;
    border-color: #959595 !important;
    text-align: right;
    padding: 0px;
}

    .ui-grid-footer-cell .ui-grid-cell-contents {
        padding: 0px 0;
    }

.ui-grid-grid-footer {
    margin-top: 20px;
    font-family: Verdana Bold;
    font-size: 14px !important;
    line-height: 20px;
    color: #000;
    height: 20px !important;
    position: fixed;
    width: auto;
}

.boldKapanCarat {
    font-weight: 600;
    font-size: 11px;
    font-family: Verdana Bold;
}

.colorBlack {
    color: #000;
}

.ui-grid-menu {
    padding-bottom: 0 !important;
}

.grid-loading {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.grid-loading {
    width: 100%;
    height: 100%;
    font-size: 1.5em;
    background-color: rgba(255,255,255,0.8);
    margin-bottom: 0;
}

    .grid-loading .dis_inline_block {
        top: 50%;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

.ui-grid-scrollbar-placeholder {
    height: 0 !important;
}

.ui-grid-pinned-container .ui-grid-header, .ui-grid-pinned-container .ui-grid-viewport, .ui-grid-pinned-container .ui-grid-footer-panel {
    border-left: 1px solid #959595;
}

.ui-grid-menu-mid {
    overflow: auto !important;
    border-color: #959595 !important;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
    -ms-box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
    -o-box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
}

.ui-grid-menu .ui-grid-menu-inner {
    border-color: #959595 !important;
    background: #e1e5e6 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.uiGridSection .ui-grid-cell input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
}

.clsred .ui-grid-cell {
    background-color: transparent !important;
}

.granerBtn {
    color: #7c6daf;
    font-size: 16px;
}

.assortmentBtn {
    color: #429d9e;
    font-size: 18px;
}

.lightTheme .ui-grid-viewport {
    min-height: 32px;
}

.lightTheme .ul_grid .ui-grid-row .ui-grid-cell {
    height: 31px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    line-height: 15px;
}

.lightTheme .ui-grid-header-cell {
    color: #222;
    border-color: #ddd !important;
}

.lightTheme .ui-grid-header-cell {
    font-family: Verdana Bold;
    line-height: 19px;
    font-size: 13px;
    letter-spacing: 0;
    color: #ddd;
    font-weight: normal;
}

.lightThemetable > tbody > tr > td, .table-striped > tbody > tr > td, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td, .lightTheme .ul_grid .ui-grid-row {
    height: 32px;
}

.lightTheme .ui-grid-footer-cell .ui-grid-cell-contents {
    line-height: 30px;
    font-weight: bold;
    margin-right: 3px;
    font-family: Verdana Bold;
}

.lightTheme table > tfoot, .table > tfoot td, .lightTheme div.jtable-main-container table.jtable tfoot td, .lightTheme .ui-grid-footer-cell {
    font-size: 13px;
    color: #eee;
    font-weight: normal;
}

.uiGridSection .ui-grid-column-menu-button-last-col {
    margin-right: 0;
}
/*======================================== Ui Grid End =======================================*/

/*=========================== Assortment Detail Report Popup Start =========================*/
.assortmentReportPage table > thead > tr > th {
    padding: 4px 6px !important;
    font-weight: normal;
    font-size: 13px !important;
}

.assortmentReportPage table > tbody > tr > td {
    line-height: 17px;
    font-size: 12px !important;
}

.assortmentReportPage table > tfoot > tr > td {
    line-height: 17px;
}
/*============================ Assortment Detail Report Popup End ==========================*/

/*=================================== Jquery Datepicker Start ================================*/
.ui-datepicker {
    border: none !important;
    background: blanchedalmond !important;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
    padding: 5px 10px !important;
    z-index: 850 !important;
    width: 17em;
    background: #fff;
    font-size: 1.1em;
    font-family: Verdana,Arial,sans-serif;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    color: #777;
    line-height: 29px;
    text-align: center;
    cursor: pointer;
}

    .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
        color: #000;
        transition: all 0.3s ease-in-out;
    }

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.ui-datepicker .ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

    .ui-datepicker .ui-datepicker-next span:before {
        content: "\f101";
        font: normal normal normal 14px/1 FontAwesome;
    }

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
    }

.ui-datepicker .ui-widget-header {
    background: #fff !important;
    border: none;
    font-weight: bold;
}

    .ui-datepicker .ui-widget-header select {
        border: none;
        width: max-content !important;
        width: -moz-max-content !important;
        width: -ms-max-content !important;
        width: -o-max-content !important;
        margin: 0 10px 10px !important;
        color: #777;
        font-family: Verdana Bold !important;
        font-size: 14px !important;
    }

.ui-datepicker table.ui-datepicker-calendar {
    margin-top: 5px;
    border: none;
    margin-bottom: .4em;
}

.lightTheme .ui-datepicker table.ui-datepicker-calendar thead {
    background: none !important;
}

.ui-datepicker table.ui-datepicker-calendar thead tr th {
    border: 0;
    background: white !important;
    border-top: none !important;
    border-bottom: 1px solid #000;
    padding: 2px !important;
    line-height: 25px;
    font-size: 12px;
    font-family: Verdana Bold !important;
    font-weight: normal;
    color: #444;
}

    .ui-datepicker table.ui-datepicker-calendar thead tr th:last-child {
        border-right: none !important;
    }

.ui-datepicker table.ui-datepicker-calendar tbody tr:nth-of-type(even) {
    background: #fff;
    border-bottom: none !important;
}

.ui-datepicker table.ui-datepicker-calendar tbody tr {
    background-color: #fff !important;
}

    .ui-datepicker table.ui-datepicker-calendar tbody tr td {
        border: none !important;
        line-height: 16px;
        font-family: Verdana Bold;
        padding: 1px;
    }

        .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-default {
            border: none !important;
            background: transparent;
            padding: 0;
            text-align: center;
            border-radius: 50%;
            line-height: 29px;
            font-size: 10.5px;
            display: block;
        }

            .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-default:hover {
                background-color: #eee !important;
            }

            .ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
                background-color: #ebb987 !important;
                color: #fff;
            }

body .ui-tooltip {
    display: none;
}
/*==================================== Jquery Datepicker End =================================*/

/*=================================== Brokerage Popup Strat ==================================*/
.brokeragePopup {
    padding: 0 10px;
    width: 400px;
}

    .brokeragePopup table {
        margin-bottom: 0;
    }
/*==================================== Brokerage Popup End ===================================*/

/*=================================== Pointed Popup Strat ==================================*/
.pointedPopup {
    width: 1100px !important; /*position:fixed*/
}

    .pointedPopup .popup_body {
        padding: 8px 15px;
    }

    .pointedPopup table {
        margin: 0;
    }

    .pointedPopup .bottom_fix_btn_bar {
        position: sticky;
    }
/*==================================== Pointed Popup End ===================================*/

/*================================= Export Data Popup Start ================================*/
.popup_div .exportDataPopup .box_col {
    width: 250px;
}

    .popup_div .exportDataPopup .box_col .control-label {
        float: left;
    }

    .popup_div .exportDataPopup .box_col .input_div {
        float: left;
    }
/*================================== Export Data Popup End =================================*/
.box_div.withBorderHeadding {
    background-color: #fff;
    border-radius: 6px;
    border-width: 2px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.withBorderHeadding .borderHeadding {
    background-color: #fff;
    color: #000;
    display: inline-block;
    position: absolute;
    top: -8px;
    padding: 0 5px;
    font-family: Verdana Bold;
    font-size: 13px;
}
/*===================================== Error Page Strat ===================================*/
.error_page.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.error_page .wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 960px;
}

.error_page .w8 {
    height: 75px;
    z-index: 0;
}

.error_page .error_part {
    display: none;
    z-index: 1;
}

.error_page .second, .error_page .third, .error_page .foth {
    font-family: "Crimson Text", serif;
    color: white;
    line-height: unset;
}

.error_page .first {
    font: 3em "Crimson Text", serif;
    color: #000;
    text-align: center;
}

.error_page .second {
    font-size: 3em;
    text-decoration: underline;
}

.error_page .foth, .error_page .third {
    font-size: 1.7em;
    font-weight: 200;
}

.error_page .foth {
    transition: 0.3s;
    color: transparent;
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
}

.error_page .error_part p span {
    color: #aaa;
    margin-right: 10px;
    border-bottom: 1px solid;
}

.error_page .error_part p.second span {
    font-size: 25px;
}

.error_page .error_part p.third span {
    font-size: 20px;
}

.error_page .error_part a {
    text-decoration: none;
    cursor: pointer;
    color: transparent;
    animation: magic 2s 1s forwards;
}

.error_page hr {
    height: 2px;
    color: black;
    background: #000;
    border: none;
    margin: auto;
    animation: line 1s 2s forwards;
    width: 70px;
}

.PageName404Error .second, .PageNameUnauthorized .second {
    text-align: center;
    text-decoration: none;
    font-size: 4.5em;
    margin-bottom: 0;
}

.PageName404Error .third, .PageNameUnauthorized .third {
    text-align: center;
    margin-bottom: 25px;
}

    .PageName404Error .third span, .PageNameUnauthorized .third span {
        border-bottom: none !important;
        font-size: 1.25em !important;
    }

@keyframes bg {
    0% {
        background: white;
    }

    100% {
        background: #111;
    }
}

@keyframes line {
    0% {
        top: 40px;
        background: #000;
        color: #000;
    }

    50% {
        top: -200px;
        background: #fff;
        color: #fff;
        width: 300px;
    }

    100% {
        top: 80px;
        background: #fff;
        color: #fff;
        background: #fff;
        width: 300px;
    }
}

@keyframes magic {
    0% {
        color: transparent;
    }

    80% {
        color: white;
    }

    100% {
        color: #f04f54;
    }
}

@media all and (max-width:480px) {
    @keyframes line {
        0% {
            top: 40px;
            background: #000;
            color: #000;
        }

        50% {
            top: -200px;
            background: #fff;
            color: #fff;
            width: 250px;
        }

        100% {
            top: 20px;
            background: #fff;
            color: #fff;
            background: #fff;
            width: 250px;
        }
    }
}

.errorPopup .error_page {
    background-color: transparent;
}

    .errorPopup .error_page .wrap {
        position: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }

        .errorPopup .error_page .wrap .error_part {
            display: block;
        }

        .errorPopup .error_page .wrap .w8 {
            display: none;
        }

        .errorPopup .error_page .wrap .second {
            color: #666;
            font-size: 20px;
            font-family: Verdana Bold;
        }

        .errorPopup .error_page .wrap .third {
            color: #000;
            font-size: 15px;
            text-align: left;
            font-family: Verdana Bold;
        }

            .errorPopup .error_page .wrap .third span {
                font-size: 12px;
                color: #444;
                width: 110px;
                float: left;
                border-bottom: none;
                text-decoration: underline;
            }

        .errorPopup .error_page .wrap .foth {
            display: block;
            animation: unset;
            color: red;
            position: unset;
            font-size: 20px;
            /*font-family: Verdana;*/
            font-family: var(--font-body-font);
            font-weight: 600;
        }

            .errorPopup .error_page .wrap .foth:hover {
                color: green;
                transition: all 1s ease-in-out;
            }
/*====================================== Error Page End ====================================*/

.swal2-popup .error_page .first {
    font-size: 25px;
}

/*=================================== Help Page Start =====================================*/
.popup_div.helpPage {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    max-height: 100%;
    max-width: 100%;
    border-radius: 0;
}

    .popup_div.helpPage > div {
        background-image: none;
    }
/*==================================== Help Page End ======================================*/

/*==================================== New Theme Start ====================================*/
.lightTheme label {
    font-family: inherit;
    font-size: 13px;
}

.lightTheme .panel label {
    font-size: 12px;
}

.lightTheme .form-group .control-label, .lightTheme .box_form_page .top_section .fild_div .control-label, .lightTheme .popup_div .mixKapanPopup .box_col .control-label {
    margin-bottom: 0;
    padding-top: 6px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 400;
    text-align: left;
    line-height: inherit;
}

.lightTheme .box_form_page .top_section .fild_div .form-group, .lightTheme .box_form_page .top_section .fild_div .input_div {
    height: 30px;
}

    .lightTheme .popup_div .form-group .form-control, .lightTheme .popup_div .form-group .select2-container--default .select2-selection--multiple, .lightTheme .box_form_page .top_section .fild_div .input_div .form-control, .lightTheme .popup_div .mixKapanPopup .box_col .input_div {
        height: 30px;
        font-size: 13px;
    }

.lightTheme .popup_div .form-group .select2-container--default .select2-selection--multiple {
    padding: 0;
    height: unset;
    min-height: 30px;
}

    .lightTheme .popup_div .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        max-height: 100px;
        overflow-y: auto;
        z-index: 9999;
        position: relative;
    }

        .lightTheme .popup_div .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            line-height: 15px;
            font-size: 13px;
            color: var(--primary);
        }

.lightTheme .popup_div .mixKapanPopup .box_col .input_div {
    font-family: inherit;
    line-height: 32px; /*height:35px*/
    height: auto;
}

    .lightTheme .popup_div .mixKapanPopup .box_col .input_div .select2-container {
        line-height: 17px;
    }

    .lightTheme .popup_div .mixKapanPopup .box_col .input_div .select2-container--default .select2-selection--multiple {
        min-height: 29px;
    }

.lightTheme .dept_group_popup li, .lightTheme .issue_option_div li {
    font-family: inherit;
    font-weight: 600 !important;
    font-size: 12.5px;
}

.lightTheme .popup_div .priceForecastingPopup .box_div .disFlex textarea {
    height: 85px !important;
}

.lightTheme .box_form_page .top_section .fild_div .input_div .form-control {
    padding: 2px 5px;
}

.lightTheme .popup_div .form-group textarea {
    height: 45px !important;
}

.lightTheme .popup_div .priceForecastingPopup .displayBox .control-label {
    font-size: 12px;
}

.lightTheme .popup_div .priceForecastingPopup .displayBox .input_div label {
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
}

.lightTheme .popup_div .priceForecastingPopup .box_div .control-label {
    font-family: inherit;
    font-size: 13px;
}

.lightTheme .popup_div .edit_sub_kapan_head_row .manuallyAdjustDollarCheckBox .control-label {
    padding: 0;
    font-family: inherit;
    font-size: 13px;
}

.lightTheme .popup_div .box_col .input_div.gender_div label {
    font-size: 11px;
    font-family: Verdana Bold !important;
}

.lightTheme .dataTables_filter .input-sm, .lightTheme .jtableserchtextright .search_bar input {
    width: 350px;
}

.lightTheme .dataTables_filter {
    margin-top: 0;
}

    .lightTheme .dataTables_filter label {
        font-size: 12px;
    }

.lightTheme div.jtable-main-container {
    font-family: inherit !important;
}

.lightTheme table thead tr th, .lightTheme .dataTables_scrollHead table thead tr th {
    font-family: inherit !important;
    font-size: 12px !important;
    letter-spacing: 0;
    color: #ddd !important;
    font-weight: normal !important;
}

.lightTheme table thead tr th {
    font-size: 11.5px !important;
    font-family: Verdana Bold !important;
}

.lightTheme .editable_grid table tbody tr td .form-control {
    font-size: 11px;
}

.lightTheme .singleAssortmentChart_page .body_colapse tbody tr.total_row td {
    font-family: Verdana Bold !important;
    font-size: 13px;
}

.lightTheme table tbody tr:hover, .lightTheme .dataTables_scrollBody table tbody tr:hover, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row:hover, .lightTheme table > tbody > tr:nth-of-type(odd):hover, .lightTheme .table-striped > tbody > tr:nth-of-type(odd):hover, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even:hover, .lightTheme table > tbody > tr:nth-of-type(even):hover, .lightTheme .table-striped > tbody > tr:nth-of-type(even):hover {
    background-color: #e0e0e0;
}

.lightTheme table tbody tr td, .lightTheme .dataTables_scrollBody table tbody tr td, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td, .lightTheme .ui-grid-viewport .ui-grid-cell-contents {
    font-family: inherit;
    font-weight: 400;
    vertical-align: middle;
}

.lightThemetable > tbody > tr > td, .table-striped > tbody > tr > td, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td, .lightTheme div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td, .lightTheme .ui-grid-row .ui-grid-cell {
    font-size: 11.5px;
    color: #000;
}

.lightTheme table tfoot tr td, .lightTheme .dataTables_scrollFoot table tfoot tr td, .lightTheme div.jtable-main-container > table.jtable > tfoot > tr > td {
    font-family: inherit;
    font-size: 13px;
    color: #eee;
    font-weight: normal;
}

.lightTheme div.jtable-main-container > div.jtable-bottom-panel, .lightTheme div.dataTables_info {
    font-family: inherit;
    font-weight: 600;
    font-size: 14px !important;
}

.lightTheme div.jtable-main-container > div.jtable-bottom-panel {
    position: relative !important;
}

.lightTheme .box_div .box_head, .lightTheme .tabPanelDiv .nav-tabs-custom .nav-tabs > li > a {
    font-family: Verdana Bold;
}

.lightTheme .box_div .box_head {
    font-size: 16px;
}

.lightTheme .box_form_page .box_div .form-group label.control-label {
    font-family: inherit;
    font-size: 13px;
}

.lightTheme .popup_div .filter_background .filter_base {
    font-family: inherit;
}

.popup_div .filter_background .filter_base .filter_panel:last-child {
    margin-bottom: 0;
}

.lightTheme .filter_base .filter_head .head_base .head_background {
    font-family: Verdana Bold;
    font-size: 12px;
}

.lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box span {
    font-size: 11.5px;
    letter-spacing: -0.5px;
}

.lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div span.head_span {
    font-size: 11.5px;
}

.lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .range_value_div .range_value_part span {
    font-size: 11px;
}

.lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div .text_box .filter_text_box {
    font-size: 12px;
}

.lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div.processBar {
    border-top: 1px solid #333;
    padding-top: 8px;
}

    .lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div.processBar .text_box span {
        width: 40px;
    }

    .lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div.processBar .text_box .filter_text_box {
        width: calc(100% - 40px);
        padding: 0;
    }

    .lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div.processBar .subPart .text_box span {
        font-size: 11px;
    }

    .lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div.processBar .subPart .padding5:first-child .text_box span {
        width: 50px;
    }

    .lightTheme .popup_div .co_filter_box .filter_list_body .filter_body_content .text_box_div.processBar .subPart .padding5:first-child .text_box .filter_text_box {
        width: calc(100% - 50px);
    }

.lightTheme .co_filter_box .filter_list_body .filter_body_content label, .filter_base .filter_head .statusAllBtn label {
    font-size: 12px;
}

.co_filter_box .filter_list_body .filter_body_content.labelFildPart {
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
}

.co_filter_box .filter_list_body .filter_body_content .labelFild {
    display: inline-block;
    padding: 0 5px;
    margin: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f5f5f5;
    font-size: 13px;
}

    .co_filter_box .filter_list_body .filter_body_content .labelFild input[type=checkbox] {
        width: unset;
        height: unset;
    }

.lightTheme .popup_div .small_box_col.disable_div .col_head {
    font-family: inherit;
}

.lightTheme .popup_div .kapanSplit_form .small_box_top_section .form-group label { /*width:85px;*/
    font-size: 11px;
}

.lightTheme .popup_div .kapanSplit_form .small_box_top_section .form-group .input_box_div {
    width: calc(100% - 85px);
}

.lightTheme .popup_div .small_box_col.disable_div label.displayLabel {
    font-size: 14px;
}

body.lightTheme .ui-tooltip, .lightTheme .contextMenu ul li .name {
    font-family: inherit;
}

.lightTheme .contextMenu ul li .name {
    font-size: 13px;
}

.lightTheme .popup_div .edit_sub_kapan_head_row span:first-child {
    font-size: 13px;
}

.lightTheme .popup_div .edit_sub_kapan_popup table tr td.inputTd input {
    font-size: 14px;
}

.lightTheme .popup_div .addKapanSplit .small_box_col.disable_div label {
    font-size: 13px;
}

.lightTheme .popup_div {
    border-top: none;
    border-left: none;
}

.lightTheme .modalheader {
    background-color: #4e595f !important;
    background: none;
}

.lightTheme .popup_body {
    border: 2px solid #4e595f;
    border-top-width: 1px;
}

.lightTheme .themeBtn {
    border-color: var(--light-theme-main-color);
    background-color: #fff;
    color: var(--light-theme-main-color);
}

    .lightTheme .themeBtn:hover {
        background-color: var(--light-theme-main-color);
        color: #fff;
    }

.lightTheme .panel-default, .lightTheme .panel-default > .panel-heading {
    background-color: #fafafa;
    border-color: #000
}

    .lightTheme .panel-default > .panel-heading .searchBarGroup {
        width: 400px;
    }

        .lightTheme .panel-default > .panel-heading .searchBarGroup .form-group {
            float: left;
            margin-bottom: 0;
            width: calc(100% - 40px);
        }

            .lightTheme .panel-default > .panel-heading .searchBarGroup .form-group .SerachTextBox {
                height: 32px;
                border-right: none;
            }

    .lightTheme .panel-default .panel-body.well {
        border-radius: 0 0 4px 4px;
        border-top: none;
        box-shadow: 0 1px 3px rgba(0,0,0,.15);
        margin-bottom: 0;
    }

    .lightTheme .panel-default .slideBodyPart .form-group, .lightTheme .slideBodyPart .form-group {
        margin: 0 -10px;
    }

        .lightTheme .panel-default .slideBodyPart .form-group .control-label, .lightTheme .slideBodyPart .form-group .control-label {
            min-width: auto;
        }

    .lightTheme .panel-default .panel-heading .slideBodyPart .form-group .input_div {
        line-height: 27px;
    }

    .lightTheme .panel-default .slideBodyPart .form-group .form-control, .lightTheme .slideBodyPart .form-group .form-control, .lightTheme .slideBodyPart .form-group .select2-container .select2-selection--single {
        height: 30px !important;
    }

.lightTheme .slideBodyPart .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}

.lightTheme .panel-default .slideBodyPart .form-group i.dropdown_arrow {
    right: 7px;
}

.lightTheme .panel-default .slideBodyPart .form-group .btn, .lightTheme .slideBodyPart .form-group .btn {
    padding: 6px 12px;
    float: right;
    margin:2px
}

.lightTheme .panel-default .slideBodyPart .form-group .with_add_btn .btn {
    padding: 0px 7px;
}

.lightTheme .panel-default > .panel-heading h4 {
    line-height: 24px;
    font-size: 20px;
    color: #222;
    font-family: monospace;
}

.lightTheme .panel-default .slideBodyPart .box_div {
    background-color: #f3f3f3;
    padding: 5px;
    border: 1px solid #ddd;
}

.lightTheme .panel-default .table-responsive {
    margin: 10px 0;
    border: 1px solid #ddd;
}

    .lightTheme .panel-default .table-responsive table {
        margin: 0;
    }

.lightTheme .panel-default table > thead, .lightTheme .panel-default div.jtable-main-container > table.jtable > thead, .lightTheme .panel-default .ui-grid-top-panel, .lightTheme .panel-default table > tbody > tr:nth-of-type(odd), .lightTheme .panel-default .table-striped > tbody > tr:nth-of-type(odd), .lightTheme .panel-default div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even, .lightTheme .panel-default table > tbody > tr > tr, .lightTheme .panel-default .table-striped > tbody > tr, .lightTheme .panel-default div.jtable-main-container > table.jtable > tbody > tr, .lightTheme .panel-default table > tbody > tr:nth-of-type(even), .lightTheme .panel-default .table-striped > tbody > tr:nth-of-type(even), .lightTheme .panel-default .ui-grid-canvas .ui-grid-row:nth-of-type(even), .lightTheme .panel-default table > tfoot, .table > tfoot, .lightTheme .panel-default div.jtable-main-container table.jtable tfoot, .lightTheme .panel-default .ui-grid-footer-panel {
    background: transparent;
}

    .lightTheme .panel-default table > tbody > tr:hover, .lightTheme .panel-default .table-striped > tbody > tr:hover, .lightTheme .panel-default div.jtable-main-container > table.jtable > tbody > tr:hover, .lightTheme .panel-default table > tbody > tr:nth-of-type(even):hover, .lightTheme .panel-default .table-striped > tbody > tr:nth-of-type(even):hover, .lightTheme .panel-default .ui-grid-canvas .ui-grid-row:nth-of-type(even):hover {
        background: #f4f4f4 !important;
    }

    .lightTheme .panel-default table > thead > tr > th, .lightTheme .panel-default .table > thead > tr.info > th, .lightTheme .panel-default div.jtable-main-container > table.jtable > thead th {
        color: #111 !important;
        font-family: Verdana Bold;
        font-size: 12px !important;
        line-height: 17px;
    }

    .lightTheme .panel-default table > tbody > tr > td, .lightTheme .panel-default .table-striped > tbody > tr > td, .lightTheme .panel-default div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td, .lightTheme .panel-default div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td, .lightTheme .panel-default .ul_grid .ui-grid-row {
        font-family: inherit;
        font-size: 12px;
        font-weight: normal;
        color: #222;
    }

.lightTheme .panel-default .horizontalAssortmentTable table > tbody > tr > td, .lightTheme .panel-default .verticalAssortmentTable table > tbody > tr > td {
    min-width: 70px;
}

    .lightTheme .panel-default .verticalAssortmentTable table > tbody > tr > td.fixedTdNuCol {
        text-align: right;
    }

    .lightTheme .panel-default .verticalAssortmentTable table > tbody > tr > td.fixedTdstrCol {
        text-align: right;
    }

    .lightTheme .panel-default .verticalAssortmentTable table > tbody > tr > td.fixedTdheadCol {
        text-align: left !important;
    }

.lightTheme .panel-default .verticalAssortmentTable table {
    max-width: min-content;
    width: auto;
    min-width: auto;
}

.lightTheme .panel-default table tfoot tr td, .lightTheme .panel-default .dataTables_scrollFoot table tfoot tr td, .lightTheme .panel-default div.jtable-main-container > table.jtable > tfoot > tr > td {
    font-family: inherit;
    font-size: 15px;
    line-height: 16px;
    height: auto;
}

.lightTheme .btn {
    line-height: 18px;
    font-family: var(--font-body-font) !important;
}

.lightTheme .btn-default {
    border-color: #b0c0d6;
}

.lightTheme .fildAndBtnPart {
    padding: 0 15px 5px;
}

.lightTheme .oneIconBtnFildPart {
    width: calc(100% - 30px);
    float: left;
}

    .lightTheme .oneIconBtnFildPart .form-group .control-label {
        font-size: 12px;
        padding: 0;
    }

    .lightTheme .oneIconBtnFildPart .form-group .form-control {
        font-size: 13px;
        height: 30px;
        padding: 5px 3px;
    }

.lightTheme .size30OnlyIconBtn {
    width: 30px;
    float: left;
}

    .lightTheme .size30OnlyIconBtn .btn {
        width: 30px;
        height: 30px;
        padding: 0 !important;
        line-height: 28px;
        text-align: center;
        margin-top: 20px;
    }

.lightTheme .size28OnlyIconBtn .btn {
    width: 28px;
    height: 28px;
    padding: 0 !important;
    line-height: 27px;
    text-align: center;
    margin-top: 20px;
}

.lightTheme .panel-default .table-responsive.panelInputGrid {
    overflow: hidden;
    border: none;
    margin-bottom: 0;
}

.lightTheme .panelInputGrid .dataTables_scroll {
    border-bottom: none;
}

.lightTheme .panelInputGrid.maxTenRow .dataTables_scroll .dataTables_scrollBody {
    max-height: 449px;
    height: auto !important;
    border-bottom: 1px solid #ddd;
}

.lightTheme .panelInputGrid.maxFiveRow .dataTables_scroll .dataTables_scrollBody {
    max-height: 140px;
    height: auto !important;
    border-bottom: 1px solid #ddd;
}

.lightTheme .panelInputGrid .dataTables_scroll .dataTables_scrollBody table {
    border: none;
}

    .lightTheme .panelInputGrid .dataTables_scroll .dataTables_scrollBody table tfoot tr td {
        border: none;
    }

    .lightTheme .panelInputGrid .dataTables_scroll .dataTables_scrollBody table tbody tr td .action_btn {
        line-height: 21px;
    }

    .lightTheme .panelInputGrid .dataTables_scroll .dataTables_scrollBody table tbody tr:last-child td {
        border-bottom: none !important;
    }

.lightTheme .panelInputGrid .dataTables_scroll .dataTables_scrollFoot table {
    border-top: none;
}

.lightTheme .panelInputGrid .table-striped > tbody > tr > td {
    height: 28px;
}

hr.panelDevider {
    margin-top: 0;
    border-width: 2px;
    border-color: var(--cleaving-panel-part-color);
    width: 100%;
}

.height30BtnBar .btn {
    height: 30px;
    padding: 0 12px;
    line-height: 28px;
}

.lightTheme .panel-default .height30BtnBar {
    margin-top: 26px;
}

    .lightTheme .panel-default .height30BtnBar .form-group .btn {
        padding: 0 12px;
        margin: 0 3px;
    }

.lightTheme .btn {
    font-family: Verdana Bold;
    font-size: 12px;
}

.lightTheme .panel-default > .panel-heading {
    padding: 15px 15px;
}

    .lightTheme .panel-default > .panel-heading .btn {
        line-height: 10px;
        padding: 6px 15px;
    }

.lightTheme .panel-default .panel-body {
    padding: 5px 15px 10px;
    border-radius: 0 0 4px 4px;
}

    .lightTheme .panel-default .panel-body .fildAndBtnPart {
        padding: 0 15px;
    }

.lightTheme .panel-default .oneIconBtnFildPart .form-group .form-control {
    height: 28px;
}

.lightTheme .panel-default .oneIconBtnFildPart .form-group .btn {
    height: 28px;
    line-height: 26px;
}

.lightTheme .panelInputGrid .dataTables_scroll .dataTables_scrollBody table tr td input[type=checkbox] {
    margin-top: 2px;
}

.nestedGridPart table {
    background: #fff;
}

.lightTheme .nestedGridPart table > thead, .lightTheme .nestedGridPart table > thead tr:hover {
    background: #ddd !important;
}

    .lightTheme .nestedGridPart table > thead > tr > th, .lightTheme .nestedGridPart table > thead > tr.info > th {
        border-color: #aaa !important;
    }

.lightTheme .nestedGridPart table tbody tr td {
    height: 28px;
    box-sizing: border-box;
}

    .lightTheme .nestedGridPart table tbody tr td:first-child {
        width: 50px;
    }

.lightTheme .nestedGridPart table > tbody > tr > td {
    border-color: #aaa !important;
}

.lightTheme .nestedGridPart tbody tr.childRow > td {
    border-bottom: 1px solid #aaa !important;
}

    .lightTheme .nestedGridPart tbody tr.childRow > td:first-child {
        border-left: 1px solid #aaa !important;
    }

.noteBtnBar {
    position: absolute;
    bottom: 4px;
    right: 10px;
}

    .noteBtnBar .bottom_btn_bar .btn {
        height: 23px;
        line-height: 21px;
    }

.cke_reset {
    min-height: 450px !important;
    min-width: 1000px !important;
}

.labelPartDiv {
    display: inline-block;
}

    .labelPartDiv .lblgroup {
        text-align: center;
        font-family: Verdana Bold;
        color: #000;
        font-size: 12px;
    }

    .labelPartDiv .input-group-addon {
        width: 30px;
        padding: 1px 5px !important;
        font-size: 11px;
    }

.navbar-nav > li {
    float: left;
}

.comerAssort {
    padding: 15px;
    height: 100%;
}

    .comerAssort .panel-default {
        height: calc(100% - 32px);
        margin-bottom: 8px;
    }

        .comerAssort .panel-default .panel-body {
            background-color: #fff;
            height: calc(100% - 38px);
        }

            .comerAssort .panel-default .panel-body .slideBodyPart .input_div {
                line-height: 30px;
            }

            .comerAssort .panel-default .panel-body .mainTablePart {
                max-height: 100%;
                width: max-content;
                width: -moz-max-content;
                width: -ms-max-content;
                width: -o-max-content;
                max-width: 100%;
                overflow: auto;
                position: relative;
                border: 1px solid #999;
            }

                .comerAssort .panel-default .panel-body .mainTablePart .fixedDiv {
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-color: #fff;
                    border-bottom: 1px solid #999;
                }

            .comerAssort .panel-default .panel-body .scrollableDiv {
                overflow: auto;
                width: fit-content;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                border: 1px solid #ddd;
            }

                .comerAssort .panel-default .panel-body .scrollableDiv .verticalAssortmentTable:first-child table {
                    margin-top: 0;
                }

                .comerAssort .panel-default .panel-body .scrollableDiv .verticalAssortmentTable:last-child table {
                    margin-bottom: 0;
                }

            .comerAssort .panel-default .panel-body .mainTablePart .scrollableDiv {
                border: none;
                width: max-content;
                width: -moz-max-content;
                width: -ms-max-content;
                width: -o-max-content;
            }

                .comerAssort .panel-default .panel-body .mainTablePart .scrollableDiv .verticalAssortmentTable {
                    width: auto;
                }

                    .comerAssort .panel-default .panel-body .mainTablePart .scrollableDiv .verticalAssortmentTable:last-child table {
                        margin-bottom: 13px;
                    }

                .comerAssort .panel-default .panel-body .mainTablePart .scrollableDiv:last-child table {
                    margin-bottom: 0 !important;
                }

            .comerAssort .panel-default .panel-body .mainTablePart .fixedDiv table tbody tr:first-child td {
                font-weight: 600;
            }

            .comerAssort .panel-default .panel-body .mainTablePart .fixedDiv table tbody tr td:first-child {
                font-weight: 600;
            }

            .comerAssort .panel-default .panel-body .mainTablePart table tbody tr td[colspan='2'] {
                width: 200px;
            }

            .comerAssort .panel-default .panel-body .mainTablePart table tbody tr td[colspan='3'] {
                width: 300px;
            }
            

            .comerAssort .panel-default .panel-body table {
                width: max-content;
                width: -moz-max-content;
                width: -ms-max-content;
                width: -o-max-content;
                max-width: max-content;
                max-width: -moz-max-content;
                max-width: -ms-max-content;
                max-width: -o-max-content;
                min-width: auto;
            }

                .comerAssort .panel-default .panel-body table .clickable {
                    cursor: pointer;
                    text-decoration: underline;
                    color: blue;
                    font-weight: 600;
                }
              
                .comerAssort .panel-default .panel-body table tbody tr {
                    background: transparent !important;
                }

.scrollableDiv table tbody tr.childRow.firstChildRow td {
    border-top-color: #ccc !important;
    border-top: 2px solid #ccc !important;
}

.comerAssort .panel-default .panel-body table tbody tr.headfor {
    background-color: #ececec !important;
}

    .comerAssort .panel-default .panel-body table tbody tr.headfor td {
        font-family: Verdana Bold;
        color: #000;
    }

.scrollableDiv table tbody {
    border: 1px solid #999;
}

.comerAssort .panel-default .panel-body .mainTablePart table tbody tr td:last-child {
    border-right-color: #999 !important;
}

.comerAssort .panel-default .verticalAssortmentTable table > tbody > tr > td {
    min-width: auto;
}

.textBoxLikeLabel .control-label {
}

.fildDisplayPart .textBoxLikeLabel .form-group {
    display: flex;
}

.textBoxLikeLabel .form-control {
    background-color: transparent;
    border: none;
    font-family: Verdana Bold;
    color: #000;
    cursor: default;
    width: 100%;
    padding: 5px 0 5px 8px;
}

    .textBoxLikeLabel .form-control:focus {
        outline: none;
        box-shadow: none;
        border: none;
    }

.fildDisplayPart .textBox .control-label {
    padding-right: 7px;
}

.fildDisplayPart .textBox .form-group {
    display: flex;
}

.textBox .form-control {
    font-family: Verdana Bold;
    color: #000;
    cursor: default;
    width: 100%;
    padding: 5px;
}


.fildDisplayPart .readOnlyTextBox .control-label {
    padding-right: 7px;
}

.fildDisplayPart .readOnlyTextBox .form-group {
    display: flex;
}

.readOnlyTextBox .form-control {
    background-color: #eee;
    font-family: Verdana Bold;
    color: blue;
    font-size: 16px;
    cursor: default;
    width: 100%;
    padding: 5px;
}

    .readOnlyTextBox .form-control:focus {
        border-color: #b0c0d6;
        box-shadow: none;
    }

.fildDisplayPart {
    padding: 0 15px;
}

    .fildDisplayPart .form-group {
        display: flow-root;
        margin: 0 -10px 5px;
    }

    .fildDisplayPart .control-label {
        font-size: 13px !important;
        padding: 0;
    }

        .fildDisplayPart .control-label b {
            color: #000;
            font-family: Verdana Bold;
        }

    .fildDisplayPart .input_div {
        width: 100%;
    }
    
    .fildDisplayPart .form-control {
    }

.singleAssortmentChart_page .top_section {
    background-color: #e7eaec;
    margin-bottom: 5px !important;
}

    .singleAssortmentChart_page .top_section .fildDisplayPart .form-group {
        margin: 0 -7px 5px;
        padding: 0;
    }

    .singleAssortmentChart_page .top_section .fildDisplayPart .control-label {
        margin: 0;
        color: #555;
        float: left;
        min-width: max-content;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        width: auto;
    }

    .singleAssortmentChart_page .top_section .fildDisplayPart .input_div {
        float: left;
        width: auto;
        display: contents;
    }
/*===================================== New Theme End =====================================*/

/*================================== Table Width Set Start ===============================*/
.branchList {
    width: 1400px;
}

.mineList {
    width: 850px;
}

.partyList {
    width: 1450px;
}

.fromList {
    width: 850px;
}

.qualityTypeList {
    width: 900px;
}

.qualityGroupList { /*width:1840px*/
}

    .qualityGroupList .ui-grid-contents-wrapper {
        width: calc(100% + 5px) !important;
    }

.subQualityList {
    width: 1000px;
}

    .subQualityList .ui-grid-contents-wrapper {
        width: calc(100% + 4px) !important;
    }

.priorityList {
    width: 850px;
}

.sieveList {
    width: 900px;
}

    .sieveList .ui-grid-contents-wrapper {
        width: calc(100% + 5px) !important;
    }

.charniList {
    width: 850px;
}

.currencyRateList {
    width: 850px;
}

.departmentGroupList {
    width: 850px;
}

.termsList {
    width: 850px;
}

.departmentList {
    width: 1625px;
}

.labourTypeList {
    width: 550px;
}

.labourCalcList {
    width: 550px;
}

.unchuLabourList {
    width: 1000px;
}

.mixLabourList {
    width: 1000px;
}

.halkuLabourList {
    width: 1000px;
}

.halkuFancyLabourList {
    width: 1000px;
}

.halkuNormalLabourList {
    width: 1000px;
}

.shapeGroupExtraLabourList {
    width: 1000px;
}

.sawingLabourList {
    width: 1400px;
}

.processTypeList {
    width: 850px;
}

.processList {
    width: 1440px;
}

.sizeTypeList {
    width: 850px;
}

.sizeList {
    width: 1440px;
}

.numberGroupList {
    width: 1300px;
}

.numberTypeList {
    width: 850px;
}

.numberList {
    width: 1440px;
}

.tableColumns1List {
    width: 850px;
}

.tableColumns2List {
    width: 850px;
}

.tableColumns3List {
    width: 1300px;
}

.shapeList {
    width: 850px;
}

.shapeGroupList {
    width: 850px;
}

.shapeGroupPhotoList {
    width: 1000px;
}

.brokerageTypeList {
    width: 850px;
}

.mineCompanyList {
    width: 850px;
}

.dynamicReportList {
    width: 1000px;
}

.designationList {
    width: 850px;
}

.departmentTypeList {
    width: 850px;
}

.headList {
    width: 850px;
}

.userRoleList {
    width: 850px;
}

.addUserRoleList {
    width: 1350px;
}

.userManageList {
    width: 1200px;
}

.addUserManage {
    width: 1440px;
}

.width600 {
    width: 600px;
}

.width850 {
    width: 850px;
}

.width1200 {
    width: 1200px;
}

.tableColumns3List .rightSearchBarWithTowTextBox {
    width: 925px;
}

.ag-theme-fresh .ag-row-hover {
    background-color: #e9e7ea !important; 
}

.mixPhotoPopup {
    width: 982px;
    height: 456px;
}

    .mixPhotoPopup .ag-layout-normal .ag-root-wrapper-body .ag-body-viewport-wrapper .lastCell {
        padding-right: 15px !important;
    }
/*=================================== Table Width Set End ================================*/

/*==================================== Ag Grid Start =================================*/
.agMainGridWithFooter {
    height: calc(100% - 50px);
}

    .agMainGridWithFooter.witthoutScrollBar {
        height: calc(100% - 42px);
    }

.comman-box-table-background .ag-theme-fresh .ag-root-wrapper-body .ag-header {
    font-family: Verdana Bold;
    font-size: 11px;
}

.ag-theme-fresh .ag-root-wrapper-body .ag-cell-label-container {
    line-height: 31px;
}

.ag-theme-fresh .ag-row {
    border-bottom: 1px solid #ddd !important;
    height: 31px;
}

    .ag-theme-fresh .ag-row.ag-row-odd {
        background-color: #fff !important;
    }

    .ag-theme-fresh .ag-row.ag-row-even {
        background-color: #fff !important;
    }

    .ag-theme-fresh .ag-row.ag-row-selected {
        background-color: #bde2e5 !important;
    }

    .ag-theme-fresh .ag-row .ag-cell {
        line-height: 28px;
        /*font-family: Verdana;*/
        font-family: var(--font-body-font);
        font-size: 12px;
    }

.ag-theme-fresh .ag-cell.ag-cell-no-focus {
    border-right: 1px solid #646464;
}

.ag-theme-fresh .ag-cell.ag-cell-focus {
    border-color: #000;
}

.ag-theme-fresh .ag-row .ag-cell .gridColLeftIconPart {
    width: 17px;
    height: 26px;
    line-height: 30px;
}

.ag-theme-fresh .ag-row .ag-cell .btn.fa {
    line-height: 25px;
}

.ag-theme-fresh .ag-row .ag-cell .fa-check {
    color: #2dbe60;
}

.ag-theme-fresh .ag-cell a.link_btn {
    margin-top: 5px;
}

.ag-theme-fresh .ag-cell:hover .link_btnvisible, .ag-theme-fresh .link_btnvisible:hover {
    margin-top: 3px;
    height: 18px;
}

    .ag-theme-fresh .ag-cell:hover .link_btnvisible .boldKapanCarat, .ag-theme-fresh .link_btnvisible:hover .boldKapanCarat {
        line-height: 14px;
    }

.ag-theme-fresh .ag-cell div[data-poupop-name=note] {
    line-height: 28px;
}

.ag-row-no-animation .ag-row {
    background-color: #f1f1f1 !important;
}

.ag-floating-bottom .ag-floating-bottom-viewport {
    background-color: #fff;
    border-top: 1px solid #999;
}

.ag-floating-bottom .ag-row.ag-row-even {
    background-color: #fff !important;
}

.agGridFooter {
    height: 50px;
}

    .agGridFooter.ag-theme-fresh .ag-header {
        border-bottom-width: 0;
    }

.ag-theme-fresh.agGridFooter .ag-root {
    border-top-width: 0;
    border-right-width: 0;
}

    .ag-theme-fresh.agGridFooter .ag-root .ag-cell {
        border-top-width: 0;
        line-height: 30px;
        font-family: Verdana Bold;
        font-size: 11px;
    }

.noColumnTool .ag-theme-fresh .ag-root-wrapper-body .ag-tool-panel {
    border-right: none;
}

.noColumnTool .ag-theme-fresh.agGridFooter .ag-root {
    border-right-width: 1px;
}

.agMainGridWithFooter .ag-body-viewport {
    overflow-x: hidden;
}

.mainMasterBookPage .agMainGridWithFooter .ag-body-viewport {
    overflow-x: auto !important;
}

    .mainMasterBookPage .agMainGridWithFooter .ag-body-viewport::-webkit-scrollbar {
        height: 12px;
    }

.withColumnPart .agGridFooter .ag-body-container {
    margin-right: 20px;
}

.agGridFooter {
    height: auto;
}

    .agGridFooter .ag-root-wrapper {
        height: auto !important;
    }

    .agGridFooter .ag-root-wrapper-body {
        flex-grow: unset !important;
        min-height: max-content !important;
        min-height: -webkit-max-content !important;
        min-height: -moz-max-content !important;
    }

    .agGridFooter .ag-root {
        height: max-content !important;
        height: -webkit-max-content !important;
        height: -moz-max-content !important;
    }

    .agGridFooter .ag-body {
        min-height: max-content !important;
        min-height: -webkit-max-content !important;
        min-height: -moz-max-content !important;
        height: max-content !important;
        height: -webkit-max-content !important;
        height: -moz-max-content !important;
        display: flex;
        flex: unset !important;
        -webkit-box-flex: unset !important;
    }

    .agGridFooter .ag-body-viewport-wrapper {
        height: max-content;
    }

    .agGridFooter .ag-body-viewport {
        height: auto !important;
        overflow-y: hidden;
    }

.noFooter .ag-body-viewport {
    overflow-x: auto !important;
}

.ag-theme-fresh .ag-header-cell-menu-button .ag-icon-menu {
    height: 30px !important;
}

.ag-header-group-cell-label {
    display: inline-block !important;
}

.ag-theme-fresh .ag-floating-top-viewport .ag-row:nth-last-child(2) {
    border-bottom-color: #646464 !important;
}

.topFooterGrid .ag-theme-fresh .ag-root-wrapper-body .ag-header { 
    background: #04666a29;
    color: #000; 
}

.ag-theme-fresh .ag-floating-top { 
    border-bottom: 1px solid #aaa;
}

    .ag-theme-fresh .ag-floating-top .ag-row {
        background-color: #fde9d9 !important;
        border-bottom-color: #b9b9b9 !important;
    }

        .ag-theme-fresh .ag-floating-top .ag-row:last-child {
            background-color: #fcd5b4 !important;
            border-color: #646464; 
        }

            .ag-theme-fresh .ag-floating-top .ag-row:last-child .ag-cell {
                border-right-color: #646464;
                font-family: Verdana Bold;
                font-size: 12.5px;
            }

        .ag-theme-fresh .ag-floating-top .ag-row .ag-cell {
            font-family: Verdana Bold;
            font-size: 9.5px !important;
        }

.topFooterGrid .ag-theme-fresh .ag-column-drop-horizontal { 
    border: none !important;
}

.topFooterGrid .ag-theme-fresh .ag-faded {
    opacity: 0.6;
}

.topFooterGrid .ag-theme-fresh .ag-column-drop-horizontal .ag-column-drop-empty-message { 
    opacity: 0.6;
    font-family: Verdana Bold;
    font-size: 12px;
}

.topFooterGrid .ag-theme-fresh .ag-column-drop-cell { 
}

    .topFooterGrid .ag-theme-fresh .ag-column-drop-cell .ag-column-drag { 
    }

    .topFooterGrid .ag-theme-fresh .ag-column-drop-cell .ag-column-drop-cell-text { 
    }

.topFooterGrid .ag-root-wrapper.ag-layout-normal {
    border: 2px solid #646464;
}

.topFooterGrid .ag-theme-fresh .ag-root {
    border-left: none;
    /*border-top-color: #000;*/
    border-bottom: none;
}

.ag-theme-fresh .ag-header-cell.ag-header-cell-sortable {
    cursor: pointer;
}

.ag-body .frontPart {
    background-color: #d7e4bc;
}

.ag-body .mainDetailPart {
    background-color: #b6dde8;
}

.ag-body .typePart {
    background-color: #f2dddc;
}

.ag-body .processPart {
    background-color: #ddd9c3;
}

.ag-body .shapePart {
    background-color: #fde9d9;
}

.content .dailyReportPage .ag-theme-fresh .ag-cell.ag-cell-no-focus {
    border-right-color: #b9b9b9;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
    font-weight: normal;
}

.dailyReportPage .ag-body .ag-row {
    border-bottom-color: #b9b9b9 !important;
}

.dailyReportPage .ag-body .ag-cell.ag-cell-no-focus {
    border-right-color: #b9b9b9;
    /*font-family: Verdana;*/
    font-family: var(--font-body-font);
}

    .dailyReportPage .ag-body .ag-cell.ag-cell-no-focus.darkBorder {
        border-right-color: #111 !important;
    }

.dailyReportPage .ag-theme-fresh .ag-row.nocompareRow .ag-cell {
    background-color: #eccece;
}

.dailyReportPage .ag-theme-fresh .ag-row.sampleRow .ag-cell {
    background-color: #c2e6d6;
}

.dailyReportPage .ag-theme-fresh .ag-row.asthaRow .ag-cell {
    background-color: rgb(209, 211, 243);
}

.dailyReportPage .ag-theme-fresh .ag-row.nobranchcompareRow .ag-cell {
    background-color: #d3ebff;
}

.dailyReportPage .ag-theme-fresh .ag-root-wrapper-body .ag-header {
    font-size: 9.5px !important;
    font-family: Verdana Bold;
}

.dailyReportPage .ag-theme-fresh .ag-floating-top .ag-row:last-child .ag-cell {
    font-family: Verdana Bold;
    font-size: 11.5px;
}

.dailyReportPage .ag-theme-fresh .ag-row .ag-cell {
    font-size: 10px;
    letter-spacing: -0.5px;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.dailyReportPage .ag-theme-fresh .ag-root-wrapper-body .ag-header .ag-header-row .ag-header-cell {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
    overflow: visible;
}

.content.dailyReportPage {
    padding: 5px 1px;
}

.dailyReportPage .ag-theme-fresh .ag-header-cell-menu-button {
    position: absolute;
    right: 0;
    z-index: 1;
}

.dailyReportPage .ag-theme-fresh .ag-icon-menu {
    background-size: 11px 11px;
    width: 11px;
    height: 11px !important;
}

.dailyReportPage .ag-theme-fresh .ag-header-cell-label {
    width: 100%;
}

    .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon {
        position: absolute;
        right: 0px;
    }

        .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon {
            font-size: 9px;
        }

            .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon:before {
                position: relative;
                top: 10px;
            }

            .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon.ag-icon-filter {
                font-size: 10px !important;
            }

                .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon.ag-icon-filter:before { /*right:-4px;*/
                    margin-left: 3px;
                }

            .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon.ag-icon-asc, .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon.ag-icon-desc {
                width: 14px;
            }

                .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon.ag-icon-asc:before, .dailyReportPage .ag-theme-fresh .ag-header-cell-label .ag-header-icon .ag-icon.ag-icon-desc:before {
                    margin-right: 10px;
                }


.height32TextBox .multiselect-native-select .btn-group .btn {
    height: 32px;
}

.ag-root {
    font-size: 12px !important;
}

.ag-theme-fresh .ag-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ag-theme-fresh .ag-header-cell, .ag-theme-fresh .ag-header-group-cell {
    padding-left: 5px;
    padding-right: 5px;
}

.ag-theme-fresh .ag-filter label {
    font-weight: normal;
    font-size: 12px;
}

.ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
    width: 100%; /*text-align: center;*/
}

.hd-right .ag-header-cell-text {
    text-align: right !important;
    cursor: pointer;
}

.hd-left .ag-header-cell-text {
    text-align: left !important;
    cursor: pointer;
}

.hd-center .ag-header-cell-text {
    text-align: center !important;
    cursor: pointer;
}

.ag-body .name .fa-comment-o, .ag-body .name .fa-commenting, .ag-body .fa-pencil-square, .ag-body .fa-plus {
    cursor: pointer;
}

.btnlbl {
    cursor: default !important;
}

.ag-theme-fresh .ag-header-cell, .ag-theme-fresh .ag-header-group-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ag-theme-fresh .ag-filter label {
    font-weight: normal;
    font-size: 12px;
}

.ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
    width: 100%; /*text-align: center;*/
}

.hd-right .ag-header-cell-text {
    text-align: right !important;
    cursor: pointer;
}

.hd-left .ag-header-cell-text {
    text-align: left !important;
    cursor: pointer;
}

.hd-center .ag-header-cell-text {
    text-align: center !important;
    cursor: pointer;
}

.ag-body .name .fa-comment-o, .ag-body .name .fa-commenting, .ag-body .fa-pencil-square, .ag-body .fa-plus {
    cursor: pointer;
}

.btnlbl {
    cursor: default !important;
}

.ag-theme-fresh .ag-icon-asc, .ag-theme-fresh .ag-icon-desc, .ag-theme-fresh .ag-icon-filter {
    background-image: none !important;
    font: normal normal normal 14px/1 FontAwesome;
    color: blue;
    font-weight: bold;
}

    .ag-theme-fresh .ag-icon-asc:before {
        content: "\f176";
    }

    .ag-theme-fresh .ag-icon-desc:before {
        content: "\f175";
    }
    /*.ag-filter-icon i.fa-sort-desc{color:blue}
.ag-filter-icon i.fa-sort-desc:before{content: "\f0b0";}*/
    .ag-theme-fresh .ag-icon-filter:before {
        content: "\f0b0";
    }

.ag-theme-fresh .ag-tab-header .ag-tab .ag-icon-filter {
    color: #000;
}

.right-cell {
    text-align: right;
}

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

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

.ag-theme-fresh .ag-row-group {
    font-weight: bold;
    color: blue;
}

.filter_option_checkbox {
    cursor: pointer;
}

.ag-pinned-left-cols-viewport {
    overflow-y: hidden !important;
}
/*===================================== Ag Grid End ==================================*/

/*=================================== Sub Kapan Padtar Popup Start ===============================*/
.popup_div .subKapanPadtarPopup table {
    border-top: 2px solid #000 !important;
}

    .popup_div .subKapanPadtarPopup table.table-striped tbody tr {
        border-bottom: none !important;
    }

    .popup_div .subKapanPadtarPopup table .tableDarkBorderTop {
        border-top: 1px solid #000 !important;
    }

    .popup_div .subKapanPadtarPopup table .tableDarkBorderRight {
        border-right: 1px solid #000 !important;
    }

    .popup_div .subKapanPadtarPopup table .tableDarkBorderBottom {
        border-bottom: 1px solid #000 !important;
    }

    .popup_div .subKapanPadtarPopup table .tableDarkBorderLeft {
        border-left: 1px solid #000 !important;
    }

.popup_div .subKapanPadtarPopup .tableDarkThickBorderTop {
    border-top: 2px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkThickBorderRight {
    border-right: 2px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkThickBorderLeft {
    border-left: 2px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkThickBorderbottom {
    border-bottom: 2px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkXThickBorderTop {
    border-top: 3px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkXThickBorderRight {
    border-right: 3px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkXThickBorderBottom {
    border-bottom: 3px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .tableDarkXThickBorderLeft {
    border-left: 3px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table .borderRightNone {
    border-right: none !important;
}

.popup_div .subKapanPadtarPopup table .borderLeftNone {
    border-left: none !important;
}

.popup_div .subKapanPadtarPopup table tbody tr:last-child td {
    border-bottom: 2px solid #000 !important;
}

.popup_div .subKapanPadtarPopup table tbody tr td {
    color: #000;
    font-size: 11px;
    height: 23px;
    line-height: 16px;
    padding: 3px;
}

.popup_div .subKapanPadtarPopup table tbody tr .boldValue {
    font-family: Verdana Bold;
}

.popup_div .subKapanPadtarPopup table tbody tr td.closeBtn {
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: #337ab7;
    font-size: 13px;
}
/*==================================== Sub Kapan Padtar Popup End ================================*/

/*================================= Photo New Design Start ===============================*/
.defaultBox {
    background-color: var(--light_theme);
    border: 1px solid #646464;
    display: flow-root;
    padding: 5px;
}

    .defaultBox .form-group {
        margin-bottom: 15px;
        margin: 9px 0;
    }

    .defaultBox .control-label {
        font-size: 11px !important;
        line-height: 22px !important;
        padding-top: 0 !important;
    }

    .defaultBox.gujLabel .control-label {
        font-size: 12px !important;
    }

    .defaultBox .input_div label {
        margin-bottom: 0;
        font-family: Verdana Bold;
        font-weight: normal;
        font-size: 11.5px;
        color: #000;
    }

.highlightedBox {
    background-color: var(--light_theme);
    border-color: #646464;
}

    .highlightedBox .form-group {
        margin: 9px 0;
    }

    .highlightedBox .control-label {
        color: #333;
    }

    .highlightedBox .form-control {
        height: 21px;
        padding: 0;
        font-family: Verdana Bold;
        font-size: 12px;
        color: #000;
        background-color: transparent;
        border-color: transparent;
    }

        .highlightedBox .form-control.colorRed {
            color: red;
        }

@media (max-width:1599px) {
    .remark_part textarea {
        height: 95px;
    }
}

@media (max-width:1199px) {
    .remark_part textarea {
        height: 120px;
    }
}

@media (max-width:991px) {
    .remark_part textarea {
        height: 185px;
    }
}
/*================================== Photo New Design End ================================*/

.mainDashboard .dashboardHeader {
    position: sticky;
    width: 100%;
    margin: 0;
    top: 0;
    z-index: 2; /*padding-top:11px;*/
    margin-top: -1px;
    background: #fff;
    box-shadow: 5px 0 0px #fff;
    z-index: 99;
}

.dashboardTopPart {
    font-family: Verdana Bold !important;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin: 0px -15px;
    line-height: 23px;
    background: #958989;
    padding: 11px;
}

    .dashboardTopPart .datePart {
        margin: 0 15px;
        color: #fff;
    }

    .dashboardTopPart .timePart {
        margin: 0 15px;
        color: #fff;
    }

    .dashboardTopPart .btn {
        height: 23px;
        line-height: 9px !important;
        margin-top: -3px;
    }

.mainDashboard .allPart .chart_box {
    margin-bottom: 7px;
    margin-top: 7px;
}

.mainDashboard .allPart .childRow {
    display: none;
}

.mainDashboard .collapsBtn, .popup_div .collapsBtn {
    cursor: pointer;
    text-decoration: underline;
}

    .mainDashboard .collapsBtn:hover, .popup_div .collapsBtn:hover {
        text-decoration: underline;
    }

.mainDashboard .allPart .chart_box .childRow .childRowBox table thead th {
    font-size: 12px !important;
    line-height: 14px;
}

.mainDashboard .allPart .chart_box .childRow .childRowBox table tbody tr td {
    height: 55px;
}

.mainDashboard .allPart .chart_box .childRow .childRowBox table tfoot tr td {
    height: 40px;
}

.mainDashboard .allPart .chart_box .childRow .childRowBox table .childRow .childRowBox table tbody tr td {
    height: 45px;
}

.mainDashboard .allPart .chart_box.totalStockBox .head_div, .chart_box.totalStockBox .tablePart, .chart_box.totalStockBox .chart_part .otherDetail .fild_div .btn, .popup_div.TotalRoughStock .modalheader, .popup_div.BranchIssue .modalheader, .popup_div.TotalRoughStock .popup_body, .popup_div.BranchIssue .popup_body {
    background-color: #488aa2 !important;
}

.mainDashboard .allPart .chart_box.onHandStockBox .head_div, .chart_box.onHandStockBox .tablePart, .chart_box.onHandStockBox .chart_part .otherDetail .fild_div .btn, .popup_div.OnHandRoughStock .modalheader, .popup_div.OnHandRoughStock .popup_body {
    background-color: #6e6d75 !important;
}

.mainDashboard .allPart .chart_box.branchStockBox .head_div, .chart_box.branchStockBox .tablePart, .chart_box.branchStockBox .chart_part .otherDetail .fild_div .btn, .popup_div.BranchStock .modalheader, .popup_div.BranchStock .popup_body {
    background-color: #5e567b !important;
}

.mainDashboard .allPart .chart_box.branchIssueBox .head_div, .chart_box.branchIssueBox .tablePart, .chart_box.branchIssueBox .chart_part .otherDetail .fild_div .btn, .popup_div.BranchIssue .modalheader, .popup_div.BranchIssue .popup_body {
    background-color: #746177 !important;
}

.mainDashboard .allPart .chart_box.clvEstBox .head_div, .chart_box.clvEstBox .tablePart, .chart_box.clvEstBox .chart_part .otherDetail .fild_div .btn, .popup_div.ClvEstimation .modalheader, .popup_div.ClvEstimation .popup_body {
    background-color: #616c77 !important;
}

.mainDashboard .allPart .chart_box.RoughRequirementBox .head_div, .chart_box.RoughRequirementBox .tablePart, .chart_box.RoughRequirementBox .chart_part .otherDetail .fild_div .btn, .popup_div.RoughRequirement .modalheader, .popup_div.RoughRequirement .popup_body {
    background-color: #527e80 !important;
}

/*.mainDashboard .allPart .chart_box.DaysBox .head_div,.chart_box.DaysBox .tablePart,.chart_box.DaysBox .chart_part .otherDetail .fild_div .btn,.popup_div.Days .modalheader,.popup_div.Days .popup_body{background-color:#6b5c69!important}*/
.mainDashboard .allPart .chart_box.DaysBox .head_div, .chart_box.DaysBox .tablePart, .chart_box.DaysBox .chart_part .otherDetail .fild_div .btn, .popup_div.Days .modalheader, .popup_div.Days .popup_body {
    background-color: #47465a !important;
}

.mainDashboard .allPart .chart_box.winLossBox .head_div, .chart_box.winLossBox .tablePart, .chart_box.winLossBox .chart_part .otherDetail .fild_div .btn, .popup_div.winLoss .modalheader, .popup_div.winLoss .popup_body {
    background-color: #46687b !important;
}

.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox .head_div, .chart_box.onTheWayRoughDetailBox .tablePart, .chart_box.onTheWayRoughDetailBox .chart_part .otherDetail .fild_div .btn, .popup_div.onTheWayRoughDetailBox .modalheader, .popup_div.onTheWayRoughDetailBox .popup_body {
    background-color: #6e938a !important;
}

.popup_div.winLoss .popup_body.dashBoardPopup table.dashboardTable thead th {
    cursor: default;
}

.popup_div.winLoss .popup_body.dashBoardPopup table.dashboardTable tbody tr td:first-child {
    font-family: Verdana !important;
    font-size: 13px !important;
}

.mainDashboard .allPart .chart_box.RoughRequirementDetailBox .head_div, .chart_box.RoughRequirementDetailBox .tablePart, .chart_box.RoughRequirementDetailBox .chart_part .otherDetail .fild_div .btn, .popup_div.RoughRequirementDetail .modalheader, .popup_div.RoughRequirementDetail .popup_body {
    background-color: #526580 !important;
}

.mainDashboard .allPart .chart_box.polishShippedBox .head_div, .chart_box.polishShippedBox .tablePart, .chart_box.polishShippedBox .chart_part .otherDetail .fild_div .btn, .popup_div.polishShipped .modalheader, .popup_div.polishShipped .popup_body {
    background-color: #467b6c !important;
}

.mainDashboard .allPart .chart_box.totalStockBox .head_div a, .chart_box.onHandStockBox .head_div a, .chart_box.branchStockBox .head_div a, .chart_box.clvEstBox .head_div a, .chart_box.RoughRequirementBox .head_div a, .chart_box.DaysBox .head_div a, .chart_box.winLossBox .head_div a, .chart_box.RoughRequirementDetailBox .head_div a, .chart_box.onTheWayRoughDetailBox .head_div a, .chart_box.polishShippedBox .head_div a {
    color: #fff;
    cursor: default;
}

.mainDashboard .allPart .tableBorder, .popup_div .popup_body.dashBoardPopup .box-body {
    background-color: #fff;
    overflow-x: auto;
}

.dashboardEstimationPopup .box_col {
    width: 980px;
}

.dashboardEstimationHeadPopup .box_col {
    width: 900px;
}

.defaultTable {
    width: calc(100% - 1px);
}

.popup_div .popup_body.dashBoardPopup {
    padding: 0 7px 7px;
    border-width: 0;
}
/*.popup_div.TotalRoughStock .popup_body{}*/
.mainDashboard .allPart .onandStockPart .chart_box table.dashboardTable tbody tr td {
    height: 42px;
    height: 32px;
}

.mainDashboard .allPart .branchStockPart .chart_box table.dashboardTable tbody tr td {
    height: 67px;
}

.mainDashboard .allPart .branchIssuePart .chart_box table.dashboardTable tbody tr td {
    height: 44px;
}
/*.mainDashboard .allPart .clvEstRtrnPart .chart_box table.dashboardTable thead tr th{padding-top:9px}*/
.mainDashboard .allPart .clvEstRtrnPart .chart_box table.dashboardTable tbody tr td {
    height: 45px;
}

.mainDashboard .allPart .chart_box table.dashboardTable, .popup_div .popup_body.dashBoardPopup table.dashboardTable {
    border: none !important;
}

    .mainDashboard .allPart .chart_box table.dashboardTable thead, .popup_div .popup_body.dashBoardPopup table.dashboardTable thead {
        background: transparent !important;
    }

        .mainDashboard .allPart .chart_box table.dashboardTable thead th, .popup_div .popup_body.dashBoardPopup table.dashboardTable thead th {
            color: #000 !important;
            text-align: right;
            border-bottom-color: #bbb !important;
            font-size: 12px !important;
            line-height: 20px;
            text-transform: uppercase;
            padding: 15px 10px 9px !important;
            border-width: 0 0 1px !important;
        }

    .mainDashboard .allPart .chart_box table.dashboardTable > tbody tr.childRow > td {
        background-color: #fff;
        box-shadow: none;
    }

    .mainDashboard .allPart .chart_box table.dashboardTable tbody > tr, .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
        box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
        -webkit-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
        -moz-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
        -ms-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
        -o-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
        border-bottom: 1px solid #ddd;
        background-color: rgba(214,208,239,0.07);
    }

.mainDashboard .allPart .chart_box.totalStockBox table.dashboardTable tbody > tr, .popup_div.TotalRoughStock .popup_body.dashBoardPopup table.dashboardTable tbody > tr, .popup_div.BranchIssue .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(208,225,239,0.07);
    box-shadow: inset 0 -12px 57px rgba(208,225,239,0.6);
    -webkit-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.6);
    -moz-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.6);
    -ms-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.6);
    -o-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.6);
}

.mainDashboard .allPart .chart_box.branchIssueBox table.dashboardTable tbody > tr, .popup_div.BranchIssue .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(116,97,119,0.02);
    box-shadow: inset 0 -12px 57px rgba(116,97,119,0.3);
    -webkit-box-shadow: inset 0 -12px 57px rgba(116,97,119,0.3);
    -moz-box-shadow: inset 0 -12px 57px rgba(116,97,119,0.3);
    -ms-box-shadow: inset 0 -12px 57px rgba(116,97,119,0.3);
    -o-box-shadow: inset 0 -12px 57px rgba(116,97,119,0.3);
}

.mainDashboard .allPart .chart_box.onHandStockBox table.dashboardTable tbody > tr, .popup_div.OnHandRoughStock .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(197,196,206,0.02);
    box-shadow: inset 0 -12px 57px rgba(197,196,206,0.6);
    -webkit-box-shadow: inset 0 -12px 57px rgba(197,196,206,0.6);
    -moz-box-shadow: inset 0 -12px 57px rgba(197,196,206,0.6);
    -ms-box-shadow: inset 0 -12px 57px rgba(197,196,206,0.6);
    -o-box-shadow: inset 0 -12px 57px rgba(197,196,206,0.6);
}

.mainDashboard .allPart .chart_box.branchStockBox table.dashboardTable tbody > tr, .popup_div.BranchStock .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(214,208,239,0.07);
    box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
    -webkit-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
    -moz-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
    -ms-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
    -o-box-shadow: inset 0 -12px 57px rgba(214,208,239,0.6);
}

.mainDashboard .allPart .chart_box.clvEstBox table.dashboardTable tbody > tr, .popup_div.ClvEstimation .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(175,193,212,0.02);
    box-shadow: inset 0 -12px 57px rgba(175,193,212,0.6);
}

.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody > tr, .popup_div.RoughRequirement .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(82,126,128,0.02);
    box-shadow: inset 0 -12px 57px rgba(82,126,128,0.3);
}
/*.mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tbody > tr,.popup_div.Days .popup_body.dashBoardPopup table.dashboardTable tbody > tr{background-color:rgba(107,92,105,0.06);box-shadow:inset 0 -12px 57px rgba(107,92,105,0.3)}*/
.mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tbody > tr, .popup_div.Days .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(71,70,90,0.02);
    box-shadow: inset 0 -12px 57px rgba(71,70,90,0.3);
}

.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr, .popup_div.winLoss .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(70,104,123,0.03);
    box-shadow: inset 0 -12px 57px rgba(70,104,123,0.2);
}

.mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tbody > tr, .popup_div.RoughRequirementDetail .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(82,101,128,0.02);
    box-shadow: inset 0 -12px 57px rgba(82,101,128,0.3);
}

.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox table.dashboardTable tbody > tr, .popup_div.onTheWayRoughDetail .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(105,97,119,0.02);
    box-shadow: inset 0 -12px 57px rgba(105,97,119,0.3);
}

.mainDashboard .allPart .chart_box.polishShippedBox table.dashboardTable tbody > tr, .popup_div.polishShipped .popup_body.dashBoardPopup table.dashboardTable tbody > tr {
    background-color: rgba(70,123,108,0.03);
    box-shadow: inset 0 -12px 57px rgba(70,123,108,0.2);
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr:nth-of-type(even), .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr:nth-of-type(even) {
    border-bottom: 1px solid #ddd !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable tfoot tr td:first-child, .popup_div .popup_body.dashBoardPopup table.dashboardTable tfoot tr td:first-child {
    text-align: center;
}

.mainDashboard .allPart .chart_box table.dashboardTable > tbody tr.childRow tbody > tr {
    box-shadow: none;
    border-bottom-color: #eee !important;
    background-color: #fff;
}

.mainDashboard .allPart .chart_box table.dashboardTable > tbody tr.subChildRow .childRowBox {
    background-color: rgba(214,208,239,0.2);
}

.mainDashboard .allPart .chart_box table.dashboardTable > tbody tr.childRow.subChildRow tbody > tr {
    background-color: transparent;
}

.mainDashboard .allPart .chart_box table.dashboardTable > tbody tr.subChildRow .childRowBox table {
    border: 1px solid #bbb !important;
}

.mainDashboard .allPart .chart_box.totalStockBox table.dashboardTable > tbody tr.subChildRow .childRowBox {
    background-color: rgba(153,195,230,0.2);
}

.mainDashboard .allPart .chart_box table.dashboardTable > tbody tr.subChildRow .childRowBox tbody {
    background-color: #fff;
}

.mainDashboard .allPart .chart_box.totalStockBox table.dashboardTable > tbody tr.subChildRow .childRowBox tbody > tr {
    background-color: rgba(208,225,239,0.035);
    box-shadow: inset 0 -12px 57px rgba(208,225,239,0.3);
    -webkit-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.3);
    -moz-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.3);
    -ms-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.3);
    -o-box-shadow: inset 0 -12px 57px rgba(208,225,239,0.3);
    border-bottom: 1px solid #f1f1f1 !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable thead tr th {
    cursor: default;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr td, .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr td {
    padding: 5px 10px;
    border-width: 0 !important; /*height:50px;*/
    height: 37px;
    vertical-align: middle;
    color: #000 !important;
    font-size: 13.5px !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.selected td, .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr.selected td {
    color: blue !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.mainRow {
    border-width: 4px 4px 1px 4px;
    border-style: solid;
    border-color: #000;
    border-bottom-color: #ddd;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.showChildRow {
    border-width: 0 4px 4px 4px !important;
    border-style: solid;
    border-color: #000 !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.childRow tr.mainRow {
    border-width: 2px 2px 0 2px;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.childRow tr.showChildRow {
    border-width: 0 2px 2px 2px !important;
    border-bottom-color: #000 !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr:first-child td, .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr:first-child td {
    padding-top: 10px;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr td:first-child, .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr td:first-child {
    width: 80px;
    text-transform: uppercase;
    padding: 5px 0 5px 5px;
    font-family: Verdana Bold !important;
    color: #000 !important;
    font-size: 12px !important;
    text-align: center;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.selected td:first-child, .popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr.selected td:first-child {
    color: blue !important;
}

.mainDashboard .allPart .chart_box table.dashboardTable tfoot, .popup_div .popup_body.dashBoardPopup table.dashboardTable tfoot {
    background: transparent !important;
}

    .mainDashboard .allPart .chart_box table.dashboardTable tfoot tr td, .popup_div .popup_body.dashBoardPopup table.dashboardTable tfoot tr td {
        border-width: 1px 0 0 !important;
        border-top-color: #bbb !important;
        color: #000 !important;
        padding: 10px !important;
        font-size: 13px;
    }

.mainDashboard .allPart .chart_box .chart_part {
    margin-top: 0;
    padding: 0;
}

    .mainDashboard .allPart .chart_box .chart_part .otherDetail {
        top: -41px; /*position:relative;*/
        display: inline-block;
        float: right;
        padding: 1px 10px;
    }

        .mainDashboard .allPart .chart_box .chart_part .otherDetail .fild_div {
            float: left;
        }

            .mainDashboard .allPart .chart_box .chart_part .otherDetail .fild_div span:first-child {
                width: 30px;
                text-align: right;
            }

            .mainDashboard .allPart .chart_box .chart_part .otherDetail .fild_div span:last-child {
                width: 85px;
                display: inline-block;
            }

.mainDashboard .allPart .PartWiseResult .chart_box .chart_part .otherDetail .fild_div .drpdwn {
    width: 140px;
    display: inline-block;
}

.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td span, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tfoot > tr td span {
    width: 70px;
    display: inline-block;
}
/*.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td:first-child{width:120px}*/
.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable thead > tr th, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tfoot > tr td {
    text-align: center;
}

    .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td i.fa-thumbs-down, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td i.fa-thumbs-down + span, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tfoot > tr td i.fa-thumbs-down, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tfoot > tr td i.fa-thumbs-down + span, .popup_div.winLoss table.dashboardTable tfoot > tr td i.fa-thumbs-down {
        color: red;
    }

    .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td i.fa-thumbs-up, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td i.fa-thumbs-up + span, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tfoot > tr td i.fa-thumbs-up, .mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tfoot > tr td i.fa-thumbs-up + span, .popup_div.winLoss table.dashboardTable tfoot > tr td i.fa-thumbs-up {
        color: #3ec33e;
    }

.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td i.fa-thumbs-down, .popup_div.winLoss table.dashboardTable tbody > tr td i.fa-thumbs-down {
    color: rgba(255,0,0,0.5);
}

.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tbody > tr td i.fa-thumbs-up, .popup_div.winLoss table.dashboardTable tbody > tr td i.fa-thumbs-up {
    color: rgba(62,195,62,0.6);
}

.popup_div .popup_body.subKapanCaratsPopup.dashBoardPopup table.dashboardTable tbody tr td:first-child {
    width: 100px;
}

.mainDashboard .allPart .RoughSellPart .chart_box.clvEstBox .chart_part .otherDetail .fild_div span:last-child {
    width: 85px;
}

.mainDashboard .allPart .chart_box .chart_part .otherDetail .fild_div span .form-contol {
    height: 23px;
    width: 100%;
    line-height: 18px;
    border: 1px solid #ddd;
    padding: 0 5px;
}

.mainDashboard .allPart .chart_box .chart_part .otherDetail .fild_div .btn {
    padding: 3px 5px;
    line-height: 15px;
    color: #fff;
    float: left;
}

.mainDashboard .allPart .chart_box table.dashboardTable .clvEstRightBorder, .popup_div.ClvEstimation .popup_body table.dashboardTable .clvEstRightBorder, .popup_div.winLoss .popup_body table.dashboardTable .clvEstRightBorder {
    border-right: 1px solid #bbb !important;
}

.popup_div .popup_body.dashBoardPopup table.dashboardTable tbody tr td {
    height: 45px;
}

.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody tr td {
    height: 57px;
}

.mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tbody tr td, .mainDashboard .allPart .chart_box.winLossBox table tbody tr td, .mainDashboard .allPart .chart_box.polishShippedBox table tbody tr td {
    height: 56px;
}

.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody tr td:first-child {
    width: 100px;
}
/*.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody tr td,.mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tbody tr td,.mainDashboard .allPart .chart_box.winLossBox table tbody tr td{font-size:15px !important}*/
.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody tr td:first-child, .mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tbody tr td:first-child, .mainDashboard .allPart .chart_box.winLossBox table tbody tr td:first-child {
    font-size: 12px !important;
}

.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tfoot tr td, .mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tfoot tr td, .mainDashboard .allPart .chart_box.winLossBox table tfoot tr td {
    font-size: 13px;
}

.mainDashboard .allPart .chart_box.winLossBox table.dashboardTable tr td i:first-child {
    margin-right: 5px;
}

.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody tr td .daysProgress {
    font-family: Verdana Bold;
    font-size: 11px;
    color: #555;
}

.mainDashboard .allPart .chart_box table.dashboardTable tbody tr td .progress {
    margin-bottom: 0;
    height: 3px;
    background-color: #d0d0d0;
}

.mainDashboard .allPart .chart_box.RoughRequirementBox table.dashboardTable tbody tr td .progress .progress-bar {
    background-color: #3589da;
}

.popup_div .popupTopBtnBar {
    padding: 5px;
    display: inline-block;
    float: right;
}

    .popup_div .popupTopBtnBar .btn {
        border-color: #bbb;
    }

        .popup_div .popupTopBtnBar .btn.active {
            background-color: #83c4dc;
            border-color: #286d86;
        }

.mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable {
    width: 100%;
}

    .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable thead tr th {
        border-right: 1px solid #bbb !important;
        text-align: center;
        font-size: 11.5px !important;
        padding: 8px 7px 5px !important;
        text-transform: unset;
    }

        .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable thead tr th.col100 {
            width: 100px;
        }

        .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable thead tr th:last-child {
            border-right: none !important;
        }

    .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tbody tr td {
        height: 45px;
        border-right: 1px solid #bbb !important;
        padding: 7px;
        font-size: 12px !important;
    }

        .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tbody tr td:first-child {
            width: auto;
        }

        .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tbody tr td:last-child {
            border-right: none !important;
        }

    .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tfoot tr td {
        border-right: 1px solid #bbb !important;
        padding: 5px 7px !important;
        font-size: 12px;
    }

        .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tfoot tr td:last-child {
            border-right: none !important;
        }

.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable tbody tr td {
    height: 50px !important;
}
/*.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable{width:100%}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable thead tr th{border-right:1px solid #bbb!important;text-align:center;font-size:11.5px!important;padding:8px 7px 5px!important;text-transform:unset}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable thead tr th.col100{width:100px}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable thead tr th:last-child{border-right:none!important}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable tbody tr td{height:45px;border-right:1px solid #bbb!important;padding:7px;font-size:12px!important}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable tbody tr td:first-child{width:auto}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable tbody tr td:last-child{border-right:none!important}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable tfoot tr td{border-right:1px solid #bbb!important;padding:5px 7px!important;font-size:12px}
.mainDashboard .allPart .chart_box.RoughRequirementPartWiseBox table.dashboardTable tfoot tr td:last-child{border-right:none!important}*/


.mainDashboard .allPart .chart_box table.dashboardTable tbody tr.no_data_row td:first-child {
    width: 100%;
    font-size: 20px !important;
    color: red !important;
    text-transform: unset;
}

.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox table.dashboardTable tbody tr td:first-child {
    width: 6%;
}

.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox table.dashboardTable tbody tr.no_data_row td:first-child {
    width: 100%;
    font-size: 20px !important;
    color: red !important;
    line-height: 20px;
    text-transform: unset;
}
/*.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox table.dashboardTable tbody tr td{padding:9px 10px 5px;line-height:28px;height:48px}*/
.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox table.dashboardTable tbody tr td {
    padding: 9px 5px 5px;
    min-height: 40px;
    height: auto;
}
/*.mainDashboard .allPart .chart_box.onTheWayRoughDetailBox .scrollableTable table.dashboardTable tbody{max-height:306px}*/
/*.onTheWayRoughDetailBox .scrollableTable table.dashboardTable tbody{max-height:306px}*/
.mainDashboard .allPart .chart_box .scrollableTable table.dashboardTable tfoot td {
    height: 42px;
}

/*.totalStockPart,.onandStockPart,.branchStockPart{height:488px}*/
.mainDashboard .allPart .chart_box.polishShippedBox table tbody tr td:first-child {
    width: 20%;
    font-size: 14px !important;
}

.mainDashboard .allPart .chart_box.polishShippedBox table tbody tr.no_data_row td:first-child {
    width: 100%;
    font-size: 20px !important;
    color: red !important;
    line-height: 42px;
    text-transform: unset;
}

.mainDashboard .allPart .chart_box.polishShippedBox table tbody tr td {
    line-height: 42px;
}

.cstColumn {
    background-color: #34495e;
    color: #e0e0e0;
}

.perColumn {
    background-color: #0f8c90;
    color: #e0e0e0;
}
/*.forSellColumn{color:#e8f359}*/
.forSellColumn {
    font-family: Verdana Bold !important;
    color: #fff;
}

.qualityGroupPopup {
    width: 450px;
}

.popup_div .box_col .form-group, .box_div .side_form .form-group, .fullPopup .form-group {
    margin: 0 0 6px;
    padding: 0 10px;
}

    .popup_div .box_col .control-label, .box_div .side_form .control-label, .fullPopup .form-group .control-label {
        float: left;
        padding: 0;
        line-height: 28px;
    }

    .popup_div .box_col .input_div, .box_div .side_form .input_div, .fullPopup .form-group .input_div {
        float: left;
        padding-left: 5px;
    }

        .popup_div .box_col .input_div label, .box_div .side_form .input_div label, .fullPopup .form-group .input_div label {
            line-height: 27px;
        }

.input-group .input-group-addon .plusMinBox {
    font-family: Verdana Bold;
    margin: -3px -10px;
    width: 26px;
    font-size: 17px;
    line-height: 15px;
}

    .input-group .input-group-addon .plusMinBox:first-child {
        border-bottom: 1px solid #5c5c5c;
    }

.popup_div .popup_body.headWiseWinLossPopup .box_col {
    width: 520px;
}

.popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable tbody tr td:first-child, .popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable thead tr:nth-child(2) th:first-child, .popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable thead tr:nth-child(2) th:nth-child(3), .popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable tfoot tr td:first-child, .popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable tfoot tr td:nth-child(3) {
    width: 140px;
}

.popup_div .popup_body.headWiseWinLossPopup .box_col .fixedDiv.scroll {
    width: calc(100% - 8px);
}

.popup_div .popup_body.headWiseWinLossPopup .box_col .scrollablePart {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
}

    .popup_div .popup_body.headWiseWinLossPopup .box_col .scrollablePart .tbodyDIv {
        display: inline-block;
        width: 100%;
    }

.popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable tbody tr td {
    height: 45px;
}

    .popup_div .popup_body.dashBoardPopup.headWiseWinLossPopup table.dashboardTable tbody tr td:last-child {
        width: 120px;
    }

.popup_div .popup_body.dashBoardPopup .nav-tabs {
    border-bottom: 2px solid #46687b;
}

    .popup_div .popup_body.dashBoardPopup .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        color: #888;
    }

    .popup_div .popup_body.dashBoardPopup .nav-tabs > li.active > a {
        top: 1px;
        border: 2px solid #46687b;
        border-bottom-color: transparent;
        color: #46687b;
        font-family: verdana bold;
    }

.popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tbody {
    max-height: 205px;
    overflow: auto;
}

.popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable thead tr th, .popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tfoot tr td {
    width: 50%;
}

    .popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable thead tr th:last-child, .popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tfoot tr td:last-child {
        padding-right: 25px !important;
    }

.popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tbody tr td {
    width: 50%;
    height: 40px;
    padding: 10px 15px;
}

.popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tfoot tr td {
    height: 40px;
}

    .popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tbody tr td:first-child, .popup_div .popup_body.dashBoardPopup.depWiseWinLossPopup table.dashboardTable tfoot tr td:first-child {
        text-align: left;
        padding-left: 20px;
    }
/*============================ New Grid Popup Example Start ===========================*/
/*====================== Test1 Start =====================*/
.popup_div .newGrid {
    background-color: #f5f6f7;
    padding: 0;
}

.gridPart {
    width: 100%;
    overflow-x: auto;
}

    .gridPart .grid {
        height: 100%;
        display: inline-block;
        color: #000;
        font-size: 13px;
    }

.gridHeaderPart, .gridFooterPart {
    width: 100%;
    background-color: #e3e9ef;
    padding: 0 15px;
    box-shadow: 1px 3px 15px rgba(0,0,0,0.5);
    position: relative;
    z-index: 1;
    font-family: Verdana Bold;
    width: auto;
    min-width: 100%;
    max-width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    display: inline-block;
}

.gridFooterPart {
    box-shadow: 0px -3px 15px rgba(0,0,0,0.4);
}

.gridRow {
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    display: inline-flex;
}

    .gridRow .callDiv {
        display: inline-block;
        float: left;
        cursor: default;
        border-right: 1px solid #e9e9e9;
        padding: 3px 10px;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.09);
    }

        .gridRow .callDiv > span {
            width: 100%;
            display: flow-root;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        .gridRow .callDiv:last-child {
            border-right: none;
        }

.gridHeaderPart .gridRow .callDiv {
    text-align: center;
}

.gridHeaderPart .gridRow, .gridFooterPart .gridRow {
    padding: 5px 0;
}

    .gridHeaderPart .gridRow .callDiv, .gridFooterPart .gridRow .callDiv {
        border-color: #ccc;
    }

.gridBodyPart {
    padding: 15px;
    background-color: #f5f6f7;
}

    .gridBodyPart .gridRow {
        background-color: #fff;
        margin: 3px 0;
        border: 1px solid #e9e9e9;
    }

.gridFooterPart .gridRow .callDiv {
    text-align: right;
}
/*.gridBodyPart .gridRow .callDiv{padding:15px}*/
.callDiv .topHighlighted {
    padding: 5px 0;
}

.callDiv .twoPart {
    padding: 5px;
    width: 50%;
    float: left;
}

    .callDiv .twoPart.lighted {
        color: #aaa;
    }

.gridRow .callDiv .clsSuratAvg {
    color: #3eb858;
}

.gridRow .callDiv a {
    cursor: pointer;
}
/*======================= Test1 End ======================*/
/*============================= New Grid Popup Example End ============================*/

/*.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}*/

.tooltiptext {
    width: 110px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 7px 2px;
    position: absolute;
    z-index: 1;
    /*bottom:115%;*/
    /*left: 10%;*/
    margin-left: -60px;
    display: none;
    transition: all 0.5s;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.35);
    cursor: pointer;
}

    .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
        cursor: pointer;
    }

    /*.tooltipmb:hover + span + .tooltiptext {
    display:block;
    transition:all 0.5s;
}*/
    /*.tooltipmb:hover .tooltiptext {
    display:block;
    transition:all 0.5s;
}*/
    .tooltiptext table tbody td {
        line-height: 14px;
        padding: 3px 2px;
        font-size: 10px !important;
    }

        .tooltiptext table tbody td i {
            top: 3px;
            left: 0;
        }

    .tooltiptext table th {
        padding: 3px 5px !important;
    }

.ag-theme-fresh .ag-row .ag-cell[col-id=OsDays] {
    overflow: inherit;
}

.ag-body-container .ag-row:last-child .ag-cell[col-id=OsDays] .tooltiptext, .ag-body-container .ag-row:first-child .ag-cell[col-id=OsDays] .tooltiptext {
    bottom: auto;
    top: 115%;
}

    .ag-body-container .ag-row:last-child .ag-cell[col-id=OsDays] .tooltiptext::after, .ag-body-container .ag-row:first-child .ag-cell[col-id=OsDays] .tooltiptext::after {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #555 transparent;
    }

/********************Ranjan( Price Forecasting)*******************************/

.tooltippriceforecasting {
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 7px 2px;
    position: absolute;
    z-index: 1;
    /*bottom:115%;*/
    /*left: 10%;*/
    margin-left: -60px;
    display: none;
    transition: all 0.5s;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.35);
    cursor: pointer;
}

    .tooltippriceforecasting::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
        cursor: pointer;
    }

    .tooltippriceforecasting table tbody td {
        line-height: 14px;
        padding: 3px 2px;
        font-size: 10px !important;
    }

        .tooltippriceforecasting table tbody td i {
            top: 3px;
            left: 0;
        }

    .tooltippriceforecasting table th {
        padding: 3px 5px !important;
        font-size: 10px !important;
    }

    .tooltippriceforecasting table tfoot td {
        padding: 3px 5px !important;
        text-align: center;
        font-size: 10px !important;
    }

.ag-theme-fresh .ag-row .ag-cell[col-id=MFGDollerPrice] {
    overflow: inherit;
}

.ag-body-container .ag-row:last-child .ag-cell[col-id=MFGDollerPrice] .tooltippriceforecasting, .ag-body-container .ag-row:first-child .ag-cell[col-id=MFGDollerPrice] .tooltippriceforecasting {
    bottom: auto;
    top: 115%;
}

    .ag-body-container .ag-row:last-child .ag-cell[col-id=MFGDollerPrice] .tooltippriceforecasting::after, .ag-body-container .ag-row:first-child .ag-cell[col-id=MFGDollerPrice] .tooltippriceforecasting::after {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #555 transparent;
    }


/***************************************/

/********************Ranjan( Clv Mfg Days)*******************************/
.tooltipclvmfgdays {
    width: 110px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 7px 2px;
    position: absolute;
    z-index: 1;
    /*bottom:115%;*/
    /*left: 10%;*/
    margin-left: -60px;
    display: none;
    transition: all 0.5s;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.35);
    cursor: pointer;
}

    .tooltipclvmfgdays::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
        cursor: pointer;
    }

    .tooltipclvmfgdays table tbody td {
        line-height: 14px;
        padding: 3px 2px;
        font-size: 10px !important;
    }

        .tooltipclvmfgdays table tbody td i {
            top: 3px;
            left: 0;
        }

    .tooltipclvmfgdays table th {
        padding: 3px 5px !important;
    }

.ag-theme-fresh .ag-row .ag-cell[col-id=OsDays] {
    overflow: inherit;
}

.ag-body-container .ag-row:last-child .ag-cell[col-id=OsDays] .tooltipclvmfgdays, .ag-body-container .ag-row:first-child .ag-cell[col-id=OsDays] .tooltipclvmfgdays {
    bottom: auto;
    top: 115%;
}

    .ag-body-container .ag-row:last-child .ag-cell[col-id=OsDays] .tooltipclvmfgdays::after, .ag-body-container .ag-row:first-child .ag-cell[col-id=OsDays] .tooltipclvmfgdays::after {
        top: auto;
        bottom: 100%;
        border-color: transparent transparent #555 transparent;
    }


/************************************************/
@media(max-width:1599px) {
    .mainDashboard .allPart .branchStockPart .chart_box table.dashboardTable tbody tr td {
        height: 67px;
    }
}

@media (max-width: 1199px) {
    .mainDashboard .allPart .branchStockPart .chart_box table.dashboardTable tbody tr td, .mainDashboard .allPart .branchIssuePart .chart_box table.dashboardTable tbody tr td, .mainDashboard .allPart .onandStockPart .chart_box table.dashboardTable tbody tr td, .mainDashboard .allPart .chart_box.DaysBox table.dashboardTable tbody tr td, .mainDashboard .allPart .chart_box.winLossBox table tbody tr td, .mainDashboard .allPart .clvEstRtrnPart .chart_box table.dashboardTable tbody tr td, .mainDashboard .allPart .chart_box.RoughRequirementDetailBox table.dashboardTable tbody tr td {
        height: 50px;
    }
}

@media (max-width:1550px) {
    .dashboard_graph_div {
        width: 100%;
    }
}

@media (max-width:1375px) {
    .roughPurchaseMasterBook .date_search_table .rightBtnBar {
        float: none;
    }
}

@media (max-width:1350px) { 
}

@media (max-width:1300px) { 
}

@media (max-width:1225px) { 

    .branchTransferBtn_bar {
        margin-top: 73px;
    }

    .popup_div .note_col {
        width: 750px;
    }

    .roughPurchaseMasterBook .date_search_table .search_drop_down {
        float: left;
    }
}

@media (max-width:1170px) { 

    .popup_div .detail_popup .box_col {
        width: 380px;
        float: left;
    }
    
    .popup_div .box_col {
        float: none;
        display: flow-root;
        margin-bottom: 7px;
    }

        .popup_div .box_col:last-child {
            margin-bottom: 0;
        }

    .popup_div .second_col {
        margin-left: 0;
    }

    .popup_div .width_table_popup .box_col {
        width: 390px;
        margin: 0 auto;
    }

    .popup_div .note_col {
        width: 600px;
    }
}

@media(max-width:995px) {
    .date_search_table .form-group {
        width: 165px;
    }

    .popup_title {
        font-size: 16px;
    }

    .grid_table thead tr.info th {
        font-size: 12px;
    }

    .popup_tool_btn div i {
        font-size: 16px;
    }
}

@media (max-width:930px) {
    .dataTables_filter .input-sm {
        width: auto;
    }
}

@media (max-width:890px) {
    .popup_div .detail_popup {
        width: 500px;
    }

        .popup_div .detail_popup .box_col {
            width: 475px;
        }

    .popup_div .note_col {
        width: 500px;
    }
}

@media (max-width:822px) {
    .date_search_table .form-group {
        margin-bottom: 0px;
    }
}

@media (max-width:822px) {
    .first_responsive_col .box_div .center_div {
        width: 310px;
    }
}

@media (max-width:767px) {
    .roughPurchaseMasterBook .searchBarPart .departmentGroupList {
        width: auto;
        margin-bottom: 4px;
    }

    .date_search_table .form-group {
        margin-bottom: 4px !important;
    }

        .date_search_table .form-group.form-width {
            width: 98px;
        }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-left-area {
        width: 100%;
        text-align: center;
    }

    div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
        width: 100%;
        text-align: center;
        top: 40px;
    }

    .popup_title {
        font-size: 15px;
    }

    .btn {
        font-size: 12px;
    }

    .tab_head {
        font-size: 20px;
    }

    .dataTables_filter .input-sm {
        width: 350px;
    }

    .pos_ab.add_btn {
        width: 100%;
        position: relative !important;
    }

        .pos_ab.add_btn .btn {
            position: relative;
            left: 50%;
            margin-left: -34px;
        }

    .dataTables_wrapper {
        margin-top: 5px;
    }

    .skin-blue-light .main-header .logo {
        text-align: center;
    }

    .popup_div .note_col {
        width: 450px;
    }
}

@media (max-width:700px) {
    .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div .form-group {
        width: 100%;
        float: none;
    }

    .popup_div .note_col {
        width: auto;
    }
}

@media (max-width:600px) {
    .popup_div .width_table_popup .box_col {
        width: 100%;
    }

    .date_search_table .form-group.search_bar {
        width: 100%;
    }
}

@media (max-width:550px) {
    .popup_div .detail_popup {
        width: 100%;
    }

        .popup_div .detail_popup .box_col {
            width: 100%;
        }

    .popup_div .box_col .control-label {
        padding-left: 15px;
    }

    .popup_div .box_col {
        width: 100%;
    }
}

@media (max-width:515px) {
    .date_search_table .form-group {
        width: 50%;
    }

    .small-box-size .detail_col {
        width: 50%;
        margin: 3px 0;
    }

    .small-box-size .head_cont {
        margin-bottom: 4px;
    }

    .small-box-size .coCont_div {
        margin-top: 4px;
    }

    .main-footer {
        font-size: 13px;
    }

    .main-header .sidebar-toggle:before {
        font-size: 15px;
    }

    .jtableaddbtnleft {
        margin-bottom: 10px;
    }

    .popup_div .form-group {
        margin-bottom: 10px;
    }

    .popup_div .box_col .control-label {
        width: 100%;
    }

    .popup_div .box_col .col-xs-8 {
        width: 100%;
    }
}

@media (max-width:460px) {
    .date_search_table .form-group {
        width: 100%;
    }

    .dataTables_filter .input-sm {
        width: auto !important;
    }
}

@media (max-width:459px) {
    .dashboard_search_bar .form-group {
        width: 100% !important;
    }

        .dashboard_search_bar .form-group .control-label {
            width: 50px;
        }

        .dashboard_search_bar .form-group button {
            float: right;
        }
}

@media (max-width:420px) {
    .first_responsive_col .box_div .center_div {
        width: 100%;
    }

    .roughIssue_branch_popup .top_label_div label {
        font-size: 12px;
    }

    .roughIssue_branch_popup .first_responsive_col .box_div {
        padding: 15px 0;
    }

    .label_cont {
        font-size: 13px !important;
        line-height: 24px;
        height: 24px;
    }

    .small-box-size .detail_col {
        width: 100%;
    }
}

@media (max-width:370px) {
    .main_row .form_div label {
        float: none;
        width: 100%;
    }

    .main_row .form_div .input_text {
        width: 100%;
        float: none;
    }
}

@media (max-width:325px) {
    .main-footer {
        font-size: 11px;
    }

    .popup_body {
        padding: 10px 0;
    }
}

@media (max-width:32em) {
    body {
        font-size: 14px;
    }
}

@media (max-width:1400px) and (min-width:1200px) {
    .employee_page .nav-tabs-custom ul.nav-tabs > li .tab-content .detail_div .form-group {
        width: 100%;
        float: none;
    }
}

@media (min-width:768px) and (max-width:959px) {
    .dashboard_search_bar .form-group {
        width: 50% !important;
    }

        .dashboard_search_bar .form-group .control-label {
            width: 50px;
        }

        .dashboard_search_bar .form-group button {
            float: right;
        }
}

@media (min-width:715px) and (max-width:767px) {
    .dashboard_search_bar .form-group:last-child {
        padding-right: 0;
    }

    .dashboard_search_bar .form-group.search_btn {
        width: 40px;
    }
}

@media (min-width:460px) and (max-width:714px) {
    .dashboard_search_bar .form-group {
        width: 50% !important;
    }

        .dashboard_search_bar .form-group .control-label {
            width: 50px;
        }

        .dashboard_search_bar .form-group button {
            float: right;
        }
}

@media (min-width:768px) {
    .navbar-nav > li > a {
        padding-top: 14px;
        padding-bottom: 13px;
    }
}

@media (max-width:767px) {
    .col-xs-pull-right {
        float: right;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .col-sm-pull-right {
        float: right;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .col-md-pull-right {
        float: right;
    }
}

@media (min-width:1200px) and (max-width:1599px) {
    .col-lg-pull-right {
        float: right;
    }
}

@media (min-width:1600px) {
    .col-xl-pull-right {
        float: right;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    /*body {
        background-color: red;
    }*/
    /* Safari only override */
    /*::i-block-chrome,body {
    background-color:blue;
    }*/
}
/*@media screen and (-moz-min-device-pixel-ratio:0) {
    .lightTheme .ui-grid-row .ui-grid-cell > div {
    display: contents;
    }

}*/
/*@-moz-document url-prefix() {
  body{background:red}
}

@-moz-document url-prefix() {
    
        body{background-color:red}
}*/

/*========================================Loader Start ====================================*/
#preloader {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    backface-visibility: hidden;
    opacity: 0.8;
    box-sizing: inherit;
}

    #preloader > div {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 120px;
        height: 120px;
        margin: -40px 0 0 -40px;
        border-radius: 50%;
        border: 6px solid transparent;
        border-top-color: #f95372;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        backface-visibility: hidden;
        animation: spin 2s linear infinite;
        box-sizing: inherit;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

        #preloader > div:before {
            content: "";
            position: fixed;
            top: 8px;
            left: 8px;
            right: 8px;
            bottom: 8px;
            border-radius: 50%;
            border: 6px solid transparent;
            border-top-color: #00abff;
            -webkit-animation: spin 3s linear infinite;
            animation: spin 3s linear infinite;
            box-sizing: inherit;
        }

        #preloader > div:after {
            content: "";
            position: fixed;
            top: 20px;
            left: 20px;
            right: 20px;
            bottom: 20px;
            border-radius: 50%;
            border: 6px solid transparent;
            border-top-color: #e7ba08;
            -webkit-animation: spin 1.5s linear infinite;
            animation: spin 1.5s linear infinite;
            box-sizing: inherit;
        }

.popup_div #popupLoader {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    backface-visibility: hidden;
    opacity: 0.8;
    box-sizing: inherit;
}

    .popup_div #popupLoader > div {
        display: block;
        position: relative;
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px;
        backface-visibility: hidden;
        background-image: url(../Assets/images/loader1.gif);
        background-size: 100%;
        transform: translate(-50%, -50%);
    }

/*.sidebar-menu>li>a .iconPart{float:left}
.sidebar-menu>li>a .fa, .sidebar-menu>li>a .glyphicon, .sidebar-menu>li>a .ion{width:20px}
@media(min-width:768px){
.sidebar-menu{overflow:visible!important}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{padding:0}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a .iconPart{width:100%;padding:12px 5px 12px 10px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:none!important}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.showSubMenu>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li.showSubMenu>.treeview-menu{display:block!important}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.clicked>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li.clicked>.treeview-menu{position:absolute;width:180px;left:50px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.clicked>.treeview-menu{top:45px;margin-left:0}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.clicked>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit;background-color:#1f282d}
.sidebar-mini.sidebar-collapse .sidebar-menu>li.clicked>a>.pull-right-container{float:right;width:auto!important;left:200px!important;top:10px!important}
}*/

.execellUpload hr {
    border-top-color: #999;
    margin-top: 0;
}

.execellUpload.alreadyEx h6 {
    color: red;
}

.execellUpload.successPart h6 {
    color: green;
}

.ag-theme-fresh .hdmultiline .ag-header-cell-label .ag-header-cell-text {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
    height: auto;
}

.boldBigfont {
    font-weight: 600;
    font-size: 15px;
    font-family: Verdana Bold;
}

.ag-theme-fresh .hdmultiline .ag-header-cell-label .ag-header-cell-text {
    line-height: 20px !important;
}

.D7SPB .ag-theme-fresh .ag-selection-checkbox span, .CMT .ag-theme-fresh .ag-selection-checkbox span {
    top: 8px !important;
}

.col-md-1_5 {
    width: 12.49% !important;
}


.img-animation {
    animation: img-animation 3s linear infinite;
    -webkit-animation: img-animation 3s linear infinite;
    -o-animation: img-animation 3s linear infinite;
    -moz-animation: img-animation 3s linear infinite;
}

@keyframes img-animation {
    0% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 55%,10% 50%,0% 45%,0 0);
    }

    50% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 55%,13% 50%,0% 45%,0 0);
    }

    100% {
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,0 55%,10% 50%,0% 45%,0 0);
    }
}

.img-scale {
    animation: img-scale 3s linear infinite;
    -o-animation: img-scale 3s linear infinite;
    -moz-animation: img-scale 3s linear infinite;
    -webkit-animation: img-scale 3s linear infinite;
}

@keyframes img-scale {
    0% {
        transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        -o-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

    100% {
        transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}



/*---------DashBoard-----------*/
.heightCenterDashboard .box_div img.dashboard_icon {
    padding: 20px !important;
    box-shadow: 27px 15px rgba(0, 0, 0, .5) !important;
    background-color: #f9f9f9;
    border-radius: 0% !important;
    position: relative !important;
    max-width: 135px !important;
}

.main_dashboard_index {
    background-image: radial-gradient(circle, #ffffff, #c9c9c9) !important;
    background-image: -o-radial-gradient(circle, #ffffff, #c9c9c9) !important;
    background-image: -moz-radial-gradient(circle, #ffffff, #c9c9c9) !important;
    background-image: -webkit-radial-gradient(circle, #ffffff, #c9c9c9) !important;
}

/*--------Theme------*/
.lightTheme a.logoDiv {
    background: #04666a !important;
    color: #fff !important;
    position: relative !important;
    height: unset !important;
    line-height: unset !important;
    padding: 7px 15px !important;
}

.lightTheme .sidebar-menu > li > a {
    color: #000 !important;
}
  /*  .lightTheme .sidebar-menu > li > a:hover {
        color: #fff !important;
    }*/
/*.sidebar{
    overflow:scroll !important;
}*/

.main-sidebar, .left-side {
    padding-top: 0 !important;
    padding-bottom: 39px !important;
}

    .main-sidebar a.logoDiv::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.1);
    }

.dashboardTopPart {
    background: #958989 !important;
}

.lightTheme .sidebar-menu > li > .treeview-menu {
    background: rgb(255 255 255 / 20%);
}

.lightTheme .main-sidebar, .skin-blue-light .left-side {
    background: #ddd !important;
}

.lightTheme aside .sidebar-toggle {
    background: #04666a !important;
}

.tree li {
    border-bottom: 1px solid rgba(69, 74, 84, 0.7) !important;
    transition: all 600ms ease 0s;
}
/*.tree li:hover{
    border-bottom-color:#fff !important;
    
}*/

.lightTheme .sidebar-menu > li:hover > a, .lightTheme .sidebar-menu > li.active > a {
    /*background-color:transparent !important;*/
    transition: all 600ms ease 0s;
}

.lightTheme .sidebar-menu > li.active > a {
   border-left:0px !important;

}

.lightTheme .sidebar-menu .treeview-menu > li:hover {
    background: rgba(0,0,0,0.4) !important;
}

/*.tree li a {
    position: relative;
    z-index:1;
     
}


.tree li a::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    background:#0c9096 !important; /*rgba(255,255,255,0.2)
    transition: all 600ms ease 0s;
    z-index:-1;
}

.tree li a:hover::before{
    width:100%;
   left:0%;
}
*/

/*-----Photo------*/
.photoPage .defaultBox {
    padding: 0 !important;
}

.photoPage .highlightBox {
    padding: 2px 0px !important;
}

.photoPage .readyBox {
    padding: 0 !important;
}

.photoPage table > thead > tr > th, .photoPage .table > thead > tr.info > th, .photoPage div.jtable-main-container > table.jtable > thead th {
    padding: 0 !important;
    height: 20px !important;
}

.photoPage .remark_part textarea {
    height: 100px !important;
}

.photoPage .editable_grid table tbody tr td {
    padding: 0 2px !important;
    height: 20px !important;
}

    .photoPage .editable_grid table tbody tr td .form-control {
        height: 15px !important;
    }

.photoPage #tblShapeGroupSemiNormal input {
    height: 22px !important;
}

/*-----Scroll----*/
/*.breakagePage ::-webkit-scrollbar {
    height: 6px;
}

.breakagePage ::-webkit-scrollbar-track {
    border-radius: 10px;
    webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.breakagePage ::-webkit-scrollbar-thumb {
    border-radius: 20px !important;
    background-color: #98a7b4;
}*/


/*--Ass-Chart-Top-Section--*/
.as-chart-one .btn {
    margin-top: 5px !important;
    margin-right: 4px !important;
    margin-left: 4px;
}

/*------Ass-Chart------Responsive-----*/
@media(max-width:1800px) {
    table, .table, table.dataTable, div.jtable-main-container table.jtable {
        width: 100% !important;
    }

    #tblShapeGroup .col100 {
        width: 65px !important;
    }

    #tblShapeGroup .col80 {
        width: 80px !important;
    }

    #trshape_1 tr td, trshape_3 tr td {
        padding-left: 7px !important;
        font-size: 12px !important;
    }

    #trshape_7 tr td, trshape_10 tr td {
        padding-left: 7px !important;
        font-size: 12px !important;
    }

    #tblEstimation .col120 {
        width: 115px !important;
    }
}

@media(max-width:1440px) {
    table, .table, table.dataTable, div.jtable-main-container table.jtable {
        width: 100% !important;
    }

    #tblShapeGroup .col100 {
        width: 61px !important;
    }

    #tblShapeGroup .col80 {
        width: 64px !important;
    }

    #trshape_1 tr td, trshape_3 tr td {
        padding-left: 7px !important;
        font-size: 12px !important;
    }

    #trshape_7 tr td, trshape_10 tr td {
        padding-left: 7px !important;
        font-size: 12px !important;
    }

    #tblEstimation .col120 {
        width: 100px !important;
    }

    .rdcol-4 {
        width: 24.33% !important;
    }

    .Labour .unchuLabourList, .Labour .mixLabourList, .Labour .halkuLabourList,
    .Labour .halkuFancyLabourList, .Labour .halkuNormalLabourList,
    .Labour .sawingLabourList {
        width: 100%;
    }
}

@media(max-width:1280px) {
    table, .table, table.dataTable, div.jtable-main-container table.jtable {
        width: 100% !important;
    }

    #tblShapeGroup .col100 {
        width: 61px !important;
    }

    #tblShapeGroup .col80 {
        width: 64px !important;
    }

    .as-chart-one {
        margin-left: 5px !important;
    }

    #trshape_1 tr td, trshape_3 tr td {
        padding-left: 7px !important;
        font-size: 12px !important;
    }

    #trshape_7 tr td, trshape_10 tr td {
        padding-left: 7px !important;
        font-size: 12px !important;
    }

    .singleAssortmentChart_page .editable_grid #tblShapeGroup thead tr th table thead th {
        font-size: 10px !important;
    }

    #tblEstimation .col120 {
        width: 85px !important;
    }

    .Labour .unchuLabourList {
        width: 100%;
    }
}

@media(max-width:1199px) {
    #tblEstimation .col120 {
        width: 40px !important;
    }

    #tblShapeGroup .col100 {
        width: 61px !important;
    }

    #tblShapeGroup .col80 {
        width: 61px !important;
    }

    .Labour .margintop20 .btn {
        margin-top: 0px !important;
    }

    /*Master-Btn*/
    .branch-btn {
        width: 10% !important;
        top: 15px !important;
    }

    .roughPurchaseMasterBook .date_search_table .form-group.search_bar {
        min-width: 274px !important;
        max-width: 353px !important;
    }

    .UserManage .pos_ab.add_btn {
        width: 6% !important;
        top: 1px !important;
    }

    .MasterUserRoleList .pos_ab.add_btn {
        width: 9% !important;
        top: 12px !important;
    }
}

@media(max-width:991px) {
    #trshape_1 tr td, trshape_3 tr td {
        padding-left: 5px !important;
        font-size: 12px !important;
    }

    .Labour .unchuLabourList {
        width: 100%;
    }

    .Labour .margintop20 .btn {
        margin-top: 15px;
    }

    .dataTables_filter .input-sm {
        float: right;
    }

    /*Master-Btn*/
    .branch-btn {
        width: 10% !important;
        top: 40px;
    }

    .User_App_page .userAppSearchBar {
        width: 564px !important;
    }

    .UserManage .pos_ab.add_btn {
        width: 6% !important;
        top: 38px;
    }

    .MasterUserRoleList .pos_ab.add_btn {
        width: 9%;
        top: 35px;
    }
}

/*.box_div .box_head*/
.box_div .box_head {
    padding: 5px 5px 5px 22px !important;
    line-height: 29px !important;
    margin-bottom: 10px !important;
    background: #4e595f !important;
    border-radius: 0px !important;
}

.side_form_page .box_div, .box_form_page .box_div {
    border-radius:  0px !important;
}
/*------Master-Search---------*/
.SourceMineMaster .rightSearchBar .searchBarDiv, .MineMaster .rightSearchBar .searchBarDiv,
.SubQulity .rightSearchBar .searchBarDiv, .Charni .rightSearchBar .searchBarDiv,
.NumberGroup .rightSearchBar .searchBarDiv {
    width: 392px !important;
}

/*------position-------*/
.po_relative {
    position: relative;
}



/*User-Managment*/
.EmployeeRegister .employee_page .nav-tabs-custom ul.nav-tabs > li.active > a {
    background: #4e595f !important;
}
/*sidebar*/
.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu {
    width: max-content; 
    margin: auto;
}
body .sidebar-collapse .admin-panel-body {
    padding-top: 10px !important;
}
.sidebar {
    overflow-y: auto;
    overflow-x: hidden;
}
.head-office-dropdown .sign-out-menu-button {
    padding: 0px !important;
}
body .head-office-dropdown .sign-out-menu-button .select2-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: calc(100% - 20px) !important;
}

@-moz-document url-prefix() {
    .sidebar {
        scrollbar-width: none;
    }
}

.sidebar.scrollbarDefaultColor.thin::-webkit-scrollbar-thumb {
    display: none;
}

.sidebar .treeview-menu.scrollbarDefaultColor.thin::-webkit-scrollbar-thumb {
    display: block;
}

.sidebar-mini.sidebar-collapse .sidebar:hover {
    width: 240px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    background: radial-gradient(circle, #ededed, #b7b7b7) !important;
}

    .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
        border: 1px solid #fff !important;
    }


/*chang by darshit*/

.radio_btn_topsection {
    display: flex;
    border: 1px solid #999;
    background: #6fb6b9;
    border-radius: 8px;
}

    .radio_btn_topsection .fildPart {
        padding: 0 10px;
        border: 1px solid #ddd;
        background: #eee;
        margin: 5px;
        border-radius: 5px;
    }

    .radio_btn_topsection .fildHead {
        color: #000;
        font-size: 14px;
/*        font-weight: 700;*/
        padding: 8px 5px 0 5px;
    }

.roughPurchaseMasterBook .pos_rel .add_btn {
    float: right;
    text-align: right;
}

@media (min-width: 992px) {
    .sidebar .sidebar-menu > li:hover > .treeview-menu, .sidebar .sidebar-menu > li:hover > a > span:not(.pull-right) {
        /*display: block !important; */
        position: initial;
        /* width: 258px !important;*/
        width: auto !important;
        /*left: 50px;*/
        padding-left:0px;
    }
}

.sidebar-mini.sidebar-collapse .sidebar:hover {
    width: auto;
   overflow: hidden;
    /*overflow-y: auto;*/
    height:100%;
}

.lightTheme .sidebar-menu > li > .treeview-menu {
    display: none !important;
}

/*@media (min-width: 1281px) {
    .sidebar-menu li>a>.pull-right-container {
        float: right;
        width: auto !important;
        left: 270px !important;
        top: 10px !important;
    }
}*/

.agMainGridWithFooter .ag-body-container .ag-row-group {
    background: #b2c6ce !important;
}

    .agMainGridWithFooter .ag-body-container .ag-row-group .ag-icon-expanded {
        background-size: 14px 14px;
        height: 14px;
        width: 14px;
    }

    .agMainGridWithFooter .ag-body-container .ag-row-group .ag-icon-contracted {
        background-size: 14px 14px !important;
        height: 14px !important;
        width: 14px !important;
    }

#myCycleDaysDataGrid .ag-body-container, #myRoughSellDataGrid .ag-body-container, #myRejectionSellDataGrid .ag-body-container, #myClvPredictEstimationGrid .ag-body-container, #myRoughRangeGrid .ag-body-container, #myRoughMineGrid .ag-body-container, #myMonthPrucSellMFGGrid .ag-body-container, #myPartWiseResultGrid .ag-body-container {
    /*width: 100% !important;*/
}

.app_page_field .appFieldSearchBar {
    width: 1065px;
}


.Summarybook .ag-body .ag-body-viewport-wrapper {
    /*padding-bottom: 6px;*/
}

    .Summarybook .ag-body .ag-body-viewport-wrapper .ag-body-viewport .ag-body-container {
        margin-bottom: 0;
    }

.Summarybook .ag-body .ag-pinned-left-cols-viewport-wrapper .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container {
    margin-bottom: 13px !important;
}

.Loss_Book .ag-body .ag-pinned-left-cols-viewport-wrapper .ag-pinned-left-cols-viewport .ag-pinned-left-cols-container {
    margin-bottom: 11px !important;
}

.ag-body .ag-cell.bg_light_dark {
    background: #e9eff9;
}

.ag-body .ag-cell.bg_light_yellow {
    background: #fffdf8;
}

@media (max-width: 1024px) {
    /*.Summarybook .ag-body .ag-body-viewport-wrapper{
         padding-bottom: 3px;
    }*/
}



/*notification css start*/
.NotifyTotalTicket {
    font-size: 10px;
    font-weight: 300;
    padding: 2px 4px;
    position: absolute;
    left: 23px;
    top: 5px;
}

.fixedHead .navbar-nav > .user-menu > .dropdown-menu {
    border-top: 5px solid #000;
    height: 200px;
    box-shadow: 1px 2px 8px 0 #999;
    border-radius: 10px;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 250px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.header {
    padding: 5px;
    text-align: center;
    font-weight: 600;
}

.heightcalc79 {
    height: calc(100vh - 100px);
}

.notiList {
    background-color: #fff !important;
    width: 100%;
    padding: 5px !important;
    /*height: 225px;*/
    overflow-y: auto;
}

.menu {
    position: absolute;
    background: #f0f0f0 repeat-y;
    margin: 0;
    padding: 2px;
    border: 1px solid #ccc;
    /*overflow: hidden;*/
}

.notiList li {
    margin-top: 5px;
    padding: 2px 5px;
    border-bottom: 1px solid #ccc;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 18%);
    text-align:center;
    border-radius:5px !important;
}

.media:first-child {
    margin-top: 0;
}

.notiList span strong {
    font-size: 14px;
    color: #273748;
}

.small, small {
    font-size: 85%;
}

.float-right {
    float: right !important;
}

.d_none {
    display: none;
}

#MainNotification .dropdown-menu .notiList .divticketId:hover .d_none {
    display: block;
}

#Notilist .media-body a span strong {
    cursor: pointer;
}

.heightcalc41 {
    height: calc(100vh - 56px) !important;
}

.p_relative {
    position: relative;
    padding-right: 23px;
}

/*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
}*/

.user-menu.p_relative.open::before {
    content: "";
    border: 10px solid transparent;
    border-left-color: #fff;
    border-top-color: #fff;
    position: absolute;
    border-radius: 5px;
    bottom: -24px;
    right: 20px;
    box-shadow: -11px -11px 35px 0 rgb(0 0 0 / 25%);
    transform: rotate(45deg);
    z-index: 9;
}

#MainNotification .dropdown-menu {
    margin-top: 14px;
}

.cursor_pointer {
    cursor: pointer;
}

.date_time {
    font-size: 14px;
    color: #000;
}

.mr_5 {
    margin-right: 5px;
}

.notiList .divticketId:hover {
    background-color: #f7f7f7;
}

.blinked {
    -moz-animation-duration: .5s;
    -moz-animation-name: blink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-duration: .8s;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-duration: .8s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: #fff;
}

.notiList .divticketId .float-right strong .fa-check {
    padding: 5px;
    background: linear-gradient( 180deg,#259ba1,#2ea38b) !important;
    color: #fff;
    border-radius: 50%;
}

@-moz-keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
/*notification css end*/

.onandStockPart.lastXl {
    height: 290px !important;
}

.daysPart.lastXl {
    height: 290px !important;
}

.winLossPart.lastXl {
    height: 290px !important;
}

#myLossGrid.ag-theme-fresh .ag-header-cell-label .ag-header-cell-text {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
    height: auto;
    line-height: 14px;
}

.ag-body-horizontal-scroll {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 10px !important;
}

div::-webkit-scrollbar-thumb {
    border-radius: 20px !important;
    background-color: #666;
    background-color: #b9b9b9;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
    height: 100%;
    min-width: 0;
    overflow-x: scroll;
}

.ag-body-horizontal-scroll-viewport {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 10px !important;
}

.ag-body-horizontal-scroll-container {
    height: 10px !important;
    max-height: 10px !important;
    min-height: 10px !important;
}

.Summarybook .ag-center-cols-viewport {
    /*overflow-x:hidden;*/
}

.summary_book .ag-body-horizontal-scroll ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.ag-horizontal-right-spacer {
    width: 13px !important;
    max-width: 13px !important;
    min-width: 13px !important;
}

.ag-theme-fresh .ag-row .ag-cell .action_btn {
    line-height: 2;
}

.attendencelabel {
    font-size: 12px !important;
    color: #ed3030;
    padding: 5px 0px 10px;
}

/*new bootstrap file*/
.bootstrap-custom .b-mx-0 {
    margin: 0px !important;
}
.bootstrap-custom .b-p-0 {
    margin: 0px !important;
}
.bootstrap-custom .b-pl-0 {
   padding-left:0px !important;
}
.bootstrap-custom .b-no-gutters {
    margin: 0px !important;
}
.bootstrap-custom .b-align-items-end {
   align-items:end;
}
.bootstrap-custom .b-d-flex {
    display: flex;
}
.bootstrap-custom .b-flex-wrap {
    flex-wrap: wrap;
}
.bootstrap-custom .b-flex-nowrap {
    flex-wrap: nowrap;
}
.bootstrap-custom .b-justify-content-between {
    justify-content: space-between;
}
.bootstrap-custom .b-justify-content-end {
    justify-content: end;
}
.bootstrap-custom .b-align-items-center {
    align-items: center;
}
.bootstrap-custom .b-mb-0 {
   margin-bottom:0px;
}
.bootstrap-custom .b-w-100 {
    width:100% !important;
}
.bootstrap-custom .b-no-gutters > div{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.bootstrap-custom .b-cursor-pointer {
    cursor: pointer;
}
.bootstrap-custom .b-text-right {
    text-align: right;
}
/* plus minus icon */
.comman-plus-minus-button .purchase-plus-button {
    border: 0px !important;
    background: transparent;
}

.comman-plus-minus-button .purchase-plus-minus-icon .plusminus {
    display: block;
    position: relative;
    width: 15px;
    height: 15px;
    background: var(--primary);
    border-radius: 50%;
}

    .comman-plus-minus-button .purchase-plus-minus-icon .plusminus span:nth-child(1) {
        display: block;
        position: absolute;
        margin: 0 10%;
        width: 12px;
        height: 2px;
        border-radius: 3px;
        background: #f2f2f2;
        top: 7px;
        left: -1px;
        -moz-transition: all .25s ease;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

    .comman-plus-minus-button .purchase-plus-minus-icon .plusminus span:nth-child(2) {
        display: block;
        position: absolute;
        margin: 10% 0;
        width: 2px;
        height: 12px;
        border-radius: 3px;
        background: #f2f2f2;
        top: 0px;
        left: 6px;
        -moz-transition: all .25s ease;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

.comman-plus-minus-button .purchase-plus-button .purchase-plus-minus-icon span:nth-child(1) {
    background: var(--primary);
}

.comman-plus-minus-button .purchase-plus-button .purchase-plus-minus-icon .plusminus span:nth-child(2) {
    transform: rotate(-90deg) !important;
}

.comman-plus-minus-button .purchase-plus-button.collapsed .purchase-plus-minus-icon span:nth-child(1) {
    background: #fff;
}

.comman-plus-minus-button .purchase-plus-button.collapsed .purchase-plus-minus-icon .plusminus span:nth-child(2) {
    background: #fff;
    transform: rotate(0deg) !important;
}
@media  (max-width:767px) {
    .bootstrap-custom .b-xs-justify-content-start {
        justify-content: start;
    }
}
@media (min-width:768px) and (max-width:941px) {
    .bootstrap-custom .b-sm-flex-wrap {
        flex-wrap: wrap;
    }

    .bootstrap-custom .b-sm-flex-nowrap {
        flex-wrap: nowrap;
    }
}
@media (min-width:942px) and (max-width:1149px) {
    .bootstrap-custom .b-md-flex-wrap {
        flex-wrap: wrap;
    }

    .bootstrap-custom .b-md-flex-nowrap {
        flex-wrap: nowrap;
    }
}
@media (min-width:1150px) {
    .bootstrap-custom .b-xl-flex-wrap {
        flex-wrap: wrap;
    }

    .bootstrap-custom .b-xl-flex-nowrap {
        flex-wrap: nowrap;
    }
}