/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(5337,21): run-time error CSS1038: Expected hex color, found '#ffff'
(5719,24): run-time error CSS1038: Expected hex color, found '#ffff'
(8803,27): run-time error CSS1036: Expected expression, found '#'
(11335,7): run-time error CSS1035: Expected colon, found 'text-align'
(18367,19): run-time error CSS1035: Expected colon, found ';'
(18368,11): run-time error CSS1035: Expected colon, found ';'
: run-time error CSS1036: Expected expression, found ''
(23823,17): run-time error CSS1035: Expected colon, found 'input'
 */
@charset "utf-8";


@import url("font-awesome.css");
@import url("jquery-confirm.css");
@import url("bootstrap.css");
@import url("theme_color.css");
@import url("spectrum.css");
@import url("JQGrid/jquery-ui-custom.css");

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}




.load_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/loading-2.gif') no-repeat center center;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-size: 200px;
    z-index: 99999;
    background-color: rgba(255,255,255,0.7);
}

.leaf_row {
    height: 100px;
    margin-bottom: 10px !important;
}

.leaf_row, .leaf_bot {
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.leaf_img {
    position: absolute;
}

@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}

@keyframes blink {
    0% {
        background-color: rgba(59,142,222,1)
    }

    50% {
        background-color: rgba(59,142,222,0.5);
    }

    100% {
        background-color: rgba(59,142,222,1)
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: rgba(59,142,222,1)
    }

    50% {
        background-color: rgba(59,142,222,0.5)
    }

    100% {
        background-color: rgba(59,142,222,1)
    }
}



.new_load {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 10500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_load_wra {
    width: 300px;
    transform: scale(0.4)
}

.leaf_img_1 {
    left: 47px;
    top: 34px;
    z-index: 2;
}

.leaf_img_2 {
    left: 86px;
    z-index: 4;
}

.leaf_img_3 {
    left: 110px;
    z-index: 5;
}

.leaf_img_4 {
    right: 86px;
    z-index: 3;
}

.leaf_img_5 {
    right: 51px;
    top: 35px;
    z-index: 1;
}

.leaf_img_4 img {
    opacity: 0.85;
}


.leaf_img_3, .bar_flow {
    opacity: 0;
}

.leaf_img_2, .leaf_img_4 {
    opacity: 0;
}

.leaf_img_1, .leaf_img_5 {
    opacity: 0;
}

.AnimationActive {
    opacity: 1;
    transition: all 0.4 ease-in-out;
    animation: fadeIn1 2s;
}

.AnimationActive_2 {
    opacity: 0;
    transition: all 0.4 ease-in-out;
    animation: fadeIn2 2s;
}

@keyframes fadeIn1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.load_txt {
    padding-top: 0;
    display: block;
    font-size: 30px;
}

.help_pop {
    display: none !important
}
/* Loading Css */
.load_sec {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    z-index: 999999;
}

    .load_sec:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
    }

.load_svg {
    position: relative;
    width: 100px;
    height: 80px;
    margin: 0 auto 10px auto;
    z-index: 150;
}

.gear {
    position: absolute;
    z-index: -10;
    -webkit-animation: spin 5s infinite;
    animation: spin 5s infinite;
}

.one {
    width: 55px;
    height: 55px;
    top: 0;
}

.two {
    right: 10px;
    top: 11px;
    width: 35px;
    height: 35px;
    -webkit-animation: spin-reverse 5s infinite;
    animation: spin-reverse 5s infinite;
}

.three {
    bottom: -7px;
    right: 18px;
    width: 45px;
    height: 45px;
}

@-webkit-keyframes spin {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-reverse {
    50% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes spin-reverse {
    50% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


.loading_txt {
    color: #737373;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding-top: 10px;
    font-weight: normal;
    z-index: 150;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

td {
    padding: 6px;
}

::selection {
    background: #2b3d61;
    color: #fff;
}

::-moz-selection {
    background: #2b3d61;
    color: #fff;
}

::-webkit-selection {
    background: #2b3d61;
    color: #fff;
}

::-o-selection {
    background: #2b3d61;
    color: #fff;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    text-decoration: none;
    color: #464646;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto;
}

input,
select,
textarea {
    vertical-align: middle;
    font-family: 'Open Sans', Arial;
}

textarea {
    resize: vertical;
}

input[type="button"],
a {
    cursor: pointer;
}

* {
    box-sizing: border-box;
    font-family: 'Open Sans', Arial;
    margin: 0 auto;
}

i {
    cursor: pointer;
    color: #2b3d61;
    font-weight: normal;
}

i,
span,
b {
    display: inline-block;
    vertical-align: middle;
}

.ui-jqgrid td input[type="number"] {
    width: 100%;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"],
textarea {
    border: 1px solid #A8A8A8;
    width: 100%;
    border-radius: 5px;
    padding: 3px 5px;
    display: block;
    color: #464646;
    font-size: 13px;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

.form_100 input[type="file"] {
    width: 100%;
}

select {
    border: 1px solid #A8A8A8;
    width: 100%;
    border-radius: 5px;
    padding: 2px 5px;
    display: block;
    color: #464646;
    font-size: 13px;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

body input[type="file"] {
    width: auto;
    background: #fff;
    display: inline-block;
    padding: 1px 5px;
}

.mds_clr {
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 0px;
}

.textarea_1 {
    height: 26px;
}

.tex_cen {
    display: block;
    text-align: center;
}

.tb_la_ad table {
    width: 100%;
}

input[type="text"],
select,
textarea,
.auto_s {
    width: 100%;
    display: block;
    vertical-align: middle;
}

.auto_s {
    position: relative;
}

.tw_80 input[type="text"],
.tw_80 select,
.tw_80 textarea,
.auto_80 .auto_s {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
}

.td_lf td > label {
    display: block;
    padding-bottom: 2px;
}

.tw_90 input[type="text"],
.tw_90 select,
.tw_90 textarea,
.auto_90 .auto_s,
.auto_90 .auto_s,
.auto_90 .auto_s {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
}

.auto_90t .auto_s {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

    .auto_90t .auto_s textarea {
        height: 26px;
        white-space: normal;
    }

.auto_95 .auto_s {
    width: 94%;
}

.wn {
    white-space: nowrap;
}

.td_vb {
    vertical-align: bottom;
}

.td_vme {
    vertical-align: middle;
}

.tw_95 input[type="text"],
.tw_95 select,
.tw_95 textarea,
.tw_95 .auto_s {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

.tw_90_1 input[type="text"],
.tw_90_1 input[type="file"],
.tw_90_1 select,
.tw_90_1 textarea,
.tw_90_1 .auto_s {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

.form_auto input[type="text"],
.form_auto select,
.form_auto textarea {
    width: auto;
    display: inline-block;
}

input[type="button"] {
    text-transform: capitalize;
}



input[type="button"],
input[type="submit"],
.save_btn {
    position: relative;
    width: auto;
    display: inline-block;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 3px;
    overflow: hidden;
    border: solid 1px #29a2b2;
    background: #e67e22;
    text-align: center;
    padding: 3px 15px;
    text-transform: capitalize;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    font-weight: 600;
    /*box-shadow: 0px 4px 0px #2479B5, 0 12px 0px rgba(255, 255, 255, 0.2) inset;*/
    cursor: pointer;
    background: #79d0ea;
    background: -moz-linear-gradient(top, #79d0ea 0%, #29a2b2 100%);
    background: -webkit-linear-gradient(top, #79d0ea 0%, #29a2b2 100%);
    background: linear-gradient(to bottom, #79d0ea 0%, #29a2b2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#79d0ea', endColorstr='#29a2b2', GradientType=0);
    margin-right: 5px;
    transition: none !important;
}

    input[type="button"]:hover,
    input[type="submit"]:hover,
    .save_btn:hover {
        background: #29a2b2;
    }

    input[type="reset"],
    input[type="button"].reset_btn,
    .reset_btn {
        position: relative;
        width: auto;
        display: inline-block;
        color: #ffffff;
        font-size: 13px;
        margin-left: 5px;
        text-decoration: none;
        border-radius: 3px;
        text-transform: capitalize;
        border: solid 1px #cb4240;
        background: #e67e22;
        text-align: center;
        cursor: pointer;
        padding: 3px 15px;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
        font-weight: 600;
        /*box-shadow: 0px 4px 0px #ad3332, 0 12px 0px rgba(255, 255, 255, 0.2) inset;*/
        background: #ce4543;
        background: -moz-linear-gradient(top, #e29393 0%, #ce4543 100%);
        background: -webkit-linear-gradient(top, #e29393 0%, #ce4543 100%);
        background: linear-gradient(to bottom, #e29393 0%, #ce4543 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e29393', endColorstr='#ce4543', GradientType=0);
    }

.reset_btn {
    position: relative;
    width: auto;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    margin-left: 5px;
    text-decoration: none;
    border-radius: 3px;
    text-transform: capitalize;
    border: solid 1px #cb4240 !important;
    background: #e67e22;
    text-align: center;
    cursor: pointer;
    padding: 3px 15px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4) !important;
    font-weight: 600;
    /*box-shadow: 0px 4px 0px #ad3332, 0 12px 0px rgba(255, 255, 255, 0.2) inset;*/
    background: #ce4543 !important;
    background: -moz-linear-gradient(top, #e29393 0%, #ce4543 100%);
    background: -webkit-linear-gradient(top, #e29393 0%, #ce4543 100%);
    background: linear-gradient(to bottom, #e29393 0%, #ce4543 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e29393', endColorstr='#ce4543', GradientType=0);
}

    input[type="reset"]:hover,
    input[type="button"].reset_btn:hover,
    .reset_btn:hover {
        background: #ce4543;
    }

.mds_clr:after,
.cr_sec_1:after,
.tbSourceField:after,
.tabl_nav_2:after,
.attr_val_row > div h2:after,
.attr_val_row > div ul li:after,
.conf_h:after,
.conf_panel:after,
.proj_conf:after,
.mds_clr:before,
.sea_panel:after,
.tab_li:after,
.up_img:after,
.box_bg:after,
.browse_sec:after,
.tab_li li:after,
.box_wra:after,
.mds_wrap:after,
header:after,
header:before,
.top_menu:after,
.top_menu > ul:after,
.top_menu_2:after,
.h_1:after,
.panel_1:after,
.left_d:after,
.ful_panel:after,
.ful_pan_2:after,
#headerMenu:after,
#headerMenu:before,
.row:after,
.h_2:after,
.menu_tree:after,
.left_menu_tree:after,
.tree_approve:after,
.sec_1:after,
.modal-box > h1:after,
.tab_menu:after,
.tab_menu > ul:after,
.help_list:after,
.help_g:after,
.pro_up_li:after,
.ma_wra:after,
.h_4:after,
.panel_1:after,
.pan_wrapper > article:after,
.h_5:after,
.h_5:before,
.cus_head:after,
.pan_grid:after,
.panel_2:after,
.panel_2:before,
.col_2 > article:after {
    content: "";
    display: block;
    line-height: 0;
    height: 0;
    clear: both;
}

body {
    font-size: 13px;
    background: #e6e6e6;
    color: #313336;
    font-family: 'Open Sans', Arial;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto;
}

.mds_wrap {
    margin: 0 auto;
    padding: 0px;
    display: block;
}

.mds_head {
    /* background: #2b3d61 none repeat scroll 0 0;*/
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.4) inset;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.logo_sec {
    /* background: #2B3D61 none repeat scroll 0 0;*/
    float: left;
    margin: 0 auto -36px;
    padding: 5px 60px 5px 10px;
    text-align: center;
    position: relative;
}

    .logo_sec:after {
        content: "";
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 0 0 35px;
        border-color: transparent transparent transparent transparent;
    }

    .logo_sec span {
        display: table-cell;
        vertical-align: middle;
        background: none;
        border-radius: 6px;
        height: 60px;
        width: 140px;
        text-align: center;
    }

    .logo_sec img {
        /*    text-align: center;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        max-width: 140px;
        max-height: 58px;
        padding: 5px 15px;
        margin: 0 auto;*/
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        max-width: 160px;
        max-height: 62px;
        padding: 1px 5px;
        margin: 0 auto;
        background: #fff !important;
        border-radius: 6px;
    }

.top_menu {
    display: block;
    background: #cfcfcf;
}

    .top_menu > ul {
        display: block;
        float: right;
    }

.top_menu_2 {
    min-height: 38px;
}

    .top_menu_2 > ul {
        float: right;
    }

.top_menu > ul > li {
    display: inline-block;
    padding: 3px 10px;
    position: relative;
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

    .top_menu > ul > li:first-child {
        padding-left: 0px;
    }

    .top_menu > ul > li > span {
        display: block;
        position: relative;
        cursor: pointer;
    }

        .top_menu > ul > li > span img {
            width: auto;
            height: 28px;
            border-radius: 5px;
            display: inline-block;
            vertical-align: middle;
            border-width: 1px;
            border-style: solid;
            border-color: transparent
        }

        .top_menu > ul > li > span:after {
            content: "\f0dd";
            font-family: 'FontAwesome';
            /*color: #2b3d61;*/
            font-size: 15px;
        }

    .top_menu > ul > li a {
        display: block;
    }

        .top_menu > ul > li a:hover,
        .top_menu > ul > li:hover,
        .top_menu > ul > li:hover i,
        .top_menu > ul > li:hover > span:after {
            color: #1880c9;
        }

.top_menu li .pop_top a:hover {
    color: #ffffff !important;
}

.top_menu > ul > li i {
    font-size: 17px;
    vertical-align: top;
    /* color: #2b3d61;*/
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.top_menu > ul > li:nth-child(3) i {
    vertical-align: middle;
}

.top_menu_2 > ul {
    padding-right: 10px;
}

.top_menu_2 > ul {
    margin-right: -10px;
}

    .top_menu_2 > ul > li {
        float: left;
        padding: 5px 8px;
        font-weight: 600;
        padding: 6px 8px 5px 8px;
        position: relative;
    }

        .top_menu_2 > ul > li:after {
            content: "";
            position: absolute;
            left: 0;
            top: 6px;
            bottom: 4px;
            background: rgba(255,255,255,0.4);
            width: 1px;
        }

        .top_menu_2 > ul > li:first-child:after {
            content: none;
        }


        .top_menu_2 > ul > li > a {
            color: #ffffff;
            padding: 3px 10px;
            display: block;
            font-size: 13px;
        }

            .top_menu_2 > ul > li > a:hover,
            .top_menu_2 > ul > li.top_menu_active > a {
                background: #fff;
                border-radius: 4px;
                color: #2b3d61;
            }

/*.page_wra {*/
    /*bottom: 22px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 72px;
    background: #e1e1e1;
    bottom: 22px;
	top: 72px;*/
    /*left: 0;
    right: 0;
    position: absolute;
    background: #e1e1e1;
    height: 100%;
}*/

/*12-07-23 - For IPDB project scroll issue*/
.page_wra {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 72px;
    background: #e1e1e1;
    bottom: 22px;
    top: 72px;
}

.h_1 {
    border-bottom: 1px solid #2b3d61;
    display: block;
    padding: 0px 0px 5px 0px;
    text-align: right;
    border-bottom: 1px solid #2b3d61;
    display: block;
    padding: 4px 0px 5px 0px;
    text-align: right;
    position: relative;
    z-index: 2;
    background: #e6e6e6;
    margin-left: 6px;
    margin-right: 6px;
}

.le_menu {
    color: #464646;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    display: none;
    cursor: pointer;
    position: absolute;
    right: -62px;
    transition: all 0.4s ease-in-out;
    background: transparent;
    top: 6px;
}

    .le_menu i {
        margin-right: 3px;
        background: #29a2b2 none repeat scroll 0 0;
        padding: 3px;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
    }

.panel_1 {
    margin-bottom: 10px;
    background: #ffffff;
    padding: 5px 10px;
    display: block;
    position: relative;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.h_1 > ul,
.help_pop {
    display: inline-block;
    vertical-align: middle;
}

    .h_1 > ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 15px 0px 0px;
        position: relative;
        font-weight: 600;
        font-size: 13px;
        color: #313336;
    }

        .h_1 > ul li:before {
            content: "\f0da";
            color: #313336;
            font-size: 15px;
            font-family: 'FontAwesome';
            padding-right: 5px;
        }

.form_li > li {
    display: inline-block;
    padding: 2px 10px;
}

    .form_li > li:first-child {
        padding-left: 0px;
    }

.auto_s,
.k-autocomplete,
.date_t {
    position: relative;
    display: inline-block;
}

    .auto_s:after, .k-autocomplete:after {
        content: "\f002";
        font-family: 'FontAwesome';
        font-weight: normal;
        left: 4px;
        position: absolute;
        top: 3px;
        font-size: 15px;
        color: #616161;
        /* content: "\f002";
    font-family: 'FontAwesome';
    font-weight: normal;
    left: 4px;
    position: absolute;
    top: 0px;
    bottom:0;
    font-size: 15px;
    color: #616161;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
-ms-flex-pack: center;
    justify-content: center;*/
    }

.auto_s_dis {
    text-align: center;
}

    .auto_s_dis .auto_s {
        width: auto;
        text-align: left;
        margin: 0 auto;
    }

.date_t:after {
    content: "\f073";
    font-family: 'FontAwesome';
    font-weight: normal;
    left: 5px;
    position: absolute;
    top: 3px;
    font-size: 15px;
    color: #544983;
    /*content: "\f073";
    font-family: 'FontAwesome';
    font-weight: normal;
    left: 5px;
    position: absolute;
    top: 0;
    bottom:0;
    font-size: 15px;
    color: #544983;
    content: "\f073";
    font-family: 'FontAwesome';
    font-weight: normal;
    left: 5px;
    position: absolute;
    top: 5px;
    font-size: 15px;
    color: #544983;*/
}

.auto_s input[type="text"],
.date_t input[type="text"],
.k-autocomplete input[type="text"],
.auto_90t textarea {
    padding-left: 22px !important;
}

.auto_s input[type="text"],
.k-autocomplete input[type="text"] {
    box-sizing: border-box;
}

.fl_le {
    float: left;
}

.fl_ri {
    float: right;
}

.btn_1 {
    background: #e55957;
}

.btn_2 {
    background: #4bae8a;
}



.panel_1 .fl_ri input[type="button"] {
    margin-top: 4px;
}


/* tooltip css start */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    text-transform: capitalize;
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px;
    }

    #tiptip_holder.tip_right {
        padding-left: 5px;
    }

    #tiptip_holder.tip_left {
        padding-right: 5px;
    }

#tiptip_content {
    font-size: 11px;
    color: #fff;
    padding: 4px 8px;
    float: left;
    background-color: #4f4c5d;
    border-radius: 3px;
}

#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: #4f4c5d;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: #4f4c5d;
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: #4f4c5d;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #4f4c5d;
    border-top-color: #4f4c5d;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-bottom-color: #4f4c5d;
    border-bottom-color: #4f4c5d;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #4f4c5d;
    border-right-color: #4f4c5d;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #4f4c5d;
    border-left-color: #4f4c5d;
}


/* Webkit Hacks  */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: #4f4c5d;
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: #4f4c5d;
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: #4f4c5d;
    }

    .special_sea .cus_select select {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .sl_list_3 thead tr td:nth-child(2) {
        width: 44% !important;
    }

    .sl_list_3 thead tr td:nth-child(3) {
        padding-left: 0px !important;
    }
}

.ful_panel {
    text-align: center;
    padding: 5px 0;
}

.left_menu_tree {
    bottom: 3px;
    left: 9px;
    position: absolute;
    top: 8px;
    width: 30%;
}

.h_2 {
    display: block;
    background: url(../images/header_2.jpg) repeat-x left top;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    padding: 3px 5px;
}

.tree_li {
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 5px;
    border-top: 0px;
}

    .tree_li > ul > ul {
        display: none;
    }

    .tree_li li a {
        border-bottom: 1px solid #d7d7d7;
        display: block;
        padding: 10px 10px 10px 28px;
        position: relative;
    }


        /*.tree_li > ul > li a:before {
	content: "\f0d7";
	font-family: 'FontAwesome';
	color: #544983;
	display: inline-block;
	margin-right: 5px;
}*/


        /*.tree_li > ul > li a:before {
	 color: #877ead;

     content: "\f0fe";
    display: inline-block;
    height: 7px;
    left: 7px;
    font-size: 14px;    
    position: absolute;
    top: 12px;
    width: 7px;
    font-family: 'FontAwesome';
}*/

        .tree_li li a span.caret:before {
            color: #29a2b2;
            content: "\f0fe";
            display: inline-block;
            height: 7px;
            left: 7px;
            font-size: 14px;
            position: absolute;
            top: 12px;
            width: 7px;
            font-family: 'FontAwesome';
        }

        .tree_li li a.last_menu:before {
            color: #29a2b2;
            content: "\f146";
            display: inline-block;
            height: 7px;
            left: 7px;
            font-size: 14px;
            position: absolute;
            top: 12px;
            width: 7px;
            font-family: 'FontAwesome';
        }

.menu_tree_2 > ul li.open ul li ul li:last-child a:after {
    color: red !important;
    content: "";
}

.tree_li > ul > li li {
    padding-left: 15px;
}

.tree_li > ul > li > ul {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    border-top: 0;
}

.tree_li li a:hover {
    background: #2b3d61;
    position: relative;
    color: #fff;
}

    .tree_li li a:hover span.caret:before {
        color: #ffffff;
    }

.tree_li > ul {
    height: auto;
    margin-bottom: 10px;
    overflow-y: auto;
}

.menu_tree_2 {
    bottom: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 23px;
    padding: 0px;
    overflow: auto;
}

.tree_approve {
    display: block;
}

    .tree_approve .btn_1 {
        float: right;
    }

.tree_li.active {
    border-right: 3px solid #5C518B;
}

.sec_1 {
    float: left;
    width: 71%;
}


/* pop up div */

.v-center {
    height: 100vh;
    width: 100%;
    display: table;
    position: relative;
    text-align: center;
}

    .v-center > div {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: -10%;
    }

.modal-box {
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width: auto;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

    .modal-box header,
    .modal-box .modal-header {
        padding: 1.25em 1.5em;
        border-bottom: 1px solid #ddd;
    }

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 5%;
    right: 2%;
    text-decoration: none;
    color: #bbb;
}

    a.close:hover {
        color: #222;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
    }

.modal-box > h1 {
    border-bottom: 2px solid #7469a2;
    display: block;
    padding: 0 5px 5px 0;
    position: relative;
}

.modal-body {
    padding: 5px;
}

.modal-box > h1 > span {
    float: left;
    font-size: 16px;
    font-weight: 600;
}

.modal-box > h1 > i {
    color: #e55957;
    float: right;
    font-size: 18px;
    font-weight: normal;
    margin-top: 3px;
}

.aside_menu {
    /*background: #62759b;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    z-index: 15;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    min-width: 254px;
    margin-left: -255px;
}

    .aside_menu li {
        display: block;
    }

.fil_report_menu li {
    padding: 12px 15px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    color: #ffffff;
    border-top: rgba(255, 255, 255, 0.3) 1px solid;
    position: relative;
    text-transform: capitalize;
}

.aside_menu li a {
    padding: 12px 15px;
    font-weight: 600;
    display: block;
    color: #ffffff;
    border-top: rgba(255, 255, 255, 0.3) 1px solid;
    position: relative;
    text-transform: capitalize;
}

.fil_report_menu li {
    cursor: pointer;
}

.aside_menu li a:hover {
    background: #2b3d61;
}

.aside_menu li:first-child a {
    border-top: 0px;
}

.aside_menu li a:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    color: #fff;
    margin-right: 5px;
}

.aside_menu_open,
.aside_menu_open_2 {
    margin-left: 0px;
}

    .aside_menu_open .le_menu {
        right: -61px;
        transition: all 0.4s ease-in-out;
    }

/*.tab_menu {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #62759b;
}

.tab_menu > ul {
    float: left;
}

.tab_menu > ul > li {
    float: left;
}

.tab_menu > ul > li a,
.tab_menu > ul > li span {
    display: block;
    padding: 3px 20px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    background: #62759b;
    margin-left: 5px;
    position: relative;
    background: #62759b;
    text-transform: capitalize;
    border-radius: 0px 17px 0px 0px;
    text-align:center;
}

.tab_menu > ul > li:first-child a,
.tab_menu > ul > li:first-child span {
    margin-left: 0px;
}

.tab_menu > ul > li a:hover,
.tab_menu > ul > li.tab_active a,
#menu_tree > li.tab_active > a,
.tab_menu > ul > li span:hover,
.tab_menu > ul > li.tab_active span {
    background: #2b3d61 !important;
    color: #fff;
}

.tab_menu > ul > li.tab_active a:after,
.tab_menu > ul > li.tab_active span:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    bottom: -15px;
    color: #2b3d61 !important;
    z-index: 2;
    font-size: 21px;
    left: 41%;
    position: absolute;
}
*/


.tab_menu {
    display: block;
    margin-bottom: 10px;
    border-bottom: 2px solid #2b3d61 !important;
}

    .tab_menu > ul {
        float: left;
    }

        .tab_menu > ul > li {
            float: left;
        }




            .tab_menu > ul > li * {
                cursor: pointer;
            }

            .tab_menu > ul > li a,
            .tab_menu > ul > li span {
                display: block;
                padding: 3px 15px 3px 15px;
                border-radius: 3px 28px 0px 0px;
                text-align: center;
                color: #ffffff;
                cursor: pointer;
                background: #62759b;
                white-space: nowrap;
                margin-left: 5px;
                z-index: 1;
                position: relative;
                margin-left: 2px;
            }

                .tab_menu > ul > li a:before,
                .tab_menu > ul > li span:before {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 15px;
                    bottom: 0;
                    -webkit-transform: skew(30deg);
                    -moz-transform: skew(30deg);
                    z-index: -1;
                    -o-transform: skew(30deg);
                    transform: skew(30deg);
                    background: #62759b;
                    border-radius: 0px 5px 0px 0px;
                }

            .tab_menu > ul > li:first-child a,
            .tab_menu > ul > li:first-child span {
                margin-left: 0px;
            }

            .tab_menu > ul > li a:hover,
            .tab_menu > ul > li.tab_active a,
            #menu_tree > li.tab_active > a,
            .tab_menu > ul > li span:hover,
            .tab_menu > ul > li.tab_active span {
                background: #2b3d61 !important;
                color: #fff;
                z-index: 2;
            }

                .tab_menu > ul > li a:hover:before,
                .tab_menu > ul > li span:hover:before,
                .tab_menu > ul > li.tab_active a:before,
                .tab_menu > ul > li.tab_active span:before {
                    background: #2b3d61 !important;
                    color: #fff;
                    z-index: -1;
                }

            .tab_menu > ul > li a *,
            .tab_menu > ul > li span * {
                display: initial;
                vertical-align: initial;
            }

            .tab_menu > ul > li.tab_active a:after,
            .tab_menu > ul > li.tab_active span:after {
                top: 100%;
                content: "";
                opacity: 1;
                color: #2b3d61;
                z-index: 2;
                font-size: 21px;
                left: 50%;
                position: absolute;
                border-color: #2b3d61 transparent transparent transparent;
                border-width: 7px 6px;
                border-style: solid;
                margin-top: 1px;
                margin-left: -4px;
            }

    .tab_menu > span {
        float: right;
    }



#master_pop_2 {
    top: 30px;
}

.pop_top {
    position: absolute;
    min-width: 134px;
    left: 0;
    top: 34px;
    z-index: 3;
    opacity: 0;
    transform: scale(0);
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transform-origin: top left;
}

    .pop_top ul {
        border-bottom: 2px solid #1880c9;
        border-left: 2px solid #1880c9;
        background: none repeat scroll 0 0 #ffffff;
        box-shadow: 0px 0px 18px rgba(0,0,0,0.5);
        height: auto;
        white-space: nowrap;
        width: auto;
    }

        .pop_top ul:after {
            border-color: transparent transparent #ffffff;
            border-style: solid;
            border-width: 7px;
            content: "";
            left: 16px;
            margin-top: -2px;
            position: absolute;
            top: -10px;
            z-index: 0;
        }

.pop_top_menu ul ul {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    min-width: 134px;
}

    .pop_top_menu ul ul:after {
        content: none;
    }

.pop_top_menu ul li:hover ul {
    display: block;
}

.pop_top > ul > li,
.pop_top_menu ul ul li {
    display: block;
    border-top: 1px solid #ccc;
    position: relative;
    z-index: 1;
}

    .pop_top > ul > li:first-child {
        border-top: 0px;
    }

    .pop_top > ul > li > a,
    .pop_top_menu li a {
        color: #646464;
        display: block;
        font-weight: 600;
        font-size: 12px;
        padding: 12px 10px;
        text-transform: capitalize;
        white-space: nowrap;
        font-size: 13px;
    }

.lang_li_a > ul > li > span {
    color: #646464;
    display: block;
    font-size: 12px;
    padding: 12px 10px;
    text-transform: capitalize;
    white-space: nowrap;
}

.lang_li_a li span label,
.lang_li_a li span b {
    display: inline-block;
}

.lang_li_a li span label {
    color: #646464;
    padding-left: 5px;
}

.lang_li_a li span b {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

    .lang_li_a li span b img {
        height: 21px;
        display: block;
        border: 1px solid #c5c5c5;
        padding: 1px;
        background: #fff;
        border-radius: 2px;
        margin-right: 5px;
    }

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

    .flag_img_view img {
        height: 21px !important;
        display: block !important;
        border: 1px solid #c5c5c5 !important;
        background: #fff !important;
        padding: 1px;
        border-radius: 3px !important;
        margin-right: 5px;
    }

.lang_li_a li span:hover label {
    color: #fff;
}

.pop_top > ul > li > a:hover,
.pop_top > ul > li > span:hover,
.pop_top_menu ul ul li a:hover,
.pop_top_menu ul ul li span:hover {
    background: #1880c9;
    color: #ffffff;
}

.submenu_top {
    position: relative;
}

    .submenu_top:after {
        border-color: transparent transparent transparent #1880c9;
        border-style: solid;
        border-width: 5px;
        content: "";
        right: 5px;
        position: absolute;
        top: 17px;
        z-index: 0;
    }

.pop_top > ul > li > a:hover i,
.pop_top > ul > li > span:hover i,
.pop_top_menu ul ul li a:hover i,
.pop_top_menu ul ul li span:hover i {
    color: #fff;
}

.pop_top_menu ul li a.submenu_top:hover:after {
    border-color: transparent transparent transparent #ffffff;
}

.submenu_top:after

.pop_top > ul > li > a > i,
.pop_top_menu ul ul li i {
    color: #0096d4;
    display: inline-block;
    font-size: 14px;
    margin-left: -2px;
    margin-right: 11px;
    vertical-align: top;
}

.pop_top_2 {
    min-width: 106px;
    padding-top: 16px;
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 3;
    min-width: 132px;
}

    .pop_top_2 ul {
        background: none repeat scroll 0 0 #ffffff;
        border-radius: 5px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        height: auto;
        white-space: nowrap;
        width: auto;
        overflow: hidden;
    }

        .pop_top_2 ul:after {
            border-color: transparent transparent #ffffff;
            border-style: solid;
            border-width: 9px;
            content: "";
            margin-top: -2px;
            position: absolute;
            right: 3px;
            top: 2px;
            z-index: 0;
        }

    .pop_top_2 > ul > li {
        display: block;
        border-top: 1px solid #ccc;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

        .pop_top_2 > ul > li:first-child {
            border-top: 0px;
        }

        .pop_top_2 > ul > li > a {
            display: block;
            color: #646464;
            padding: 6px 10px;
            font-size: 11px;
            text-transform: capitalize;
        }

            .pop_top_2 > ul > li > a:hover {
                background: #0096D4;
                color: #ffffff;
            }

.open_div {
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    opacity: 1 !important;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.m_attr {
    color: #DD6777;
    font-size: 18px;
}

.m_img {
    color: #8BAA67;
    font-size: 18px;
}

.m_grp {
    color: #00BCD4;
    font-size: 18px;
}

.img_w {
    height: 18px;
}

.grid_panel .datatablerowhighlight i {
    color: #fff !important;
}


/*help page css start */

.help_wrapper {
    background: #ffffff none repeat scroll 0 0;
    bottom: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    right: 10px;
    top: 37px;
    width: 40%;
    overflow: auto;
    z-index: 15;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    margin-right: -42%;
}

.help_menu_open {
    margin-right: 0;
}

.help_wrapper > h1 {
    background: #7469a2;
    padding: 6px;
    font-weight: 600;
    text-transform: capitalize;
    color: #ffffff;
}

.help_wrapper > p {
    background: #e4e2ed;
    padding: 5px;
    color: #4a4368;
    text-align: justify;
}

.help_list {
    display: block;
    padding: 5px;
}

.help_g {
    border-bottom: 1px solid #cccccc;
    text-align: center;
}

    .help_g li {
        cursor: pointer;
        display: inline-block;
        float: none;
        margin: 0 10px;
        padding: 5px;
    }

        .help_g li:first-child:before {
            content: "\f013";
            color: #4dabce;
        }

        .help_g li:nth-child(2):before {
            content: "\f071";
            color: #e55957;
        }

        .help_g li:nth-child(3):before {
            content: "\f0c1";
            color: #4bae8a;
        }

        .help_g li:hover,
        .help_g li.help_tab_active {
            background: #4dabce;
            color: #ffffff;
        }

            .help_g li:hover:before,
            .help_g li.help_tab_active:before {
                color: #fff;
            }

.help_tab_wra > ul > li {
    display: block;
    border-top: 1px solid #cccccc;
    padding: 5px 0;
}

    .help_tab_wra > ul > li > span {
        position: relative;
        color: #544983;
        cursor: pointer;
        font-weight: 600;
        display: block;
        padding: 3px 5px;
        font-size: 16px;
    }

        .help_tab_wra > ul > li > span:after {
            font-family: 'FontAwesome';
            color: #7469a2;
            position: absolute;
            top: 3px;
            right: 5px;
            content: "\f078";
            font-weight: normal;
        }

        .help_tab_wra > ul > li > span:hover,
        .help_tab_wra > ul > li > span.help_active {
            background: #7469A2;
            color: #ffffff;
        }

            .help_tab_wra > ul > li > span:hover:after {
                color: #ffffff;
            }

            .help_tab_wra > ul > li > span.help_active:after {
                content: "\f077";
                color: #ffffff;
            }

    .help_tab_wra > ul > li ul li,
    .help_tab_wra > ul:nth-child(2) li,
    .help_tab_wra > ul:nth-child(3) li {
        background: #f3f3f3;
        border: 1px solid #d7d7d7;
        padding: 5px;
        margin: 5px auto;
    }

        .help_tab_wra > ul > li ul li:last-child {
            margin-bottom: 0px;
        }

        .help_tab_wra > ul > li ul li > b,
        .help_tab_wra > ul:nth-child(2) li b,
        .help_tab_wra > ul:nth-child(3) li b {
            display: block;
            font-size: 600;
            font-size: 13px;
            color: #E55957;
            padding-bottom: 3px;
        }

.help_tab_wra > ul li > ul {
    display: none;
}

.help_tab_wra > ul li:first-child > ul {
    display: block;
}

.help_tab_wra > ul {
    display: none;
}

    .help_tab_wra > ul:first-child {
        display: block;
    }

.help_g li:before {
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: normal;
    vertical-align: bottom;
}


/*help page css end */

.ma_wra {
    margin: 10px;
}

.MandatoryIndicator {
    color: Red;
    padding-left: 1px;
    display: inline-block;
    vertical-align: middle;
}

.pro_up_li {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px;
}

    .pro_up_li > ul li {
        display: inline-block;
        width: 25%;
        padding: 5px;
        vertical-align: top;
    }

        .pro_up_li > ul li label {
            min-width: 100px;
            display: inline-block;
            vertical-align: middle;
        }

        .pro_up_li > ul li input[type="text"],
        .pro_up_li > ul li textarea {
            width: 65%;
        }


/* list li start */

.li_cen {
    text-align: center;
}

.list_1 {
    margin: 0 auto;
    min-width: 400px;
    text-align: left;
    display: inline-block;
}

    .list_1 > li {
        padding: 10px 5px;
    }

        .list_1 > li > label {
            display: inline-block;
            vertical-align: middle;
            min-width: 120px;
        }

        .list_1 > li > input[type="text"],
        .list_1 > li > textarea,
        .list_1 > li > select,
        .list_1 > li > span.auto_s {
            width: 60%;
        }

            .list_1 > li > span.auto_s input[type="text"] {
                width: 100%;
            }

.chek_wra > span {
    margin-bottom: 10px;
    display: block;
    margin-left: 125px;
}

    .chek_wra > span:last-child {
        margin-bottom: 0px;
    }

.list_btn {
    margin-left: 125px;
    padding-top: 0px !important;
}

    .list_btn .m_save_btn {
        padding-left: 0px;
    }


/* list li end */

.load,
.load_main,
.ui-jqgrid .loading,
.loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../content/images/loading.GIF) no-repeat center center rgba(255, 255, 255, 0.5);
    z-index: 100000;
    text-indent: -9999px;
}

.small_load {
    position: absolute;
    display: none;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: url(../content/images/small_load.GIF) no-repeat top center;
    z-index: 100000;
    text-indent: -9999px;
    z-index: 11;
}



.ui-autocomplete-loading {
    background: url(../content/images/small_load.GIF) no-repeat center right #ffffff !important;
    background-size: 18px 18px !important;
    transition: none !important;
}

.list_btn_cen {
    text-align: center;
}

.ful_area {
    width: 100%;
    height: 27px;
}

.table_a {
    width: auto;
}

    .table_a td {
        padding: 0 5px;
    }

.form_l {
    width: 28%;
    float: left;
}

    .form_l > ul {
        display: block;
        min-width: auto;
        width: auto;
    }

.nmq_grp_right {
    float: left;
    margin-left: 10px;
    width: 45%;
}

.chk_span > span {
    margin-left: 5px;
}


/*panel div start*/

.pan_wrapper article {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: block;
    padding: 5px;
    margin-bottom: 8px;
}

.mb_5 {
    margin-bottom: 5px;
}

.panel_show {
    float: right;
}

    .panel_show > ul > li {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        position: relative;
        border-right: 1px solid #c2c2c2;
        padding-right: 10px;
    }

        .panel_show > ul > li:last-child,
        .panel_togle,
        .panel_togle_cus {
            border-right: 0px !important;
        }

.drop_li ul {
    right: 0;
    left: auto;
    border-radius: 0px;
}

.drop_li li:hover {
    background: #2b3d61;
}

    .drop_li li:hover a {
        color: #ffffff;
    }

.grid_set > span {
    display: block;
    cursor: pointer;
}

    .grid_set > span > i {
        color: #1880c9;
        cursor: pointer;
        font-size: 20px;
        padding-right: 3px;
    }

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

    .grid_top li,
    .grid_top li label,
    .grid_top li span,
    .grid_top li input,
    .grid_top li select {
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }

        .grid_top li input,
        .grid_top li select {
            padding: 1px 5px;
        }

    .grid_top li {
        padding-left: 10px;
    }

.h_5 {
    margin-bottom: 5px;
    border-bottom: 1px solid #2b3d61;
    display: block;
    position: relative;
    border-left: 3px solid #2b3d61;
    padding-left: 10px;
}

.cus_head {
    margin-bottom: 5px;
    border-bottom: 1px solid #2b3d61;
    padding-left: 10px;
    position: relative;
    display: block;
    padding-bottom: 3px;
}

.h_5:after {
    content: "";
    position: absolute;
    border-width: 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #2b3d61;
    left: 0;
    top: 9px;
}

.dial_cus_h {
    position: absolute;
    top: -23px;
}

    .h_5 h2,
    .dial_cus_h h2,
    .dial_cus_h_2 h2 {
        font-size: 13px;
        font-weight: 600;
        display: inline-block;
        padding: 2px;
        min-height: 25px;
        padding-bottom: 2px;
    }

    .dial_cus_h h2,
    .dial_cus_h_2 h2 {
        color: #ffffff
    }

.dial_cus_h_2 {
    padding: 1px 3px;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    background: #526997;
}

.col_2 > article {
    width: 49.5%;
    float: left;
    margin-left: 1%;
}

    .col_2 > article:first-child {
        margin-left: 0px;
        width: 49.5%;
    }

.hide_div {
    display: none;
}

.gird_ac_name span {
    display: none;
}

    .gird_ac_name span * {
        display: inline-block;
        vertical-align: middle;
    }

    .gird_ac_name span b {
        color: #fff;
        margin-left: 10px;
        border-radius: 2px;
        padding: 1px 8px;
        font-size: 12px;
        font-weight: normal;
        background: #00bcd4;
    }

.panel_togle i, .arrow_toggle i,
.panel_togle_cus i {
    font-size: 14px;
    color: #323e4c;
}

.cus_arrow1 i {
    font-size: 14px;
    color: #323e4c;
}

.panel_show .fa-file-text-o {
    background: #7469a2 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-right: 10px;
    padding: 4px 7px;
}

.show_panel_1 .grid_w {
    width: 99%;
}


/*image crop panel  css start*/

.imageBox {
    background: #fff none no-repeat scroll 0 0;
    border: 1px solid #aaa;
    cursor: move;
    height: 288px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .imageBox .thumbBox {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 200px;
        margin-top: -100px;
        margin-left: -100px;
        box-sizing: border-box;
        border: 1px solid rgb(102, 102, 102);
        box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
        background: none repeat scroll 0% 0% transparent;
    }

    .imageBox .spinner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        background: #cecece none repeat scroll 0 0;
    }

.spinner > span {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    color: #424242;
    height: auto;
    left: 50%;
    margin-left: -100px;
    margin-top: -30px;
    padding: 9px 6%;
    position: absolute;
    top: 50%;
}


/*image crop panel end css start*/


/* Image upload css start */

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }


/* Fixes for IE < 8 */

@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        direction: ltr;
        cursor: pointer;
        font-size: 200px;
    }

.img_list_up ul {
    height: 406px;
    overflow-y: auto;
    text-align: center;
}

.img_list_up ul {
    text-align: center;
}

.img_list_up li {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 14%;
    background: #ffffff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    padding: 5px;
    position: relative;
    margin: 10px;
}

    .img_list_up li span.preview {
        display: block;
    }

        .img_list_up li span.preview canvas {
            width: 100% !important;
            height: 100% !important;
        }

    .img_list_up li button {
        border: 0 none;
        border-radius: 2px;
        color: #ffffff;
        padding: 1px;
        cursor: pointer;
    }

        .img_list_up li button i {
            color: #ffffff;
            font-size: 15px;
        }

        .img_list_up li button.start {
            background: #7aa93c;
        }

        .img_list_up li button.cancel {
            background: #E06971;
        }

.up_re_img {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

.img_size {
    display: block;
    padding-top: 5px;
}

.btn_panel {
    display: block;
    padding: 10px;
    text-align: center;
    background: #ffffff;
    border: 1px dashed #E55957;
}

.file_up_btn .fileinput-button > span {
    background: #E55957;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
}

.file_up_btn {
    float: left;
}

.bulk_up_wra {
    display: block;
    text-align: center;
}

    .bulk_up_wra button {
        cursor: pointer;
        border: 0 none;
        border-radius: 5px;
        color: #ffffff;
        font-weight: 600;
        padding: 4px 10px;
    }

        .bulk_up_wra button.start {
            background: #00BCD4;
        }

        .bulk_up_wra button.cancel {
            background: #EC768C;
        }

.file_up_btn {
    display: block;
}

.btn_panel {
    display: block;
}

.bulk_up_wra {
    float: right;
}

.fileupload-progress.in > .progress-striped {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    height: 18px;
    margin-top: 5px;
    position: relative;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

    .fileupload-progress.in > .progress-striped .progress-bar-success {
        background: #63cc6c none repeat scroll 0 0;
        border-radius: 10px;
        bottom: 2px;
        left: 2px;
        position: absolute;
        top: 2px;
        width: auto;
        transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
    }

        .fileupload-progress.in > .progress-striped .progress-bar-success:after {
            transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            -webkit-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
            background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
            z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            background-size: 50px 50px;
            -webkit-animation: move 2s linear infinite;
            -moz-animation: move 2s linear infinite;
            -webkit-border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
            -moz-border-radius-topright: 8px;
            -moz-border-radius-bottomright: 8px;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
            -moz-border-radius-bottomleft: 20px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            overflow: hidden;
        }

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.fileupload-progress.in > .progress-striped .progress-extended {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 0;
}


/* Image upload css end */

.tree_l_panel {
    margin-left: 31%;
    position: relative;
    margin-top: 16px;
}

.menu_tree_2 > #menu_tree > li > a:hover,
.menu_tree_2 > #menu_tree > li.open > a {
    background: #62759b;
    color: #ffffff;
}

    .menu_tree_2 > #menu_tree > li.open > a span.caret:before {
        color: #ffffff;
    }

.menu_tree_2 > #menu_tree > li:hover:before,
.menu_tree_2 > #menu_tree > li.open > a {
    color: #fff;
}

.text_li_2 {
    text-align: center;
}

    .text_li_2 li {
        text-align: left;
        display: inline-block;
    }

        .text_li_2 li label {
            display: inline-block;
        }

        .text_li_2 li:first-child {
            width: 40%;
        }

        .text_li_2 li span.auto_s {
            width: 86%;
        }

            .text_li_2 li span.auto_s input[type="text"] {
                width: 100%;
            }

        .text_li_2 li:last-child button {
            display: inline-block;
            vertical-align: middle;
        }


/* lightbox img uplod  start */

.view_img_up {
    display: block;
}

    .view_img_up li {
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
        position: relative;
    }

        .view_img_up li img {
            width: 150px;
            height: 150px;
            background: #ffffff;
            padding: 5px;
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
        }

.img_list_up li p.name {
    display: none;
}

.tab_li {
    display: block;
    margin-bottom: 0;
    padding-top: 6px;
}

    .tab_li li {
        background: #2b3d61 none repeat scroll 0 0;
        border-radius: 5px 5px 0 0;
        color: #ffffff;
        cursor: pointer;
        float: left;
        font-size: 12px;
        font-weight: 600;
        margin-left: 5px;
        padding: 4px 10px;
        text-transform: capitalize;
    }

        .tab_li li:first-child {
            margin-left: 0;
        }

        .tab_li li:hover,
        .tab_li li.tab_li_active {
            background: #29a2b2;
        }


/* lightbox img uplod end */


/* map attr css start */

.map_attr_li li a {
    padding: 8px 10px;
}

    .map_attr_li li a:before {
        content: "\f101";
        font-family: 'FontAwesome';
        color: #544983;
        display: inline-block;
        margin-right: 5px;
        font-size: 15px;
        font-weight: normal;
    }

.map_attr_li {
    width: 23%;
}

.map_attr_right {
    margin-left: 24%;
    position: relative;
    margin-top: 5px;
}

.map_attr_active {
    background: #aaa0d8 none repeat scroll 0 0;
    color: #fff;
    position: relative;
}


/* map attr css end */

.mdm_shadow:after {
    content: "";
    display: block;
    clear: both;
}

.mdm_shadow {
    background: #ffffff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    padding: 5px;
    margin-bottom: 5px;
}

.btn_right {
    float: right;
}

    .btn_right input[type="button"] {
        background: #4AAD8A;
        font-size: 12px;
    }

.table_css {
    border: 1px solid #c2c2c2;
    background: #ffffff;
    border-radius: 5px;
}

    .table_css thead tr {
        border-bottom: 2px solid #7368A0;
    }

    .table_css thead td {
        color: #43396d;
    }

    .table_css td {
        padding: 5px;
    }

.user_account {
    text-align: center;
}

    .user_account li {
        text-align: left;
        display: inline-block;
        vertical-align: middle;
    }

        .user_account li > input[type="text"],
        .user_account li > select,
        .user_account li > textarea,
        .user_account li > input[type="password"],
        .user_account li > .date_t {
            width: 100%;
        }

    .user_account label {
        display: block;
    }

.user_w_1 select {
    width: 85% !important;
}


/* Dictionary Dashboard css start */

.dash_aside {
    bottom: 5px;
    left: 10px;
    position: absolute;
    top: 43px;
    width: 22%;
}

.dash_h1:after,
.dict_row:after,
.count_box:after {
    content: "";
    display: block;
    clear: both;
}

.dash_h1 {
    background: #53abd0;
    color: #ffffff;
    padding: 5px;
}

    .dash_h1 > b {
        float: left;
        padding-top: 3px;
    }

    .dash_h1 > .auto_s {
        float: right;
    }

        .dash_h1 > .auto_s input[type="text"] {
            border: 0px;
        }

.dash_aside > ul {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 34px;
    overflow: auto;
}

    .dash_aside > ul li {
        display: block;
        padding: 8px 10px;
        border-top: 1px solid #dbdbdb;
        position: relative;
        cursor: pointer;
    }

        .dash_aside > ul li:hover,
        .dash_aside > ul li.dict_active {
            background: #53abd0;
            color: #ffffff;
        }

            .dash_aside > ul li:hover:before,
            .dash_aside > ul li.dict_active:before {
                color: #fff;
            }

        .dash_aside > ul li:before {
            content: "\f0da";
            font-size: 15px;
            font-family: 'FontAwesome';
            color: #259dab;
            margin-right: 5px;
        }

        .dash_aside > ul li:first-child {
            border-top: 0px;
        }

.dict_right {
    margin-top: 6px;
    display: block;
    float: left;
    margin-left: 23%;
    width: 77%;
}

.dict_table {
    width: 100%;
}

    .dict_table thead td {
        font-weight: 600;
        color: #3f3373;
        font-size: 14px;
        text-transform: uppercase;
        border: 1px solid #7469a3;
        border-bottom: 2px solid #7469a3;
        border-top: 0px;
    }

        .dict_table thead td:last-child {
            border-right: 0px;
        }

    .dict_table thead tr {
        background: #f6f6f6;
    }

    .dict_table td {
        text-align: center;
        padding: 7px 10px;
        word-break: keep-all;
    }

    .dict_table thead td:first-child {
        background: #7469a3;
        color: #fff;
        text-align: left;
        border-left: 0px;
    }

    .dict_table tbody {
        background: #fff;
    }

        .dict_table tbody td {
            border: 1px solid #d7d7d7;
        }

            .dict_table tbody td:first-child {
                background: #a89fd0;
                color: #fff;
                border: 0px;
                text-align: left;
                border-left: 0px;
            }

.dict_row {
    display: block;
}

.dict_gal {
    float: left;
    width: 23.5%;
    overflow: hidden;
}

.dict_h1 {
    display: block;
    text-align: center;
    background: #53abd0;
    color: #ffffff;
    padding: 4px 6px;
    text-transform: uppercase;
    font-weight: 600;
}

.img_dic_li {
    padding: 10px;
    display: block;
    background: #ffffff;
    text-align: center;
    overflow: hidden;
}

    .img_dic_li img {
        display: block;
        margin: 0 auto;
        max-height: 156px !important;
        max-width: 100% !important;
        width: auto !important;
    }

    .img_dic_li .owl-stage-outer {
        display: table-cell;
        height: 156px;
        vertical-align: middle;
    }

    .img_dic_li .owl-dots {
        display: none !important;
    }

    .img_dic_li .owl-nav > div {
        font-size: 18px;
        opacity: 0.5;
        position: absolute;
        top: 62px;
        z-index: 15;
    }

        .img_dic_li .owl-nav > div:hover {
            opacity: 1;
        }

    .img_dic_li .owl-prev {
        left: 10px;
    }

    .img_dic_li .owl-next {
        right: 10px;
    }

.dict_pan_1 {
    width: 24%;
    float: left;
    margin-left: 1.5%;
}

    .dict_pan_1 > span {
        background: #ffffff none repeat scroll 0 0;
        display: block;
        font-size: 14px;
        margin-bottom: 15px;
        padding: 22px 5px;
        text-align: center;
    }

.dict_right > .dict_row {
    margin-top: 15px;
}

.count_t {
    font-size: 25px !important;
    color: #53abd0;
    padding: 17px 5px !important;
}

.count_box .dict_pan_1:nth-child(4) .count_t,
.count_box .dict_pan_1:nth-child(5) .count_t,
.count_box .dict_pan_1:nth-child(6) .count_t {
    margin-bottom: 0px !important;
}


/* Dictionary Dashboard css end */

.footer {
    bottom: 0;
    color: #444444;
    font-size: 12px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: left;
    background: #ccc;
    padding: 1px 5px;
}

.box_h {
    display: block;
    border-bottom: 1px solid #7469A2;
}

    .box_h > span {
        /*background:#7469A2;
    color:#ffffff;
    border-radius:5px 5px 0px 0px;
    padding:5px;
    display:inline-block;*/
        background: #e6e3f4 none repeat scroll 0 0;
        border: 1px solid #7469a2;
        border-radius: 5px 5px 0 0;
        color: #7469a2;
        display: inline-block;
        font-size: 12px;
        padding: 5px;
        border-bottom: 0px;
    }

.box_bg {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    padding: 10px 5px;
    border-top: 0px;
}

.browse_sec {
    margin-top: 10px;
}

.box_wra {
    width: 32%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.up_img > input[type="text"] {
    float: left;
    width: 77%;
}

.up_img > div {
    float: left;
    margin-left: -4px;
}

.dow_panel {
    text-align: center;
    margin-top: 5px;
}

.file_dow {
    color: #00BCD4;
    font-size: 18px;
    padding-left: 5px;
}

.qq-upload-status-text {
}

.li_block li {
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    width: 14%;
}

    .li_block li > label {
        display: block;
    }

    .li_block li input[type="text"] {
        width: 100%;
    }

    .li_block li:last-child {
        text-align: center;
    }

.rem_img {
    background: #39a878 none repeat scroll 0 0;
    cursor: pointer;
    padding: 3px 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}

    .rem_img i {
        color: #fff;
        display: block;
    }

.sea_panel {
    display: block;
}

.sea_panel {
    background: #eeeafc none repeat scroll 0 0;
    border: 1px solid #b8aee2;
    display: block;
    padding: 4px;
}

    .sea_panel .auto_s {
        display: block;
    }

    .sea_panel input[type="text"] {
        width: 87%;
    }

.li_ful_label {
    display: block;
}

    .li_ful_label li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px;
    }

    .li_ful_label label {
        display: block;
    }

    .li_ful_label input[type="text"] {
        width: 100%;
    }

.proj_conf {
    margin-top: 10px;
}

.conf_panel {
    float: left;
    margin-bottom: 10px;
    margin-right: 1%;
    width: 27%;
}

.conf_h {
    border-bottom: 1px solid #7469a2;
    display: block;
}

.conf_h {
    background: #7469a2 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    display: inline-block;
    padding: 5px;
}

.cong_bg {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 10px 5px;
}

    .cong_bg li {
        display: block;
        padding-bottom: 5px;
    }

        .cong_bg li label {
            display: inline-block;
            vertical-align: middle;
            padding-bottom: 5px;
        }

.dic_pan {
}

    .dic_pan li input[type="text"] {
        width: 64%;
    }

.cong_bg li:last-child {
    padding-bottom: 0px;
}


/* History page css start */

.history_wra:after,
.lis_hi_date:after,
.his_h1:after {
    content: "";
    display: block;
    clear: both;
}

.history_wra {
    display: block;
    margin-top: 10px;
}

.his_date {
    display: block;
    float: left;
    width: 35%;
    background: #ffffff;
    border: 1px solid #c2c2c2;
    margin-right: 1%;
}

.his_h1 {
    display: block;
    background: #786fa2;
    color: #ffffff;
}

    .his_h1 li {
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        white-space: nowrap;
    }

.lis_hi_date {
    border: 1px solid #d7d7d7;
    bottom: 55px;
    left: 11px;
    overflow: auto;
    position: absolute;
    top: 76px;
    width: 34.4%;
}

    .lis_hi_date li {
        display: block;
        border-bottom: 1px solid #d7d7d7;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .lis_hi_date li:hover {
            background: #786fa2;
        }

            .lis_hi_date li:hover span,
            .lis_hi_date li:hover span b {
                color: #ffffff !important;
            }

        .lis_hi_date li span {
            padding: 0px 5px;
            display: inline-block;
            vertical-align: middle;
        }

            .lis_hi_date li span:last-child,
            .his_h1 li:last-child {
                text-align: center;
                width: 14%;
            }

            .his_h1 li:nth-child(2),
            .lis_hi_date li span:nth-child(2) {
                width: 31%;
                text-align: center;
            }

            .lis_hi_date li span:nth-child(2) {
                white-space: nowrap;
            }

.his_h1 li:nth-child(1) {
    width: 50%;
    text-align: center;
}

.lis_hi_date li span:nth-child(1) {
    text-align: left;
    width: 50%;
}

.lis_hi_date li span:nth-child(2) b {
    font-size: 12px;
    color: #727272;
    display: inline-block;
    vertical-align: middle;
}

.his_btn {
    bottom: 18px;
    left: 11px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 34.4%;
}

.his_table {
    display: block;
    margin-top: 5px;
    margin-left: 2px;
}

    .his_table tbody td > span {
        display: inline-block;
        vertical-align: top;
    }

    .his_table tbody td {
        height: 45px;
        padding: 5px;
        border: 1px solid #cccccc;
    }

        .his_table tbody td:first-child {
            border: 1px solid #c0b7e2;
            background: #ededed;
            color: #43396d;
        }

        .his_table tbody td:last-child,
        .his_table tbody td:nth-child(2) {
            text-align: center;
        }

    .his_table td:last-child i {
        cursor: pointer;
    }


/*update history css start */

.sear_left {
    text-align: left;
}

    .sear_left > span {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin: 5px 0px;
        padding-right: 5px;
        border: 1px solid #7469A2;
    }

        .sear_left > span:first-child {
            margin-right: 2%;
        }

        .sear_left > span > label {
            background: #7469A2;
            padding: 5px;
            display: inline-block;
            margin-right: 5px;
            color: #ffffff;
        }

.history_table li {
    display: block;
    white-space: nowrap;
}

.history_table .owl-nav {
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
}

    .history_table .owl-nav > div {
        background: #7469A2;
        color: #fff;
        padding: 6px 8px;
        border-radius: 5px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

        .history_table .owl-nav > div i {
            color: #ffffff;
            display: block;
        }

        .history_table .owl-nav > div:hover {
            background: #00BCD4;
        }

.history_table .owl-item img {
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle;
}

.his_table thead tr td {
    padding: 5px;
}

    .his_table thead tr td:nth-child(1) {
        text-align: center;
    }

.his_table tr td:nth-child(3),
.his_table tr td:nth-child(4),
.his_table tr td:nth-child(5) {
    text-align: center;
    width: 50px;
}

.his_table thead tr {
    border-bottom: 2px solid #7469a2;
}

    .his_table thead tr td {
        color: #43396d;
    }

.browse_sec .panel_1 {
    margin-bottom: 20px;
}


/* History page css end */


/* data dictionary dashboard start */

.row_span:after,
.art_dic:after,
.col_dic h1:after {
    content: "";
    display: block;
    clear: both;
}

.row_span {
    float: right;
}

.dic_das_le_1 > ul,
.dic_das_le_2 > ul {
    top: 61px;
}

.dic_das_le_1 .dash_h1 {
    background: #53ABD0;
}

.dic_das_le_1 .auto_s,
.dic_das_le_2 .auto_s {
    float: none;
    display: block;
    clear: both;
    margin-top: 6px;
}

    .dic_das_le_1 .auto_s input[type="text"],
    .dic_das_le_2 .auto_s input[type="text"] {
        width: 100%;
    }

.dic_das_le_1,
.dic_das_le_2 {
    width: 20%;
}

    .dic_das_le_1 .dash_h1 b,
    .dic_das_le_2 .dash_h1 b {
        text-transform: uppercase;
    }

    .dic_das_le_2 > ul li:before {
        color: #6b71a3;
    }

    .dic_das_le_2 .dash_h1,
    .dic_das_le_2 > ul li:hover,
    .dic_das_le_2 > ul li.dict_active {
        background: #6b71a3;
    }

.dic_das_le_2 {
    left: 22%;
}

.dic_das_right {
    float: left;
    margin-left: 43%;
    margin-top: 5px;
    width: 57%;
}


/*.col_dic{
	display:inline-block;
	padding:5px;
	box-shadow:0px 0px 2px rgba(0,0,0,0.3);
	background:#ffffff;
	width:32%;
	margin-left:1%;
}*/

.art_dic {
    margin-bottom: 15px;
}

    .art_dic .col_dic {
        padding: 5px;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        background: #ffffff;
        display: inline-block;
        width: 22%;
    }

.col_dic h1 {
    display: block;
    margin-bottom: 5px;
    border-bottom: 2px solid #7469A2;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.col_dic span {
    text-align: center;
    font-size: 40px;
    font-weight: normal;
    display: block;
    color: #7469a2;
    cursor: pointer;
}

.art_dic > .col_dic:first-child {
    margin-left: 0;
}

.col_dic h1 a {
    float: right;
}

    .col_dic h1 a i {
        background: #7469a2 none repeat scroll 0 0;
        color: #ffffff;
        display: block;
        font-size: 15px;
        font-weight: normal;
        margin: -1px auto -6px;
        padding: 6px 7px;
    }


/* data dictionary dashboard end */

.sear_btn {
    background: #7469A2;
}

.clr_btn {
    background: #E55957;
}

.clr_i,
.clear_icon {
    color: #E55957;
    font-size: 19px;
    padding-bottom: 2px;
    cursor: pointer;
}

.dic_data {
    text-align: center;
}

    .dic_data li {
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        padding: 2px 10px;
    }

        .dic_data li textarea {
            height: 63px;
            width: 350px;
        }


/* page not found css start */

.page_not:after {
    content: "";
    display: block;
    clear: both;
}

.page_not {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

    .page_not:after {
        height: 100%;
        content: "";
        display: inline-block;
        vertical-align: middle;
    }

.page_no_info {
    background: #ffffff;
    width: 50%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    padding: 2% 5%;
    display: inline-block;
    vertical-align: middle;
}

    .page_no_info i {
        display: block;
        font-size: 80px;
        color: #e55957;
    }

    .page_no_info h1 {
        font-size: 25px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0px auto 25px auto;
    }

    .page_no_info p {
        font-weight: normal;
        font-size: 14px;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}


/* page not found css end */

.re_ma_bo {
    margin-bottom: 0px;
}

.aplic_ex {
    color: #6b71a3;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: capitalize;
    top: 4px;
    z-index: 0;
}

    .aplic_ex > span {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #6b71a3;
        border-radius: 5px;
        display: inline-block;
        padding: 3px;
    }

.scan_btn {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 1%;
    padding: 20px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    width: 10%;
    cursor: pointer;
}

    .scan_btn i {
        display: block;
        font-size: 25px;
        color: #40ceb9;
        margin-bottom: 15px;
        text-align: center;
    }

#SplitChar td {
    padding: 5px 0px;
}

.row_cen {
    float: none !important;
    margin: 0 auto;
}

.data_sour_up {
    min-width: 500px;
}

    .data_sour_up > div {
        display: inline-block;
        vertical-align: middle;
        float: none !important;
    }

    .data_sour_up .up_img {
        width: 50%;
    }

        .data_sour_up .up_img > input[type="text"] {
            width: 64%;
        }

a.GridLink {
    font-weight: bold;
    color: #0099CC;
    font-size: 10px;
    text-decoration: none;
    cursor: pointer;
}

    a.GridLink:hover {
        text-decoration: underline;
    }

    a.GridLink:visited {
        text-decoration: none;
        color: #0099CC;
        font-size: 10px;
    }

.download_row {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 100;
}

    .download_row:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .download_row > div {
        background: #ffffff;
        padding: 8px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        text-align: center;
        margin: 0 auto;
        width: 450px;
        display: inline-block;
        vertical-align: middle;
    }

        .download_row > div h2 {
            border-bottom: 1px solid #9f97c2;
            color: #544983;
            display: block;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            padding: 0 0 2px;
            position: relative;
            text-align: left;
            text-transform: none;
            position: relative;
        }

            .download_row > div h2 i {
                background: #fff none repeat scroll 0 0;
                color: #e55957;
                cursor: pointer;
                font-size: 18px;
                position: absolute;
                right: 0;
                top: 1px;
            }

.row_main {
    display: block;
    margin-bottom: 5px;
    background: #EFEFEF;
    padding: 5px;
    border: 1px solid #c2c2c2;
}

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

.tab_sp_pop {
    height: 200px;
    overflow: auto;
}

.cen_bt_pop {
    display: block;
    text-align: center;
    padding: 10px 0px;
}

.tab_sp_pop td {
    text-align: center;
}

    .tab_sp_pop td:nth-child(2) {
        text-align: left !important;
    }

.attr_val_link .h_1 {
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
}

.attr_val_link td {
    padding: 6px;
}

.attr_val_link table {
    margin: 0 auto;
    width: auto;
}

.attr_val_row {
    margin-left: -15px;
    padding-top: 10px;
}

    .attr_val_row > div {
        display: inline-block;
        margin: 0 0px 15px 15px;
        background: #ffffff;
        padding: 5px 10px;
        display: block;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
        width: 23.8%;
        float: left;
    }

        .attr_val_row > div li {
            display: block;
            padding-right: 4px;
            padding-left: 4px;
            cursor: pointer;
        }

            .attr_val_row > div li span {
                display: inline-block;
                vertical-align: middle;
                width: 80%;
                padding-top: 4px;
                padding-bottom: 4px;
            }

            .attr_val_row > div li:hover,
            .attr_val_row > div li.on_type {
                background: #53ABD0;
                color: #fff;
            }

            .attr_val_row > div li input[type="checkbox"] {
                margin-top: 4px;
            }

        .attr_val_row > div h2 {
            position: relative;
            margin-bottom: 5px;
            padding: 5px;
            padding-left: 0px;
            border-bottom: 2px solid #7469a2;
            color: #464646;
            text-transform: capitalize;
            font-weight: 600;
            font-size: 15px;
            display: block;
        }

            .attr_val_row > div h2 span {
                float: right;
            }

                .attr_val_row > div h2 span i {
                    cursor: pointer;
                    font-size: 20px;
                    display: inline-block;
                    vertical-align: middle;
                }

                    .attr_val_row > div h2 span i.fa-trash-o {
                        color: #e55957;
                    }

.more_attr i.fa-plus-square {
    color: #fff;
    margin-right: 3px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.more_attr {
    position: relative;
    display: block;
    padding-top: 0px;
    text-align: right;
}

    .more_attr > span {
        background: #1fa67a;
        padding: 4px 10px;
        color: #fff;
        cursor: pointer;
        border-radius: 3px;
        margin-bottom: 10px;
    }

.attr_val_row > div ul {
    height: 200px;
    overflow: auto;
}

    .attr_val_row > div ul li label {
        float: right;
    }

.help_pop i {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 3px 8px;
    border-radius: 50%;
    background: #e55957;
}

.w_100 {
    width: 100% !important;
}

.tble_auto table {
    width: auto;
    margin: 0 auto;
}

.txt_right {
    text-align: right;
}

.txt_center {
    text-align: center;
}

.pt_5 {
    padding-top: 5px;
}

td {
    position: relative;
}

.tble_auto table td {
    padding: 5px;
}

[id^='Err_'] {
    color: #ff0000;
    font-weight: normal;
    line-height: normal;
    font-size: 11px;
    letter-spacing: 0.4px;
    display: none;
}

.pos_rel {
    position: relative;
}

.validationErrMsg {
    position: absolute;
    background: rgba(242, 222, 222, 0.85);
    padding: 2px;
    color: #a94442;
    border: 1px solid #ebccd1;
    font-size: 11px;
    left: 7px;
    top: 100%;
    pointer-events: none;
    z-index: 1;
    border-radius: 3px;
    right: auto;
    display: none;
}

    .validationErrMsg:after {
        content: "";
        position: absolute;
        border-width: 7px 5px;
        border-style: solid;
        border-color: transparent transparent rgba(242, 222, 222, 0.85) transparent;
        top: -14px;
        left: 4px;
    }

    .validationErrMsg:before {
        content: "";
        position: absolute;
        border-width: 7px 5px;
        border-style: solid;
        border-color: transparent transparent #ebccd1 transparent;
        top: -15px;
        left: 4px;
    }

.menu_left {
    width: 49.5%;
    margin-right: 0.5%;
    float: left;
}

.menu_right {
    width: 49.5%;
    margin-left: 0.5%;
    float: left;
}

.tbl_lab_f table {
    width: 100%;
}

.t_auto table {
    width: auto;
}

.tbl_lab_f table td {
    padding: 6px;
}

.tbl_lab_f > table > tbody > tr > td {
    vertical-align: bottom;
}

    .tbl_lab_f > table > tbody > tr > td > label {
        display: block;
        text-align: left;
        padding-bottom: 5px;
        font-size: 13px;
    }

.val_txt input[type="text"] {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
}

.pr_5 {
    padding-right: 5px;
}

.page_auth {
    display: block;
    margin: 0 auto;
    text-align: center;
}

    .page_auth > div {
        text-align: left;
        margin: 0 auto;
    }

.tble_100 table {
    width: 100%;
}

    .tble_100 table td {
        padding: 6px;
    }

.tble_75 table {
    width: 75%;
}

.txt_box_d input[type="text"],
.txt_box_d textarea,
.txt_box_d select {
    width: auto !important;
    display: inline-block;
}

td.txt_box_d_2 input[type="text"] {
    width: 50%;
    display: inline-block;
}

.txt_sing textarea,
.txt_sing {
    height: 26px;
}

.add_plus {
    background: #39a878 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 4px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-right: 3px;
}

.add_plus_2 {
    display: inline-block;
    vertical-align: top;
    padding-right: 4px;
    color: #1fa67a;
    font-size: 17px;
}

.file_desc {
    background: #7986cb none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 4px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-right: 3px;
}

.text_are_73 {
    height: 71px;
}

.link_1 * {
    display: inline-block;
    vertical-align: middle;
}

.ml_15 {
    margin-left: 10px;
}

.link_1 {
    cursor: pointer;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    padding: 2px 4px;
}

    .link_1 i {
        padding-right: 5px;
        font-size: 15px;
    }

        .link_1 i.fa-envelope {
            color: #1fa67a;
        }

        .link_1 i.fa-cubes {
            color: #3b8ede;
        }

        .link_1 i.fa-retweet {
            color: #e55957;
        }

.hp_left {
    width: 35%;
    margin-right: 2%;
    float: left;
}

.hp_right_1 {
    width: 49%;
    margin-left: 1%;
    float: left;
}

.hp_left_1 {
    width: 49%;
    margin-right: 1%;
    float: left;
}

.pop_up {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 15000;
    background: rgba(0, 0, 0, 0.5);
    vertical-align: middle;
}

    .pop_up:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.pop_info {
    background: #ffffff;
    padding: 10px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    width: 60%;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

    .pop_info header {
        display: block;
        position: relative;
        margin-bottom: 10px;
        border-bottom: 2px solid #7469a2;
        padding-bottom: 9px;
        text-transform: capitalize;
    }

        .pop_info header h2 {
            display: inline-block;
            font-size: 18px;
        }

.panel_2,
.aler_warn {
    margin-bottom: 10px;
    border: #ccc 1px solid;
    padding: 6px;
    display: block;
    position: relative;
    background: #F7F7F7;
}

.cls_pop {
    position: absolute;
    right: 0;
    top: -5px;
    cursor: pointer;
    text-align: center;
    display: block;
    padding: 5px;
    font-size: 19px;
    font-weight: 600;
    color: #e55957;
}

.slide_panel {
    display: none;
}

td {
    position: relative;
}

.togle_panel {
}

    .togle_panel li {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .togle_panel li > figure {
            display: inline-block;
            vertical-align: middle;
        }

        .togle_panel li input[type="checkbox"] {
            padding-right: 10px;
            display: inline-block;
        }

.tog_row {
    display: block;
    padding-bottom: 10px;
}

.togle_panel h2 {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #7469A2;
    display: block;
    position: relative;
    color: #7469A2;
    font-size: 14px;
}

.user_pro_main {
    display: block;
    width: auto;
    padding: 0px;
    padding-top: 25px;
    text-align: center;
}

.user_photo {
    color: #424242;
    background: #efefef;
    height: auto;
    padding: 15px 39px 129px;
    position: relative;
    text-align: center;
    min-height: 188px;
    margin-right: 10px;
}

    .user_photo > img {
        border-radius: 100%;
        width: 120px;
        height: 120px;
        display: block;
        margin: 0 auto;
        padding: 0px;
        border: 3px solid #fff;
    }

    .user_photo > label {
        display: block;
        font-size: 20px;
        padding: 20px 0 2px;
        text-transform: capitalize;
    }

    .user_photo ul {
        display: block;
        padding: 10px 0px;
    }

        .user_photo ul li {
            display: block;
            padding: 5px 0px;
            margin: 0 -25px;
        }

            .user_photo ul li label {
                border-bottom: 1px solid #aaaaaa;
                display: block;
                font-weight: 600;
                margin-bottom: 7px;
                margin-top: 5px;
                padding-bottom: 5px;
                text-transform: capitalize;
            }

                .user_photo ul li label span {
                    display: block;
                }

    .user_photo > b {
        display: block;
        font-size: 13px;
        font-weight: normal;
        text-transform: capitalize;
    }

.user_info {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
    position: relative;
    text-align: left;
    display: inline-block;
    width: 622px;
}

    .user_info > span {
        background: #f4f4f4 none repeat scroll 0 0;
        border-left: 5px solid #0096e4;
        color: #424242;
        display: block;
        font-size: 16px;
        padding: 16px 24px 16px 10px;
    }

    .user_info ul {
        display: block;
        margin-left: 8px;
    }

    .user_info li {
        display: inline-block;
        vertical-align: middle;
        margin: 10px;
        width: 30%;
    }

        .user_info li label {
            border-bottom: 1px solid #dedede;
            border-left: 2px solid #0096d4;
            color: #727272;
            display: block;
            margin-bottom: 10px;
            padding-bottom: 5px;
            padding-left: 5px;
        }

        .user_info li input[type="text"],
        .user_info li textarea {
            border: 1px solid #0096d4;
            box-sizing: border-box;
            height: auto;
            padding: 8px 5px;
            transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            width: 100%;
        }

        .user_info li textarea {
            height: 34px;
            resize: vertical;
            font-size: 13px;
        }

            .user_info li input[type="text"]:focus,
            .user_info li textarea:focus {
                box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
                transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                -webkit-transition: all 0.2s linear;
                border: 1px solid #0096D4;
            }

        .user_info li:last-child {
            width: 63%;
        }

.user_photo input[type="button"] {
    background: #0096e4 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    left: 0;
    margin: 22px auto 0;
    padding: 13px 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    outline: none;
}

    .user_photo input[type="button"]:hover {
        background: #43C4D8;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }

.date_pic_text {
    padding-left: 25px !important;
}

.date_picker {
    display: block;
    position: relative;
}

    .date_picker:after {
        content: "\f073";
        color: #0096d4;
        font-family: "FontAwesome";
        font-size: 14px;
        left: 5px;
        position: absolute;
        top: 8px;
    }

.popup_user {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
    overflow: hidden;
    display: none;
}

.upload_panel {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: auto;
    left: 25%;
    padding: 10px;
    position: absolute;
    right: 25%;
    text-align: left;
    top: 25px;
    width: auto;
}

.up_h1 {
    display: block;
    border-bottom: 1px solid #E5E5E5;
}

    .up_h1 > span {
        display: inline-block;
        border-bottom: 2px #0096D4 solid;
        padding: 5px;
        color: #424242;
    }

.pop_iframe {
    padding: 5px;
}

    .pop_iframe > iframe {
        position: absolute;
        top: 47px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        border: 0px;
    }

.up_close {
    color: #d9534f;
    float: right;
    font-size: 16px;
    margin-right: 2px;
    margin-top: 6px;
}

.user_info .user_photo,
.user_info .tbl_lab_f {
    display: inline-block;
    vertical-align: top;
}

.user_info .tbl_lab_f {
    margin-left: 30px;
    width: 300px;
}

.ful_panel {
    display: block;
    text-align: center;
}

    .ful_panel .dis_row {
        display: inline-block;
        margin: 0 auto;
        width: 550px;
        text-align: left;
    }

.tr_btn {
    padding-top: 15px;
}

/*.page_wra > iframe {
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;*/
    /*height: 97%;*/
    /*width: 100%;
}*/

.page_wra > iframe {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 99%;
    width: 100%;
}


td {
    vertical-align: middle;
}


/* forms */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }


/* info and errors */

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}


/* styles for validation helpers */

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

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

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

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

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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

.ui-pager-control .ui-pg-table {
    height: auto !important;
}


/* theme color  css end */

.select_theme li {
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    padding: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    margin: 25px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    width: 16%;
}

    .select_theme li figure,
    .select_theme li figure img,
    .select_theme li span {
        display: block;
    }

    .select_theme li figure {
        overflow: hidden;
        position: relative;
    }

        .select_theme li figure img {
            width: 100%;
            transition: all 0.4s ease-in-out;
        }

    .select_theme li span {
        font-weight: 600;
        text-transform: uppercase;
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .select_theme li:hover img {
        transform: scale(1.2);
        transition: all 0.4s ease-in-out;
    }

    .select_theme li figure:after,
    .select_theme li.active_theme:after {
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        content: "\f058";
        color: #1D9E74;
        font-family: 'FontAwesome';
        top: 0px;
        font-size: 30px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        text-align: center;
        transition: all 0.4s ease-in-out;
        padding-top: 0px;
        opacity: 0;
        padding-top: 5%;
    }

    .select_theme li:hover figure:after,
    .select_theme li.active_theme:after {
        padding-top: 35%;
        opacity: 1;
        transition: all 0.4s ease-in-out;
    }

    .select_theme li.active_theme:hover figure:after {
        content: none;
    }

    .select_theme li.active_theme:hover img {
        transform: scale(1);
    }

.midas_logo_top img {
    width: 85px;
}


/* Application Expired css start */

.exp_wra {
    background: #e7ecef;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.exp_head {
    background: #ffffff;
    display: block;
    padding: 35px 25px;
    text-align: center;
    border-bottom: 1px solid #cfdae0;
}

    .exp_head img {
        max-width: 200px;
    }

.exp_info {
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

    .exp_info:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

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

.exp_li_1 {
    padding-bottom: 15px;
}

    .exp_li_1 figure {
        display: block;
        padding-bottom: 5px;
    }

    .exp_li_1 h2 {
        font-weight: 600;
        font-size: 32px;
        color: #2e2f30;
        border-bottom: 1px solid #c5c9cb;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

.exp_li_2 > div {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-left: 1%;
    border-left: 1px solid #c5c9cb;
    padding-right: 1%;
}

    .exp_li_2 > div:first-child {
        border-left: 0px;
    }

.exp_li_2 {
    padding-bottom: 35px;
}

    .exp_li_2 > div b {
        font-weight: 600;
        display: block;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .exp_li_2 > div span {
        display: inline-block;
        padding: 5px;
        border: 1px solid #e2614d;
        background: #ffff;
        color: #e2614d;
    }

.exp_li_3 {
    padding-bottom: 25px;
}

.exp_cont_info li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

    .exp_cont_info li span i {
        background: #0099d7;
        border-radius: 50%;
        margin-bottom: 15px;
        vertical-align: middle;
        color: #fff;
        font-size: 22px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .exp_cont_info li span,
    .exp_cont_info li b {
        display: block;
    }

.exp_cont_info {
    padding-top: 25px;
}

    .exp_cont_info li b {
        font-weight: 600;
        font-size: 16px;
    }

    .exp_cont_info ul {
        background: #ffffff;
        padding: 25px;
        border: 1px solid #cfdae0;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }

.grid_panel .ui-jqdialog-content select,
.grid_panel .ui-jqdialog-content input[type="text"],
.grid_panel .ui-jqdialog-content textarea {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}


/* unathorized page css start */

.oops_row {
    background: #e7ecef;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

    .oops_row:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.oops_row_info {
    display: inline-block;
    vertical-align: middle;
    width: 450px;
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

    .oops_row_info footer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.oops_head {
    background: #e1565c;
    color: #ffffff;
    padding: 20px 15px;
}

    .oops_head * {
        color: #ffffff;
        display: block;
    }

    .oops_head i {
        font-size: 55px;
        font-weight: normal;
    }

    .oops_head b {
        font-size: 25px;
        font-weight: 600;
    }

.oops_row_info p {
    padding: 50px 20%;
    font-size: 14px;
    font-weight: 600;
}


/* unathorized page css end */

.pl_10 {
    padding-left: 10px;
}

.pt_15 {
    padding-top: 15px !important;
}

.pop_full {
    display: block;
    padding: 10px;
}

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

.grid_tl span {
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 13px;
    cursor: pointer;
}

    .grid_tl span i {
        display: inline-block;
        vertical-align: top;
        padding-right: 4px;
    }

        .grid_tl span i.fa-plus-square,
        .external_i i.fa-external-link,
        .external_i_2 i {
            color: #1fa67a;
            font-size: 17px;
        }

.fa-plus-square {
    color: #1fa67a;
    font-size: 19px;
}

.grid_tl span i.fa-check-square {
    color: #7469A2;
    font-size: 17px;
}

.add_icon1 {
    color: #1fa67a;
    font-size: 15px;
}

.full_span > span,
.full_div > div {
    display: block;
    text-align: left;
    padding-top: 10px;
}

.full_div > div {
    padding-top: 15px;
}

.lble_space td {
    padding: 6px;
}

    .lble_space td > label {
        display: block;
        padding-bottom: 5px;
    }

.ful_area_2 {
    height: 100px;
}

.btn_ful_row {
    text-align: center;
    padding-top: 10px;
}

.ful_area_3 {
    height: 82px;
}

.ful_area_4 {
    height: 50px;
}


/* NMQ Owl carousel start */

.nmq_owl_row {
    padding: 10px 0px;
}

    .nmq_owl_row .owl-nav {
        position: absolute;
        top: 36%;
        left: 0;
        right: 0;
    }

        .nmq_owl_row .owl-nav > div.owl-prev {
            left: 5px;
        }

        .nmq_owl_row .owl-nav > div.owl-next {
            right: 5px;
        }

        .nmq_owl_row .owl-nav > div i {
            font-size: 40px;
            color: #21252c;
        }

        .nmq_owl_row .owl-nav > div {
            position: absolute;
        }

    .nmq_owl_row li {
        display: table;
        margin: 0 auto;
        transition: all 0.3s ease-in-out;
    }

        .nmq_owl_row li a {
            display: table-cell;
            width: 225px;
            height: 200px;
            padding: 2px;
            transition: all 0.3s ease-in-out;
            box-sizing: border-box;
            text-align: center;
            vertical-align: middle;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }

            .nmq_owl_row li a:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                text-align: center;
                transition: all 0.3s ease-in-out;
                opacity: 0;
                z-index: 2;
            }

            .nmq_owl_row li a:before {
                content: "\f00e";
                transform: scale(0);
                font-family: 'FontAwesome';
                transition: all 0.3s ease-in-out;
                z-index: 3;
                color: #fff;
                font-weight: normal;
                font-size: 21px;
                position: absolute;
                top: 50%;
                left: 0;
                right: 0;
                text-align: center;
                background: #248a99;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                line-height: 36px;
                margin: 0 auto;
                margin-top: 0px;
                margin-top: -29px;
            }

        .nmq_owl_row li:hover a:after {
            opacity: 1;
            transition: all 0.3s ease-in-out;
        }

        .nmq_owl_row li:hover a:before {
            transform: scale(1);
            transition: all 0.3s ease-in-out;
        }

        .nmq_owl_row li a img {
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
            width: 100%;
            display: inline-block;
            box-sizing: border-box;
            transition: all 0.3s ease-in-out;
        }

    .nmq_owl_row .owl-carousel {
        padding-left: 25px;
        padding-right: 25px;
    }


/* NMQ Owl carousel end */


/* Industrial start */

.ind_info header {
    display: block;
    text-align: center;
    padding: 10px 0px;
}

    .ind_info header h2 {
        display: inline-block;
        padding: 6px 15px;
        border-radius: 5px;
        background: #ecf2fe;
        border: 1px solid #8190af;
        text-align: center;
        line-height: normal;
        text-transform: uppercase;
        font-weight: 600;
    }

.ind_owl li {
    display: block;
    border: 1px solid #cccccc;
    background: #ffffff;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    margin-bottom: 10px;
}

    .ind_owl li * {
        text-align: center;
    }

    .ind_owl li span,
    .ind_owl li b {
        display: block;
    }

    .ind_owl li span {
        padding: 15px 2px;
    }

        .ind_owl li span i {
            position: relative;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            color: #ffffff;
            width: 40px;
            height: 40px;
            font-style: normal;
        }

            .ind_owl li span i:before {
                color: #ffff;
                position: absolute;
                font-family: 'FontAwesome';
                left: 0;
                right: 0;
                text-align: center;
                bottom: 0;
                top: 6px;
                font-size: 25px;
            }

.ind_owl .owl_indus {
    padding-left: 30px;
    padding-right: 30px;
}

.ind_owl li.ind_yes span i {
    background: #26afa2;
}

    .ind_owl li.ind_yes span i:before {
        content: "\f00c";
    }

.ind_owl li.ind_no span i {
    background: #ea5454;
}

    .ind_owl li.ind_no span i:before {
        content: "\f00d";
    }

.ind_owl li b {
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 5px;
    background: #efefef;
    border-top: 1px solid #cccccc;
}

.ind_owl .owl-nav {
    position: absolute;
    top: 32%;
    left: 0;
    right: 0;
}

    .ind_owl .owl-nav > div.owl-prev {
        left: 5px;
    }

    .ind_owl .owl-nav > div.owl-next {
        right: 5px;
    }

    .ind_owl .owl-nav > div i {
        font-size: 40px;
        color: #21252c;
    }

    .ind_owl .owl-nav > div {
        position: absolute;
    }

.owl-nav > div.disabled {
    display: none;
}


/* Industrial end */


/* NmQ Training start */

.nq_t1 {
    background: #f3f3f3;
    border: 1px solid #cccccc;
    font-weight: normal;
    padding: 8px;
    line-height: 23px;
    color: #464646;
    height: auto;
    overflow: auto;
    margin-top: 5px;
}

.nq_t2_1 {
    border: 1px solid #2b3d61;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 408px;
}

    .nq_t2_1 > div {
        width: 500px;
        height: 406px;
        vertical-align: middle;
        display: table;
        position: relative;
        margin: 0 auto;
        overflow: auto;
    }

    .nq_t2_1 figure {
        display: table-cell;
        vertical-align: middle;
    }

        .nq_t2_1 figure img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 auto;
            min-height: 390px;
        }

.nmq_img_zoom_op {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #248a99;
}

    .nmq_img_zoom_op * {
        color: #ffffff;
        display: inline-block;
    }

    .nmq_img_zoom_op span {
        padding: 4px 0px;
        width: 25px;
        text-align: center;
    }

        .nmq_img_zoom_op span i {
            display: block;
            font-weight: normal;
            font-size: 18px;
        }

.img_labl {
    display: block;
}

    .img_labl ul:after {
        content: "";
        clear: both;
        display: block;
    }

.img_labl_h * {
    color: #ffffff;
}

.img_labl_h {
    background: #2b3d61;
}

.img_labl li {
    float: left;
    padding: 6px;
    position: relative;
}

.img_labl ul li input[type="text"] {
    width: 100%;
}

.lb_1 {
    width: 75px;
    text-align: center;
}

.img_labl ul li.lb_1 input[type="text"] {
    text-align: center;
}

.lb_2 {
    width: 58%;
    text-align: left;
}

.lb_3 {
    width: 40px;
    text-align: center;
}

.img_labl ul li i {
    display: inline-block;
    padding: 5px 5px;
    border-radius: 4px;
    line-height: normal;
    cursor: pointer;
    color: #ffffff;
}

    .img_labl ul li i.fa-check {
        background: #236db4;
    }

    .img_labl ul li i.fa-plus {
        background: #28b987;
        padding-left: 6px;
        padding-right: 6px;
        font-weight: normal;
        font-size: 14px;
        padding-top: 4px;
        padding-bottom: 4px;
        line-height: normal;
    }

.img_labl_b {
    background: #efefef;
    border: 1px solid #c2c2c2;
    height: 431px;
    overflow: auto;
}

    .img_labl_b li {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .img_labl_b ul:nth-child(even) {
        background: #ffffff;
        border-top: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
    }

    .img_labl_b ul:last-child {
        border-bottom: 0px;
    }

.nq_t2_2 {
    padding-top: 10px;
}


/* NmQ Training end */

.td_top {
    vertical-align: top;
}

.info_wrapper {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 6px;
}

.img_view_sec {
    position: relative;
}

.img_drag_off {
    cursor: auto;
}

.img_drag_on {
    cursor: move;
}

.img_labl_b .lb_2 > span {
    position: absolute;
    color: #ff0000;
    right: 10px;
    z-index: 1;
    font-weight: 600;
    cursor: pointer;
    top: 11px;
}

.img_labl_b .lb_2 input[type="text"] {
    padding-right: 17px;
}

.panel_active,
.panel_active_2 {
    display: block;
}

.panel_deactive {
    display: none;
}

.auto_s_f {
    display: block;
}

.rel_row {
    position: relative;
}

    .rel_row .panel_2 {
        padding: 0px 6px;
    }

.nmq_syn {
    padding-top: 10px;
}

.syn_tab_info {
    display: block;
}

.sel_td_left {
    text-align: left;
}

    .sel_td_left select {
        width: auto;
        margin: 0;
    }

.nmq_clas_td table {
    border: 1px solid #c2c2c2;
}

.nmq_clas_td td:first-child {
    background: #efefef;
    border-collapse: collapse;
    position: relative;
    margin: 0 auto;
    background-clip: padding-box;
}

.nmq_clas_td td {
    border: 1px solid #c2c2c2;
    border-collapse: collapse;
}


/* language row start */

.lang_owl_row {
    padding-left: 25px;
    padding-right: 25px;
}

.lang_owl {
    padding: 10px 0px;
}

    .lang_owl li {
        padding: 5px;
        cursor: pointer;
        display: inline-block;
        border-radius: 5px;
        white-space: nowrap;
    }

        .lang_owl li:hover {
            background: #2b3d61;
            color: #ffffff;
        }

        .lang_owl li figure {
            display: inline-block;
            vertical-align: middle;
            padding-right: 5px;
        }

        .lang_owl li img {
            width: 33px;
            display: block;
            border: 1px solid #c5c5c5;
            padding: 2px;
            border-radius: 3px;
            margin-right: 5px;
        }

        .lang_owl li label {
            display: inline-block;
            font-size: 12px;
            vertical-align: middle;
            font-weight: 600;
            text-transform: uppercase;
        }

    .lang_owl .owl-nav {
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
    }

        .lang_owl .owl-nav > div.owl-prev {
            left: -23px;
        }

        .lang_owl .owl-nav > div.owl-next {
            right: -23px;
        }

        .lang_owl .owl-nav > div i {
            font-size: 32px;
            color: #21252c;
        }

        .lang_owl .owl-nav > div {
            position: absolute;
        }

.lang_act span {
    display: block;
}


/* language row end */

.tree_li ul li.li_single a {
    position: relative;
}

    .tree_li ul li.li_single a:before {
        content: "\f054";
        display: inline-block;
        padding-right: 8px;
        vertical-align: middle;
        font-family: 'FontAwesome';
    }

.tree_li li.li_single a {
    padding-left: 18px;
}

.txt_clr .auto_s {
    display: block;
}

input[type="text"].txt_100 {
    width: 100%;
}

.auto_s input[type="text"] {
    width: 100%;
}

.txt_clr small {
    position: absolute;
    color: rgba(0, 0, 0, 0.5);
    right: 6px;
    z-index: 1;
    font-weight: 600;
    cursor: pointer;
    top: 4px;
}

.txt_clr input[type="text"] {
    padding-right: 17px !important;
}

.save_icon {
    display: inline-block;
    padding: 3px 3px;
    border-radius: 4px;
    line-height: normal;
    cursor: pointer;
    color: #ffffff;
    background: #39a878;
    font-size: 12px;
}

.tb_auto input[type="text"] {
    width: auto;
    margin: 0;
}


/* dashboard css start */

.h_6:after {
    content: "";
    display: block;
    clear: both;
}

.h_6 {
    display: block;
    border-bottom: 1px solid #62759b;
}

    .h_6 > h2 {
        float: left;
        position: relative;
        background: #62759b;
        font-size: 13px;
        color: #ffffff;
        padding: 3px 23px 3px 15px;
        border-radius: 0px 3px 0px 0px;
        text-transform: capitalize;
    }

        .h_6 > h2:after {
            content: "";
            position: absolute;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 25px 0 0 25px;
            border-color: transparent transparent transparent #62759b;
            top: 0px;
            left: 99%;
        }

.nmq_se_tbl table {
    width: 100%;
}

    .nmq_se_tbl table thead tr {
        background: #e5edfe;
    }

        .nmq_se_tbl table thead tr td {
            border-bottom: 2px solid #2b3d61;
            font-weight: 600;
            text-transform: capitalize;
            color: #1a2946;
            border-collapse: collapse;
            position: relative;
            margin: 0 auto;
            background-clip: padding-box;
            text-align: center;
        }

    .nmq_se_tbl table td {
        text-align: center;
        /*padding:0.55em 5px;*/
        padding: 0em 5px;
        height: 3.1em;
    }

.nmq_se_tbl {
    border-left: 2px solid #b4b5b9;
    border-right: 2px solid #b4b5b9;
}

    .nmq_se_tbl table tbody {
        border-bottom: 2px solid #2b3d61;
    }

        .nmq_se_tbl table tbody tr td.nc_1 {
            text-align: left;
            width: 18%;
        }

.nc_2 .auto_s {
    width: 75%;
}

td.nc_2 {
    border-right: 1px solid #c2c2c2;
}

.nmq_cnt b {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #64a863;
    background: #ffffff;
    border-radius: 2px;
    border-left: 5px solid #64a863;
    min-width: 75px;
    cursor: pointer;
}

.nmq_cnt.nc_2 b {
    border-color: #2ebacc;
    margin-left: 15px;
}

    .nmq_cnt.nc_2 b:hover {
        background: #2ebacc;
        color: #ffffff;
    }

.nmq_cnt.nc_3 b {
    border-color: #64a863;
}

.nmq_cnt.nc_4 b {
    border-color: #7986cb;
}

.nmq_cnt.nc_5 b {
    border-color: #3b8ede;
}

.matr_grp {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #248a99;
    background: #ffffff;
    border-radius: 2px;
    border-left: 5px solid #248a99;
    min-width: 50px;
    cursor: pointer;
    color: #313336 !important;
}

.nmq_chart_legend {
    height: 182px;
    overflow: auto;
    border: 1px solid #cccccc;
    background: #f6f6f6;
}

.nmq_chart_legend {
    padding: 5px;
}

    .nmq_chart_legend li {
        padding: 8px 10px 8px 20px;
        cursor: pointer;
        position: relative;
    }

        .nmq_chart_legend li > span {
            position: absolute;
            left: 5px;
            top: 13px;
            background: #3f9eac;
            width: 10px;
            height: 10px;
        }

        .nmq_chart_legend li:hover {
            background: #2b3d61;
            color: #ffffff;
        }

.nd_le {
    float: left;
    background: #7986cb;
    border-radius: 50%;
    color: #ffffff;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    text-align: center;
}

    .nd_le i {
        color: #ffffff;
        display: block;
        font-size: 25px;
        padding-top: 12px;
    }

.nd_ri {
    float: right;
}

    .nd_ri * {
        display: block;
        text-align: right;
    }

    .nd_ri b {
        font-weight: 600;
        font-size: 30px;
    }

.nmq_se_tbl .txt_clr small {
    color: rgba(0, 0, 0, 0.5);
}

.nd_ri small {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.nd_cnt_row .panel_1 {
    padding-top: 13px;
    padding-bottom: 13px;
    cursor: pointer;
}

.pt_10 {
    padding-top: 10px;
}

.spn_btn span {
    color: #fff;
    margin-left: 10px;
    border-radius: 2px;
    padding: 1px 8px;
    font-size: 12px;
    background: #00bcd4;
    cursor: pointer;
}

.nd_cnt_row .panel_1 {
    border-bottom: 4px solid #7986cb;
}

.nmq_cnt_pn_1 .nd_le {
    background: #7986cb;
}

.nmq_cnt_pn_1 .panel_1 {
    border-bottom: 4px solid #7986cb;
}

.nmq_cnt_pn_2.panel_1 {
    border-color: #3b8ede;
    padding: 5px 4px;
}

.nmq_cnt_pn_2 .nd_le {
    background: #3b8ede;
}

.nmq_cnt_pn_3.panel_1 {
    border-color: #00bcd4;
}

.nmq_cnt_pn_3 .nd_le {
    background: #00bcd4;
}

.nmq_cnt_pn_4.panel_1 {
    border-color: #ec768c;
}

.nmq_cnt_pn_4 .nd_le {
    background: #ec768c;
}


/* dashboard css end */

.help_pop_cus {
    float: right;
}

.info_wrapper_cus .h_6 {
    padding-top: 5px;
}


/*.info_wrapper_cus
{
    top:0;
}*/


/* request page css start */

.erp_serv li {
    text-align: center;
    min-height: 40px;
    cursor: pointer;
    padding-top: 5px;
    border-left: 1px solid #b2b2b2;
}

    .erp_serv li img {
        max-width: 100%;
        max-height: 30px;
    }

    .erp_serv li:first-child,
    .erp_instance > ul > li:first-child {
        border-left: 0px;
    }

.erp_instance > ul > li {
    text-align: center;
    min-height: 40px;
    cursor: pointer;
    border-left: 1px solid #b2b2b2;
}

.erp_instance .tble_auto table td {
    padding: 5px 2px;
}

.erp_instance .col-lg-5 {
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}

    .erp_instance .col-lg-5 [class^="spn_btn_"] {
        margin-left: 0;
    }

.erp_instance td {
    text-align: center;
}

.pt_8 {
    padding-top: 8px;
}

[class^="spn_btn_"] {
    color: #fff;
    margin-left: 10px;
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 13px;
    cursor: pointer;
}

    [class^="spn_btn_"] i {
        color: #ffffff;
    }

    [class^="spn_btn_"] * {
        cursor: pointer;
    }

.spn_btn_2 {
    background: #3b8ede;
}

.spn_btn_3 {
    background: #7469A2;
}

.req_type td {
    text-align: center;
}

    .req_type td span {
        position: relative;
        background: #f5f5f5;
        display: block;
        cursor: pointer;
        padding: 3px 5px 4px 5px;
    }

        .req_type td span i {
            font-size: 21px;
            padding-right: 5px;
            vertical-align: middle;
        }

            .req_type td span i.fa-plus-square {
                color: #59aa5d;
            }

            .req_type td span i.fa-pencil-square-o {
                color: #3b8ede;
            }

            .req_type td span i.fa-files-o {
                color: #7986cc;
            }

            .req_type td span i.fa-ban {
                color: #e5686b;
            }

.req_sd td {
    text-align: center;
    border-left: 1px solid #b2b2b2;
}

    .req_sd td:first-child {
        border-left: 0px;
    }

    .req_sd td input[type="checkbox"] {
        vertical-align: middle;
        margin-right: 5px;
        border: 1px solid #b2b2b2;
        display: inline-block;
        margin-top: 0;
    }

.req_panel_2 .nmq_se_tbl tbody td {
    border: 1px solid #c2c2c2;
}

.req_panel_2 .nmq_se_tbl table thead tr {
    border-bottom: 3px solid #2b3d61;
}

.req_panel_2 .nmq_se_tbl table {
    border: 1px solid #c2c2c2;
}

    .req_panel_2 .nmq_se_tbl table td {
        padding: 3px 5px;
    }

.nmq_se_tbl table tbody td > b {
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    padding: 5px 10px
}

.req_panel_2 .add_plus {
    padding: 2px 5px;
}

.erp_serv_off figure {
    opacity: 0.3;
}

.erp_serv li:nth-child(3) figure {
    padding-top: 7px;
}

.remove_i i,
i.remove_i {
    display: block;
    font-size: 19px;
    color: #e32d2d;
}

.erp_instance td > i {
    display: inline-block;
    vertical-align: bottom;
}

    .erp_instance td > i.add_plus {
        font-size: 10px;
    }

.req_type td span.teq_type_on {
    background: #2b3d61;
    color: #fff;
}

    .req_type td span.teq_type_on i {
        color: #fff;
    }


/* request page css end */


/* iphone style on off buttno start */

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 53px;
    height: 20px;
    border-radius: 18px;
    cursor: pointer;
    padding-right: 0px;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: capitalize;
    background: #e3e3e3;
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

    .switch-label:before,
    .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 2px;
        color: #545454;
        width: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 0;
        color: #ffffff;
        text-align: center;
        width: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: #47a8d8;
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

    .switch-handle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: #f9f9f9;
        border-radius: 6px;
    }

.switch-input:checked ~ .switch-handle {
    left: 32px;
}


/* iphone style on off buttno end */


/* Request creation page css start */

.rc_row_1 li {
    display: inline-block;
    vertical-align: middle;
}

    .rc_row_1 li:first-child {
        padding-left: 0px;
    }

    .rc_row_1 li.re_no_txt {
        display: block;
        clear: both;
        width: 100%;
    }

.re_no_txt,
.re_no_txt b {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 4px;
}

    .re_no_txt label {
        color: #206db3;
    }

.req_ser_top * {
    display: inline-block;
    vertical-align: middle;
}

.req_ser_top .auto_s {
    width: 173px;
}

.req_nmq_dyn > div {
    display: none;
}

.hide_nqm_panel {
    display: none !important;
}

.show_nqm_panel {
    display: block !important;
}

.req_col_3_cus {
    float: right !important;
}

[class^="cus_btn_"] {
    background: #3b8ede;
    color: #fff;
    margin-left: 10px;
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
}

    [class^="cus_btn_"] i {
        padding-right: 2px;
        display: inline-block;
        vertical-align: middle;
        color: #ffffff;
        margin-top: -2px;
    }

.cus_btn_1 {
    background: #3b8ede;
}

.cus_btn_2 {
    background: #39a878;
}

.req_1_rht {
    text-align: right;
}

    .req_1_rht li {
        border-left: 1px solid #cccccc;
        min-height: 57px;
        padding-left: 10px;
        text-align: right;
        padding-right: 10px;
        vertical-align: top;
    }

        .req_1_rht li:first-child {
            border-left: 0px;
        }

        .req_1_rht li span,
        .req_1_rht li label {
            display: block;
        }

            .req_1_rht li label > select {
                font-size: 12px;
                padding: 2px 4px;
                height: auto;
                line-height: normal;
            }

        .req_1_rht li span {
            color: #206db3;
            padding-bottom: 7px;
        }

.erp_re_field li {
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.tbSourceField li {
    display: inline-block;
    vertical-align: bottom;
    float: none;
    padding-bottom: 10px;
}

.erp_re_field li textarea {
    height: 26px;
    padding: 3px 5px;
}

.tbSourceField li > label {
    display: block;
    padding-bottom: 3px;
    min-height: 26px;
}

.erp_re_field li > label {
    display: block;
    padding-bottom: 5px;
    min-height: 26px;
}

.erp_re_field li select,
.erp_re_field li input[type="text"],
.tbSourceField li select,
.tbSourceField li input[type="text"],
{
    min-height: 26px;
}

.req_dec_txt textarea {
    height: 163px;
    background: #f9f9f9;
}

.tble_static table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #c2c2c2;
}

    .tble_static table thead tr {
        border-bottom: 2px solid #2b3d61;
    }

    .tble_static table tbody tr:nth-child(even) {
        border: 1px solid #c2c2c2;
        background: #efefef;
    }

    .tble_static table thead td {
        font-weight: 600;
        text-transform: capitalize;
    }

    .tble_static table td {
        padding: 5px;
        vertical-align: middle;
    }

.excel_up_req .tble_static {
    height: 228px;
    overflow: auto;
}

    .excel_up_req .tble_static td {
        text-align: center;
    }

.rc_row_4 .panel_info_row td span {
    display: block;
}

.upl_re_row {
    padding-bottom: 5px;
}


/* Request creation page css end */

.tool_row {
    position: relative;
}


.tool_div {
    display: none;
    position: fixed;
    background: #ffffff;
    width: 250px;
    left: 0;
    z-index: 1500;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    top: 100%;
    margin-top: 13px;
    border: 1px solid #A8A8A8;
}

.td_edit {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    background: #ffffff;
}

.req_wrapper > section {
    padding-bottom: 5px;
}

.tool_div header,
.td_edit header {
    display: block;
    background: #2b3d61;
    color: #ffffff;
    padding: 3px 5px;
    position: relative;
}

.tool_div:before {
    content: "";
    position: absolute;
    border-width: 10px 8px;
    border-color: transparent transparent #2b3d61 transparent;
    border-style: solid;
    bottom: 99%;
    left: 10px;
}

.tool_div header h2,
.td_edit header h2 {
    float: left;
    text-transform: capitalize;
}

.tool_div header span,
.td_edit header span {
    float: right;
}

    .tool_div header span i,
    .td_edit header span i {
        color: #fff;
        font-size: 15px;
        padding-top: 1px;
    }

    .td_edit header span i {
        font-size: 18px;
    }

.tool_div section,
.td_edit section {
    padding: 8px;
}

    .tool_div section > ul > li,
    .td_edit section > ul > li {
        display: block;
        padding-top: 6px;
        text-align: center;
    }

        .tool_div section > ul > li input,
        .td_edit section > ul > li input {
            text-align: left;
        }

        .tool_div section > ul > li:first-child,
        .td_edit section > ul > li:first-child {
            padding-top: 0px;
        }

.erp_instance .add_plus {
    font-size: 10px;
}


/* erp logic pop page css start */

.remove_i i {
    display: block;
    font-size: 19px;
    color: #e32d2d;
}

.elp_list li {
    display: block;
    padding: 5px;
    cursor: pointer;
    position: relative;
}

    .elp_list li:after {
        content: "";
        display: block;
        clear: both;
    }

    .elp_list li:hover,
    .elp_list li.elp_list_on {
        background: #62759b;
        color: #ffffff;
    }

        .elp_list li:hover * {
            color: #ffffff;
        }

.elp_list ul {
    height: 196px;
    overflow: auto;
}

.elp_list li label {
    float: left;
}

.elp_list li span {
    float: right;
}

.erp_logic_pop_row [class^="col-lg"] {
    padding-bottom: 10px;
}

.elp_1 {
    text-align: center;
}

    .elp_1 span {
        display: inline-block;
    }


/* erp logic pop css end */

.tool_div_2 {
    margin-left: -21px;
    margin-top: 21px;
}

.span_pad span {
    padding-left: 10px;
    padding-right: 10px;
}

.nmq_sear_panel {
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 5px;
}

    .nmq_sear_panel .auto_s,
    .nmq_sear_panel button {
        display: inline-block;
        vertical-align: middle;
    }

.txt_Cen {
    text-align: center;
}

.add_plus.add_plus_1 {
    font-size: 10px;
}

.txt_clr {
    position: relative;
}

.txt_clr_2 small {
    right: 12px;
    top: 31px;
}

.grid_panel tbody tr td:first-child.ui-state-default {
    background: initial !important;
}

.erp_ins_del thead td {
    font-weight: 600;
}

.erp_ins_del td {
    text-align: center;
}

    .erp_ins_del td:nth-child(2) {
        text-align: left;
    }

.erp_ins_del i.fa-check {
    color: #1fa67a;
    font-size: 16px;
}

.erp_ins_del i.fa-times {
    color: #e32d2d;
    font-size: 16px;
}

.erp_ins_del thead td {
    text-transform: uppercase;
}

.erp_ins_del i.fa-trash-o {
    font-size: 19px;
    color: #e32d2d;
}

.del_disable {
    color: #F2A0A0 !important;
    cursor: not-allowed !important;
}

.cus_checkbox .switch {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.cus_checkbox,
.cus_checkbox > span {
    display: inline-block;
    vertical-align: middle;
}

.td_vm {
    position: relative;
}

.c-checkbox {
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 auto;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

#ERPContainer li figure {
    width: 75%;
}

    #ERPContainer li figure img {
        width: 100%;
    }

.c-checkbox input[type=checkbox],
.c-checkbox input[type=radio] {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    height: 15px;
    width: 15px;
    padding: 0;
    border: 0;
    left: 0;
}

.c-checkbox .c-checkbox__img {
    background-color: transparent;
    border: 2px solid #1B7E5A;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    height: 16px;
    pointer-events: none;
    -ms-pointer-events: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}

.c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
    color: #1B7E5A;
    content: "\f14a";
    font-family: "FontAwesome";
    font-size: 19px;
    left: -2px;
    opacity: 1;
    position: absolute;
    top: -7px;
}

.c-checkbox .c-radio__img {
    background-color: transparent;
    border: 2px solid #1B7E5A;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
}

.c-checkbox input[type=radio]:checked + .c-radio__img:before {
    color: #1B7E5A;
    content: "\f058";
    font-family: "FontAwesome";
    font-size: 19px;
    left: -2px;
    opacity: 1;
    position: absolute;
    top: -4px;
}

.active_chk .switch {
    width: 72px;
}

.active_chk .switch-label:after {
    left: 0;
    width: 56px;
}

.active_chk .switch-label:before {
    width: 56px;
    right: 0;
}

.cus_checkbox * {
    transition: all 0.4s ease-in-out;
}

.active_chk .switch-input:checked ~ .switch-handle {
    left: 52px;
}

.approve_chk .switch {
    width: 96px;
}

.approve_chk .switch-label:after {
    left: 0;
    width: 82px;
}

.approve_chk .switch-label:before {
    width: 75px;
    right: 0;
}

.approve_chk .switch-input:checked ~ .switch-handle {
    left: 76px;
}

.erp_img_vis img {
    max-width: 75px;
}

.inst_name .auto_s {
    width: 102px;
}


/* vendor css start */

.pg_chk {
    width: 150px;
    text-align: right;
}

    .pg_chk .switch {
        width: 62px;
    }

    .pg_chk .switch-label:before {
        width: 39px;
    }

    .pg_chk .switch-label:after {
        width: 43px;
    }

    .pg_chk .switch-input:checked ~ .switch-handle {
        left: 42px;
    }

.v_pg_tree li > div {
    display: none;
    padding-left: 23px;
    padding-top: 0;
    padding-bottom: 8px;
}

.v_pg_tree ul > li {
    position: relative;
    padding: 5px 0px 5px 0px;
    z-index: 2;
}

    .v_pg_tree ul > li:fixe {
    }

    .v_pg_tree ul > li a {
        font-weight: 600;
        text-transform: capitalize;
        background: #efefef;
        display: block;
        position: relative;
        border: 1px solid #d7d7d7;
        padding: 1px 5px 1px 28px;
    }

    .v_pg_tree ul > li > a:after {
        content: "\f0fe";
        font-family: 'FontAwesome';
        color: #009688;
        position: absolute;
        left: 3px;
        font-size: 17px;
        top: 1px;
    }

    .v_pg_tree ul > li.notparrent > a:after {
        content: "\f141";
        font-family: 'FontAwesome';
        font-weight: normal;
        letter-spacing: 8px;
        font-size: 18px;
    }

    .v_pg_tree ul > li div table,
    .v_pg_tree ul > li div table tr {
        border: 1px solid #d7d7d7;
    }

        .v_pg_tree ul > li div table tr {
            background: #fff !important;
        }

            .v_pg_tree ul > li div table tr td {
                text-align: center;
                padding: 2px 5px;
                font-size: 12px;
            }

                .v_pg_tree ul > li div table tr td:nth-child(2) span {
                    margin-left: 2px;
                }

.vendor_pg {
    height: 561px;
    overflow: auto;
    position: relative;
}

    .vendor_pg > table > thead tr {
        background: #475c84;
        border: 1px solid #475c84;
        position: relative;
    }

        .vendor_pg > table > thead tr:after {
            content: "";
            position: absolute;
            width: 1px;
            top: 0;
            right: 1px;
            background: #475c84;
            height: 30px;
        }

    .vendor_pg > table > thead td {
        padding-left: 24px !important;
        font-weight: 600;
        text-transform: uppercase;
        color: #ffffff;
        white-space: nowrap;
    }

    .vendor_pg table td {
        text-align: center;
        word-break: break-all;
    }

    .vendor_pg .v_pg_tree li table td:nth-child(1) {
        text-align: left;
    }

    .vendor_pg table td:nth-child(1) {
        width: 50%;
    }

    .vendor_pg table td:nth-child(2) {
        width: 10%;
    }

    .vendor_pg table td:nth-child(3) {
        width: 40%;
        text-align: right;
    }


/*.vendor_pg [class^="vt_"] {
    background: #5a98d1;
    display: inline-block;
    color: #ffffff;
    width: auto;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
    margin: 0 auto;
    padding: 0px 5px;
    font-weight: normal;
    min-width: 20px;
    margin-top: -3px;
}

.vendor_pg .vt_m {
    background: #5a98d1;
}

.vendor_pg .vt_s {
    background: #d9595f;
}

.vendor_pg .vt_o {
    background: #30aea4;
}*/

.v_pg_tree a > table tr,
.v_pg_tree a > table {
    border: 0px;
}

    .v_pg_tree a > table td {
        padding: 0px;
        font-size: 12px;
        font-weight: 600;
    }

        .v_pg_tree a > table td:nth-child(2) > span {
            margin-left: 2px;
        }

.vendor_pg table thead td:nth-child(2) {
    padding-left: 30px !important;
}

.v_pg_tree ul {
    position: relative;
}

    .v_pg_tree ul:after {
        content: "";
        position: absolute;
        background: #c2c2c2;
        top: 10px;
        left: 11px;
        bottom: 10px;
        width: 1px;
        z-index: 0;
    }

    .v_pg_tree ul > li a.active:after {
        content: "\f146" !important;
    }

    .v_pg_tree ul > li a.active {
        background: #d5dded;
        border: 1px solid #98a6c2;
    }


/* vendor css end */

.download_btn i {
    background: #3b8ede;
}

.download_i {
    color: #3b8ede
}


.erp_up_row td {
    padding-left: 3px;
    padding-right: 3px;
}

    .erp_up_row td input[type="file"] {
        width: 100%;
    }

.erp_up_row .cus_btn_2 {
    margin-left: 0;
}

    .erp_up_row .cus_btn_2 * {
        display: inline-block;
        color: #ffffff;
        vertical-align: middle;
    }

.popupdownload {
    display: block;
    text-align: center;
    padding-top: 15px;
}

    .popupdownload * {
        text-align: center;
    }

    .popupdownload a {
        display: inline-block;
    }

        .popupdownload a i {
            display: inline-block;
            background: #fff;
            border: 1px solid #39a878;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            line-height: 50px;
            font-size: 22px;
            color: #39a878;
        }

        .popupdownload a span {
            display: block;
            padding-top: 9px;
            font-weight: 600;
            text-transform: capitalize;
        }

        .popupdownload a:hover i {
            background: #39a878;
            color: #ffffff;
        }

.btn_row {
    display: block;
    text-align: center;
    padding-top: 15px;
}

.aler_warn {
    text-align: center;
}

.alertTable td {
    text-align: center;
}

.alertTable thead td {
    text-transform: capitalize;
}

.alertTable {
    height: 195px;
    overflow: auto;
}

.cus_btn_3 {
    background: #e55957;
}

    .cus_btn_3 i {
        color: #ffffff;
        font-size: 13px;
        vertical-align: middle;
    }

.cus_btn_reload {
    background: #3b8ede;
}

    .cus_btn_reload i {
        color: #FFF;
        font-size: 14px;
        padding-top: 2px;
    }

.req_dv td > b {
    font-weight: normal;
}

.req_dv td input[type="text"] {
    width: 83%;
    display: inline-block;
}

.req_dv tbody td {
    border: 1px solid #c2c2c2;
    position: relative;
    white-space: nowrap;
    padding-right: 14px;
    padding-right: 21px;
    cursor: pointer;
}

    .req_dv tbody td b {
        font-weight: normal;
    }

    .req_dv tbody td > span {
        display: block;
    }

.cls_td {
    color: #e55957;
}

.req_dv {
    width: 100%;
    overflow: auto;
}

.edit_td {
    color: #39a878;
    cursor: pointer;
    font-size: 15px;
    background: transparent;
    padding-top: 2px;
    position: absolute;
    right: 4px;
}

.td_txt_input textarea {
    width: 90%;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    resize: both;
}

.td_txt_input i {
    display: inline-block;
    vertical-align: middle;
}

.td_edit {
    width: auto;
    min-width: 350px;
}

.td_edit {
    margin-top: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.pop_div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    background: transparent;
    z-index: 15000;
    display: none;
}

    .pop_div:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.td_edit {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

.sel_auto select {
    display: inline-block;
    width: auto;
}

.ref_icon {
    color: #e55957;
    padding: 4px 5px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

.excel_upload > span {
    width: 85%;
}

.man i {
    color: #ff7674;
    font-size: 11px;
}

.least_man i {
    color: #ffcb2f;
    font-size: 11px;
}

.req_col_1 tbody td input[type="text"] {
    height: 25px;
    line-height: 25px;
}

.req_col_1 tbody td .auto_s:after {
    top: -1px;
    line-height: 25px;
}


/* data dictionary css start */

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

.sp_row {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cus_select {
    position: relative;
}

    .cus_select select {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        height: 32px;
    }

    .cus_select:after {
        content: "";
        position: absolute;
        top: 11px;
        right: 7px;
        border-width: 7px 5px;
        border-style: solid;
        border-color: #444a57 transparent transparent transparent;
        cursor: pointer;
        pointer-events: none;
    }

.special_sea {
    text-align: left;
}

    .special_sea > div {
        display: inline-block;
        vertical-align: middle;
    }

    .special_sea .cus_select {
        width: 150px;
    }

        .special_sea .cus_select select {
            border-radius: 5px 0px 0px 5px;
        }

    .special_sea > label {
        padding-right: 10px;
    }

    .special_sea .input_sear {
        margin-left: -5px;
        width: 400px;
    }

        .special_sea .input_sear .auto_s {
            display: block;
        }

            .special_sea .input_sear .auto_s:after {
                top: 8px;
            }

    .special_sea .cus_select:after {
        top: 14px;
    }

    .special_sea .input_sear input[type="text"] {
        border-radius: 0px 5px 5px 0px;
    }

.dd_row_left td .auto_s {
    display: block;
}

.dd_row_left td.auto_95 .auto_s {
    display: inline-block;
}

.dyn_tr thead td,
.dyn_tr tbody td:first-child,
.dyn_tr tbody td:last-child {
    text-align: center;
}

.dyn_tr thead,
.dyn_tr tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.dyn_tr thead {
    width: calc( 100% - 1em);
}

.dyn_tr tbody {
    display: block;
    height: 370px;
    overflow: auto;
}

.dyn_tr td:first-child {
    width: 35px;
}

.dyn_tr td:last-child {
    width: 50px;
}

.ddc_file {
    white-space: nowrap;
}

    .ddc_file input[type="file"] {
        width: 50%;
    }


/* data dictionary css end */

.oem_4 .nmq_cnt_pn_2 {
    display: block;
}

    .oem_4 .nmq_cnt_pn_2 * {
        text-align: center;
        display: block;
        float: none;
    }

    .oem_4 .nmq_cnt_pn_2 b {
        color: #3b8ede;
    }


/* data dictionary search css start */

.sea_li_list {
    position: relative;
    /*position:absolute;
	top:118px;
	left:10px;
	right:10px;
	bottom:104px;
	overflow:auto;*/
}

    .sea_li_list > ul {
        position: relative;
        overflow: auto;
        height: 440px;
    }

.dd_c_search {
    position: relative;
    display: block;
}

    .dd_c_search .sea_li_list_2 {
        display: none;
        border-top: 2px solid #2b3d61;
        position: absolute;
        z-index: 1500;
        top: 109%;
        left: -10px;
        right: -10px;
        bottom: auto;
        background: #fff;
        padding: 10px;
        height: 550px;
        overflow: auto;
    }

.sea_li_list > ul > li {
    margin-top: 20px;
    background: #ffffff;
    padding: 0px 10px;
    padding-right: 0px;
    display: block;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    display: table;
    clear: both;
    cursor: pointer;
    width: 100%;
}

    .sea_li_list > ul > li .sl_list_1 tr td:first-child mark,
    .sea_li_list > ul > li .sl_list_3 thead tr td mark {
        background: transparent;
    }

    .sea_li_list > ul > li:first-child {
        margin-top: 0px;
    }

    .sea_li_list > ul > li:nth-child(odd) {
        border-left: 5px solid #2b3d61;
        border-right: 5px solid transparent;
    }

    .sea_li_list > ul > li:nth-child(even) {
        border-right: 5px solid #2b3d61;
        border-left: 5px solid transparent;
    }

    .sea_li_list > ul > li > div {
        display: table-cell;
        border-left: 1px solid #b2b2b2;
        padding-left: 15px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .sea_li_list > ul > li > div:first-child {
            border-left: 0px;
            padding-left: 0px;
        }

.sl_list_1 {
    width: 30%;
}

    .sl_list_1 td:first-child {
        width: 50%;
    }

.sl_list_3 {
    width: 40%;
}

.sea_li_list > ul > li > div.sl_list_3 {
    padding-top: 5px;
    padding-bottom: 2px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.sl_list_1 td:first-child,
.sl_list_3 thead td {
    color: #1e2d4b;
    font-weight: 600;
    text-transform: capitalize;
}

.sl_list_3 thead td {
    font-size: 12px;
    padding: 0px 2px;
}

.sl_list_1 td:first-child {
    padding-right: 15px;
    font-size: 13px;
    position: relative;
}

    .sl_list_1 td:first-child:after {
        content: ":";
        position: absolute;
        right: 0;
    }

.sea_li_list table {
    width: 100%;
}

.sl_list_1 td {
    padding: 5px;
}

.sl_list_3 td {
    text-align: center;
}

.sl_list_3 tbody td {
    word-break: break-all;
    padding: 2px;
    font-weight: normal;
    font-size: 10px;
    padding: 1px 2px;
}

.sl_list_3 tbody td {
    border: 1px solid #c2c2c2;
    border-top: 0px;
}

.sl_list_3 tbody tr:first-child td {
    border: 1px solid #c2c2c2;
}

.sl_list_3 thead tr td:first-child {
    width: 44%;
}

.sl_list_3 thead tr td:nth-child(2) {
    width: 44%;
}

.sl_list_3 thead tr td:nth-child(3) {
    width: 12%;
    text-align: center;
    padding-left: 11px;
}

.sl_list_3 tbody tr td:first-child {
    text-align: left;
}

.sl_list_3 tbody tr td:nth-child(3),
.sl_list_3 thead tr td:nth-child(3) {
    width: 50px;
}

.sl_list_3 table {
    border-collapse: collapse;
}

.sl_list_3 thead,
.sl_list_3 tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .sl_list_3 thead tr {
        background: #e6e6e6;
    }

.sl_list_3 tbody {
    display: block;
    overflow: auto;
    height: 103px;
}


/*.tble_nav
{
	position: absolute;
bottom: 5px;
left: 10px;
right: 10px;
text-align:center;
}*/

.tble_nav {
    position: relative;
    text-align: center;
}

    .tble_nav li {
        cursor: pointer;
    }

        .tble_nav li span:hover {
            background: #337ab7;
            color: #ffffff;
        }

            .tble_nav li span:hover * {
                color: #ffffff;
            }

        .tble_nav li * {
            color: #23527c;
        }


/* data dictionary search css end */

.con_sea {
    margin-left: -5px;
}

    .con_sea select {
        border-radius: 0px !important;
    }

.lb_txt {
    color: #00bcd4;
    font-size: 14px;
}

.map_val {
    cursor: pointer;
}

    .map_val .spn_btn_2 {
        margin-top: 14px;
        cursor: pointer;
    }

.td_bot_18 {
    margin-top: 18px;
}

.td_bot_13 {
    margin-top: 13px;
}

.td_bot_10 {
    margin-top: 10px;
}

.td_bot_7 {
    margin-top: 7px;
}


/* attribute master css start */

.form_rule ul > li {
    position: relative;
    padding: 2px 0px 2px 0px;
    z-index: 2;
}

    .form_rule ul > li a {
        font-weight: 600;
        text-transform: capitalize;
        display: block;
        position: relative;
        padding: 5px 5px 5px 5px;
    }

        .form_rule ul > li a > label {
            cursor: pointer;
            position: relative;
            padding-left: 23px;
        }

            .form_rule ul > li a > label:after {
                content: "\f0fe";
                font-family: 'FontAwesome';
                color: #009688;
                position: absolute;
                left: 0;
                font-size: 17px;
                background: #ffffff;
                top: 0;
            }

.form_rule li > div {
    display: none;
    margin-left: 29px;
    background: #efefef;
    padding-bottom: 6px;
}

    .form_rule li > div > span {
        display: block;
        padding: 5px 5px 5px 25px;
        position: relative;
        cursor: pointer;
    }

        .form_rule li > div > span:before {
            position: absolute;
            left: 9px;
            content: "\f105";
            font-family: 'FontAwesome';
            top: 6px;
        }

.form_rule li:first-child div {
    display: block;
}

.form_rule {
    position: relative;
}

    .form_rule ul {
        position: relative;
    }

        .form_rule ul:after {
            content: "";
            position: absolute;
            background: #c2c2c2;
            top: 12px;
            left: 12px;
            bottom: 20px;
            width: 1px;
            z-index: 0;
        }

        .form_rule ul > li a label.active:after, .form_rule ul > li a.um_active_2 label:after {
            content: "\f146";
        }

.acc_remove {
    float: right;
}

    .acc_remove i {
        font-size: 19px;
        color: #e32d2d;
        cursor: pointer;
    }

.tool_div_w_auto {
    width: auto !important;
}


/* attribute master css end */

.special_sea_2 {
    text-align: center;
    display: block;
}

    .special_sea_2.special_sea .input_sear {
        width: 62%;
    }

.special_sea .input_sear .auto_s input {
    height: 32px;
}
/* data dictionary dashboard css start */
.dd_d1 .tab_menu > ul {
    display: block;
    float: none;
}

.dd_d1 .tab_menu li {
    width: auto;
    text-align: center;
    float: none;
    display: inline-block;
}

    .dd_d1 .tab_menu li span {
        display: block;
        cursor: pointer;
    }

.dd_d1 .tab_menu {
    margin-bottom: 0px;
}

.dd_d1 .panel_1 > [class^="dd_tab_"] {
    display: none;
    overflow: auto;
}

.dd_d1 .panel_1 > .dd_tab_1 {
    display: block;
}

.dd_row_3 .panel_1 [class^="col-xs"] {
    padding: 0px;
}

.dd_p_c {
    background: #f5f5f5;
}

    .dd_p_c li {
        display: block;
        padding: 30px 5px;
        border-top: 1px solid #ccc;
    }

        .dd_p_c li:first-child {
            border-top: 0px;
        }

        .dd_p_c li * {
            display: block;
            text-align: center;
        }

        .dd_p_c li span {
            text-transform: uppercase;
            font-size: 15px;
        }

        .dd_p_c li b {
            color: #4e64d8;
            font-size: 25px;
        }

        .dd_p_c li:first-child b {
            color: #7986cb;
        }

        .dd_p_c li:last-child b {
            color: #43b49f;
        }

.dd_tab_cnt span {
    min-width: 50px;
    border: 1px solid #ccc;
    text-align: center !important;
    display: inline-block;
    padding: 1px 5px;
    font-weight: 600;
    border: 1px solid #43b49f;
    border-radius: 0px;
    color: #000000 !important;
    cursor: pointer;
    border-left: 4px solid #43b49f;
    background: #ffffff;
}


/* data dictionary dashboard css end */


/* Approved Dashboard css start */

.ad_1 {
    margin-bottom: 15px;
}

    .ad_1 ul * {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
    }

    .ad_1 ul {
        white-space: nowrap;
    }

    .ad_1 li > div {
        white-space: normal;
        padding: 25px 5px;
        cursor: pointer;
        position: relative;
    }

    .ad_1 li.ad_1_active > div:after {
        content: "";
        position: absolute;
        top: 100%;
        border-width: 10px 7px;
        border-style: solid;
        border-color: #35c591 transparent transparent transparent;
        margin-left: -7px;
    }

    .ad_1 li:nth-child(1) > div {
        background: #35c591;
    }

    .ad_1 li:nth-child(1).ad_1_active > div:after {
        border-color: #35c591 transparent transparent transparent;
    }

    .ad_1 li:nth-child(2) > div {
        background: #00bcd4;
    }

    .ad_1 li:nth-child(2).ad_1_active > div:after {
        border-color: #00bcd4 transparent transparent transparent;
    }

    .ad_1 li:nth-child(3) > div {
        background: #7986cb;
    }

    .ad_1 li:nth-child(3).ad_1_active > div:after {
        border-color: #7986cb transparent transparent transparent;
    }

    .ad_1 li label {
        padding-bottom: 0px;
        text-transform: uppercase;
        font-size: 14px;
    }

    .ad_1 li b {
        font-size: 28px;
    }

    .ad_1 li * {
        display: block;
    }

    .ad_1 li:first-child {
        margin-left: 0px;
    }

.ad_2 {
    margin-bottom: 15px;
}

    .ad_2 ul * {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        color: #585858;
    }

    .ad_2 ul {
        white-space: nowrap;
    }

    .ad_2 li div {
        white-space: normal;
        padding: 10px 5px;
        cursor: pointer;
        background: #ffffff;
        border: 1px solid #cccccc;
    }

    .ad_2 li span {
        text-align: center;
        margin: 0 auto;
        display: table;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        vertical-align: middle;
    }

        .ad_2 li span i {
            display: table-cell;
            vertical-align: middle;
            font-size: 22px;
            font-style: normal;
            color: #ffffff;
        }

            .ad_2 li span i.fa_x {
                font-weight: 600;
                font-size: 20px;
            }

    .ad_2 li:nth-child(1) span {
        background: #e9b759;
    }

    .ad_2 li:nth-child(2) span {
        background: #35c59b;
    }

    .ad_2 li:nth-child(3) span {
        background: #e06369;
    }

    .ad_2 li > label {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #cccccc;
        text-transform: capitalize;
        font-size: 14px;
    }

    .ad_2 li b {
        font-size: 28px;
    }

    .ad_2 li * {
        display: block;
    }

    .ad_2 li:first-child {
        margin-left: 0px;
    }

.chart_legend {
    display: block;
    text-align: center;
}

    .chart_legend li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        position: relative;
    }

        .chart_legend li:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-right: 7px;
            width: 10px;
            height: 10px;
        }

        .chart_legend li:nth-child(1):before {
            background: #e6766a;
        }

        .chart_legend li:nth-child(2):before {
            background: #48aeba;
        }

        .chart_legend li:nth-child(3):before {
            background: #5a9ee5;
        }

        .chart_legend li:nth-child(4):before {
            background: #e5b74c;
        }

.ad_vendor_list {
    height: 354px;
    overflow: auto;
}

    .ad_vendor_list > ul > li {
        display: block;
        padding-top: 15px;
        border-top: 1px solid #cccccc;
        padding-bottom: 15px;
        white-space: nowrap;
    }

        .ad_vendor_list > ul > li:hover {
            background: #f5f5f5;
        }

        .ad_vendor_list > ul > li:first-child {
            border-top: 0px;
        }

        .ad_vendor_list > ul > li > div {
            display: inline-block;
            vertical-align: top;
            white-space: normal;
            margin-right: 1%;
        }

            .ad_vendor_list > ul > li > div.adv_3 {
                margin-right: 0px;
            }

.adv_1 {
    width: 66px;
}

    .adv_1 img {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .adv_1 * {
        display: block;
    }

    .adv_1 span {
        padding-top: 2px;
        background: #7986cb;
        text-align: center;
        padding: 3px 5px;
        color: #ffffff;
    }

.adv_2 {
    width: 77%;
}

.adv2_1 {
    padding-bottom: 10px;
}

    .adv2_1 li {
        display: inline-block;
        vertical-align: top;
        padding-right: 15px;
        padding-left: 15px;
        border-left: 1px solid #bfbfbf;
        min-height: 48px;
    }

        .adv2_1 li:first-child {
            padding-left: 0px;
            border-left: 0;
        }

        .adv2_1 li label {
            display: block;
            font-size: 14px;
            color: #1d2b46;
        }

.ap_pri_row span {
    background: #ffffff;
    text-align: center;
    padding: 0px 5px;
    margin-top: 5px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-left-width: 4px;
    width: 60px;
    border-radius: 4px;
}

.adv_2 .ad_high {
    border-color: #d9544f;
}

.adv_2 .ad_low {
    border-color: #5cc1df;
}

.adv_2 .ad_medium {
    border-color: #efad4d;
}

.adv_2 article {
    display: block;
    font-weight: normal;
}

    .adv_2 article p {
        text-align-last: left;
        text-align: justify;
    }

.adv_2 .ad_attr_l {
    min-height: 46px;
    float: right;
    border-left: 0px;
}

    .adv_2 .ad_attr_l span {
        cursor: pointer;
        background: #4681da;
        color: #ffffff;
        cursor: pointer;
        padding: 2px 5px;
        border-radius: 3px;
        font-size: 11px;
    }

.adv_3 {
    width: 11%;
}

    .adv_3 > span {
        border: 1px solid #35c59b;
        border-radius: 3px;
        display: block;
        padding: 2px 1px;
        font-size: 12px;
        text-align: center;
        margin-top: 10px;
        cursor: pointer;
    }

        .adv_3 > span:first-child {
            margin-top: 0px;
        }

        .adv_3 > span i {
            display: inline-block;
            vertical-align: middle;
            padding-right: 5px;
        }

        .adv_3 > span:hover,
        .adv_3 > span:hover i {
            color: #ffffff !important;
        }

        .adv_3 > span:nth-child(1) {
            border-color: ##;
            background: #eefef9;
        }

            .adv_3 > span:nth-child(1) i {
                color: #35c59b;
            }

            .adv_3 > span:nth-child(1):hover {
                background: #35c59b;
            }

        .adv_3 > span:nth-child(2) {
            border-color: #e06369;
            background: #fff6f6;
        }

            .adv_3 > span:nth-child(2):hover {
                background: #e06369;
            }

            .adv_3 > span:nth-child(2) i {
                color: #e06369;
            }

        .adv_3 > span:nth-child(3) {
            border-color: #0fc0d7;
            background: #f3feff;
        }

            .adv_3 > span:nth-child(3) i {
                color: #0fc0d7;
            }

            .adv_3 > span:nth-child(3):hover {
                background: #0fc0d7;
            }

.tabl_nav_2 .pagination {
    float: right;
    margin: 0 auto;
}

.show-read-more .more-text {
    display: none;
}

.morecontent .morelink {
    color: #4681da;
    text-transform: lowercase;
    text-decoration: underline;
    vertical-align: top;
}

.comment .morecontent {
    display: initial;
}

.morecontent span {
    display: none;
    text-transform: initial;
    vertical-align: top;
}

.panel_dw select {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    border-radius: 2px;
}

.panel_2.ad_panel {
    margin-bottom: 2px;
}

.tble_auto.ad_panel td {
    padding-left: 10px;
    padding-right: 10px;
}

.tabl_nav_2 > span {
    float: left;
    padding-top: 6px;
    color: #2b3d61;
    font-size: 14px;
    text-transform: capitalize;
}

.tabl_nav_2 .pagination li span {
    border-color: #6a93e6;
    cursor: pointer;
}

    .tabl_nav_2 .pagination li span:hover {
        background: #2b3d61;
    }

        .tabl_nav_2 .pagination li span:hover i {
            color: #ffffff;
        }


/* Approved Dashboard css end */

.attr_pop .cls_pop {
    padding: 0px;
}

.attr_pop.pop_up {
    position: fixed;
}


/* Partnumber scan start */

.pc_list {
    text-align: center;
    display: block;
    padding: 10px 2px;
}

    .pc_list li {
        display: inline-block;
        vertical-align: middle;
    }

        .pc_list li select {
            width: auto;
            display: inline-block;
        }

    .pc_list li {
        border-left: 1px solid #bfbfbf;
        padding-left: 15px;
        padding-right: 15px;
    }

        .pc_list li:first-child {
            border-left: 0px;
        }

.ps_sbtn span {
    background: #00bcd4;
    padding: 4px 20px;
    margin-left: 5px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
}

.pns_2 {
    margin-bottom: 15px;
}

    .pns_2 * {
        text-align: center;
        color: #ffffff;
    }

    .pns_2 label {
        text-transform: uppercase;
        font-size: 16px;
    }

    .pns_2 b {
        font-size: 26px;
    }

    .pns_2 label,
    .pns_2 b {
        display: block;
    }

.pns_2_1,
.pns_2_2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pns_2_1 {
    background: #53bda9;
}

.pns_2_2 {
    background: #7986cb;
}

.pns_3 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ps_log .dropdown-menu {
    left: auto;
    right: 0;
}

.ps_log .dropdown-menu {
    width: 400px;
    padding: 10px;
}

    .ps_log .dropdown-menu thead tr {
        background: #46597f;
    }

        .ps_log .dropdown-menu thead tr td {
            color: #ffffff;
            padding: 2px 5px;
            text-transform: capitalize;
        }

            .ps_log .dropdown-menu thead tr td:nth-child(2) {
                width: 30%;
            }

            .ps_log .dropdown-menu thead tr td:nth-child(2),
            .ps_log .dropdown-menu thead tr td:nth-child(3),
            .ps_log .dropdown-menu tbody tr td:nth-child(2),
            .ps_log .dropdown-menu tbody tr td:nth-child(3) {
                text-align: center;
            }

    .ps_log .dropdown-menu td {
        font-size: 12px;
    }


/* Partnumber scan end */

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

.wh_nw, .table_wn tr td {
    white-space: nowrap;
}

.ac_10 {
    height: 305px;
    overflow: auto;
}

.ac_8 {
    height: 246px;
    overflow: auto;
}

.ac_7 {
    height: 219px;
    overflow: auto;
}

.ac_6, .VendorNameSearch .ui-autocomplete, .numberSearch .ui-autocomplete {
    height: 192px;
    overflow: auto;
}

.ac_5 {
    height: 165px;
    overflow: auto;
}

.ac_4 {
    height: 138px;
    overflow: auto;
}

.trainingAttrSeqno {
    text-align: center;
}


/* Cleaning Page css start */

.cc_row_1 {
    position: relative;
}

.cc_aside .le_menu {
    border-radius: 1px;
    right: -21px;
    top: 1px;
}

.cc_unspsc_top > span,
.cc_unspsc_top > i {
    display: inline-block;
}

.cc_unspsc_top > i {
    font-size: 17px;
    color: #00bcd4;
    padding-left: 5px;
}

.cc_row_1 > .panel_1 {
    padding-top: 7px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: #206db3 3px solid;
    margin-bottom: 5px;
}

.cc_top_left {
    border-left: 2px solid #2b3d61 !important;
    border-right: 2px solid #2b3d61 !important;
}

    .cc_top_left table {
        border: 1px solid #a6a6a6;
        border-left: 0px;
        border-right: 0px;
    }

        .cc_top_left table td {
            padding: 1px 8px;
            text-align: center;
            vertical-align: middle;
        }

        .cc_top_left table tbody tr td,
        .comp_tble tbody tr td {
            border-left: 1px solid #a6a6a6;
        }

        .cc_top_left table thead tr,
        .comp_tble thead tr {
            background: #e2e9f1;
            border-bottom: 2px solid #2b3d61;
        }

            .cc_top_left table thead tr td,
            .comp_tble thead tr td {
                text-transform: capitalize;
                color: #282c30;
                font-size: 13px;
            }

.sing_li {
    color: #206db3;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
}

.cc_top_left table {
    width: 100%;
}

.cus_btn_ccs_top {
    background: #6f7dc8;
    margin-left: 0px;
}

.cc_top_right {
    padding-top: 9px;
    text-align: center;
}

    .cc_top_right li i {
        color: #ffffff;
        display: block;
        font-size: 17px;
    }

    .cc_top_right li {
        padding: 5px 10px;
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
        margin-left: 10px;
    }

        .cc_top_right li.cc_da {
            background: #3fb884;
        }

        .cc_top_right li.cc_cr {
            background: #00bcd4;
        }


/*.cc_section {
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
    bottom: 60px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.cc_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
    border-top: #206db3 3px solid;
}*/

.cc_footer {
    border-top: #206db3 3px solid;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    padding: 0px 5px 0px 5px;
    position: relative;
    z-index: 3;
}

    .cc_footer .panel_1 {
        margin-bottom: 0px;
        padding: 6px 10px;
    }

.cus_btn_ccf_1 {
    background: #00bcd4;
}

.cus_btn_ccf_2 {
    background: #7986cb;
}

.cus_btn_ccf_3 {
    background: #56c1ad;
}

.cc_footer_left li {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    cursor: pointer;
    border-right: 1px solid #cccccc;
}

    .cc_footer_left li img,
    .cc_footer_left li span {
        display: inline-block;
        vertical-align: middle;
    }

    .cc_footer_left li img {
        padding-right: 3px;
    }

.cc_footer_right {
    text-align: right;
    padding-top: 4px;
    padding-right: 15px;
}

    .cc_footer_right li {
        padding: 3px 12px;
        cursor: pointer;
    }

.panel_togle i, .arrow_toggle i,
.panel_togle_cus i {
    position: relative;
}

    .panel_togle i:after,
    .arrow_toggle i:after,
    .panel_togle_cus i:after {
        content: "\f078";
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 15px;
    }

    .panel_togle i.arrow_active:after,
    .arrow_toggle i.arrow_toggle_active:after,
    .panel_togle_cus i.arrow_active:after {
        content: "\f077";
    }

.cc_erp_field ul {
    margin-left: -10px;
}

.cc_erp_field li {
    vertical-align: top;
    padding-left: 1%;
    padding-bottom: 10px;
    min-height: 62px;
}

    .cc_erp_field li input[type="text"],
    .cc_erp_field li select,
    .cc_erp_field li textarea {
        width: 100%;
    }

    .cc_erp_field li textarea {
        height: 27.5px;
    }

    .cc_erp_field li label {
        padding-bottom: 4px;
    }

.panel_dup i {
    color: #3d80bd;
}

.cc_duplicate .tab_menu span {
    min-height: 27px;
}

    .cc_duplicate .tab_menu span > b {
        display: inline-block;
        vertical-align: top;
    }

.cc_nmq_se .auto_s {
    display: block;
}

.cc_nmq_se_right ul li {
    display: inline-block;
    vertical-align: middle;
}

    .cc_nmq_se_right ul li:first-child {
        margin-left: 0px;
    }

    .cc_nmq_se_right ul li figure {
        display: table-cell;
        cursor: pointer;
        width: 40px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        background: #fff;
        cursor: pointer;
    }

    .cc_nmq_se_right ul li img {
        display: block;
        border-radius: 2px;
        padding: 0px 2px;
        background: #ffffff;
        margin: 0 auto;
        max-width: 100%;
        max-height: 99%;
    }

        .cc_nmq_se_right ul li img.nmq_img_dis {
            opacity: 0.5;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            cursor: not-allowed;
        }

.panel_3 {
    margin-bottom: 10px;
    border: #8c9bb8 1px solid;
    padding: 6px;
    display: block;
    background: #e5ebf8;
}

.cc_nmq_p3 [class^="col-"] * {
    display: inline-block;
    vertical-align: bottom;
}

.cc_nmq_p3 label {
    font-weight: bold;
    font-size: 14px;
    color: #044e96;
}

.cc_vg {
    white-space: nowrap;
}

    .cc_vg span {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 3px;
    }

[class^="letter_"] {
    background: #206db3;
    color: #fff;
    margin-left: 5px;
    border-radius: 2px;
    padding: 1px 6px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
}

.letter_1 {
    background: #206db3;
    margin-bottom: 0;
}

.cc_v3 {
    cursor: pointer;
}

    .cc_v3 .add_plus {
        font-size: 13px;
    }

.cc_vg.vt_b .cc_v3 i {
    margin-top: -2px;
}

.vt_b {
    vertical-align: bottom;
}

.v_m {
    vertical-align: middle;
}

.cc_gn_right ul {
    float: right;
}

.cc_gn_right li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

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

.cc_gn_right .remove_i i {
    font-size: 21px;
}

.cc_gn_left {
    padding-top: 3px;
}

    .cc_gn_left .v_m {
        padding-left: 5px;
    }

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

.p_0 {
    padding: 0px !important;
}

.caln_i {
    color: #3b8ede;
    font-size: 21px;
    padding-left: 5px;
}

.cc_eq_panel .vt_b i {
    margin-bottom: 5px;
    display: inline-block;
}

.cc_eq_panel .add_plus {
    font-size: 12px;
    margin-left: 0px;
}

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

.cc_tab_2 .tab_menu {
    margin-bottom: 0px;
}

    .cc_tab_2 .tab_menu ul {
        float: left;
    }

.cc_tab_2 .panel_1 > div {
    display: none;
}

.h_5 h2 {
    position: relative;
}

.panel_1:hover .h_5 h2 {
    background: #2b3d61;
    color: #ffffff;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    cursor: pointer;
}

    .panel_1:hover .h_5 h2:after {
        content: "";
        position: absolute;
        left: -13px;
        top: 0;
        bottom: 0;
        width: 25px;
        background: #2b3d61;
        z-index: -1;
    }

    .panel_1:hover .h_5 h2:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 0 0 20px;
        border-color: transparent transparent transparent #2b3d61;
        right: 0;
        bottom: 0;
        top: 0;
        left: 100%;
    }

.duplicate_panel {
    display: none;
    position: fixed !important;
    border: 1px solid #2b3d61;
    z-index: 150000;
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

    .duplicate_panel .panel_1 {
        margin-bottom: 0px;
    }

    .duplicate_panel .h_5 {
        display: none;
    }

    .duplicate_panel > div {
        padding: 5px;
        background: #ffffff;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .duplicate_panel > div iframe {
            width: 100%;
            height: 100%;
            border: 0;
            background: transparent;
        }

            .duplicate_panel > div iframe body {
                background: transparent;
            }

.dup_close {
    position: absolute;
    top: 3px;
    right: 9px;
    z-index: 15;
}

    .dup_close i {
        font-size: 20px;
    }

.duplicate_head {
    background: #2b3d61;
    padding: 5px 10px;
    cursor: move;
}

    .duplicate_head * {
        color: #ffffff;
    }

    .duplicate_head h2 {
        display: inline-block;
        vertical-align: middle;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 13px;
    }

.panel_2 {
    position: relative;
}

.erp_more {
    position: absolute;
    bottom: -18px;
    right: 0;
    font-size: 18px;
}

.cc_erp_field ul {
    height: 122px;
    overflow: hidden;
    /*display: flex;
flex-flow: wrap;*/
}

.erp_more_on ul {
    height: auto !important;
    overflow: auto !important;
}

.erp_more i:after {
    content: "\f078";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 15px;
}

.erp_more i.arrow_active_2:after {
    content: "\f077";
}

.cc_dup_tab .panel_info_row > div {
    display: none;
}

.panel_cls i {
    color: #dc777a;
    font-size: 18px;
}

.row_panel {
    padding: 5px 0px;
}

.cc_nmq_pop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 15000;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    text-align: center;
}

    .cc_nmq_pop:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.cc_nmq_info {
    text-align: left;
    display: inline-block;
    margin: 0 auto;
    width: 80%;
    vertical-align: middle;
}


/* Cleaning Page css end */


/* data dictionary dashboard 2 css start */



.dd_d1 .form_rule_li span:after,
.dd_d1 .form_rule_li li a:before {
    content: "";
    display: block;
    clear: both;
}

.dd_d1 .form_rule_li li div span b,
.dd_d1 .form_rule_li li > a b {
    float: right;
    background: #3b8ede;
    color: #ffffff;
    border-radius: 2px;
    padding: 1px 3px;
    font-size: 10px;
    min-width: 40px;
    text-align: center;
}

.dd_d1 .form_rule_li li > a b {
    margin-right: 6px;
}

.mand {
    color: #ff0000;
    font-weight: 600;
    padding-left: 3px;
}

.dd_d1 .form_rule li > div > span label {
    font-weight: normal;
}


/* data dictionary dashboard 2 css end */


/*#searchResultAppend mark
{
    background:#67a5da

}*/

.special_sea input[type="button"] {
    padding: 6px 15px;
}

.dd_row_4 .panel_1 {
    min-height: 100px;
}

.dd_attr_table thead td:nth-child(4) {
    padding-left: 26px;
}

.dd_attr_table thead td:nth-child(4),
.dd_attr_table tbody td:nth-child(4) {
    width: 88px;
}

.c3-tooltip tr td {
    white-space: nowrap;
}

table.c3-tooltip {
    width: auto;
}

.cc_addi_src .tble_static table {
    margin-top: 25px;
}

    .cc_addi_src .tble_static table:first-child {
        margin-top: 0px;
    }

    .cc_addi_src .tble_static table thead tr {
        background: #f6f6f6;
    }

        .cc_addi_src .tble_static table thead tr td {
            width: 20%;
        }

.ins_hide {
    display: none;
}

.dd_row_left textarea {
    height: 76px;
}

.req_cre .panel_info_row {
    display: none;
}

.req_cre .panel_active {
    display: block;
}

.cus_select select::-ms-expand {
    display: none !important;
}

.spn_btn_re {
    background: #3b8ede;
}

.vns_chart_row .panel_info_row .h_5 h2 {
    background: #ffffff !important;
    color: #313336 !important;
}

    .vns_chart_row .panel_info_row .h_5 h2:after,
    .vns_chart_row .panel_info_row .h_5 h2:before {
        content: none !important;
    }

.cc_erp_tab {
    margin-bottom: 0;
    border-bottom: 0px;
}

    .cc_erp_tab > ul > li span {
        background: #29a2b2;
    }


/*x.cc_erp_tab li,
    .cc_erp_list {
        display: none;
    }*/

.panel_2_0 {
    padding: 0px !important;
}


/* clarification_overview_view start */

.clf_head_1 span {
    font-size: 20px;
    text-transform: capitalize;
    color: #1973bf;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.clf_head_1 b {
    font-weight: 600;
    font-size: 18px;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.clf_head_2 span {
    font-size: 14px;
    text-transform: capitalize;
    color: #1973bf;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.clf_head_2 b {
    font-weight: 600;
    font-size: 14px;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.clf_head_4 li {
    padding-top: 5px;
}

    .clf_head_4 li:first-child {
        padding-top: 0px;
    }

.clf_head_3 {
    text-align: right;
}

    .clf_head_3 li {
        display: inline-block;
        vertical-align: top;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #ccc;
    }

        .clf_head_3 li:first-child {
            border-left: 0px;
        }

    .clf_head_3 ul {
        padding-top: 5px;
    }

    .clf_head_3 li * {
        display: block;
    }

    .clf_head_3 li span {
        font-size: 14px;
        text-transform: capitalize;
        color: #1973bf;
        display: inline-block;
        padding-bottom: 2px;
        vertical-align: middle;
        font-weight: 600;
    }

.clf_ov_1 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.clf_para h2 {
    font-size: 16px;
    padding-bottom: 5px;
    text-transform: capitalize;
    color: #1973bf;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.clf_para p {
    color: #4b4b4b;
    line-height: 23px;
    text-align: justify;
}

.clf_head_5 {
}

    .clf_head_5 table {
        width: 100%;
        margin-bottom: 10px;
    }

        .clf_head_5 table tr td {
            padding: 10px 5px;
            border: 1px solid #c2c2c2;
        }

            .clf_head_5 table tr td:first-child {
                width: 25%;
                background: #f5f5f5;
                text-transform: capitalize;
            }

            .clf_head_5 table tr td:nth-child(2) {
                color: #4b4b4b;
                padding-left: 10px;
            }

.cus_btn_raised {
    background: #d9534f;
    margin-left: 0px;
}

.clf_head_5 {
    padding-bottom: 14px;
}


/* clarification_overview_view end */


/* clarification raise start */

.nf_item * {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.nf_item b {
    background: #3b8acd;
    color: #ffffff;
}

.nf_item b,
.nf_item span {
    padding: 1px 10px;
    margin-left: 5px;
    border-radius: 2px;
}

.nf_item span {
    background: #8e75c2;
    color: #ffffff;
}

.clf_r_1 table tr td {
    padding-left: 10px;
    padding-right: 10px;
}

.clf_mail_list {
    white-space: nowrap;
    width: 45%;
}

    .clf_mail_list > div {
        border: 1px solid #ccc;
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        height: 100px;
        overflow: auto;
        width: 95%;
    }

        .clf_mail_list > div > span {
            display: inline-block;
            vertical-align: middle;
            margin: 5px;
            border-radius: 50px;
            background: #e1e1e1;
            font-size: 12px;
            text-transform: capitalize;
            padding: 5px 15px;
        }

            .clf_mail_list > div > span b {
                color: #e32d2d;
                padding-left: 5px;
                font-weight: 600;
                cursor: pointer;
            }

.clf_pl {
    padding-left: 20px !important;
}

.clf_m_w input[type="text"],
.clf_m_w input[type="file"],
.clf_m_w textarea {
    width: 95%;
    margin: 0;
}

.clf_m_w textarea {
    height: 28px;
}

.btn_row {
    display: block;
    text-align: center;
    padding-top: 15px;
}


/* clarification raise end */

.txt_area_200 textarea {
    height: 201px;
}

.txt_area_200_2 textarea {
    height: 277px;
}

.add_plus_2x {
    padding-bottom: 6px;
}

    .add_plus_2x i {
        font-size: 16px;
    }

.clr_tick_enter * {
    display: inline-block;
    vertical-align: middle;
}

.clr_tick_enter input[type="text"] {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.txt_btn {
    white-space: nowrap;
}

    .txt_btn * {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .txt_btn input[type="text"] {
        width: 90%;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

.spn_btn_sear {
    background: #3b8ede;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 7px 8px 7px;
    line-height: normal;
    margin-left: -7px;
    border-radius: 0px 4px 4px 0px;
    height: 26px;
    line-height: 26px;
}

    .spn_btn_sear i {
        display: block;
        margin-top: -3px;
    }

.grid_tl span i.fa-refresh, .refresh_i {
    color: #e32d2d;
    font-size: 17px;
}

.grid_tl span * {
    cursor: pointer;
}

.area_100 textarea {
    height: 100px;
}

.area_133 textarea {
    height: 133px;
}

.img_view_icon {
    cursor: pointer;
}

    .img_view_icon i {
        font-size: 19px;
        color: #64a863;
    }

.clarErrorDiv {
    margin-top: 10px;
}

    .clarErrorDiv .panel_info_row {
        display: none;
        margin-bottom: 10px;
        border: #ccc 1px solid;
        padding: 6px;
        height: 125px;
        overflow: auto;
        display: block;
        background: #F7F7F7;
    }


/* clarification_overview_view_2 start */

.clf_ov_2 {
    width: 60%;
    margin: 0 auto;
}

.ov_2_h {
    background: #405070;
    padding: 10px;
}

    .ov_2_h h2 {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600;
    }

        .ov_2_h h2 * {
            display: inline-block;
            vertical-align: middle;
            font-weight: 600;
            font-size: 15px;
        }

.lab_text {
    background: #eaeaea;
    padding: 10px 5px;
    border: 0px;
    margin-top: 4px;
    border-radius: 5px;
    display: block;
}

.cf_o_2_tb {
    padding-bottom: 15px;
}

    .cf_o_2_tb tbody td:first-child {
        text-align: left;
    }

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

.rsv_tab_list > div {
    display: none;
}

.rsv_tab_list .form_rule ul > li a {
    padding: 5px 5px 5px 22px;
}

.rsv_tab_list .form_rule ul > li > a:after {
    content: "\f0fe";
    font-family: 'FontAwesome';
    color: #009688;
    position: absolute;
    left: 3px;
    font-size: 17px;
    top: 3px;
}

.rsv_tab_list .form_rule ul > li.qc_tab_open > a:after {
    content: "\f0fe";
}

.rsv_tab_list .form_rule ul > li.qc_tab_close > a:after {
    content: "\f146";
}

.rsv_tab_list .form_rule ul ul {
    margin-left: 30px;
    padding-left: 5px;
}

.rsv_tab_list ul:after {
    content: "";
    position: absolute;
    background: #c2c2c2;
    top: 29px;
    left: 10px;
    bottom: 0;
    width: 1px;
    z-index: 0;
}

.rsv_tab_list ul ul:after {
    content: none;
}

.rsv_tab_list {
    height: 595px;
    overflow: auto;
}

    .rsv_tab_list .caret {
        display: none;
    }

    .rsv_tab_list .form_rule_li > li > ul {
        background: #efefef;
    }

.form_rule ul ul > li a.not_child {
    position: relative;
}

.rsv_tab_list .form_rule ul ul {
    padding-right: 15px;
}

    .rsv_tab_list .form_rule ul ul ul {
        background: #ffffff;
    }

    .rsv_tab_list .form_rule ul ul > li.UserLevel_3Tree a:after,
    .rsv_tab_list .form_rule ul ul > li.locationLevel_3Tree a:after,
    .rsv_tab_list .form_rule ul ul > li.NMQLevel_3Tree a:after,
    .rsv_tab_list .form_rule ul ul > li.CategoryLevel_3Tree a:after {
        content: "\f105";
        font-family: 'FontAwesome';
        color: #009688;
        position: absolute;
        left: 5px;
        font-size: 17px;
        background: transparent;
        top: 7px;
    }

.w_n {
    white-space: nowrap;
}

.tw_95 input[type="text"],
.tw_95 input[type="file"],
.tw_95 select,
.tw_95 textarea {
    width: 95%;
    display: inline-block;
    vertical-align: middle;
}

.sing_text textarea {
    height: 28px;
}

.tab_menu_c2 > ul > li a,
.tab_menu_c2 > ul > li span {
    background: #399bce;
}

    .tab_menu_c2 > ul > li a:hover,
    .tab_menu_c2 > ul > li.tab_active a,
    .tab_menu_c2 > ul > li span:hover,
    .tab_menu_c2 > ul > li.tab_active span {
        background: #046394;
        color: #fff;
    }

        .tab_menu_c2 > ul > li.tab_active a:after,
        .tab_menu_c2 > ul > li.tab_active span:after {
            color: #046394;
        }

.cr_tab_2_row > div {
    display: none;
}


/* clarification_overview_view_2 end */

.h_lab * {
    display: inline-block;
    vertical-align: middle;
    color: #464646;
}

.h_lab label {
    color: #046394;
}

.cus_drp_select_row > button {
    width: 100% !important;
    font-size: 13px;
    font-weight: 600;
    font-family: open-sans;
    color: #464646;
}

.cus_drp_select {
    background: #ffffff !important;
    text-align: left;
}

    .cus_drp_select > span {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 13px;
        font-weight: normal;
    }

.ui-icon-triangle-2-n-s {
    float: right;
}


/* jquery dropdown checkbox */

.ui-multiselect span.ui-icon {
    float: right;
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    left: -9999px;
    position: absolute !important;
    top: auto !important;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important;
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 3px 0 3px 4px;
}

    .ui-multiselect-header ul {
        font-size: 0.9em;
    }

        .ui-multiselect-header ul li {
            float: left;
            padding: 0 10px 0 0;
        }

    .ui-multiselect-header a {
        text-decoration: none;
    }

        .ui-multiselect-header a:hover {
            text-decoration: underline;
        }

    .ui-multiselect-header span.ui-icon {
        float: left;
    }

    .ui-multiselect-header .ui-multiselect-close {
        float: right;
        padding-right: 0;
        text-align: right;
    }

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    text-align: left;
    background: #ffffff;
}

.ui-multiselect-checkboxes {
    overflow-y: auto;
    position: relative;
}

    .ui-multiselect-checkboxes label {
        border: 1px solid transparent;
        cursor: default;
        display: block;
        padding: 3px 1px;
    }

        .ui-multiselect-checkboxes label input {
            position: relative;
            top: 1px;
        }

        .ui-multiselect-checkboxes label img {
            height: 30px;
            vertical-align: middle;
            padding-right: 3px;
        }

    .ui-multiselect-checkboxes li {
        clear: both;
        font-size: 0.9em;
        list-style: none;
        padding: 5px;
    }

    .ui-multiselect-checkboxes .ui-multiselect-optgroup {
        padding: 3px;
    }

.ui-multiselect-columns {
    display: inline-block;
    vertical-align: top;
}

.ui-multiselect-checkboxes .ui-multiselect-optgroup a {
    border-bottom: 1px solid;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 1px 0;
    padding: 3px;
    text-align: center;
    text-decoration: none;
}

.ui-multiselect-menu {
    display: none;
}

.ui-multiselect-hasfilter ul {
    position: relative;
    top: 2px;
}

.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
    font-size: 11px;
}

    .ui-multiselect-filter input {
        width: 100px;
        font-size: 10px;
        margin-left: 5px;
        height: 15px;
        padding: 2px;
        border: 1px solid #292929;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
    }

.cus_drp_select li input[type="checkbox"] {
    margin-right: 10px;
}

.cus_drp_select {
    cursor: pointer;
}

    .cus_drp_select li {
        padding: 5px 5px;
        cursor: pointer;
    }

        .cus_drp_select li .c-checkbox input[type="checkbox"]:checked + .c-checkbox__img::before {
            top: -7px;
        }

        .cus_drp_select li > span > span {
            margin-right: 10px;
        }

        .cus_drp_select li span.ui-state-hover {
            background: #526997;
        }

        .cus_drp_select li label.ui-state-hover * {
            color: #ffffff;
        }

.grid_panel.gfood_hide .ui-widget-content {
    border-radius: 0px;
}

.gfood_hide .ui-jqgrid-pager {
    display: none !important;
}

.div_90,
.div_90_1 {
    white-space: nowrap;
}

    .div_90 .cus_drp_select_row {
        width: 86%;
    }

    .div_90 > *,
    .div_90_1 > * {
        display: inline-block;
        white-space: normal;
        vertical-align: middle;
    }

    .div_90_1 > div {
        width: 81%;
        white-space: nowrap;
    }

.cus_drp_select_row .ui-multiselect {
    border: 1px solid #A8A8A8;
    padding: 3px 5px;
}

.nmq_cc_img_row {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.0);
    display: none;
    z-index: 10000;
}

    .nmq_cc_img_row:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .nmq_cc_img_row > div {
        display: inline-block;
        vertical-align: middle;
        width: 800px;
        margin: 0 auto;
        text-align: left;
        background: #ffffff;
        border-radius: 2px;
        padding: 2px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
    }

.nmq_cc_img_view {
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

    .nmq_cc_img_view figure {
        width: 100%;
        height: 400px;
        margin: 0 auto;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .nmq_cc_img_view figure img {
            vertical-align: middle;
            display: inline-block;
            max-width: 100%;
            text-align: center;
            max-height: 100%;
        }

.nmq_cc_img_row .nmq_owl_row .owl-item {
    border: 1px solid #cccccc;
}

.nmq_cc_img_row .nmq_owl_row li a {
    width: 100%;
    height: 120px;
}

    .nmq_cc_img_row .nmq_owl_row li a:before,
    .nmq_cc_img_row .nmq_owl_row li a:after {
        content: none !important;
    }

.nmq_cc_img_row .dup_close {
    top: -9px;
}

.tooltipster-content small {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 1px;
}

.nmt_log_1ist > span {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
}

    .nmt_log_1ist > span > b {
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
        font-size: 12px;
    }

.nmt_row_wrap tbody td {
    vertical-align: top;
}

    .nmt_row_wrap tbody td:nth-child(2) {
        width: 30%;
    }

    .nmt_row_wrap tbody td:nth-child(1) {
        width: 20%;
    }

.nmt_row_wrap thead td {
    text-align: left;
    text-transform: uppercase !important;
}

.nnc_compl {
    margin-top: 0px;
}

    .nnc_compl select {
        display: block;
        vertical-align: middle;
        padding: 1px 5px;
    }

.com_th_2 {
    text-align: center;
}

    .com_th_2 span {
        display: inline-block;
        vertical-align: middle;
    }

    .com_th_2 label {
        margin-top: -3px;
        display: inline-block;
        vertical-align: middle;
    }

    .com_th_2 i.fa-external-link-square {
        font-size: 15px;
    }

.cc_cv_5 .fa-external-link,
.cc_cv_6 .fa-external-link {
    font-size: 16px;
}

.nnc_compl i.fa-external-link-square, .exter_i {
    color: #206db3;
}

.com_status {
    font-size: 15px;
    vertical-align: middle;
    margin-top: -2px;
}

.nnc_compl [class^="com_status"] i {
    font-size: 16px;
}

.com_status_1 i {
    color: #76c48a;
}

.com_status_0 i {
    color: #da8487;
}

.unapproved:after {
    content: "\f165";
    color: #da8487;
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
}

.approved:after {
    content: "\f164";
    color: #76c48a;
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
}

.view_nmt .panel_1 {
    margin-bottom: 0;
    padding: 0px;
}

.tooltip_bg_white.tooltipster-sidetip .tooltipster-box {
    background: #fff;
    padding: 0px;
}

.view_nmt .tble_static {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.tble_static td {
    font-size: 13px;
}

.tooltip_bg_white.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #2b3d61;
}

.view_nmt .nmt_row_wrap {
    width: 600px;
}

.view_nmt .panel_1:hover .h_5 h2 {
    background: transparent !important;
}


/*subgrid css start*/

.subgrid_on tbody td .ui-jqgrid .ui-jqgrid-hdiv,
.subgrid_on tbody td .ui-jqgrid .ui-corner-bottom {
    display: none !important;
}

.subgrid_on tbody td .ui-jqgrid {
    border-radius: 0px !important;
}

.subgrid_on .ui-subgrid td:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
}

.subgrid_on tbody td .ui-jqgrid tr:last-child td {
    border-bottom: 0px;
}

.subgrid_on tbody td .ui-jqgrid td:first-child {
    border-right: 1px solid transparent !important;
}

.subgrid_on .ui-widget-content .ui-sgcollapsed .ui-icon-plus::after {
    content: "\f067";
    font-family: "FontAwesome";
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #2b3d61;
}

.subgrid_on .ui-widget-content .ui-sgcollapsed .ui-icon-minus::after {
    content: "\f068";
    font-family: "FontAwesome";
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
}

.subgrid_on .ui-widget-content .sgcollapsed .ui-icon {
    background-image: none;
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    width: auto;
    height: auto;
}

.subgrid_on .ui-widget-content .sgexpanded .ui-icon {
    background-image: none;
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    width: auto;
    height: auto;
}

.subgrid_on .ui-widget-content .sgcollapsed:hover {
    background: #2b3d61 !important;
}

    .subgrid_on .ui-widget-content .sgcollapsed:hover .ui-icon:after {
        color: #ffffff;
    }

.subgrid_on .ui-widget-content .sgexpanded {
    background: #2b3d61 !important;
}

.subgrid_on .ui-jqgrid-bdiv tbody tr:nth-child(odd) td:first-child {
    background: #ffffff;
}

.subgrid_on .ui-subgrid tr td {
    background: #efefef !important;
}

.subgrid_on tbody td .ui-jqgrid tr:first-child td {
    height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

.subgrid_on.grid_panel .ui-jqgrid-bdiv tbody tr:nth-child(odd):hover td:first-child {
    background: #2b3d61;
}

.subgrid_on.grid_panel .ui-jqgrid-bdiv tbody tr:nth-child(odd):hover .ui-icon:after {
    color: #ffffff;
}

.subgrid_on tbody tr.ui-subgrid .ui-jqgrid.ui-widget-content {
    border-right: 0px !important;
}

    .subgrid_on tbody tr.ui-subgrid .ui-jqgrid.ui-widget-content td {
        border-left: 0px;
        border-right: 0px;
    }

.subgrid_on tbody tr.ui-widget-content {
    background: transparent;
}

.subgrid_on tr.ui-subgrid .vt_m {
    margin-left: -3px;
}

.subgrid_on tr.ui-subgrid .dd_tab_cnt span {
    border-color: #206db3;
}

.grid_unit_td .auto_s {
    display: block;
    margin-top: 5px;
}

    .grid_unit_td .auto_s:first-child {
        margin-top: 0;
    }


/*subgrid css end*/

.value_ext_row,
.unit_ext_row {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

.ex_link i {
    color: #206db3;
    display: block;
    font-size: 18px;
}

.add_cs_td i {
    font-size: 18px;
}

.td_b {
    vertical-align: bottom;
}

.nmt_letter > span {
    text-transform: uppercase;
    width: 50px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    background: #fff;
    color: #606cad;
    cursor: pointer;
    background: #e5ebf8;
    display: table-cell;
    vertical-align: middle;
}


/* new charset start */

.cc_char_new_row .tble_static thead td {
    text-align: center;
}

.cc_char_new_row .tble_static td {
    padding: 2px 5px;
}

.cc_char_new_row .tble_static thead,
.cc_char_new_row .tble_static tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.cc_char_new_row .tble_static tbody {
    display: block;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.nmt_attr_td,
.nmt_val_td {
    white-space: nowrap;
}

    .nmt_attr_td .auto_s,
    .nmt_val_td .auto_s {
        margin-right: 5px;
    }

    .nmt_val_td .auto_s {
        width: 75px;
    }

.cc_cv_1,
.cc_cv_2,
.cc_cv_3,
.cc_cv_4 {
    width: 3%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .cc_cv_4 i {
        display: inline-block;
        vertical-align: middle;
    }

.cc_cv_7 {
    width: 7%;
    text-align: center;
}

.cc_cv_5 {
    width: 34%;
}

.cc_cv_10 {
    width: 5%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.cc_cv_6 {
    width: 13%;
}

.cc_cv_9 {
    width: 30%;
}

.cc_cv_8 {
    width: 8px;
}

.cc_char_new_row .tble_static table tbody tr {
    background: #ffffff;
    border: 0px;
    border-top: 1px solid #c2c2c2;
    height: auto;
}

    .cc_char_new_row .tble_static table tbody tr:last-child {
        border-bottom: 1px solid #c2c2c2;
    }

.cc_char_new_row .tble_static table tbody tr {
    border-left: 0px;
}

    .cc_char_new_row .tble_static table tbody tr.cv_sub_td {
        background: #efefef;
    }

.cv_sub_td .cc_cv_1 .fa-level-up {
    transform: rotate(90deg);
    padding-left: 5px;
}

.cc_cv_1:hover {
    background: #2b3d61;
    color: #ffffff;
}

    .cc_cv_1:hover i {
        color: #ffffff;
    }

.cv_sub_td td.cc_cv_1:hover {
    background: inherit;
}

.cv_sub_td td.cc_cv_1 i {
    color: #1973bf !important;
}

.cv_parent_td .cc_cv_1 {
    border-right: 1px solid #c2c2c2;
}

.cc_cv_1 > i {
    display: block;
    line-height: normal;
}

.file_descr_off {
    background: rgba(0, 0, 0, 0.3) !important;
    cursor: not-allowed;
}

.nmt_attr_td,
.nmt_val_td,
.nmt_td_chk > span,
.more_cv_del,
.more_cv_on {
    margin-top: 5px;
}

    .nmt_attr_td:first-child,
    .nmt_val_td:first-child,
    .nmt_td_chk > span:first-child,
    .more_cv_del:first-child,
    .more_cv_on:first-child {
        margin-top: 0px;
    }

.nmt_td_chk > span {
    display: block;
    clear: both;
    padding-top: 2px;
    padding-bottom: 6px;
}

.more_cv_on,
.more_cv_del {
    display: block;
    clear: both;
    padding-top: 2px;
    padding-bottom: 6px;
}

.more_cv_del {
    display: block;
}

    .more_cv_del i {
        display: block;
        font-size: 19px;
        color: #e32d2d;
    }

.tble_static table td.cc_cv_9,
.tble_static table td.cc_cv_10,
.tble_static table td.cc_cv_1 {
    vertical-align: middle;
}


/* new charset end */



.disableCCRow_2 {
    background: #f0f0f0;
}

.cs_char_auto li a label {
    font-weight: normal;
    display: block;
}

.cs_char_auto li > a > span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #206db3;
}

.cs_char_auto li:hover a span {
    color: #ffffff;
}

.ac_set_w {
    width: 300px !important;
}

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

.cs_char_auto li a {
    padding-left: 20px !important;
    position: relative;
}

    .cs_char_auto li a:after {
        content: "\f024";
        position: absolute;
        font-family: "FontAwesome";
        top: 6px;
        left: 2px;
        font-size: 12px;
    }

.cs_char_auto li.ApprovedFlag a:after {
    color: #3fb884;
}

.cs_char_auto li.ApprovedCatFlag a:after {
    color: #f7a120;
}

.cs_char_auto li.UnApprovedFlag a:after {
    color: #e55957;
}

.cs_char_auto li.AdminUnApprovedFlag a:after {
  /*  color: #f7fa48;*/
    color: blue;
}


.cs_char_auto li.PredefinedFlag a:after {
    color: #206db3;
}



.cs_char_auto li.InActiveValue {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.cs_char_auto li:hover a:after {
    color: #ffffff !important;
}

[class^="cs_char"],
.cv_attr,
.cv_val_td {
    position: relative;
}

.disabledCheckbox .c-checkbox__img,
.disabledCheckbox .c-radio__img {
    border-color: #A8A8A8;
    background: #F7F7F7;
}

input[type="text"]::-ms-clear {
    display: none;
}

.cc_char_pop_1 header * {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
}

.cc_char_pop_1 header b {
    color: #3f74bb;
    margin-top: -3px;
}

.cchar_pop_i {
    padding-top: 0px;
}

    .cchar_pop_i i {
        border-radius: 3px;
        color: #ffffff;
        font-size: 14px;
        padding: 4px 5px;
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }

        .cchar_pop_i i.fa-pencil {
            background: #26ba86;
        }

        .cchar_pop_i i.fa-clone {
            background: #4b8be2;
        }

.unit_req_pop label {
    display: inline-block;
    vertical-align: middle;
}

.unit_req_pop > span {
    padding-right: 15px;
}

.h2_h_off:hover .h_5 h2:after,
.h2_h_off:hover .h_5 h2:before {
    content: none !important;
}

.h2_h_off:hover .h_5 h2 {
    background: transparent;
    color: inherit;
}


/*@media screen and (-webkit-min-device-pixel-ratio:0)*/

.ccc_pop_vlu .special_sea .cus_select select {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.ccc_pop_vlu .special_sea .input_sear input[type='text'] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.ccc_pop_vlu .special_sea .input_sear .auto_s:after {
    top: 6px;
}

.ccc_pop_vlu .special_sea .input_sear {
    width: 62%;
}

.ccc_pop_vlu .special_sea {
    display: block;
    white-space: nowrap;
}

.ccc_pop_vlu {
    background: #F7F7F7;
    border: #ccc 1px solid;
}

.tbl_lab_f table td.ccc_pop_vlu td {
    padding: 0px 2px 0px 0px;
}

.load_comm_rule .his_table thead td {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.load_comm_rule .his_table tbody td {
    height: auto;
    text-align: left;
    padding: 10px 8px;
}

    .load_comm_rule .his_table tbody td:first-child {
        white-space: nowrap;
        font-weight: 600;
        padding-right: 10px;
    }

.nmt_log_1ist [class^="com_status_"] {
    font-size: 19px;
    padding-right: 5px;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 2px;
}

.ui-autocomplete > li > span.ui-state-highlight {
    display: inline-block;
    vertical-align: middle;
}

.lang_setting thead td:first-child,
.lang_setting tbody td:first-child {
    text-align: center;
    width: 30px;
}

.lang_setting thead td:last-child,
.lang_setting tbody td:last-child {
    f text-align: center;
    width: 75px;
}

.lang_list_td figure {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}

.lang_list_td label {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    font-weight: 600;
    text-transform: capitalize;
}

.lang_list_td img {
    width: 33px;
    display: block;
    border: 1px solid #c5c5c5;
    padding: 2px;
    border-radius: 3px;
    margin-right: 5px;
}

.ui-autocomplete > li > span.ui-state-highlight {
    display: inline-block;
    vertical-align: middle;
}

.pb_15 {
    padding-bottom: 15px;
}

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

.drawing_row .pt_5 {
    padding-top: 5px;
}

.width_473 {
    width: 473px !important;
}

.ac_wn li {
    white-space: nowrap;
}

.ac_9 {
    height: 270px;
    overflow: auto;
}

.ac_11 {
    height: 350px;
    overflow: auto;
}

.auto_txv {
    position: relative;
}

.panel_togle .fa-chevron-up:before,
.panel_togle_cus .fa-chevron-up:before {
    content: none !important;
    opacity: 0 !important;
}


/*.grid_panel .ui-jqgrid-htable th:last-child, .grid_panel .ui-jqgrid-bdiv td:last-child
{
    padding-right:15px;
}*/

.ui-pg-table.navtable td .ui-pg-div > label {
    font-weight: normal;
}

.nmq_tree_parent > a:before {
    color: #29a2b2;
    content: "\f0fe";
    display: inline-block;
    height: 7px;
    left: 7px;
    font-size: 14px;
    position: absolute;
    top: 12px;
    width: 7px;
    font-family: 'FontAwesome';
}

.nmq_tree_parent ul a:before {
    color: #29a2b2;
    content: "\f146";
    display: inline-block;
    height: 7px;
    left: 7px;
    font-size: 14px;
    position: absolute;
    top: 12px;
    width: 7px;
    font-family: 'FontAwesome';
}

.nmq_tree_child > a:before {
    color: #29a2b2;
    content: "\f146";
    display: inline-block;
    height: 7px;
    left: 7px;
    font-size: 14px;
    position: absolute;
    top: 12px;
    width: 7px;
    font-family: 'FontAwesome';
}

.tree_li li a:hover:before {
    color: #ffffff;
}

.tree_parent_open:before {
    content: "\f146" !important;
}

.tree_name_li label {
    position: relative;
}


/*  
.tree_name_li label:before{
    position:relative;
    content:"\f105";
    padding-right:5px;
    padding-left:5px;
    font-family: 'FontAwesome';
    font-size: 11px;
}
.tree_name_li label:first-child:before {
        content:none;
    }

}

/* cleans start */

html,
body {
    height: 100%;
}

.cs_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.cs_top_row {
    -webkit-bos-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.cs_footer_row {
    -webkit-bos-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    background: #ffffff;
    z-index: 3;
}

.cs_main_row {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding: 5px;
    position: relative;
}

.vendor_cs_tab_hide {
    display: none;
}

.vendor_cs_tab > ul {
    display: inline-block;
}

.vendor_cs_tab > .grid_tl {
    float: right;
}

.ui-jqgrid-toppager > .ui-pager-control > .ui-pg-table > tbody > tr > td:nth-child(2) {
    display: none !important;
}


/* user tacking css start */

.user_trk {
    padding-top: 10px;
}

[class^="vtrack_"] li {
    display: block;
    padding: 10px 6px;
    position: relative;
    border-top: 1px solid #d9d9d9;
}

    [class^="vtrack_"] li:first-child {
        border-top: 0px;
    }

.vtrack_user {
    height: 275px;
    overflow: auto;
}

    .vtrack_user li figure {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 50%;
    }

        .vtrack_user li figure img {
            width: 100%;
            height: 100%;
        }

    .vtrack_user li p {
        display: inline-block;
        vertical-align: middle;
    }

        .vtrack_user li p * {
            display: block;
        }

        .vtrack_user li p span {
            font-weight: 600;
            font-size: 13px;
            padding-bottom: 3px;
        }

        .vtrack_user li p b {
            font-weight: normal;
            font-size: 11px;
        }

[class^="mhead"] {
    display: block;
    position: relative;
    padding: 10px;
}

    [class^="mhead"] > h2 {
        font-weight: 600;
        font-size: 15px;
        text-transform: capitalize;
        color: #ffffff;
    }

.mhead_1 {
    background: #4292c0;
}

.mhead_2 {
    background: #7883c1;
}

.vtrack_ip {
    height: 275px;
    overflow: auto;
}

    .vtrack_ip li {
        padding: 4px 6px !important;
    }

        .vtrack_ip li * {
            display: inline-block;
            vertical-align: middle;
        }

        .vtrack_ip li > i {
            width: 30px;
            text-align: center;
            color: #7883c1;
            font-size: 20px;
        }

        .vtrack_ip li p * {
            display: block;
        }

        .vtrack_ip li p b {
            color: #8d8d8d;
            display: block;
            font-size: 11px;
            padding-top: 3px;
        }

.live_user .tble_static thead,
.live_user .tble_static tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.live_user .tble_static tbody {
    display: block;
    overflow-y: scroll;
    height: 367px;
}



.live_user .tble_static thead td:last-child {
    padding-right: 15px;
    width: 110px;
}

.live_user .tble_static tbody td:last-child {
    width: 100px;
    text-align: center;
}

.ut_pro figure {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

    .ut_pro figure img {
        width: 100%;
        height: 100%;
    }

.ut_pro b {
    display: inline-block;
    vertical-align: middle;
}

.date_full .date_t {
    display: block;
    width: 100%;
}


/* user tacking css end */


/* admin dashaboard css start */

.ad_row_1 li {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #bfbfbf;
}

    .ad_row_1 li:first-child {
        border-top: 0px;
    }

    .ad_row_1 li * {
        display: block;
        text-align: center;
    }

    .ad_row_1 li img {
        margin: 0 auto;
    }

    .ad_row_1 li span {
        padding-top: 10px;
        font-weight: 600;
        font-size: 13px;
    }

.cus_btn_mail {
    background: #38b67f;
}

.cus_btn_bkup {
    background: #7986cb;
}

.ad_row_2 .panel_2,
.ad_row_3_1 .panel_2 {
    text-align: center;
}

.sm_head {
    color: #314369;
    font-size: 13px;
    text-transform: capitalize;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ad_row_3_2_1 {
    margin-top: 20px;
}

    .ad_row_3_2_1 li {
        display: block;
        padding-top: 2px;
        padding-bottom: 2px;
        border-top: 1px solid #d0d0d0;
    }

        .ad_row_3_2_1 li:first-child {
            border-top: 0px;
        }

        .ad_row_3_2_1 li p {
            display: inline-block;
            vertical-align: middle;
            width: 90%;
            text-align: left;
        }

            .ad_row_3_2_1 li p * {
                display: block;
            }

            .ad_row_3_2_1 li p label {
                text-transform: capitalize;
                padding-bottom: 3px;
                font-size: 14px;
            }

            .ad_row_3_2_1 li p span {
                color: #3b8ede;
                font-weight: 600;
                font-size: 18px;
                min-height: 25px;
            }

        .ad_row_3_2_1 li > i {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            cursor: pointer;
            color: #e13539;
        }

.ad_chart_1 * {
    color: #ffffff;
}


/* admin dashaboard css end */


/* dropdown with autosearch  start */

.drp_auto > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.drp_auto .cus_select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90px;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px;
}

    .drp_auto .cus_select select {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        border-radius: 5px 0px 0px 5px;
        font-size: 12px;
        padding: 3px 5px 2px 5px;
        width: 100%;
        border-right: 0px;
        height: 26px;
    }

    .drp_auto .cus_select:after {
        border-width: 6px 4px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .drp_auto .cus_select select {
        padding-top: 4px !important;
        padding-bottom: 3px !important;
    }

    .req_d_tb_view {
        padding: 9px 0px 0.1em 0px !important
    }
}

.drp_auto .auto_s {
    -webkit-box-flex: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

    .drp_auto .auto_s input[type="text"] {
        border-radius: 0px 5px 5px 0px;
        height: 26px;
    }

.drp_auto .cus_select:after {
    top: 10px;
}


/* dropdown with autosearch  end */

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

.wh_now {
    white-space: nowrap;
}

.dropdown-toggle {
    cursor: pointer;
}

.jqg-second-row-header * {
    text-align: center;
    font-style: normal;
}

@media screen and (min-width:0\0) {
    .ui-jqgrid {
        width: 100% !important;
    }
}

.td_break tbody td {
    white-space: normal !important;
}

.drop_h select {
    width: 90%;
}

.p_5 {
    padding: 5px;
    padding: 2px 4px 3px 4px;
}

.pt_4 {
    padding-top: 4px;
}

.pri_txt input[type="text"],
.pri_txt [class^="req_pri"] {
    display: inline-block;
    vertical-align: middle;
}

.pri_txt input[type="text"] {
    width: 50px;
    margin-right: 3px;
}

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

.prio_row table td {
    padding: 2px 6px 3px 6px
}

.tble_90 table {
    width: 90%;
}

.drop_h table td {
    padding: 0px 10px;
}

.prio_row [class^="req_pri"] {
    padding: 3px 4px 4px 4px;
    margin-left: -10px;
    border-radius: 0px 5px 5px 0px;
    font-weight: normal;
    font-size: 12px;
}

    .prio_row [class^="req_pri"] label {
        font-weight: normal;
    }

.prio_row .req_pri_low {
    border: 1px solid #61bd4f;
    background: #ebfde7;
}

.prio_row .req_pri_med {
    border: 1px solid #ff9f1a;
    background: #ffeacd;
}

.prio_row .req_pri_high {
    border: 1px solid #eb5a46;
    background: #feccc5;
}

.yes_i {
    color: #1fa67a;
    font-size: 16px;
}

.no_i {
    color: #e32d2d;
    font-size: 16px;
}

.td_cen td {
    text-align: center;
}

@media only screen and (max-width:1359px) {
    .dv_48 {
        width: 71% !important;
    }
}

.m_hist_icon {
    color: #7986cb;
    font-size: 18px;
    cursor: pointer;
}

.left_menu_tree .loading {
    top: 32px;
}


/* theme page start */

.them_page_row .theme_aside {
    position: relative !important;
    bottom: auto !important;
    margin-left: 0 !important;
    height: 383px;
    min-width: auto !important;
}

.txt_h_1 {
    height: 27px;
}

.hover_clr_picker {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    transition: all 0.2s ease-in-out;
    z-index: 100;
}

    .hover_clr_picker.title_color_row,
    .hover_clr_picker.tabmenu_color_row {
        position: relative;
        display: inline-block;
        margin-left: 25px;
    }

    .hover_clr_picker.savebtn_color_row {
        position: relative;
        display: inline-block;
        margin-left: 5px;
    }

    .hover_clr_picker:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

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

.sp-replacer .sp-preview,
.sp-replacer .sp-dd {
    display: none;
}

.cust_brush i {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #ffffff;
}

.top_header_theme {
    position: relative;
}

.h_5 {
    position: relative;
}

.btn_pos {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.sav_btn_pos:hover .resetbtn_color_row {
    opacity: 1;
    transform: scale(1);
    transition: all 0.2s ease-in-out;
}

.btn_pos_2 .sp-replacer {
    width: 25px;
    line-height: 16px;
    margin-top: -5px;
    height: 25px;
}

.tab_menu {
    position: relative;
}

.btn_pos_2 .sp-replacer i {
    font-size: 14px;
}

.btn_pos_2:hover .tabmenu_color_row {
    opacity: 1;
    transform: scale(1);
    transition: all 0.2s ease-in-out;
}

.theme_tab_menu {
    margin-bottom: 5px;
}

    .theme_tab_menu .tab_menu_row {
        display: inline-block;
        vertical-align: middle;
    }

.grid_panel {
    position: relative;
}

    .grid_panel:hover .grid_color_row {
        opacity: 1;
        transform: scale(1);
        transition: all 0.2s ease-in-out;
    }


/* theme page end */


/* theme color  css end */

.select_theme li {
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    padding: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    margin: 25px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

    .select_theme li figure,
    .select_theme li figure img,
    .select_theme li span {
        display: block;
    }

    .select_theme li figure {
        overflow: hidden;
        position: relative;
    }

        .select_theme li figure img {
            width: 100%;
            transition: all 0.4s ease-in-out;
        }

    .select_theme li span {
        font-weight: 600;
        text-transform: uppercase;
        padding-top: 25px;
        padding-bottom: 15px;
    }

    .select_theme li:hover img {
        transform: scale(1.2);
        transition: all 0.4s ease-in-out;
    }

    .select_theme li figure:after,
    .select_theme li.active_theme:after {
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        content: "\f058";
        color: #1D9E74;
        font-family: 'FontAwesome';
        top: 0px;
        font-size: 30px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        text-align: center;
        transition: all 0.4s ease-in-out;
        padding-top: 0px;
        opacity: 0;
        padding-top: 5%;
    }

    .select_theme li:hover figure:after,
    .select_theme li.active_theme:after {
        padding-top: 35%;
        opacity: 1;
        transition: all 0.4s ease-in-out;
    }

    .select_theme li.active_theme:hover figure:after {
        content: none;
    }

    .select_theme li.active_theme:hover img {
        transform: scale(1);
    }


/* theme color  css start */

.div_dis > div {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}

    .div_dis > div:first-child {
        padding-left: 0px;
    }

.pl_25 {
    padding-left: 5%;
}

.disabledCheckbox {
    cursor: not-allowed;
}

.req_panel_5 .c-checkbox {
    margin-top: -3px;
}

.cus_checkbox input[type="hidden"] {
    display: none;
}


/* request config css start */

.td_pr {
    padding-right: 25px !important;
}

.rc_td_chk > span {
    padding-left: 10px;
    padding-right: 10px;
}

.rc_tab header {
    display: block;
    margin-bottom: 0px;
}

    .rc_tab header ul {
        display: block;
        float: none;
        text-align: center;
    }

    .rc_tab header li {
        width: 50%;
        text-align: center;
    }

        .rc_tab header li span {
            padding-top: 6px;
            padding-bottom: 6px;
        }

.rc_tab .field_li {
    background: #efefef;
    padding: 0px;
    border: 1px solid #c0c0c0;
    border-top: 0px;
}

.rc_tab li {
    border-top: 1px solid #c0c0c0;
    padding: 6px;
    cursor: pointer;
}

    .rc_tab li:hover {
        background: #62759b;
        color: #ffffff;
    }

.field_li {
    overflow: auto;
}

    .field_li .fc-field .cls_drag {
        display: none
    }

.li_paste {
    overflow: auto;
    height: 189px;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 10px;
}

    .li_paste > li {
        display: inline-block;
        background: #f1f1f1;
        margin-left: 10px;
        border-radius: 20px;
        padding: 3px 10px;
        position: relative;
        margin-bottom: 10px;
        font-weight: normal;
        cursor: pointer;
    }


        /*.li_paste  > li:after
{
content: "X";
font-weight: 600;
color: #ee0000;
position: absolute;
right: 7px;
font-size: 13px;
top: 5px;
}*/

        .li_paste > li.ui-sortable-placeholder {
            height: auto !important;
        }


/* request config css end */

.iu_td {
    padding-top: 12px;
    text-align: center;
}

.input_dis {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.cls_drag {
    color: #b72517;
    font-size: 12px;
    cursor: pointer;
    font-weight: 600;
    padding-left: 7px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.sec_row_pan_show {
    display: block !important;
}

.req_panel_dyn > div {
    display: none;
}

.tx_span_f {
    width: 100%;
    display: block;
}

.req_pan_pad .panel_info_row > div {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}


/* algoritham setting start */

.alg_row {
    padding: 10px;
    white-space: nowrap;
}

    .alg_row * {
        display: inline-block;
        vertical-align: middle;
    }

.alg_left {
    width: 277px;
    padding-right: 25px;
    color: #405070;
    word-break: break-all;
}

    .alg_left > label {
        font-size: 14px;
    }

.alg_row > ul {
    margin-left: -10px;
    border-left: 1px solid #a6a6a6;
    padding-left: 10px;
    padding-top: 6px;
    width: 85%;
    white-space: normal;
}

    .alg_row > ul li {
        display: inline-block;
        background: #f1f1f1;
        border: 1px solid #ccc;
        margin-left: 10px;
        border-radius: 4px;
        padding: 2px 6px;
        position: relative;
        margin-bottom: 10px;
        font-weight: 600;
        cursor: pointer;
        font-size: 12px;
    }

        .alg_row > ul li:hover {
            background: #3b5078;
            color: #ffffff;
        }

.alg_info_pan {
    border-top: 1px solid #a6a6a6;
}

.alg_info_main .tab_li ul {
    float: left;
}

.des_leng {
    display: block;
    font-size: 12px;
    padding-top: 2px;
}


    /*.des_leng b {
    color: #fff;
margin-left: 10px;
border-radius: 2px;
padding: 1px 8px;
font-size: 12px;
background: #00bcd4;
display: inline-block;
vertical-align: middle;
}*/

    .des_leng b {
        margin-left: 2px;
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
    }

.alg_row li .cls_drag {
    display: none !important;
}


/* algoritham setting end */

.displantloc {
    display: none !important
}


/* Request Dashboard css start */

.req_dash_left_1 [class^="rd_col"] {
    padding-top: 15px;
    position: relative;
    padding-bottom: 15px;
    cursor: pointer;
}

.req_dash_left_1 [class^="rd_col_"] * {
    color: #ffffff;
    text-align: center;
    display: block;
}

.req_dash_left_1 [class^="rd_col_"] span {
    text-transform: uppercase;
    padding-bottom: 2px;
    font-size: 13px;
    font-weight: 600;
}

.req_dash_left_1 [class^="rd_col_"] b {
    font-weight: 600;
    font-size: 25px;
}

.rd_col_1 {
    background: #35c591;
}

.rd_col_2 {
    background: #00bcd4;
}

.rd_col_3 {
    background: #ec768c;
}

.req_dash_left_2,
.req_dash_left_5 {
    display: block;
    border: 1px solid #bfbfbf;
    background: #ffffff;
    margin-bottom: 20px;
}

.rd_erp_1 {
    background: #5b8ab5;
}

.rd_fig_cap figure,
.rd_fig_cap b {
    display: block;
    text-align: center;
}

    .rd_fig_cap figure img {
        margin: 0 auto;
        display: inline-block;
    }

.rd_fig_cap b {
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
}

.rd_fig_cap {
    padding-top: 10px;
    padding-bottom: 10px;
}

.rd_lab_cnt {
    padding-top: 11px;
    padding-bottom: 11px;
    cursor: pointer;
    min-height: 66px;
}

.req_dash_left_2 .col-lg-3,
.req_dash_left_5 .col-lg-6 {
    border-left: 1px solid #bfbfbf;
}

.rd_bl_0 {
    border-left: 0px !important;
}

.rd_lab_cnt span {
    text-transform: capitalize;
    padding-bottom: 2px;
    font-size: 13px;
}

.rd_lab_cnt b {
    font-weight: 600;
    font-size: 18px;
}

.rd_lab_cnt * {
    display: block;
    text-align: center
}

.rd_head_1 {
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .rd_head_1 * {
        display: inline-block;
        vertical-align: middle;
        color: #ffffff;
    }

    .rd_head_1 i {
        font-size: 25px;
        padding-right: 5px;
    }

    .rd_head_1 b {
        font-weight: 600;
        font-size: 13px;
        color: #ffffff;
    }

.rd_cnt_tble table {
    width: 100%;
}

    .rd_cnt_tble table tr {
        border-top: 1px solid #bfbfbf;
    }

        .rd_cnt_tble table tr:first-child {
            border-top: 0px;
        }

.rd_cnt_tble {
    display: block;
    border: 1px solid #bfbfbf;
    background: #ffffff;
    min-height: 185px;
}

    .rd_cnt_tble td {
        padding: 10px 10px 0.85em 10px;
    }

        .rd_cnt_tble td span {
            text-transform: capitalize;
            padding-bottom: 2px;
            font-size: 13px;
        }

        .rd_cnt_tble td b {
            float: right;
            font-weight: 600;
            font-size: 18px;
        }

.req_dash_left_3 .rd_head_1 {
    background: #3b8ede;
}

.req_dash_left_4 .rd_head_1 {
    background: #5eb0b5;
}

.rd_cnt_tble td {
    cursor: pointer;
}

.req_dash_left_4 .rd_cnt_tble td {
    padding-top: 0.45em;
    padding-bottom: 0.45em;
}

.req_dash_left_5 {
    margin-top: 20px;
    margin-bottom: 0px !important
}

    .req_dash_left_5 .rd_fig_cap {
        background: #8271ab;
    }

        .req_dash_left_5 .rd_fig_cap figure img {
            height: 25px;
        }

.req_dash_left_2 .rd_fig_cap {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 66px;
}

.req_d_tb_view {
    background: #ffffff;
    padding: 9px 0px 0.34em 0px;
    position: relative;
}



.rdr_row_1 .rd_fig_cap b {
    color: #464646;
    font-size: 14px;
}

.rdr_row_1 .col-lg-3,
.rdr_row_1 .col-xs-3 {
    border-left: 1px solid #bfbfbf;
}

.tab_active_rd,
.rd_erp_1,
.req_dash_left_3 .rd_head_1,
.req_dash_left_4 .rd_head_1 {
    position: relative;
}

    .tab_active_rd:after {
        content: "";
        position: absolute;
        bottom: 0;
        border-width: 10px 9px;
        border-color: transparent transparent #ffffff transparent;
        border-style: solid;
        z-index: 1;
        left: 50%;
        margin-left: -10px;
    }

    .rd_erp_1:after {
        content: "";
        position: absolute;
        top: 50%;
        border-width: 8px 10px;
        border-color: transparent transparent transparent #5b8ab5;
        border-style: solid;
        z-index: 1;
        left: 100%;
        margin-top: -8px;
    }

    .req_dash_left_3 .rd_head_1:after,
    .req_dash_left_4 .rd_head_1:after {
        content: "";
        position: absolute;
        top: 100%;
        border-width: 10px 9px;
        border-color: #3b8ede transparent transparent transparent;
        border-style: solid;
        z-index: 1;
        left: 50%;
        margin-left: -10px;
    }

    .req_dash_left_4 .rd_head_1:after {
        border-color: #5eb0b5 transparent transparent transparent;
    }

.req_dash_left_5 .rd_erp_1:after {
    border-color: transparent transparent transparent #8271ab;
}


/* Request Dashboard css end */

.tbBasicField li {
    margin-bottom: 10px;
    min-height: 48px;
    display: inline-block;
    vertical-align: top;
    float: none;
}

    .tbBasicField li label {
        /*display:block;
    position:relative;*/
        display: block;
        position: relative;
        padding-right: 11px;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        min-height: 20px;
    }

    .tbBasicField li .un_approved {
        position: absolute;
        right: 0;
    }

    .tbBasicField li .approved_i {
        position: absolute;
        right: 0;
    }

    .tbBasicField li textarea {
        height: 26px;
    }

.req_info {
    color: #ffffff;
}

.cc_ri {
    background: #7469A2;
}

.cc_top_right li.req_info i {
    display: inline-block;
    vertical-align: top;
    padding-right: 2px;
}

.un_approved {
    position: relative;
    vertical-align: middle !important;
    display: inline-block;
    width: 16px;
}

    .un_approved:after {
        content: "\f165";
        font-family: FontAwesome;
        color: #e5686b;
        padding-right: 2px !important;
        font-size: 15px;
        font-style: normal;
    }

.approved_i {
    position: relative;
    vertical-align: middle !important;
    display: inline-block;
    width: 16px;
}

    .approved_i:after {
        content: "\f164";
        font-family: FontAwesome;
        color: #1fa67a;
        padding-right: 2px !important;
        font-size: 15px;
        font-style: normal;
    }

.ApprovedNoun a {
    position: relative;
}

    .ApprovedNoun a:after {
        content: "\f164";
        font-family: FontAwesome;
        color: #1fa67a;
        padding-right: 2px !important;
        font-size: 15px;
        font-style: normal;
        float: right;
    }

.unApprovedNoun a {
    position: relative;
}

    .unApprovedNoun a:after {
        content: "\f165";
        font-family: FontAwesome;
        color: #e5686b;
        padding-right: 2px !important;
        font-size: 15px;
        font-style: normal;
        float: right;
    }

.char_un_approved {
    display: none;
}

.special_sea_3 {
    width: 90%;
    white-space: nowrap;
}

    .special_sea_3 .input_sear {
        width: 75%;
    }

input[readonly].txtSearchValue,
input[readonly].txtUnitSearchValue {
    cursor: not-allowed;
}

.cc_char_new_row .delValue {
    width: 25px;
    text-align: center;
    right: 0;
}

.uns_row {
    padding: 10px;
}

    .uns_row td:last-child {
        text-align: left;
    }

.pop_section {
    padding: 10px;
}

.cus_error_valid {
    position: relative;
    background: rgba(242, 222, 222, 0.85);
    padding: 2px;
    color: #a94442;
    border: 1px solid #ebccd1;
    font-size: 11px;
    z-index: 1;
    border-radius: 3px;
    right: auto;
    display: none;
    text-align: center;
    margin: 3px 5px;
    width: 98%
}

.shot_leng {
    float: right;
}

    .shot_leng * {
        display: inline-block;
        vertical-align: top;
        color: #c00f0f
    }

.ans_dropdown {
    position: relative;
}

.cus_pop {
    background: #ffffff;
    padding: 10px;
    z-index: 1;
    position: absolute;
    width: 250px;
    right: 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    text-align: center;
    top: 100%;
    margin-top: 5px;
    display: none;
}

.cus_pop_1 {
    padding: 10px 0px;
}

    .cus_pop_1 .cus_checkbox {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
    }

.cus_pop_2 {
    display: block;
}

    .cus_pop_2 textarea {
        height: 100px;
    }

.mat_search {
    display: block;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 2px;
    padding: 1px 8px;
    font-size: 12px;
    background: #3b8ede;
}

    .mat_search i {
        display: inline-block;
        vertical-align: top;
        color: #fff;
        font-size: 14px;
        padding-right: 5px;
    }

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


/* report page css start */

.inv_das_wrapper:after,
.li_tab_body ul:after,
.li_tab_head:after,
.li_tab_body:after,
.ve_li_table:after,
.inv_jq:after,
.in_fil_right:after,
.grid_row:after,
.in_h1:after,
.in_fil_right:after,
.in_attr_row:after {
    content: "";
    display: block;
    clear: both;
}

.in_fil_left {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    bottom: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    left: 1px;
    position: fixed;
    top: 0;
    width: 20%;
}

.left_in_list h1 {
    background: #35aec1;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 5px 5px 0px 0px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.left_in_list ul li {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px;
    border-top: 1px solid #d7d7d7;
    cursor: pointer;
    position: relative;
}

    .left_in_list ul li:first-child {
        border-top: 0px solid #d7d7d7;
    }

    .left_in_list ul li:hover,
    .in_fil_left ul li.left_menu_active {
        background: #a8e8f2;
    }

    .left_in_list ul li:before {
        content: "\f0da";
        font-family: 'FontAwesome';
        color: #35aec1;
        font-size: 17px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
    }

.in_fil_right {
    position: relative;
    height: 100%;
}

.box_in {
    border: 1px solid #d7d7d7;
    padding: 5px;
    background: #ffffff;
}

.in_h1 {
    position: relative;
    border-left: 3px solid #00aad4;
    padding: 5px;
    border-bottom: 1px solid #bebebe;
}

.in_attr_row {
    float: left;
    margin-right: 10px;
    width: 60%;
}

.in_h1 > h2 {
    font-size: 13px;
    color: #00aad4;
    text-transform: capitalize;
    font-weight: 600;
    float: left;
}

.in_h_right {
    float: right;
}

    .in_h_right li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

        .in_h_right li:first-child {
            margin-left: 0px;
        }

        .in_h_right li input[type="text"] {
            border: 1px solid #adadad;
            border-radius: 3px 3px 3px 3px;
            padding: 2px;
            width: 150px;
        }

        .in_h_right li select {
            border: 1px solid #adadad;
            border-radius: 3px 3px 3px 3px;
            padding: 2px;
        }

        .in_h_right li i {
            font-size: 15px;
            margin-right: 5px;
            vertical-align: top;
        }

            .in_h_right li i.fa-file-excel-o, .excel_i {
                color: #0698d5;
            }

.excel_i {
    font-size: 18px;
    padding-right: 2px;
}


.in_h_right li i.fa-external-link {
    color: #4fb3a0;
}

.curn_po {
    cursor: pointer;
}

.prog {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;
    display: block;
    height: 10px;
    margin-top: 11px;
    padding: 0;
    position: relative;
}

    .prog > b {
        font-size: 11px;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: -16px;
    }

.prog_status {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    background: #4d7fe0 none repeat scroll 0 0;
}


/*.prog_status:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
	background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}
 @-webkit-keyframes move {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 50px 50px;
}
}
 @-moz-keyframes move {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 50px 50px;
}
}*/

.prog > span {
    -moz-animation: html5 2s ease-out;
    -webkit-animation: html5 2s ease-out;
}

@-moz-keyframes html5 {
    0% {
        width: 0;
    }
}

.in_attr_table thead th {
    position: relative;
    text-align: center;
    font-weight: 600;
    border-bottom: 2px solid #0096d4;
    padding: 6px 5px;
}

    .in_attr_table thead th:nth-child(2) {
        text-align: left;
    }

.in_attr_table td:first-child,
.in_co_row {
    text-align: center;
}

.enh_table thead {
    display: block;
}

.enh_table tbody {
    height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

.in_co_row b {
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    background: #81ca80;
    font-weight: 600;
    padding: 1px 5px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.enh_table td:nth-child(1) {
    width: 50px;
}

.enh_table thead th:nth-child(1) {
    width: 50px;
}

.enh_table td:nth-child(2) {
    width: 250px;
}

.enh_table thead th:nth-child(2) {
    width: 250px;
}

.enh_table td:nth-child(3) {
    width: 250px;
}

.enh_table thead th:nth-child(3) {
    width: 192px;
}

.enh_table td:nth-child(4) {
    width: 100px;
}

.enh_table thead th:nth-child(4) {
    width: 100px;
}

.in_attr_table tbody td:nth-child(2) {
    font-size: 12px;
    text-transform: uppercase;
}

.fr_vendor td:nth-child(1) {
    width: 50px;
}

.fr_vendor thead th:nth-child(1) {
    width: 50px;
}

.fr_vendor td:nth-child(2) {
    width: 213px;
}

.fr_vendor thead th:nth-child(2) {
    width: 213px;
}

.fr_vendor td:nth-child(3) {
    text-align: center;
    width: 128px;
}

.fr_vendor thead th:nth-child(3) {
    width: 200px;
}

.fr_vendor thead {
    display: block;
}

.fr_vendor tbody td {
    padding: 5px;
}

.fr_ven_nav {
    display: block;
    padding: 12px 10px 5px;
}

.ven_se_text {
    border: 1px solid #00aad4 !important;
    height: auto !important;
    line-height: normal !important;
    padding: 5px !important;
    float: left;
}

.right_nav_v {
    float: right;
}

    .right_nav_v i {
        margin-left: 5px;
        background: #00aad4 none repeat scroll 0 0;
        border-radius: 2px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-weight: normal;
        padding: 5px;
        vertical-align: middle;
    }

.in_attr_table tbody tr td {
    border-top: 1px solid #d7d7d7;
}

.in_attr_table tbody tr:first-child td {
    border-top: 0px;
}

.in_attr_table tbody tr:hover {
    background: #f6f6f6;
}

.in_attr_chart {
    float: left;
    width: 39%;
}

.cus_check {
    margin-top: -4px;
}

    .cus_check > label {
        vertical-align: middle;
    }

.ios-ui-select {
    vertical-align: middle;
}


/*custom check box iphone style*/

.ios-ui-select {
    background: #dddddd;
    border: none;
    height: 16px;
    background: #dddddd;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    width: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

    .ios-ui-select.checked {
        -webkit-box-shadow: inset 0 0 0 36px #35c6c6;
        box-shadow: inset 0 0 0 36px #35c6c6;
    }

        .ios-ui-select.checked .inner {
            left: 14px;
        }

    .ios-ui-select .inner {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0px;
        left: 1px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background: white;
        -webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
        -moz-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
        -o-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
        transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    }


/* Alternative Theme */


/* ---------------- */


/*
.ios-ui-select{
	border-color: #d1d1d1;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	opacity: 1;
	-webkit-box-shadow: inset 0 0 0 2px #d6e0e6;
	box-shadow: inset 0 0 0 2px #d6e0e6;
	width: 22px;
	z-index: 2;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	height: 22px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	-webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-moz-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-o-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	text-indent: -9999px;
	display: inline-block;
}
.ios-ui-select.checked {
-webkit-box-shadow: inset 0 0 0 14px #4ad337;
box-shadow: inset 0 0 0 14px #4ad337;
opacity: 1 !important;
}
.ios-ui-select.checked .inner{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.ios-ui-select .inner{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAC70lEQVR42u3bPWgUQRgG4N0kxpjCYJFCFBVRCyFg0PgD/oAiKpGgAUEwhVhoI4I2FoIpxDSmCBZqIYopRMEUWiSIiilEBEEwKCgHRgwqKsIhxngQ89qYkMu9iTuzs7N74Z0rb+bbe/Z2Z+b79i5EMDtaRSCIIIIIIogggggiiCCCCCKIIIIIIogggggyWyE15Q+ZF3QF+WAkeB20GI1Dtl616Md4G0Nr9JHZYlSjD5PbIMJyhFSiB1Pb8qijs3OPhMH1oDXGPZyRbyPEFZS2j6got0urE6y1ldvN3k4Z7SYxssA4RRmdZlHSZxzDGGFcjj7xZgPShj+E0W3KSBuyH6OE0YNK81hpMnajQBi9qLaJlh5jG4YJ4zFq7eKlxdiAPGE8w3zbiOkwGvCdMAawwD5mGoxV+EIYb1AfJ6p/xjIMEcY7LI4X1zdjEXKEMYQVcSObda9CE9ahyvpw9XhFGF+xOv4pMuncjE//Ntd7rA5WhxeEkccaF9919K6Nk5avAvZaZONPCeMnNrq5aKN3vVX0AX5hu9GBavCIMEyjOIHkSs7lJoOiwj3CKKDZ3TQSvetLcnU3Riwq3CaMURxwOR9G79phOd+EuEZGjuGw24ndZM6xWwEu0vzvuOsVyqTzUromD864JndQxmn3S61Z95V0l/R22l3SGco4l8SeIcl96wnK6Epm82M+ZP00mUTdlH5HaFHhqnk2ntymcSvN7fqLcruDNBu/aZONJ7n73UWz7b6JbLuFvn8Xc5LbV9sO3DdD/WMHfpP3HtgVFZLPRw5RSjc20wvviW1RwUdidZTezqzg9rxkKsgUJMBJRGkD8bJxP6nu2f8ycljoI4mOH+LCjIwPWOKnGuDiWdOlaRmf4xcVfFZRQtygjG9o8FefcfU89g5Ju5p8FprcPSHvLWIMY4vfipnL3yw8nGCMYKfvCqbLYHNxHu/xA/ex1n9FOdQfKgURRBBBBBFEEEEEEUQQQQQRRBBBBBFEEEHG21/sNjJ4iVKmQwAAAABJRU5ErkJggg==) center center no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-moz-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-o-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
*/

.id a {
    position: absolute;
    display: inline-block;
    color: #464646;
    font-size: 15px;
    margin-left: 5px;
}

.in_sort_1 {
    bottom: 0;
}

.in_sort_2 {
    top: 0
}

.grid_row {
    margin-top: 4px;
}

.inv_jq {
    display: block;
    width: 100%;
}

.vp_chart_1 {
    display: block;
}

.mb_8 {
    margin-bottom: 8px;
}

.vp_left_row {
    float: left;
    margin-right: 1%;
    width: 40%;
}


/* chart dashboard page start */

.char_dash_wrapper:after,
.left_h:after,
.cd_h:after,
.cd_h2:after,
.cd_head:after,
.cd_row:after,
.cd_box_in:after,
.fr_ven_nav:after,
.cd_w50:after,
.ful_row:after {
    content: "";
    display: block;
    clear: both;
}

.char_dash_wrapper {
    display: block;
    margin: 5px;
}

.left_h {
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 2px 2px 25px;
    text-transform: uppercase;
}

.cd_right,
.das_cd_right {
    float: right;
}

    .cd_right li,
    .das_cd_right li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        cursor: pointer;
    }

.nmq_search input[type="text"] {
    border: 1px solid #0096d4;
    border-radius: 3px 3px 3px 3px;
    padding: 2px;
    width: 150px;
}

.cd_row {
    margin-top: 5px;
}

.cd_w50 {
    width: 49%;
    float: left;
    margin-right: 1%;
}

.cd_h {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.cd_w49 {
    width: 49%;
}

.cd_w49_2 {
    width: 50%;
}

.re_mar {
    margin-right: 0px !important;
}

.mt_10 {
    margin-top: 10px;
}

.cd_count > span {
    display: block;
    font-size: 35px;
    margin-top: 15px;
    text-align: center;
}

.cd_count .prog {
    margin-bottom: 9px;
    margin-top: 15px;
}

.cd_w25 {
    width: 24%;
}

.cd_w30 {
    width: 25%;
}

.cd_w25_2 {
    width: 25%;
}

.cd_box_in {
    border: 1px solid #d7d7d7;
    padding: 5px;
    background: #ffffff;
    float: left;
    margin-right: 1%;
}

.cd_h2 {
    border-bottom: 1px solid #bebebe;
    border-left: 3px solid #00aad4;
    color: #464646;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 0 2px 5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.cd_note canvas {
    margin-left: -4px;
}

.dash_emnu {
    background: #00aad4 none repeat scroll 0 0;
    border-radius: 0 2px 2px 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px !important;
    padding: 6px;
    vertical-align: middle;
}

.dash_left_menu {
    position: fixed;
    top: 0px;
    left: 0;
    margin-left: -252px;
    z-index: 1000;
    width: 250px;
    bottom: 0;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}

.left_in_list ul {
    box-shadow: none;
}

.left_in_list h1 {
    border-radius: 0px;
    text-align: left;
}

.dash_left_icon {
    background: #35aec1 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 24px !important;
    margin-top: -4px;
}

.dash_menu_on {
    transition: all 0.4s ease-in-out;
    margin-left: 0px;
}


/* chart dashboard page end */

.dash_menu_icon {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.mt_5 {
    margin-top: 5px;
}

.vp_right_row {
    float: left;
    width: 59%;
}

.ve_li_table {
    position: relative;
}

.ve_li_table,
.li_tab_head,
.li_tab_head,
.li_tab_body {
    display: block;
}

    .li_tab_head li,
    .li_tab_body ul li {
        float: left
    }

.li_tab_head {
    border-bottom: 2px solid #0096d4;
}

    .li_tab_head li {
        font-weight: 600;
        padding: 6px 5px;
        position: relative;
    }

.li_tab_body ul {
    border-top: 1px solid #d7d7d7;
}

.li_tab_body li {
    padding: 5px;
    position: relative;
}

.ven_re_li_table ul li:first-child {
    width: 40px;
    text-align: center;
}

.ven_re_li_table .li_tab_head ul li:nth-child(2) {
    text-align: center;
}

.ven_re_li_table ul li:nth-child(2) {
    width: 65%;
}

.ven_re_li_table .li_tab_body li:nth-child(2) {
    font-size: 12px !important;
}

.ven_re_li_table ul li:nth-child(3) {
    width: 25%;
    text-align: center;
}

.li_tab_body ul:nth-child(even) {
    background: #F2F2F2;
}

.li_tab_body {
    border-top: 0;
    border: 1px solid #d7d7d7;
}

.ven_re_li_table .li_tab_body {
    height: 295px;
    overflow: auto;
}

.li_tab_body li > b {
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    background: #81ca80;
    font-weight: 600;
    padding: 1px 5px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    cursor: pointer;
}

.fil_enhance ul li:first-child {
    width: 40px;
    text-align: center;
}

.fil_enhance .li_tab_head ul li:nth-child(2) {
    text-align: center;
}

.fil_enhance ul li:nth-child(2) {
    width: 40%;
}

.fil_enhance .li_tab_body li:nth-child(2) {
    font-size: 12px !important;
}

.fil_enhance ul li:nth-child(3) {
    width: 40%;
    text-align: center;
    overflow: hidden;
}

.fil_enhance ul li:nth-child(4) {
    width: 12%;
    text-align: center;
}

.fil_enhance .li_tab_body {
    height: 128px;
    overflow: auto;
}

.fil_ehnac_sear_filter {
    background: #F2FCFF none repeat scroll 0 0;
    border: 1px solid #1bc0e5;
    display: block;
    margin: 0 auto 5px;
    padding: 4px 2px;
    text-align: center;
}

    .fil_ehnac_sear_filter > span {
        display: inline-block;
        text-align: left;
        margin-left: 20px;
        vertical-align: middle;
    }

        .fil_ehnac_sear_filter > span:first-child {
            margin-left: 0px;
        }

    .fil_ehnac_sear_filter input[type="text"],
    .fil_ehnac_sear_filter select {
        border: 1px solid #adadad;
    }


/* chart dashboard page start */

.char_dash_wrapper:after,
.left_h:after,
.cd_h:after,
.cd_h2:after,
.cd_row:after,
.cd_box_in:after,
.cd_w50:after,
.ful_row:after {
    content: "";
    display: block;
    clear: both;
}

.char_dash_wrapper {
    display: block;
    margin: 5px;
}

.left_h {
    float: left;
    font-weight: 600;
    padding-top: 3px;
    text-transform: capitalize;
}

.cd_head {
    display: block;
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 2px 5px;
    margin-bottom: 5px;
}

.cd_right {
    float: right;
}

    .cd_right li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

.nmq_search input[type="text"] {
    border: 1px solid #0096d4;
    border-radius: 3px 3px 3px 3px;
    padding: 2px;
    width: 150px;
}

.cd_row {
    margin-top: 10px;
}

.cd_w50 {
    width: 49%;
    float: left;
    margin-right: 1%;
}

.cd_h {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.cd_w49 {
    width: 49%;
}

.cd_w49_2 {
    width: 50%;
}

.re_mar {
    margin-right: 0px !important;
}

.mt_10 {
    margin-top: 10px;
}

.cd_count > span {
    display: block;
    font-size: 31px;
    margin-top: 5px;
    text-align: center;
}

.cd_count .prog {
    margin-bottom: 9px;
    margin-top: 6px;
}

.cd_w25 {
    width: 24%;
}

.cd_w30 {
    width: 25%;
}

.cd_w25_2 {
    width: 25%;
}

.cd_box_in {
    border: 1px solid #d7d7d7;
    padding: 5px;
    background: #ffffff;
    float: left;
    margin-right: 1%;
}

.cd_h2 {
    border-bottom: 1px solid #bebebe;
    border-left: 3px solid #00aad4;
    color: #464646;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 0 2px 5px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.cd_note canvas {
    margin-left: -4px;
}

.dash_emnu {
    background: #00aad4 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px !important;
    padding: 4px;
    vertical-align: middle;
}

.left_in_list ul {
    box-shadow: none;
}

.left_in_list h1 {
    border-radius: 0px;
    text-align: left;
}

.dash_left_icon {
    background: #35aec1 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 24px !important;
    margin-top: -4px;
}

.dash_menu_on {
    transition: all 0.4s ease-in-out;
    margin-left: 0px;
}


/* chart dashboard page end */

.tab_sear {
    background: #00aad4 none repeat scroll 0 0;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-left: -6px;
    padding: 7px 5px;
    vertical-align: middle;
}

.fr_ven_nav > input[type="text"] {
    display: inline-block;
    vertical-align: middle;
}

.ven_re_page {
    color: #ea3c33;
    cursor: pointer;
    display: inline-block;
    font-size: 19px !important;
    margin-left: 10px;
    vertical-align: middle;
}

.ml_5 {
    margin-left: 5px;
}

img {
    border: 0px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.lab_fu_w label {
    display: inline-block;
    text-transform: capitalize;
    vertical-align: middle;
}

.ios-ui-select {
    vertical-align: middle;
    display: inline-block;
}

.new_row_1 {
    background: #e5edfe;
    color: #1a2946;
    text-align: center;
    text-transform: capitalize;
    border: 0;
    padding: 5px 5px;
}

    .new_row_1 > span {
        color: #0e5977;
        font-weight: 600;
        margin: 0 10px;
    }


/*custom check box*/

.cus_fun {
    margin-right: 4px;
}

    .cus_fun input[type='radio'],
    .cus_fun input[type='checkbox'] {
        opacity: 0;
        position: absolute;
        filter: alpha(opacity=0);
        margin: 5px 0 0 5px;
    }

        .cus_fun input[type="checkbox"] + label,
        .cus_fun input[type="radio"] + label {
            background: url('../../Content/Images/wittysparks_checkbox_radio_1.png') left top no-repeat;
            position: relative;
            margin: 0;
            width: 18px;
            cursor: pointer;
            height: 19px;
            display: inline-block;
            z-index: 0;
        }

        .cus_fun input[type="checkbox"] + label {
            background-position: 0 0
        }

        .cus_fun input[type="radio"] + label {
            background-position: 0 -200px
        }

        .cus_fun input[type='checkbox']:checked + label {
            background-position: 0 -100px
        }

        .cus_fun input[type='radio']:checked + label {
            background-position: 0 -300px
        }

        .cus_fun input[type='checkbox']:disabled + label {
            background-position: 0 -400px;
            color: #999
        }

        .cus_fun input[type='radio']:disabled + label {
            background-position: 0 -600px;
            color: #999
        }

        .cus_fun input[type='checkbox']:disabled:checked + label {
            background-position: 0 -500px;
            color: #999
        }

        .cus_fun input[type='radio']:disabled:checked + label {
            background-position: 0 -700px;
            color: #999
        }

.loading_page,
.loading_page_2,
.loading_page_21,
.loading_page_22,
.loading_page_23,
.loading_page_24,
.loading_page_25,
.loading_page_26,
.loading_page_27,
.loading_page_28,
.loading_page_29,
.loading_page_30 {
    background: rgba(255, 255, 255, 0.6) url("../../Content/Images/Save-Loader.gif") no-repeat scroll center center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    z-index: 100;
    display: none;
}

.notes_info_count {
    display: block;
    padding: 11px 0;
}

    .notes_info_count ul {
        text-align: center;
    }

    .notes_info_count li {
        display: inline-block;
        margin: 0 10px;
        width: 25%;
        text-align: center;
        vertical-align: middle;
    }

        .notes_info_count li span {
            margin: 0 auto;
            border-radius: 50%;
            display: block;
            height: 75px;
            margin-bottom: 5px;
            padding: 24px 10px 10px;
            width: 75px;
            background: #ffffff;
        }

        .notes_info_count li:first-child span {
            border: 2px solid #23B7E5;
            color: #23B7E5;
        }

        .notes_info_count li:nth-child(2) span {
            border: 2px solid #26A69A;
            color: #26A69A;
        }

        .notes_info_count li:nth-child(3) span {
            border: 2px solid #7986CB;
            color: #7986CB;
        }

        .notes_info_count li label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            padding-bottom: 5px;
            text-transform: capitalize;
        }

        .notes_info_count li span {
            color: #757575;
            display: block;
            font-size: 18px;
        }

.ve_li_table:after,
.li_tab_head:after,
.li_tab_head:after,
.li_tab_body:after {
    content: "";
    display: block;
    clear: both
}

.ve_li_table,
.li_tab_head,
.li_tab_head,
.li_tab_body {
    display: block;
}

    .li_tab_head li,
    .li_tab_body ul li {
        float: left
    }

.li_tab_head {
    border-bottom: 2px solid #0096d4;
}

    .li_tab_head li {
        font-weight: 600;
        padding: 6px 5px;
        position: relative;
    }

.li_tab_body ul {
    border-top: 1px solid #d7d7d7;
}

.li_tab_body li {
    padding: 5px;
}

.ven_re_li_table ul li:first-child {
    width: 40px;
    text-align: center;
}

.ven_re_li_table .li_tab_head ul li:nth-child(2) {
    text-align: center;
}

.ven_re_li_table ul li:nth-child(2) {
    width: 65%;
}

.ven_re_li_table .li_tab_body li:nth-child(2) {
    font-size: 12px !important;
}

.ven_re_li_table ul li:nth-child(3) {
    width: 25%;
    text-align: center;
}

.li_tab_body ul:nth-child(even) {
    background: #F2F2F2;
}

.li_tab_body {
    border-top: 0;
    border: 1px solid #d7d7d7;
}

.ven_re_li_table .li_tab_body {
    height: 150px;
    overflow: auto;
}

.cd_w100 {
    width: 100%;
    display: block;
}

.box_tab {
    display: block;
}

    .box_tab table {
        width: 100%
    }

    .box_tab td {
        padding: 5px;
        text-align: center;
    }

    .box_tab thead tr td {
        font-weight: 600;
        border-bottom: 2px solid #00aad4;
    }

    .box_tab tbody td:first-child {
        text-align: left;
        font-weight: 600;
    }

    .box_tab tbody tr:nth-child(even) {
        background: #F4F4F4;
    }

    .box_tab tbody td {
        padding: 10px 5px;
    }

    .box_tab tbody tr:nth-child(1) td:first-child {
        border-right: 3px solid #FF0700;
        border-left: 3px solid #FF0700;
        text-align: center;
    }

    .box_tab tbody tr:nth-child(1) {
    }

    .box_tab tbody tr:nth-child(2) td:first-child {
        border-left: 3px solid #FFBD00;
        border-right: 3px solid #FFBD00;
        text-align: center;
    }

    .box_tab tbody tr:nth-child(2) {
    }

    .box_tab tbody tr:nth-child(3) td:first-child {
        border-left: 3px solid #00ACED;
        border-right: 3px solid #00ACED;
        text-align: center;
    }

    .box_tab tbody tr:nth-child(3) {
    }

    .box_tab tbody tr:nth-child(4) td:first-child {
        border-left: 3px solid #21C921;
        border-right: 3px solid #21C921;
        text-align: center;
    }

.cd_head .cd_right i,
.das_cd_right li i {
    cursor: pointer;
    color: #0698d5;
    font-size: 15px;
    margin-right: 2px;
    vertical-align: top;
}

.cd_box_in {
    position: relative;
}

.new_short_er {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
    color: #c00f0f;
    font-size: 12px;
}

.ui-state-highlight a.gridUrl,
.ui-state-hover a.gridUrl,
.ui-widget-content .ui-state-highlight a.gridUrl,
.ui-widget-header .ui-state-highlight a.gridUrl {
    color: #ffffff !important;
}

.more_cv_off {
    color: #A8A8A8 !important;
    cursor: not-allowed;
}

.des_alog tr td:first-child {
    width: 50px;
    text-align: center;
    background: initial;
    color: initial;
}

.des_alog tbody {
    border: 1px solid #d7d7d7;
}

    .des_alog tbody td:first-child {
        border-bottom: 1px solid #d7d7d7;
    }

    .des_alog tbody td:nth-child(2) {
        text-align: left;
    }

    .des_alog tbody tr:hover {
        background: #e5edfe;
    }

.reload_row i {
    color: #e55957;
    font-size: 16px;
    vertical-align: middle;
    padding-right: 3px;
}

.reload_row {
    cursor: pointer;
}

td.td_data_high {
    background: rgba(129, 208, 177, 0.5) !important;
}

.attrib_info {
    padding-bottom: 15px;
}

.dup_panel_fo:hover .h_5 h2,
.panel_1:hover .dup_panel_fo .h_5 h2,
.dup_panel_fo:hover .h_5 h2 {
    background: transparent;
    color: initial;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    cursor: pointer;
}

    .dup_panel_fo:hover .h_5 h2:after,
    .panel_1:hover .dup_panel_fo .h_5 h2:after,
    .dup_panel_fo:hover .h_5 h2:after {
        content: none !important;
    }

    .dup_panel_fo:hover .h_5 h2:before,
    .panel_1:hover .dup_panel_fo .h_5 h2:before,
    .dup_panel_fo:hover .h_5 h2:before {
        content: none !important;
    }

.dup_panel_fo .h_5 {
    border-left: 0 !important;
    padding-left: 5px !important;
    border-bottom-color: #29a2b2 !important;
}

    .dup_panel_fo .h_5:after {
        /* border-color:transparent transparent transparent #29a2b2*/
        content: none !important;
    }

.sub_duplicate {
    padding-top: 15px;
}

.dupCurrentMaterial {
    border: #8c9bb8 5px solid !important;
}

.sub_duplicate .tbl_lab_f tr:first-child textarea {
    height: 30px;
}

.sub_duplicate .col-xs-4 {
    width: 33%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}


/* Catalogue dashboard start */

.h_100 {
    height: 100%;
    position: relative;
}

.cd_aside {
    width: 100%;
}

    .cd_aside header {
        background: #3491C7;
        padding: 6px 10px;
        text-transform: capitalize;
        position: relative;
    }

        .cd_aside header h2 {
            color: #ffffff;
            font-size: 13px;
        }

    .cd_aside ul {
        height: 395px;
        overflow: auto;
        padding: 5px;
        background: #ffffff;
        display: block;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    }

        .cd_aside ul li {
            padding: 8px 6px;
            border-bottom: 1px solid #d7d7d7;
            cursor: pointer;
            position: relative;
        }

            .cd_aside ul li:before {
                content: "\f0da";
                padding-right: 10px;
                font-family: 'FontAwesome';
                font-weight: normal;
                color: #3491C7;
                font-size: 15px;
            }

            .cd_aside ul li:hover,
            .cd_aside ul li.cd_aside_on {
                background: #cee3f7;
            }

.pd_0 {
    padding: 0px !important;
}

.cd_bread_l {
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    background: #5fb0b4;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cd_bread_r {
    padding: 2px;
}

.cd_bread_r {
    margin-left: -10px;
}

    .cd_bread_r li {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        position: relative;
        padding: 2px 5px;
        margin: 0 6px;
        background: #f1f1f1;
        text-transform: capitalize;
        border: 1px solid #cccccc;
        border-right-width: 3px;
    }

        .cd_bread_r li:last-child {
            margin-right: 0px;
        }

        .cd_bread_r li span {
            cursor: pointer;
            color: #6b6b6b;
            font-weight: bold;
            padding-left: 5px;
            vertical-align: top;
        }

.cd_cnt_panel ul {
    white-space: nowrap;
}

.cd_cnt_panel li {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
    margin: 2px auto;
    border-left: 1px solid #cccccc;
    width: 13.8%;
    cursor: pointer;
}

    .cd_cnt_panel li:first-child {
        border-left: 0px;
    }

    .cd_cnt_panel li * {
        display: block;
        text-align: center;
    }

    .cd_cnt_panel li:hover *,
    .cd_cnt_panel li.cd_cnt_panel_on,
    .cd_cnt_panel_on *,
    .cus_pad .rd_lab_cnt:hover * {
        color: #3491C7 !important;
    }

    .cd_cnt_panel li span {
        text-transform: uppercase;
        padding-bottom: 2px;
        font-size: 13px;
    }

    .cd_cnt_panel li b {
        font-weight: 600;
        font-size: 18px;
    }

.cd_as_pop {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 300px;
    background: #ffffff;
    padding: 5px 10px 0px 10px;
    opacity: 0;
    z-index: 150;
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
    margin-left: -15px;
    border-left: 2px solid #3491C7;
    transition: all 0.4s ease-in-out;
    transform: translateY(-25px);
    margin-left: 0;
}

.cd_as_pop_open {
    display: block;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    transform: translateY(0px);
}


/* Catalogue dashboard end */

.bar_per {
    display: block;
    position: absolute;
    padding-top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
}

    .bar_per > span {
        position: relative;
        width: 100%;
        display: block;
        height: 4px;
        border-radius: 3px;
        background: #ccc;
    }

        .bar_per > span > b {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
        }

        .bar_per > span > label {
            position: absolute;
            right: 0;
            bottom: 100%;
            padding-bottom: 2px;
        }

.value_per_green > span > b {
    background: #8eb34a
}

.value_per_orange > span > b {
    background: #edad27
}

.value_per_red > span > b {
    background: #d46460
}

.foot_att_i i {
    display: inline-block;
    vertical-align: middle;
    color: #e5686b;
    font-size: 21px;
    padding-right: 2px;
}

.sing_li {
    display: block;
    text-align: center;
    padding-bottom: 2px;
}

.nmq_desc {
    height: 53px;
    overflow-y: scroll;
    cursor: pointer;
    padding: 0px 2px;
    margin-top: -5px;
    margin-bottom: -2px;
    padding-left: 20px;
    position: relative;
}

    .nmq_desc:after {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        border-left: #ccc 1px solid;
        bottom: 0;
    }

.h_span,
.h_span_2 {
    background: #3b8ede;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 13px;
    padding-bottom: 14px;
}

.h_span_2 {
    background: #5eb0b5 !important
}

.cus_pad {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .cus_pad .rd_lab_cnt {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .cus_pad .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .cus_pad .rd_lab_cnt {
        border-left: 1px solid #cccccc
    }

.bl_0 {
    border-left: 0px !important
}

.br_0 {
    border-right: 0px !important
}

.cus_pad .rd_lab_cnt span {
    text-transform: uppercase;
}

.cc_nmq_se_right {
    text-align: center;
}

.ul_2_row {
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
}

.req_1_lft {
    float: left;
}

.req_1_rht {
    float: right;
}

.dis_v {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.rc_txt_area textarea {
    height: 90px;
    font-weight: 600
}

.mb_10 {
    margin-bottom: 10px;
}

.rc_txt_area_2 {
    margin-bottom: 10px;
}

.dic_d_btn {
    margin-top: -7px;
    padding-right: 0px !important
}

.rc_txt_area_2 textarea {
    height: 100px;
}

.cc_nmq_se {
    padding-top: 3px;
}

.pl_1 {
    padding-left: 1px;
}

.jq_page_td > b {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle
}

.req_dash_left .panel_1 {
    padding-left: 5px;
    padding-right: 5px;
}


/*.grid_panel .ui-jqgrid {
    min-width: 100%;
}*/

.nmq_tb_row {
    display: none;
}

.jq_page_td > b {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle
}

.min_h_213 {
    min-height: 213px;
}

.br_1 {
    border-right: 1px solid #ccc;
}


/*.grid_panel .ui-jqgrid {
    min-width: 100%;
}
*/

.mr_5 {
    margin-right: 5px;
}

.ptb_2 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.link_3_btn {
    background: #e3e3e3;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
    font-size: 11px;
    transition: 0.15s ease-out;
    width: 256px;
    white-space: nowrap;
    text-align: center;
    border-radius: 18px;
    position: relative;
    overflow: hidden;
}

    .link_3_btn * {
        text-align: center;
    }

    .link_3_btn span {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 5px 10px;
        vertical-align: middled;
        transition: all 0.3s ease-in-out;
    }

        .link_3_btn span:hover,
        .link_3_btn span.li_btn_active {
            background: #47a8d8;
            color: #ffffff;
            transition: all 0.3s ease-in-out;
        }

        .link_3_btn span.li_1_b {
            padding-left: 25px;
        }

        .link_3_btn span.li_3_b {
            padding-right: 25px;
        }

.li_1_b.li_btn_active:after {
    position: absolute;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    content: "";
    background: #ffffff;
    right: 76%;
    top: 4px;
    transition: all 0.3s ease-in-out;
}

.li_3_b:after {
    left: 0;
    content: "";
    transition: all 0.3s ease-in-out;
}

.li_3_b.li_btn_active:after {
    position: absolute;
    transition: all 0.4s ease-in-out;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    content: "";
    background: #ffffff;
    left: 79%;
    top: 4px;
}

.li_1_b:after {
    right: 0;
    content: "";
    transition: all 0.3s ease-in-out;
}


/* Catalogue dashboard css start */

.cd_tb_row {
    border: 2px solid #bdbdbd;
    width: 100%;
    border-left-color: #2b3d61;
    border-right-color: #2b3d61;
    background: #ffffff;
}

.cd_br_1 {
    border-left: 2px solid #2b3d61 !important;
}

.cd_tb_row thead tr {
    background: #e2e9f1;
    border-bottom: 2px solid #2b3d61;
}

    .cd_tb_row thead tr td {
        color: #282c30;
        font-size: 13px;
    }

.cd_tb_row td {
    text-align: center;
    padding: 3px 5px;
    width: 8.33%
}

.cd_tb_row tbody {
    border: 1px solid #9dbad6;
}

    .cd_tb_row tbody td {
        font-weight: normal;
        font-size: 13px;
        cursor: pointer;
    }

        .cd_tb_row tbody td:hover b {
            color: #2b3d61
        }

    .cd_tb_row tbody td {
        border-left: 1px solid #bdbdbd;
    }

.mb_15 {
    margin-bottom: 15px;
}

.cd_cate_menu {
    background: #3b8ede;
    color: #ffffff;
    border-radius: 2px;
    padding: 2px 5px;
    font-size: 12px;
    cursor: pointer;
}

    .cd_cate_menu * {
        color: #ffffff;
        cursor: pointer;
    }

    .cd_cate_menu i {
        margin-top: -2px;
        padding-right: 5px;
        font-size: 14px;
        vertical-align: middle;
    }

.cd_bread {
    text-align: right;
}

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

.cd_aside_left {
    margin-left: -260px;
    transition: all 0.4s ease-in-out;
    position: absolute;
    left: 6px;
    top: 15px;
    z-index: 150;
    width: 250px;
}

.cd_aside_left_on {
    margin-left: 0;
    transition: all 0.4s ease-in-out
}

.aside_left_c {
    float: right;
}

    .aside_left_c i {
        color: #ffffff;
        font-size: 19px;
    }

.cd_aside header h2 {
    display: inline-block;
    vertical-align: middle;
}


/* Catalogue dashboard css end */

.nmq_se_tbl table tbody tr:last-child {
    border-bottom: 0px;
}

.nmq_se_tbl table tbody tr td {
    border-bottom: 1px solid #b4b5b9;
    border-left: 1px solid #b4b5b9;
}

.nmq_se_tbl table tbody tr:nth-child(odd) {
    background: #f0f1f6;
}

.nmq_se_tbl table tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.nc_2,
.nc_1 {
    background: #fff;
    background-clip: border-box;
    border-collapse: collapse;
    position: relative;
    border-left: 1px solid #fff !important;
    margin: 0 auto;
    border-bottom: 1px solid #ffffff !important;
    background-clip: padding-box;
}

.nc_1 {
    border-left: 1px solid #b4b5b9 !important;
}

.nc_2 .drp_auto {
    width: 98%;
}

.nc_2 select {
    background: #f0f1f6;
}

.nc_2 .auto_s input {
    background: #f9f9f9;
}

.do_g_1 {
    width: 10%;
}

.mgr_tbl thead tr {
    border-bottom: 2px solid #2b3d61;
    background: #e5edfe;
}

    .mgr_tbl thead tr td {
        font-weight: 600;
        text-transform: capitalize;
        color: #1a2946;
    }

.mgr_tbl {
    border-left: 2px solid #b4b5b9;
    border-right: 2px solid #b4b5b9;
    border-bottom: 2px solid #2b3d61;
}

    .mgr_tbl table tbody tr:nth-child(odd) {
        background: #f0f1f6;
    }

    .mgr_tbl table tbody tr:nth-child(even) {
        background: #f9f9f9;
    }

    .mgr_tbl tbody tr td:first-child {
        background: #ffffff;
        background-clip: border-box;
        border-collapse: collapse;
        position: relative;
        margin: 0 auto;
        border-bottom: 1px solid #ccc !important;
        background-clip: padding-box;
    }

    .mgr_tbl tbody tr td,
    .mgr_tbl tfoot tr td {
        padding: 3px 5px 3px 5px
    }

    .mgr_tbl thead tr td:last-child {
        text-align: center;
    }

    .mgr_tbl tbody tr td:last-child {
        border-left: 2px solid #b4b5b9;
        border-collapse: collapse;
        position: relative;
        margin: 0 auto;
        border-bottom: 1px solid #b4b5b9 !important;
        background-clip: padding-box;
        text-align: center;
        cursor: pointer;
    }

    .mgr_tbl tfoot tr {
        border-top: 2px solid #b4b5b9;
    }

    .mgr_tbl tfoot td {
        font-weight: 600;
    }

        .mgr_tbl tfoot td:last-child {
            text-align: center;
        }

.hide_tp {
    position: relative;
}

    .hide_tp .c3-tooltip-container table tr:last-child td:first-child {
        display: none
    }

    .hide_tp .c3-tooltip-container table tr:last-child td {
        text-align: center;
    }

.c3-axis-y text {
    font-size: 13px;
}

.c3-axis-x text {
    font-size: 13px;
}

.dcol_1,
.dcol_2 {
    min-height: 243px;
}

.dcol_4,
.dcol_3 {
    min-height: 225px
}

.pl_20 {
    padding-left: 20px !important;
}

.pr_20 {
    padding-right: 20px !important;
}

.child_of .cus_checkbox {
    float: right;
    padding-top: 1px;
    position: relative;
}

    .child_of .cus_checkbox:after {
        content: "";
        position: absolute;
        background: #fff;
        top: -5px;
        bottom: -5px;
        width: 1px;
        right: -2px;
    }

    .child_of .cus_checkbox:before {
        content: "";
        position: absolute;
        background: #fff;
        top: -5px;
        bottom: -5px;
        width: 1px;
        left: -5px;
    }

.child_br {
    position: relative;
}

    .child_br:after {
        content: "";
        position: absolute;
        background: #fff;
        top: 0;
        bottom: 0;
        width: 1px;
        right: 1px;
    }

.cus_checkbox_b.c-checkbox .c-checkbox__img {
    border: 2px solid #526997;
}

.cus_checkbox_b.c-checkbox input[type="checkbox"]:checked + .c-checkbox__img:before {
    color: #526997;
}

.child_chk .c-checkbox {
    margin-right: 8px;
}

.panel_1.panel_0 {
    margin-bottom: 0px;
    background: #ffffff;
    padding: 0px;
    display: block;
    position: relative;
    box-shadow: none;
}

.save_icon_2 {
    color: #526997;
    font-size: 16px;
    cursor: pointer;
}

.d_sq_t input[type='text'] {
    background: #dde4f3;
    font-weight: 600;
    color: #2b3d61;
    border: 0px;
    text-align: center;
}

.drp_auto.drp_auto_2 .cus_select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79px;
    -ms-flex: 0 0 79px;
    flex: 0 0 79px;
    max-width: 79px;
}

.bb_0 {
}

.grid_sav_i .save_icon_2 {
    padding-left: 5px;
}

.grid_sav_i a {
    padding-left: 5px;
}

.rel_nm {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}

    .rel_nm.tble_100 table td td {
        padding-top: 5px;
    }

.grid_ys .ui-jqgrid-bdiv {
    overflow-y: scroll !important;
}

.attrDupContent .tble_static tbody td,
.vendorDupContent .tble_static tbody td {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .attrDupContent .tble_static tbody td > span,
    .vendorDupContent .tble_static tbody td > span {
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
        display: block;
        height: 25px;
    }

        .attrDupContent .tble_static tbody td > span:after,
        .vendorDupContent .tble_static tbody td > span:after {
            background: #c2c2c2;
            content: "";
            position: absolute;
            bottom: -1px;
            left: -5px;
            right: -5px;
            height: 1px;
        }

.w_90 {
    width: 90%;
}

.tooltip_content {
    position: relative;
}

.tr_pop_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 425px;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #ccc;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .tr_pop_img img {
        max-width: 100%;
        max-height: 100%;
        display: inline-block;
        margin: 0 auto;
    }

.tr_pop_dial {
    overflow: initial !important;
}

.ui-dialog {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.attr_val .txtSearchValue {
    border: 0px !important;
}

.do_tran_upload {
    overflow: hidden;
}

.nnc_compl_2 {
    border-right: 1px solid #ccc;
}

.com_label {
    display: inline-block;
    vertical-align: middle;
    border: #8c9bb8 1px solid;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 4px;
    background: #e5ebf8;
}

.cc_nmq_se_1 {
    text-align: center;
    border: 1px solid #c2c2c2;
    padding-bottom: 5px;
    min-height: 51px;
}

.cs_txtarea {
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-top: 10px;
}

    .cs_txtarea li:first-child {
        position: relative;
        z-index: 2;
    }

.tbSourceField textarea {
    resize: vertical;
    height: auto;
    min-height: 70px;
}

.nnc_sys_i {
}

.comp_tble {
    border: 1px solid #c2c2c2;
}

    .comp_tble thead td {
        padding: 1px 4px;
    }

    .comp_tble tbody td {
        padding: 0.21em 4px
    }

.cus_lg_3 {
    width: 305px;
    flex: 0 0 305px;
    -webkit-box-flex: 0 0 305px;
    -moz-box-flex: 0 0 305px;
    -webkit-flex: 0 0 305px;
    -ms-flex: 0 0 305px;
    border-right: 2px solid #2b3d61;
}

.cus_lg_2 {
    width: 280px;
}

.cus_lg_7 {
    border-left: 2px solid #2b3d61;
    border-right: 2px solid #2b3d61;
}

.com_td_1 {
    width: 80px;
}

.com_td_3 {
    width: 80px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .nnc_compl select {
        padding: 2px 5px;
    }
}

.panel_show > ul > li > * {
    vertical-align: middle;
}

.duplicate_panel *,
.cs_char_nmq * {
    font-size: 13px;
}

#GeneralNote,
#EquipmentNote,
#PurchaseNote {
    height: 79px;
}

.ctl_td_1 {
}

.ctl_td_2 {
}

.ctl_td_5 {
}

.ctl_td_6 {
}

.cc_mh_10 {
    min-height: 100px
}

.blr_0 {
    border-left: 0px !important;
    border-right: 0px !important
}

.ctl_td_10 {
    width: 150px;
}

.ctl_td_11,
.ctl_td_9 {
    width: 65px;
}

.com_th_2_1 {
    float: left;
}

.com_th_2_3 {
    float: right;
}

.cs_footer_row .cc_top_left thead tr {
    background: #ffffff;
}

    .cs_footer_row .cc_top_left thead tr td {
        border-left: 1px solid #a6a6a6;
        cursor: pointer;
    }

.cs_footer_row .cc_top_left table tbody tr {
    background: #e2e9f1;
}

.cs_footer_row .cc_top_left tbody tr td {
    border-left: 0px
}

.cs_tf_1,
.cs_tf_2,
.cs_tf_3,
.cs_tf_4 {
    width: 110px;
}

.cs_tf_8 {
    position: relative;
    width: 200px;
}

.cs_tf_9 {
    width: 150px;
}

.cs_tf_10 {
    width: 80px;
}

.fot_2 {
    background: #e6e6e6;
}

.fot_2_4 {
    width: 41%;
    text-align: center;
}

.fot_2_1 .h_1 {
    float: left;
    border-bottom: 0;
    padding-top: 8px;
}

.fot_2_3 input[type="text"],
.cc_footer_right input[type="text"] {
    background: #e6e6e6;
}

.fot_2_3 {
    width: 225px;
}

.f_mater_sear {
    padding: 0 !important;
}

.cc_footer_right ul {
    white-space: nowrap;
}

.cc_footer_right input[type="text"] {
    text-align: center;
    border-radius: 0;
    height: 24px;
    background: #ffffff;
    border: 0;
}

.cc_footer_right li {
    background: #e6e6e6;
    color: #313336;
    border: 1px solid #A8A8A8;
    border-radius: 0px;
    height: 27px;
    line-height: 16px;
}

    .cc_footer_right li:focus,
    .cc_footer_right li:hover {
        color: #23527c;
        background: transparent
    }

.cc_footer_right li {
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
}

.cc_activ_img i {
    font-size: 13px;
}

    .cc_activ_img i.fa-check {
        color: #39a878;
    }

    .cc_activ_img i.fa-times {
        color: #e55957;
    }

.cs_tf_6,
.cs_tf_7,
.cs_tf_8 {
    padding: 1px 5px;
}


/* url page css start */

.pb_6 {
    padding-bottom: 6px !important;
}

.up_td_1 {
    width: 150px;
}

.up_td_3 {
    width: 230px;
}

    .up_td_3 input[type="file"] {
        width: 130px;
    }

.up_td_5 {
    text-align: center;
    width: 300px;
}

.u_pn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #acacac;
    text-align: center;
}

.u_pn_l {
    -webkit-box-flex: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #dfebf7;
    padding: 3px 5px;
    border-right: 1px solid #acacac;
}

    .u_pn_l > label,
    .u_pn_l > span {
        display: block;
    }

.u_pn_2 {
    flex: 0 0 75px;
    background: #fff;
    padding: 3px 5px;
}

.u_pn_l select,
.cus_select_2 select {
    color: #184d83;
    font-weight: 600;
    padding-top: 5px;
    border: 0px;
    padding-right: 10px;
    width: auto;
    background: transparent;
}

    .u_pn_l select:hover,
    .cus_select_2 select:hover,
    .u_pn_l select:focus,
    .cus_select_2 select:focus {
        box-shadow: none;
    }

.up_td_4 {
    width: 230px;
    text-align: center;
}

.uw_panel .form_rule ul > li > span {
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    position: relative;
    padding: 5px 5px 5px 28px;
    cursor: pointer;
}

    .uw_panel .form_rule ul > li > span:after {
        content: "\f0fe";
        font-family: 'FontAwesome';
        color: #36496e;
        position: absolute;
        left: 3px;
        font-size: 17px;
        background: #ffffff;
        top: 3px;
    }

.uw_panel .form_rule ul > li span.active:after {
    content: "\f146";
}

.uw_panel .form_rule li > section {
    display: none;
    margin-left: 29px;
}

.uw_panel table {
    width: 100%;
    border-spacing: 6px;
    border-collapse: separate;
    table-layout: fixed;
}

    .uw_panel table tbody tr {
        border-bottom: 1px solid #ffffff;
        position: relative;
    }

    .uw_panel table td {
        padding: 0px 3px;
        vertical-align: middle;
    }

.uw_td_2,
.uw_td_3,
.uw_td_4 {
    text-align: center;
    cursor: pointer;
    width: 70px;
}

    .uw_td_4 i {
        color: #009688;
        font-size: 17px;
    }

[class^="web_per_"] {
    border-left-width: 4px;
    border-left-style: solid;
}

.web_per_0 {
    border-left-color: #dc7d7d;
}

.web_per_1 {
    border-left-color: #3ea28f;
}

.web_per_2 {
    border-left-color: #72d2c0;
}

.web_per_3 {
    border-left-color: #b6f0e5;
}

.uw_panel tr {
    position: relative;
}

    .uw_panel tr:after {
        content: "";
        position: absolute;
        left: -24px;
        top: 17px;
        background: #acacac;
        height: 1px;
        width: 25px;
    }

.uw_td_1 {
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
}

.up_td_2 textarea,
.txt_area_1 {
    height: 26px;
}

.url_web_panel {
}


/* url page css end */

.cc_tick_img img,
.cc_dupl_img img,
.cc_refdata_img img,
.cc_activ_img img {
    height: 19px;
    margin-top: 3px;
}

.cc_pri_data {
    display: inline-block;
    padding: 1px 6px;
    min-width: 50px;
    border-radius: 2px;
    border: 1px solid;
    border-left-width: 4px;
}

.cc_pri_empty {
    border-color: #cccccc;
    background: #F2F2F2;
}

.cc_pri_low {
    border-color: #61bd4f;
    background: #f3fcf1;
}

.cc_pri_medium {
    border-color: #ff9f1a;
    background: #fff8ef;
}

.cc_pri_high {
    border-color: #eb5a46;
    background: #fef4f2;
}

.pb_3 {
    padding-bottom: 9px !important;
}

.txt_h400 {
    height: 400px;
}

.nf_td {
    padding-right: 8px;
}

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

    .ulr_downl i {
        color: #7b7b7b;
        cursor: pointer;
        font-size: 18px;
    }

.uw_panel .form_rule ul:after {
    left: 10px;
}

.u_pn_l .cus_select {
    display: inline-block;
}

    .u_pn_l .cus_select:after {
        top: 11px;
        right: 0;
    }

.td_wnw {
    white-space: nowrap;
}

.ft_ser_wrap {
    background: #fff;
    padding: 5px 10px;
    height: auto;
    position: absolute;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    bottom: 100%;
    left: 5px;
    right: 22px;
    z-index: 1;
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
    transform: translateY(50px);
    pointer-events: none;
}

.ft_ser_wrap_open {
    bottom: 100% !important;
    opacity: 1;
    transition: transform 0.5s, opacity 0.5s;
    transform: translateY(0px);
    pointer-events: auto;
}

.fs_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 2;
}

.cls_header {
    float: right;
}

    .cls_header i {
        color: #e55957;
        font-size: 18px;
        cursor: pointer;
    }

.ft_ser_info.sea_li_list > ul {
    height: 400px;
}

.ft_ser_info .sl_list_1 td {
    padding: 3px 5px;
}


/* Footer  2 Search start */

.ft_se_2 {
    background: #fff;
    padding: 5px 10px;
    position: absolute;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    bottom: 81%;
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
    transition: transform 0.5s, opacity 0.5s;
    transform: translateY(50px)
}

.fc_se_tab .panel_info_row > div {
    display: none;
}

.ft_se_2_open {
    transition: transform 0.5s, opacity 0.5s;
    transform: translateY(0px);
}

.ft_sear_2 {
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

    .ft_sear_2 * {
        display: block;
        text-align: center;
        cursor: pointer;
    }


/* Footer 2 Search end*/

.disa_i {
    color: #c2c2c2 !important;
    cursor: not-allowed !important;
}

.remove_btn {
    background: #e55957;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 4px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-right: 3px;
    cursor: pointer;
}

    .remove_btn *,
    .add_btn * {
        color: #ffffff;
    }

.add_btn {
    background: #39a878 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 4px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-right: 3px;
    cursor: pointer;
}

.flx_2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .flx_2 .cus_select {
        webkit-bos-flex: auto;
        -ms-flex: 0 0 auto;
        flex: 1 1 auto;
        margin-top: -4px;
    }

    .flx_2 i {
        webkit-bos-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
    }

.cs_tf_8 select {
    width: 100%;
}

.ad_td_table td:first-child {
    width: 60px;
    text-align: center;
}

.gh_chk span {
    margin-top: -9px !important;
    margin-left: 0 !important
}

.f_mater_sear > div {
    white-space: nowrap;
}

.f_mater_sear input[type='text'] {
    width: 161px;
    display: inline-block;
}

.f_mater_sear input[type='button'] {
    width: 40px;
    background: #29a2b2;
    text-align: center;
    padding: 3px 5px;
    border-radius: 0;
    margin-right: 0;
    margin-left: -2px;
}

.dial_cus_h_2 .dup_close {
    top: 2px;
}

    .dial_cus_h_2 .dup_close i {
        color: #ffffff;
        font-size: 16px
    }

.page_info_fo * {
    display: inline-block;
    vertical-align: middle;
}

#RequestReasons {
    height: 39px;
}

.tool_div header h2,
.td_edit header h2 {
    font-size: 13px;
}

.upload_i {
    cursor: pointer;
}

    .upload_i i {
        color: #1fa67a;
        font-size: 19px;
    }



.gt_hide .ui-jqgrid-hdiv {
    border-top: 1px solid #c2c2c2 !important
}

.req_reas_panel,
.internal_form,
.document_attach {
    display: none;
}

.nmq_tb {
    min-height: 464px;
}

.nmq_rp {
    min-height: 490px;
}

.nmq_sw {
    width: 350px;
}

.p_10 {
    padding: 6px;
}

.user_list_r {
    cursor: pointer;
}

.tag_fp {
    background: #fff;
    padding: 5px 10px;
    position: absolute;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
    text-align: left;
    margin-bottom: 4px;
}

.tag_name_td {
    position: relative;
}

    .tag_name_td > label {
        display: block;
        color: #184d83;
        padding-bottom: 3px;
    }

    .tag_name_td > label {
        display: block;
        padding-bottom: 3px;
    }

    .tag_name_td > span {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
        font-weight: 600;
    }

.tn_l {
    float: left;
}

.tn_r {
    float: right;
}

.cs_footer_row .cc_top_left .tag_fp table tbody tr {
    background: transparent;
    border: 0px;
}

.cc_top_left .tag_fp .panel_2 table {
    border: 0px !important
}

.cs_footer_row .cc_top_left .tag_fp table tbody tr td {
    border: 1px solid #ccc !important;
}

.cc_top_left .tag_tble table {
    border: 1px solid #ccc !important;
}

.cs_footer_row .cc_top_left .tag_fp .panel_2 table tbody tr td {
    border: 0px !important;
}

.tag_sn,
.tag_re {
    width: 20px;
    text-align: center;
}

.tag_name_td,
.tag_name_td * {
    text-align: left !important;
}

.cs_footer_row .cc_top_left .tag_fp .tag_tble table tbody tr:nth-child(even) {
    background: transparent !important;
}

.tag_tble {
    height: 150px;
    overflow: auto;
}

.cus_select_2:after {
    top: 12px;
    right: 0;
}

.ip_w {
    width: 150px !important;
}

.upload_table {
    height: 75px;
}

.ut_2,
.ut_3 {
    width: 25px;
    text-align: center;
}

.upload_table tbody {
    min-height: 32px;
}

.rc_dy_pan {
    display: none
}

.internal_form .panel_2 td,
.document_attach .panel_2 td {
    padding: 0px;
}

.ov_init {
    overflow: initial !important;
}

.text_area_100 textarea {
    height: 100px
}

.grid_panel thead th .c-checkbox {
    margin-top: -5px;
}

.grid_top_btn {
    position: absolute;
    top: 0;
    z-index: 1;
    right: 220px;
}

    .grid_top_btn #btnUpload {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 2px;
    }


/* request config start */

.valu_of_sep_panel .field_li,
.grp_sep_panel .field_li,
.suffix_char_panel .field_li {
    height: 150px;
}

.category_panel_re .field_li {
    height: 500px;
}

.re_conf_desc p {
    height: 100px;
    overflow: auto;
}

.req_drag_on {
    background: #5fa5d2;
    color: #ffffff;
}

.field_li .req_list_close {
    display: none;
}

.li_paste > li span {
    font-weight: 600;
    font-size: 12px;
    padding-left: 5px;
    margin-top: -2px;
    cursor: pointer;
}

.li_paste > li {
    width: auto !important;
    border-radius: 3px;
    height: auto !important;
}

.li_paste .val_sep_list,
.alg_row > ul .val_sep_list {
    background: #9580cc;
    color: #ffffff;
}

.li_paste .grp_sep_list,
.alg_row > ul .grp_sep_list {
    background: #4ba1c6;
    color: #ffffff;
}

.li_paste .sufix_char_list,
.alg_row > ul .sufix_char_list {
    background: #39bf7e;
    color: #ffffff;
}

.li_paste .req_drag_on {
    color: #464646;
}

.context-menu-item.category_menu {
    padding: 6px 10px
}


/* request config end */

.lab_f_inline > label,
.lab_f_inline > input[type="text"] {
    display: inline-block;
    vertical-align: middle;
}

.lab_f_inline > input[type="text"] {
    width: 50px;
}

.tb_w_50 {
    width: 50px !important;
    margin: 0;
}

.tb_w_80 {
    width: 80px !important;
    margin: 0;
}

.pl_15 {
    padding-left: 15px !important
}

.tble_wa {
    width: auto !important
}

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

    .head_form * {
        display: inline-block;
        vertical-align: middle;
    }

    .head_form > select {
        margin-left: 10px;
        width: auto;
        padding: 0px 2px;
        border-radius: 0px;
    }

.tooltip_bg_white header {
    display: block;
    background: #2b3d61;
    color: #ffffff;
    padding: 3px 5px;
    position: relative;
}

    .tooltip_bg_white header h2 {
        font-size: 13px;
    }

.tool_tip_content {
    padding: 10px;
}

.field_li_remove {
    display: none;
    float: right;
    margin-top: -3px;
    cursor: pointer;
}

    .field_li_remove i {
        color: #ffffff;
        font-size: 21px;
    }

.field_li li:hover .field_li_remove {
    display: block;
}

.field_li li.val_sep_list:hover {
    background: #9580cc
}

.field_li li.grp_sep_list:hover {
    background: #4ba1c6
}

.field_li li.sufix_char_list:hover {
    background: #39bf7e
}

.top_owl_cus {
    position: relative;
}

.cp_top_owl > label {
    display: none;
}

    .cp_top_owl > label:first-child {
        display: block;
    }

.top_owl_cus_ctrl {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 12px;
    top: 0px;
}

    .top_owl_cus_ctrl #next_owl_cc {
        float: right;
    }

    .top_owl_cus_ctrl #prev_owl_cc {
        float: left;
    }


/* vendor screen css start  */

.vs_desc {
    display: block;
    background: #efefef;
    font-size: 11px;
    margin-top: 2px;
    padding: 5px 5px;
    border-radius: 3px;
}

.vt_h {
    vertical-align: top;
}

    .vt_h > label {
        padding-top: 5px;
        display: block;
    }

.vendor_screen_1.tble_auto table td {
    padding-left: 15px;
    padding-right: 15px;
}

.vendor_screen_2.tbl_lab_f table td {
    padding: 10px;
}

.vs_cnt {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    margin-right: 5px;
    background: #cddeee;
    border: 1px solid #9dbad6;
    border-radius: 50%;
    font-size: 12px;
    margin-top: -3px;
}

.vendor_screen .panel_1 {
    margin-bottom: 25px;
}

.vendor_screen td {
    position: relative;
    vertical-align: top !important
}

.vendor_screen textarea {
    height: 27px;
    resize: vertical
}

.vs_valid {
    display: none;
    position: absolute;
    font-size: 11px;
    width: 80%;
    right: 15px;
    background: #cddeee;
    border: 1px solid #9dbad6;
    color: #405e7b;
    border-radius: 2px 2px 2px 2px;
    padding: 3px;
}

    .vs_valid:after {
        content: "";
        position: absolute;
        border-width: 8px 5px;
        border-style: solid;
        border-color: #9dbad6 transparent transparent transparent;
        top: 100%;
        right: 11px;
    }

.vendor_screen_1 .vs_valid {
    bottom: 100%;
}

.vendor_screen_2 .vs_valid {
    bottom: 80%;
}

.vend_dash_row {
    text-align: center;
    padding: 10px 0px;
}

    .vend_dash_row > article:after {
        content: "";
        display: block;
        clear: both;
    }


    .vend_dash_row > article > div {
        padding: 15px 10px 0px 10px;
        background: #fff;
        border-radius: 5px;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        cursor: pointer;
    }

    .vend_dash_row > article.ven_dash_art_1 > div {
        border-bottom-color: #5bc588;
    }

    .vend_dash_row > article.ven_dash_art_2 > div {
        border-bottom-color: #099de6;
    }

    .vend_dash_row > article.ven_dash_art_3 > div {
        border-bottom-color: #7d75d6;
    }

    .vend_dash_row > article figure {
        float: left;
    }

        .vend_dash_row > article figure img {
            max-height: 40px;
        }

.vv_col_1 {
    float: right;
    text-align: right;
}

    .vv_col_1 * {
        display: block;
        color: #252525;
        font-weight: normal;
    }

.vend_dash_row > article span {
    font-size: 15px;
    color: #545454;
    white-space: nowrap;
    text-transform: capitalize;
}

.vend_dash_row > article b {
    font-size: 25px;
    font-weight: 600;
    color: #545454;
}


/* vendor screen css end */

.p_15 {
    padding: 15px;
}

.td_vm td {
    vertical-align: middle !important
}

.comment_v_he {
    height: 50px !important
}

.txt_area_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .txt_area_img textarea {
        -webkit-box-flex: auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: 1%;
    }

    .txt_area_img img {
        -webkit-box-flex: auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.vendor_screen_3 label {
    text-transform: capitalize;
}

.field_li_2 {
    height: 199px;
    overflow: auto;
}

.field_li_3 {
    height: 199px;
    overflow: auto;
}

.vv_dup_paste .vd_cd {
    background: #5bc588;
    color: #ffffff;
}



.ven_dash_art_5 [class^="dup_div_"] {
    display: inline-block;
    vertical-align: middle;
    padding: 16px 10px;
    text-align: center;
    float: none !important;
    text-align: center !important;
}

.dup_div_1 {
    border-right: 1px solid #ccc;
    width: 45%;
}

.dup_div_2 {
    width: 52%;
}

.grid_y_wn .ui-jqgrid .ui-jqgrid-bdiv {
    overflow: auto;
}

    .grid_y_wn .ui-jqgrid .ui-jqgrid-bdiv td,
    .jq_td_w .ui-jqgrid .ui-jqgrid-bdiv td {
        white-space: nowrap;
    }

.p_8 {
    padding: 8px;
}

.plr_6 {
    padding-left: 6px;
    padding-right: 6px;
}

.vendor_screen {
    padding: 6px;
}

.vendor_navigation {
    text-align: right;
}

    .vendor_navigation * {
        display: inline-block;
        vertical-align: middle;
    }

    .vendor_navigation span {
        background: #ffffff;
        padding: 3px;
        border-radius: 3px;
        border: 1px solid #9dbad6;
        width: 40px;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
    }

.pr_10 {
    padding-right: 10px;
}

.vendor_navigation ul {
    padding-top: 18px;
}

.tble_left table {
    margin: 0;
}

.tble_w70 {
    width: 70% !important;
}

.lbl_bg {
    background: #e2e9f1;
    border: 1px solid #2b3d61;
    padding: 0px 4px;
    color: #2b3d61 !important;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.sel_w {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.clen_vend_img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

    .clen_vend_img img {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
    }

.txt_area_3 {
    height: 64px;
}

.ui-state-highlight a.jq_td_link,
.ui-state-hover a.jq_td_link {
    color: #ffffff !important;
}

.cc_select_label li {
    display: inline-block;
    vertical-align: top;
}

    .cc_select_label li * {
        display: block;
    }

.cc_select_label li {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #a6a6a6;
}

    .cc_select_label li:first-child {
        padding-left: 0px;
        border-left: 0px;
    }

    .cc_select_label li label {
        color: #206db3;
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 5px;
        text-transform: capitalize;
    }

.cleansing_vendor_enhancement {
    width: 50px;
}

.pt_0 {
    padding-top: 0 !important
}

.grid_panel thead th .gh_chk_2 {
    margin-top: -3px;
    margin-left: -5px;
}

.grid_panel table tbody td {
    white-space: nowrap
}


/* Material Search start */

.ms_wrapper {
    background: #ffffff;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}



.ms_row_1 .auto_s input[type="text"] {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ms_row_1 .auto_s:after {
    top: 8px;
}

.ms_row_2_1 {
    padding: 13px 0px;
}

.ms2_1_left li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    border-left: 1px solid #ccc;
}

    .ms2_1_left li:first-child {
        border-left: 0px;
    }

    .ms2_1_left li:first-child {
        padding-left: 0px;
    }

.row_indi span {
    position: relative;
}

    .row_indi span:before {
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-right: 3px;
        vertical-align: inherit;
    }

.row_indi span {
    padding-left: 15px;
    border-left: 1px solid #ccc;
    padding-right: 15px
}

    .row_indi span:first-child {
        padding-left: 0px;
        border-left: 0px;
    }

.row_indi_dup:before {
    background: #54bfcd;
}

.row_indi_block:before {
    background: #dd8b8f;
}

.ms2_1_right {
    text-align: right;
}

    .ms2_1_right li {
        display: inline-block;
        padding-right: 15px;
        cursor: pointer;
    }

.ms_export {
    cursor: pointer
}

    .ms_export i {
        background: #00bcd4;
        color: #ffffff;
        padding: 2px 3px;
        margin-right: 5px;
        border-radius: 3px;
        font-size: 12px
    }

.ms_result {
    display: block;
}

    .ms_result > li {
        display: block;
        margin-bottom: 7px;
    }

        .ms_result > li > section {
            border: 1px solid #ccc;
            border-left-width: 4px;
            border-left-color: #354970;
            border-left-style: solid;
            padding: 6px 6px 0px 6 px;
        }

.ms_li_1,
.ms_h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

.ms_h {
    padding: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e5ebf8;
}

.msr_left {
    margin-right: 10px;
    border-right: 1px solid #ccc;
}

.msr_left,
.ms_h_left {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.msr_right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 135px;
    padding-top: 4px;
}

.ms_h_right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ms_status {
    min-width: 160px;
}
/*.ms_status > span {
    padding: 2px 5px;
    font-weight: 600;
    border-style: solid;
    border-width: 1px;
    border-left-width: 5px;
    margin-left: 8px;
        min-width: 139px;
    text-align: center;
}

.ms_status_1 {
    background: #f2f4ff;
    border-color: #6f7dc8;
}

.ms_status_2 {
    background: #f5fffd;
    border-color: #32b598;
}

.ms_status_3 {
    background: #e0f0fe;
    border-color: #3c8fdd;
}

.ms_status_4 {
    background: #e7fcff;
    border-color: #00bcd5;
}
*/
.ms_h_left li {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #a6a6a6;
}

    .ms_h_left li:first-child {
        padding-left: 0px;
        border-left: 0px;
    }

    .ms_h_left li span,
    .ms_status label {
        color: #206db3;
        font-weight: 600;
        vertical-align: bottom;
    }

    .ms_h_left li span {
        padding-right: 3px;
    }

.ms_status label {
    padding-right: 5px;
}

.ms_h_left li label,
.ms_status span {
    color: #414141;
}

.ms_li_para {
    padding-top: 10px;
}

    .ms_li_para p {
        padding-left: 5px;
    }

.ms_more {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #206db3;
    padding-left: 5px;
}

    .ms_more i {
        font-size: 20px;
        font-weight: normal;
    }

    .ms_more b {
        color: #206db3;
        position: relative;
        padding-left: 20px;
        font-weight: normal;
        font-style: italic;
    }

        .ms_more b:after {
            content: "\f107";
            font-family: 'FontAwesome';
            color: #206db3;
            position: absolute;
            left: 0;
            top: -2px;
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
        }

    .ms_more.ms_more_on {
        margin-top: 0px;
    }

        .ms_more.ms_more_on b:after {
            content: "\f106";
        }

.ms_search_owl img {
    width: 100%;
    display: block;
}

.ms_search_owl .owl-nav {
    text-align: center;
    position: absolute;
    top: 34%;
    left: 0;
    right: 0;
}

    .ms_search_owl .owl-nav * {
        display: inline-block;
        font-size: 22px;
        vertical-align: middle;
        color: #7f7f7f;
        line-height: normal;
    }

    .ms_search_owl .owl-nav > div {
        position: absolute;
    }

.ms_search_owl .owl-prev {
    padding-right: 5px;
    left: 5px;
}

.ms_search_owl {
    right: 7px;
}

    .ms_search_owl .owl-next {
        padding-left: 5px;
        right: 5px;
    }

    .ms_search_owl li {
        display: block;
        text-align: center
    }

        .ms_search_owl li a {
            width: 100%;
            height: 95px;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }


            .ms_search_owl li a img {
                max-width: 100%;
                max-height: 100%;
                width: auto;
            }

.ms_more_info {
    padding: 10px;
    margin-top: 0px;
    background: #e7e7e7;
    display: none;
    border-bottom: 1px solid #2b3d61;
}

.ms_url_list li {
    position: relative;
    padding: 5px 10px 5px 15px;
}

.ms_url_list li {
    display: inline-block;
    vertical-align: top;
    width: 13%;
}

    .ms_url_list li:before {
        content: "\f105";
        font-family: 'FontAwesome';
        color: #2b3d61;
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 15px;
    }

.ms_url_info .ms_url_list ul {
    height: 100px;
    overflow: auto;
}

.tble_scroll thead,
.tble_scroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tble_scroll tbody {
    display: block;
    overflow-y: scroll;
    height: 100px;
}

.tble_scroll thead td:last-child {
    width: 20px;
}

.ms_result > li.ms_duplicate section {
    border-left-color: #54bfcd;
}

.ms_result > li.ms_blocked section {
    border-left-color: #dd8b8f;
}

.hg_row {
    color: #ffffff;
    border-radius: 5px 5px 0px 0px;
    background: #4f85cd;
    font-size: 14px;
    padding: 6px 10px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.ms_tree_cat .form_rule_li li {
    display: block;
    text-align: left;
}


.ms_tree_cat .form_rule_li div b {
    float: right;
    background: #e4f1fd;
    border: 1px solid #3b8ede;
    color: #334361;
    border-radius: 2px;
    padding: 1px 3px;
    font-size: 12px;
    min-width: 40px;
    text-align: center;
}

.ms_rel_search li {
    cursor: pointer;
    color: #206db3;
}

    .ms_rel_search li:hover {
        text-decoration: underline;
    }

.ms_pagi {
    text-align: right
}

    .ms_pagi .pagination {
        margin-top: 0;
        margin-bottom: 0;
    }

.ms_foo_left span {
    padding-top: 7px;
}

.ms_footer {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}



.ms_right_click,
.cr_menu_4 > span {
    padding-top: 8px !important;
    padding-left: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #ccc;
}

.ms_right_click {
    position: relative;
}

    .ms_right_click:before {
        display: inline-block;
        font-size: 15px;
        padding-right: 10px;
        font-family: FontAwesome;
        font-weight: normal;
        color: #206db3;
        content: none !important
    }

.ri_icon_1:before {
    content: "\f065";
}

.ri_icon_2:before {
    content: "\f05e";
}

.ri_icon_3:before {
    content: "\f24d";
}

.ri_icon_4:before {
    content: "\f0c7";
}

.ri_icon_5:before {
    content: "\f0c5";
}

.ri_icon_6:before {
    content: "\f046";
}

.ri_icon_7:before, .ri_icon_8:before {
    content: "\f044";
}

.ri_icon_9:before {
    content: "\f014";
}

.context-menu-list li.ms_right_click:hover:before {
    color: #ffffff;
}

.context-menu-list .ms_right_click:last-child {
    border-bottom: 0;
}

.drop_li_pop li {
    display: block;
    cursor: pointer;
    font-size: 13px;
    padding: 6px 10px;
}

    .drop_li_pop li:hover {
        background: #2b3d61;
        color: #ffffff;
    }

.mrl_0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}


/* Material Search end */

.context-menu-list {
    z-index: 999 !important;
}

.ms_search_owl .owl-stage-outer {
    background: #fff;
}

.ms_wrapper > .h_1 {
    background: transparent;
}

.ms_more_info .tble_static tr td {
    white-space: nowrap;
}

    .ms_more_info .tble_static tr td:first-child {
        width: 50px;
        text-align: center;
    }

.cleanVendor .tble_static {
    height: 141px;
}

.cleanURL .tble_static {
    height: 97px;
}

.cleanAttributes .tble_static {
    height: 289px;
}

.clean_long, .source_long {
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.clean_short, .source_short {
    padding-top: 8px;
}

.ms_result > li:hover > section .ms_h {
    background: #c9d6f2;
}

.ms2_cat_pop {
    position: relative;
}

.category_group {
    display: none;
    position: absolute;
    z-index: 15;
    right: 10px;
    width: 400px;
    top: 100%;
    margin-top: 15px;
    text-align: left;
}

    .category_group .ms_tree_cat {
        background: #fff;
        padding: 10px;
        border: 1px solid #2b3d61;
    }

        .category_group .ms_tree_cat li div {
            height: auto;
        }

    .category_group .cls_tool_row {
        float: right;
    }

        .category_group .cls_tool_row i {
            color: #fff;
            font-size: 15px;
            padding-top: 1px;
        }

    .category_group header h2 {
        display: inline-block;
        vertical-align: middle;
    }

    .category_group .form_rule li:first-child div {
        display: none;
    }

    .category_group .loading {
        display: none;
    }

.top_arrow {
    position: relative;
}

    .top_arrow:after {
        content: "";
        position: absolute;
        bottom: 100%;
        border-width: 10px 7px;
        border-style: solid;
        border-color: transparent transparent #2b3d61 transparent;
        right: 15px;
    }

.category_grp_list, .category_grp_list * {
    cursor: pointer;
}

    .category_grp_list i {
        font-size: 17px !important;
    }

    .category_grp_list *,
    .ms_export * {
        display: inline-block;
        vertical-align: middle;
    }

    .category_grp_list > label, .ms_export > label {
        padding-bottom: 3px;
    }

.ms_row_2_1, .ms_rel_search {
    display: none;
}

.cg_list_select > span {
    background: #f6f8fb;
    border: 1px solid #dadada;
    padding: 0px 6px;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
}

    .cg_list_select > span b {
        color: #a1a1a1;
        padding-left: 5px;
        font-weight: normal;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -5px;
    }

.ms_footer {
    display: none
}

.ms_row_2_2 {
    position: relative;
    min-height: 300px;
}


.ms_pop_set td {
    padding: 8px 10px;
    font-weight: normal;
}

.ms_flag_act {
    border: 1px solid #ccc;
    background: #ffffff;
    padding: 3px;
    border-radius: 3px;
}

    .ms_flag_act:after {
        content: "\f107";
        font-family: FontAwesome;
        padding-left: 10px;
        padding-right: 10px;
        font-weight: normal;
        font-size: 19px;
        display: inline-block;
        vertical-align: middle;
        color: #6d6d6d;
    }

.ms_lang_set img {
    width: 30px;
    margin-right: 7px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.ui-dialog .dial_oh.ui-dialog-content {
    overflow: visible;
}

.custom_right_menu {
    display: none;
    position: absolute;
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    min-height: 198px;
}

    .custom_right_menu span {
        font-weight: 600;
        display: block;
        cursor: pointer;
        min-height: 20px;
        font-size: 11px;
        padding: 0;
        padding-right: 10px;
        white-space: nowrap;
    }

        .custom_right_menu span:hover,
        .right_click_on {
            color: #fff;
            cursor: pointer;
            background-color: #2980b9;
        }

            .custom_right_menu span:hover:before {
                color: #ffffff;
            }

        .custom_right_menu span.context_disbaled {
            opacity: 0.5;
            cursor: not-allowed;
        }

            .custom_right_menu span.context_disbaled:before {
                color: #757575
            }

.savedMatCount {
    background: #35c591;
    color: #ffffff;
    padding: 0px 4px;
    border-radius: 2px;
    font-weight: 600;
    float: right;
    margin-top: 1px;
}



/* compare page css start */
.cr_row_main {
    background: #ffffff;
}

.compare_row {
    background: #ffffff;
    margin-top: 76px;
}

    .compare_row .panel_2 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0;
    }

.cr_row_tble table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

.cr_row_tble td {
    word-break: break-all;
    padding: 3px 20px;
    text-align: center;
}

.cp_row_img {
    width: 115px;
    margin: 0 auto;
}

.cr_row_2 td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.cr_head {
    position: relative;
    display: block;
}

    .cr_head:after, .cr_col:after {
        content: "";
        display: block;
        clear: both;
    }

    .cr_head > div {
        float: left;
        width: 20%;
        padding: 5px 10px;
        background: #6c92b6;
    }

.ms_co_chk {
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
}

.cr_head h2 {
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    width: 89%;
}

.cr_cate_tbl td:first-child {
    background: #f5f5f5;
    text-align: left;
    background-clip: padding-box;
}

.cr_cate_tbl tr td {
    border-left: 1px solid #ccc;
}

.cr_cate_tbl tr {
    border-top: 1px solid #ccc;
}

    .cr_cate_tbl tr:last-child {
        border-bottom: 1px solid #ccc;
    }

    .cr_cate_tbl tr td:first-child {
        border-left: 0px;
    }

.cr_head h2 {
    position: relative;
}

    .cr_head h2 span {
        position: absolute;
        right: 0;
        color: #ffffff;
        top: -2px;
        cursor: pointer;
        width: 20px;
        height: 35px;
        text-align: center;
    }

        .cr_head h2 span:after {
            content: "\f078";
            font-family: 'FontAwesome';
            font-style: normal;
            font-size: 15px;
            font-weight: normal;
        }

    .cr_head h2.mc_arrow_change span:after {
        content: "\f077";
    }

/* compare page css end */
.vv_col2_row span, .vv_col2_row b {
    display: block;
    text-align: center;
}

.vend_dash_row > article .vv_col2_row b {
    font-size: 17px;
}

.vv_col2_row {
    border-top: 1px solid #ccc;
}

.br_1 {
    border-right: 1px solid #ccc;
}

.ven_dash_art_5 b {
    display: block;
    text-align: center;
    font-size: 11px !important;
}

    .ven_dash_art_5 b i {
        color: #099de6;
        font-weight: normal;
        font-size: 15px;
    }

.ven_dash_art_5 td {
    padding: 0px
}


.ven_dash_art_5 span {
    padding-bottom: 5px;
}


/* vendor page css start */
.vendor_screen_1 input[type="text"], .vendor_screen_2 input[type="text"] {
    background: #d4f6da;
    border: 1px solid #9cd7aa
}


.read_only_text {
    background: #fce9e9 !important;
    border: 1px solid #A8A8A8;
    cursor: not-allowed
}

.nor_txt_box {
    background: #ffffff !important;
    border: 1px solid #A8A8A8;
}

.ven_div_bg {
    background: #eaeaea !important;
}

.cus_head_1 {
}

.vendor_compare [class^="cus_head_"] {
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 5px;
}

    .vendor_compare [class^="cus_head_"] h2 {
        font-size: 13px;
    }

.cus_head_1 {
    background: #099de6;
}

.cus_head_2 {
    background: #7d75d6;
}

.cus_head_3 {
    background: #5bc588;
}

.vv_dup_paste .vd_cust {
    background: #099de6;
    color: #ffffff;
}

.vv_dup_paste .vd_supl {
    background: #7d75d6;
    color: #ffffff;
}
/* vendor page css end */


.overflow_on {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important
}

.vc_pt_25 {
    padding-top: 10px !important;
    padding-bottom: 40px;
}

    .vc_pt_25 .btn_row {
        padding-top: 0px;
    }

    .vc_pt_25 .pb_15 {
        padding-bottom: 0px;
    }

    .vc_pt_25 .tble_left {
        padding-top: 15px;
    }

.mt_0 {
    margin-bottom: 0px !important;
}

.txt_bold {
    font-weight: 600 !important;
    color: #000000 !important
}

.font_bold {
    font-weight: 600 !important;
}

li.cont_none:before {
    content: none !important
}

.area_h {
    height: 300px;
}

.panel_show > ul > li {
    cursor: pointer;
}

.tr_br {
    border-right: 3px solid #cccccc !important
}

.grid_panel #VendorAuditDataGrid tbody tr td:nth-child(1),
.grid_panel #VendorAuditDataGrid tbody tr td:nth-child(2),
.grid_panel #VendorAuditDataGrid tbody tr td:nth-child(3),
.grid_panel #VendorAuditDataGrid tbody tr td:nth-child(4) {
    background: initial !important;
}

#VendorAuditDataGrid tbody tr td:nth-child(even) {
    background: #e3f5df !important
}

.grid_panel #VendorAuditDataGrid .ui-state-highlight td,
.grid_panel #VendorAuditDataGrid .ui-state-hover td {
    background: initial !important
}

.form_rule .um_tree div {
    padding: 0px 10px;
}

    .form_rule .um_tree div > span {
        display: block;
        padding: 7px 10px
    }

.um_tree div > span:before {
    content: none !important
}

.form_rule .um_tree ul > li a > label:after {
    top: -2px
}

.vv_col2_row table {
    width: 100%;
}

    .vv_col2_row table td {
        padding: 0px;
    }

.vv_col2_row tbody td {
    border: 1px solid #dedede;
    width: 50%;
}

.vv_col2_row tbody tr:first-child {
    background: #f5f5f5
}

.vv_o_r {
    padding-top: 13px;
    padding-bottom: 12px;
    cursor: pointer;
}

.vv_col2_row .br_1 {
    padding-bottom: 4px;
}

.col_pad [class^="col-xs"] {
    padding-left: 3px;
    padding-right: 3px;
}

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

.ven_dash_art_5 [class^="col-xs"] {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    padding-top: 2px;
}

.vv_5_right {
    padding-top: 15px !important;
    padding-bottom: 16px !important
}

.ven_dash_art_5 > div {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.ven_dash_art_5 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-right: 1px solid #ccc;
}

.vv_5_left tbody td span {
    background: #f5f5f5;
    display: block;
    padding-bottom: 0;
    margin-bottom: 5px;
    font-size: 13px;
}

.vv_5_left tbody td {
    border: 1px solid #dedede;
}

.vv_5_left {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0 !important;
}

    .vv_5_left tbody tr:last-child td {
        border-bottom: 0px !important;
        padding-bottom: 5px;
        border-right: 0px !important
    }

.ms_com_fix_col {
    position: fixed;
    left: 0;
    right: 0;
    top: 30px;
}

.cr_row_main > .h_1 {
    margin-left: 0;
    margin-right: 0;
}

.ms_icon_filter {
    display: block;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .ms_icon_filter i {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
        font-size: 17px;
    }

        .ms_icon_filter i.fa-ban {
            color: #ec768c
        }

        .ms_icon_filter i.fa-pencil-square-o {
            color: #35c591
        }

        .ms_icon_filter i.fa-expand {
            color: #5b8ab5
        }

.cr_row_1.cr_row_tble td:first-child {
    vertical-align: top;
    padding-top: 6px;
}

.cp_tble_col table {
    border: 2px solid #bdbdbd
}

.cp_tble_col td:first-child {
    background: transparent !important;
    text-align: center;
    width: 53px !important;
}

.cp_tble_col thead td {
    text-transform: capitalize;
    border: 0px;
}

.cp_tble_col thead tr {
    background: #e2e9f1;
    border-bottom: 2px solid #2b3d61 !important;
}

.cp_tble_col td {
    padding: 2px !important;
}

.cp_tble_col {
    height: 140px;
    overflow: auto;
}




.ms_co_chk .c-checkbox .c-checkbox__img {
    border-color: #ffffff;
}

.ms_co_chk .c-checkbox input[type="checkbox"]:checked + .c-checkbox__img:before {
    color: #ffffff;
}

.ms_co_chk .cus_checkbox {
    margin-top: -8px;
}

.ms_cat_show_list {
    height: 140px;
    overflow: auto;
}

    .ms_cat_show_list li {
        display: block;
        padding: 2px 0px;
        text-align: left;
    }

.cr_row_2 td:first-child {
    background: #f5f5f5 !important;
}

.cr_row_2 {
    margin-bottom: 5px;
}

.ms_panel_hide {
    display: none;
}

.ms_panel_show {
    display: block !important;
}

.mr_0 {
    margin-right: 0 !important
}

.advance_set_contrl {
    display: none;
    width: 100%;
    margin-top: 8px;
}

#advaced_setting, #advaced_setting * {
    cursor: pointer;
}

.ms_advance_setting li > div {
    display: block;
}

.ms_advance_setting li textarea {
    height: 81px
}

.search_total_result {
    color: #206db3;
}

.cr_row_tble table td:first-child {
    width: 20% !important;
}

.td_count_1 .cr_row_tble table td {
    width: 80%;
}



.td_count_2 .cr_row_tble table td {
    width: 40%;
}



.td_count_3 .cr_row_tble table td {
    width: 26%;
}

.td_count_3 .cr_head > div {
    width: 20.4%;
}


.td_count_4 .cr_row_tble table td {
    width: 20%
}

.compare_row {
    overflow-y: scroll
}


/* scan main css start */

.batch_search {
    padding: 7px 10px;
}

    .batch_search .drp_auto .cus_select {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
    }

        .batch_search .drp_auto .cus_select select {
            padding-right: 21px;
            height: auto !important
        }

    .batch_search .cus_select:after {
        top: 12px !important;
    }

.sm_row_1 .auto_s input[type="text"] {
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
}

.batch_search > label,
.batch_search > .drp_auto {
    display: inline-block;
    vertical-align;
    middle;
}

.batch_search {
    position: relative
}

.flx_auto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flx_auto_left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
}

.flx_auto_right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.batch_search .txt_clr small {
    top: 7px;
}

.flx_c2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flx_c_row {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
}

.sm_row_2 h2 {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    padding: 6px 5px 5px 5px;
    background: #00bcd4;
    font-size: 14px;
}

.sm_row_1 .sm_row_2 article {
    padding: 11px 5px
}

.sm_row_1 .sm_row_2.flx_c2 {
    background: #00bcd4;
}

.sm_row_2 article {
    display: block;
    padding: 12px 5px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #ccc;
}

.ps_cat_1 > div {
    background: #00bcd4
}

.ps_cat_3 > div {
    background: #8371ab
}

.ps_cat_4 > div {
    background: #e06369
}

.cnt_text {
    font-weight: 600;
    font-size: 21px;
}

.sm_row_3 tbody td {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
}

    .sm_row_3 tbody td > span {
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 5px;
        min-height: 24px;
    }

    .sm_row_3 tbody td .c-checkbox {
        margin-right: 0px;
    }

.scan_off {
    background: #f9ebeb;
    position: relative;
    cursor: not-allowed;
}

    .scan_off:after {
        content: "";
        position: absolute;
        top: -2px;
        left: -1px;
        right: -1px;
        height: 2px;
        border-top: #2b3d61 2px solid;
    }

.sm_row_4 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.sm_r_panel {
    margin-bottom: 0 !important
}

    .sm_r_panel header {
        display: block;
        padding: 5px;
        border-bottom: 2px solid #2377c5;
    }

        .sm_r_panel header:after {
            content: "";
            display: block;
            clear: both;
        }

        .sm_r_panel header h2 {
            float: left;
            font-size: 14px;
            text-transform: capitalize
        }

        .sm_r_panel header .c-checkbox {
            float: right;
        }

    .sm_r_panel div {
        padding: 10px;
    }

        .sm_r_panel div span {
            font-weight: 600;
            font-size: 23px;
            display: block;
            text-align: center;
        }

.sm_rlist_1 * {
    text-align: center;
}

.scan_status {
    display: block;
    position: relative;
    padding-bottom: 10px;
}

.smr_box {
    margin: 0 auto;
    width: 200px;
    background: #ffffff;
}

.sm_row_5 [class^="sm_rlist_"] {
    text-align: center;
    position: relative;
}

.sm_row_5 .row {
    position: relative;
}

    .sm_row_5 .row:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 12%;
        right: 12%;
        background: #ddd;
        height: 4px;
        display: block;
        z-index: 0;
    }

.smr_box span {
    color: #343434;
    text-transform: capitalize;
}

.smr_box b {
    font-weight: 600;
    font-size: 22px;
}

.smr_box > div {
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    border: 1px solid #ccc;
    border-bottom: 0px;
    justify-content: center;
}

    .smr_box > div small {
        padding-top: 4px;
    }

.smr_box a {
    display: block;
    color: #ffffff;
    padding: 10px;
    background: #2377c5;
}

.sm_row_5 .row {
    padding-top: 15px;
    padding-bottom: 15px;
}

.scan_status:after {
    content: "\f002";
    background: #2377c5;
    font-family: 'FontAwesome';
    color: #ffffff;
    width: 25px;
    height: 25px;
    font-weight: normal;
    line-height: 25px;
    display: inline-block;
    border-radius: 50%;
}

.scan_complete .scan_status:after {
    content: "\f00c";
    background: #17c18f;
}

.scan_complete .smr_box > div {
    border-color: #17c18f;
}

.scan_complete .smr_box a {
    background: #17c18f
}

.scan_disable *,
.scan_disable {
    cursor: not-allowed
}

    .scan_disable .scan_status:after {
        content: "\f00d";
        background: #ec768c;
    }

    .scan_disable .smr_box > div {
        border-color: #a6a6a6;
    }

    .scan_disable .smr_box a {
        background: #a6a6a6
    }

.sm_row_1 {
    padding-bottom: 5px;
}
/* scan main css end */
/* part number scan start */
.scpn_left_1 [class^="ps_cat_"] {
    padding-bottom: 15px;
}

.ps_cat_2 h2 {
    background: #3b8ede;
}

.ps_cat_3 h2 {
    background: #8371ab;
}

.ps_cat_4 h2 {
    background: #e06369;
}

.scpn_left_2 ul {
    height: 550px;
    overflow: auto;
}

    .scpn_left_2 ul li:after {
        content: "";
        display: block;
        clear: both;
    }

    .scpn_left_2 ul li {
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .scpn_left_2 ul li .nmq_cnt {
            float: right;
        }

            .scpn_left_2 ul li .nmq_cnt b {
                text-align: center;
                min-width: 55px;
                padding: 1px 5px;
            }

.li_din > li {
    display: inline-block;
    vertical-align: middle;
}
/* part number scan end */

.grid_excel {
    color: #ffffff;
    padding: 1px 4px;
    border-radius: 2px;
    margin-top: 3px;
    background: #6f7dc8;
    cursor: pointer;
    font-size: 12px;
}

    .grid_excel i {
        color: #ffffff;
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
    }
/* part number scan end */
.list_set_check {
    height: 380px;
    overflow: auto;
}

    .list_set_check li {
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }

        .list_set_check li:after {
            content: "";
            display: block;
            clear: both;
        }

        .list_set_check li > label {
            float: left;
        }

        .list_set_check li > b {
            float: left;
            font-weight: normal;
            width: 80%;
            margin-top: -2px;
        }

.list_chk_add {
    float: right;
    padding-right: 5px;
}

.list_col_item li {
    padding-bottom: 10px;
}

.scan_dial_tble td:last-child {
    width: 50px;
    text-align: center;
}

.scan_dial_tble {
    height: 150px;
    overflow: auto;
}

.pl_10 {
    padding-left: 10px;
}

.list_set_check_2.list_set_check {
    height: auto;
}

    .list_set_check_2.list_set_check li {
        border-left: 1px solid #ccc;
    }

        .list_set_check_2.list_set_check li:first-child {
            border-left: 0px;
        }

    .list_set_check_2.list_set_check b {
        width: 82%;
        margin-top: 0;
    }

    .list_set_check_2.list_set_check .list_chk_add {
        padding-right: 0;
        padding-left: 5px;
        margin-top: -2px;
    }

.list_set_check_2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
}

    .list_set_check_2 li {
        flex: 0 0 20%;
        padding-left: 5px;
        padding-right: 5px;
    }

.ref_dial_1 label {
    font-size: 13px;
}


.ref_dial_list ul {
    height: 512px;
    overflow: auto;
}

.ref_dial_list li {
    display: block;
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

    .ref_dial_list li:hover,
    .ref_dial_list_on {
        color: #206db3 !important
    }

.ref_dial_1 .re_no_txt {
    display: initial;
    padding-right: 20px;
}

.cc_refdata_img img {
    cursor: pointer;
}

.ref_dial_list {
    border: 1px solid #ccc;
}

.box_tab_2.box_tab tbody td {
    padding: 19px 5px 18px 5px
}

.cont_none:after {
    content: none !important
}

.auto_s_h {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.tab_menu_left ul {
    float: left !important;
}

.tab_right {
    float: right;
}

.append_dashboard {
    position: relative;
    height: 92%;
}

    .append_dashboard iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border: 0px;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }

.cr_menu_1 {
    border-right: 1px solid #206db3;
}

.cr_menu_2 {
    border-left: 1px solid #206db3;
}

.custom_right_menu .col-xs-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.custom_right_menu {
    border: 2px solid #206db3;
    min-width: 350px;
}

.cr_sec_1 {
    border-bottom: 2px solid #206db3;
}

.cr_menu_3 {
    border-right: 1px solid #ccc;
}

.cr_menu_4 {
    border-left: 1px solid #ccc;
    height: 96px;
    overflow: auto;
}

    .cr_menu_4 > span {
        display: block;
    }

.rd_cnt_tble_2.rd_cnt_tble td {
    padding: 19px 10px 20px 10px;
}

.tog_row li > .c-checkbox {
    margin-top: -4px;
}

.home_page_txt textarea {
    height: 85px;
}


.mtb_5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

@media only screen and (max-width:1919px) {
    .tab_width.tab_menu > ul > li {
        min-width: auto !important;
    }
}

.show_def > div {
    display: none;
}



.tool_div.server_add {
    position: absolute !important
}

.div_textarea {
    border: 1px solid #A8A8A8;
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 13px;
    width: 100%;
    height: auto;
}

.tree_pm_master_2 .pid_tree > li > div {
    padding-left: 0px;
}

.panel_sec {
    position: relative;
}

.cus_arrow_hide {
    position: absolute;
    top: 4px;
    right: 10px;
    z-index: 15;
}

.panel_active_imp {
    display: block !important
}

.body_os {
    overflow-y: scroll !important;
}

.date_t.dp_f {
    display: block;
}

.p_6 {
    padding: 0px 6px;
}

button.cus_btn_2 {
    border: 0px;
}
/* new catelog dashboard css */

.cd_cnt {
    padding-left: 10px;
    margin-top: 5px;
}

    .cd_cnt * {
        display: inherit;
        min-height: 21px;
        vertical-align: initial;
    }

    .cd_cnt label {
        min-height: 20px;
    }

    .cd_cnt b {
        font-weight: normal;
        background: transparent;
        color: #2f2f2f;
        min-height: 21px;
    }

.cd_def_col {
    text-align: right;
}

    .cd_def_col li {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 23%;
        padding: 8px 7px;
        border-left: 1px solid #ccc;
    }

        .cd_def_col li:first-child {
            border-left: 0px;
        }

        .cd_def_col li > label {
            padding-right: 10px;
        }

.cnt_lab_cd {
    background: #e7eef5;
    border: 1px solid #8ab3db;
    padding: 3px;
    margin-left: -5px;
    z-index: 1;
    border-radius: 0 5px 5px 0px;
    min-width: 31px;
    min-height: 28px;
    text-align: center;
}


.pl_5 {
    padding-left: 5px;
}


/* multiselect css */
.fs-wrap {
    position: relative;
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: 28px;
}

.fs-label-wrap {
    position: relative;
    border: 1px solid #ccc;
    cursor: default;
    min-height: 28px;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .fs-label-wrap .fs-label {
        padding: 4px 22px 4px 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.fs-arrow {
    position: absolute;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: 13px;
    width: 13px;
    height: 13px;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 5px;
    max-height: 240px;
    overflow: auto;
    width: 100%;
    z-index: 1000;
}

.fs-search input {
    width: 100%;
    padding: 2px 4px;
    border: 0;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: rgb(17, 169, 17);
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.fs-wrap .fs-option:hover {
    background-color: #eee;
}

.fs-optgroup-label {
    font-weight: bold;
}

.hidden {
    display: none;
}


.cd_load_ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

    .cd_load_ul > ul {
        display: inline-block;
        vertical-align: middle;
    }

        .cd_load_ul > ul:first-child {
            border-right: 2px solid #2b3d61;
            padding-right: 5px;
        }

        .cd_load_ul > ul:last-child {
            padding-left: 11px;
        }

.cd_load_label {
    text-align: left;
}

    .cd_load_label li {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px 5px 0px;
        position: relative;
    }

        .cd_load_label li .flx_auto, .box_cd {
            border: 1px solid #989898;
            background: #fff;
            min-width: auto;
            position: relative;
            border-radius: 4px;
            cursor: pointer;
            font-size: 12px;
        }

.box_cd {
    padding: 3px 8px;
    text-align: center;
}

    .cd_load_label li .flx_auto *, .box_cd * {
        cursor: pointer;
    }

.cd_load_label li .flx_auto_right {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.cnt_lab_cd_2 {
    background: #d9e7f5;
    padding: 3px;
    z-index: 1;
    border-radius: 4px 0px 0px 4px;
    border-right: 1px solid #3b8ede;
    min-width: 31px;
    text-align: center;
}

.cd_list_map {
    position: absolute;
    margin-top: 6px;
    left: 0;
    background: #fff;
    border: 3px solid #3b8ede;
    white-space: nowrap;
    min-width: 150px;
    z-index: 100;
    margin-top: 6px;
    border-radius: 4px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    display: none;
    min-width: 220px;
}

    .cd_list_map:after {
        content: "";
        position: absolute;
        border-width: 10px 6px;
        border-style: solid;
        border-color: transparent transparent #3b8ede transparent;
        bottom: 100%;
        left: 8px;
    }

.cd_list_map {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 485px;
}

    .cd_list_map li {
        padding: 7px 5px;
        border-top: 1px solid #ccc;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        white-space: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .cd_list_map li:first-child {
            border-top: 0px;
        }

        .cd_list_map li:hover * {
            cursor: pointer;
            color: #3b8ede;
        }

        .cd_list_map li:hover span {
            color: #3b8ede;
        }

        .cd_list_map li span {
            float: right;
            color: rgba(0, 0, 0, 0.5);
            cursor: pointer;
            flex: 0 0 auto;
        }

        .cd_list_map li b {
            border-right: 1px solid #ccc;
            background: transparent;
            color: #2f2f2f;
            font-weight: normal;
            margin-right: 2px;
            padding-right: 6px;
            min-width: 50px;
            text-align: center;
            flex: 0 0 auto;
        }

        .cd_list_map li label {
            flex: 1 1 auto;
            padding-left: 5px;
        }

.cd_cnt_2 {
    border: 1px solid #bdbdbd;
    background: transparent;
    color: #2f2f2f;
    padding: 0px 1px;
    min-width: 35px;
    font-size: 12px;
    text-align: center;
    float: right;
}

.cd_lab_cnt {
    display: inline-block;
    border: 1px solid #bdbdbd;
    padding: 0px 2px;
    min-width: 60px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    color: #313336 !important
}

#ulCategorySelectedList2 li:last-child .cd_list_map {
    right: 0;
    left: auto;
}

    #ulCategorySelectedList2 li:last-child .cd_list_map:after {
        right: 8px;
        left: auto;
    }

.cd_load_label li .cls_list_cat {
    position: absolute;
    left: 93%;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #a7a7a7;
    top: 6px;
    padding-left: 0px;
}

.mb_1 {
    margin-bottom: 1px !important
}

.topcat_list_cls {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #a7a7a7;
}

.cd_load_label_2 > li {
    margin-right: 15px;
}

    .cd_load_label_2 > li:last-child {
        margin-right: 0px;
    }

.CategoryDetailCloseClass {
    display: block;
    cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cnt_lab_cd {
        padding: 3px 3px 4px 3px !important;
    }
}

/* report config css start */
.report_grp table {
    width: 100%
}

.report_grp tr {
    border: 1px solid #ccc;
}

.report_grp td {
    padding: 7px 5px;
}

.rg_td_1 {
    width: 100px;
    /*background:#d7e3ee;*/
}

    .rg_td_1 * {
        text-align: center
    }

.rg_td_2 {
}

.rg_td_3 {
    white-space: nowrap;
}

    .rg_td_3 span {
        display: inline-block;
        vertical-align: middle;
        border-left: 1px solid #ccc;
        padding-left: 10px;
        margin-left: 10px;
    }

        .rg_td_3 span b {
            font-weight: 600;
            color: #a3a3a3;
            padding-left: 5px;
            cursor: pointer;
        }

.rg_td_4 {
    width: 100px;
    text-align: center
}

    .rg_td_4 .remove_i {
        padding-left: 5px;
    }

    .rg_td_4 .add_plus {
        font-size: 12px;
        padding: 3px 4px;
    }

.rc_panel table {
    margin: 0;
}

.report_grp thead td {
    text-align: center;
}
/* report config css end */

input[type="number"] {
    text-align: center;
}

.rc_special input[type="text"] {
    width: 150px;
}

.text_label * {
    display: inline-block !important;
    vertical-align: middle !important;
}

.text_label input[type="text"] {
    width: 50px !important;
    text-align: center;
}

.text_label {
    border-left: 1px solid #ccc;
}

.report_grp.tble_static table tbody tr:nth-child(even) {
    background: #fff;
}

.user_name_list li {
    display: block;
    padding-top: 7px;
}

    .user_name_list li:first-child {
        padding-top: 0px;
    }

.erp_tab_info > div {
    display: none;
}

.tab_width_auto li {
    min-width: 100px !important
}

.erp_tab {
    position: relative;
}

.tb_toggle {
    position: absolute;
    top: 0;
    right: 21px;
}

.custom_right_menu.cd_right_menu {
    min-width: 150px;
    height: auto;
    min-height: auto;
}

.cd_right_menu span {
    padding: 6px;
}

.cd_td_active {
    position: relative;
    z-index: 1;
}

    .cd_td_active:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #e2e9f1 !important;
        z-index: -1;
    }

.cus_title {
    font-weight: 600;
    display: block;
    text-align: center;
    padding-bottom: 15px;
}

.clone_req_list > div {
    display: block;
    padding-top: 10px;
}

    .clone_req_list > div:first-child {
        padding-top: 0px;
    }

.clone_req_list .btn_row {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 15px;
}

#SAPUploadJQgrid thead th .c-checkbox {
    margin-left: -5px;
}


/* sap overview css start */

.sap_over_row {
    display: block;
}

.bg_w {
    background: #ffffff;
}

.m_0 {
    margin: 0 !important
}

.textarea_h {
    height: 26px;
}



.panel_info_row.panel_overflow {
    overflow: hidden !important;
}

.sap_low2 input[type="text"] {
    width: 60px;
}

.sap_max input[type="text"] {
    width: 170px;
}

.sap_data_overview .auto_s input[type="text"],
.sap_data_overview .date_t input[type="text"],
.sap_data_overview input[type="text"],
.sap_data_overview textarea {
    margin: 0;
}

.sap_min input[type="text"] {
    width: 65px;
}

.sap_med input[type="text"] {
    width: 90px;
}

.sap_data_overview > div {
    display: none;
}

.sap_data_overview table {
    width: 80%;
}

.tble_auto_im table {
    width: auto !important;
}

.purchas_text {
    height: 250px;
}

.sap_data_overview .warehouse2 table {
    width: 70%;
}
/* sap overview css end */

@media only screen and (max-width:1439px) {
    .tab_width_auto li {
        min-width: auto !important;
    }
}

.overflow_show {
    overflow-y: scroll;
}

.tab_owl_row .owl-nav {
    position: absolute;
    right: -20px;
    top: -7px;
}

    .tab_owl_row .owl-nav > div {
        display: inline-block;
        font-size: 22px;
        vertical-align: middle;
    }

.tab_owl_row .owl-next {
    padding-left: 2px;
}

.tab_owl_row .owl-prev {
    padding-right: 2px;
}

.fs-option-label {
    white-space: nowrap;
}

.cd_main_wrapper {
    position: relative;
    z-index: 10;
}

.guide_iframe {
    position: fixed;
    top: 0;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15000;
    display: none;
}

    .guide_iframe iframe {
        position: relative;
        width: 100%;
        height: 100%;
    }

.data_date {
    min-width: 178px;
}

.cus_btn_dash {
    margin-top: 8px;
}

    .cus_btn_dash .spn_btn_2,
    .cus_btn_dash .cd_cate_menu {
        min-height: 28px;
        line-height: 24px;
    }

.pt_1 {
    padding-top: 1px;
}

.fontchange {
    font-family: Consolas !important;
    font-weight: normal;
    font-size: 14px;
}

.short_desc_panel textarea {
    font-weight: normal
}

.lang_conver {
    cursor: pointer;
}

    .lang_conver * {
        cursor: pointer
    }

    .lang_conver img {
        width: 18px;
    }

    .lang_conver img,
    .lang_conver label,
    .dc_lang_flag * {
        vertical-align: middle;
        display: inline-block;
    }

.dc_lang_ser,
.dc_lang_remove {
    width: 25px;
    text-align: center
}

.dc_lang_flag {
    width: 100px;
    text-align: center;
}

    .dc_lang_flag img {
        width: 22px;
        height: auto;
        margin-right: 3px;
    }

.dc_lang_short {
    width: 250px;
}

.desc_lang_dialog .tble_static {
    height: 500px;
    overflow-y: auto;
}

    .desc_lang_dialog .tble_static thead td {
        text-align: center;
    }

    .desc_lang_dialog .tble_static tbody td {
        padding: 10px 5px;
    }

.dc_lang_short textarea {
    resize: vertical;
    height: 125px;
}

.dc_lang_long textarea {
    height: 125px;
}

.url_form_area textarea {
    height: 118.4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .req_d_tb_view {
        padding: 9px 0px 0.1em 0px !important;
    }
}

.req_dash_left > .panel_1 {
    min-height: 533px;
}

.req_dash_left.dg_panel_h > .panel_1 {
    min-height: 614px
}

.nmq_cla_row label {
    display: block;
    padding-bottom: 4px;
}

.nmq_cla_row > .row {
    padding-bottom: 10px;
}

.nmqtx_auto > div {
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.nmq_cont_tr {
    height: 95px;
}

.nmq_cont_tr_2 > div {
    padding-left: 25px;
}

.nmq_cont_tr_1,
.nmq_cont_tr_2 {
    position: relative
}

    .nmq_cont_tr_1:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: -8px;
        right: -10px;
        border: 1px solid #acacac;
        pointer-events: none;
        border-radius: 5px;
    }

    .nmq_cont_tr_2:after {
        content: "";
        position: absolute;
        top: 0;
        left: 28px;
        bottom: -8px;
        right: 0;
        border: 1px solid #acacac;
        pointer-events: none;
        border-radius: 5px;
    }

.pb_4 {
    padding-bottom: 4px !important;
}

.pb_row > .cus_checkbox {
    padding-bottom: 10px;
}

.pr_0 {
    padding-right: 0px !important;
}

.txt_w_8 input {
    width: 150px;
    margin: 0;
}

.nmq_cont_tr span {
    display: block;
}

.dg_dash_link {
    float: right;
    color: #fff;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 3px;
    cursor: pointer;
}

    .dg_dash_link img {
        width: 22px;
        padding-right: 5px;
        display: inline-block;
        vertical-align: middle;
    }

.lab_css label {
    color: #3b8ede;
    font-weight: 600;
}

.lab_css span {
    font-weight: normal;
}

.lab_css td {
    vertical-align: top;
    border-right: 1px solid #ccc;
}

    .lab_css td:last-child {
        border-right: 0px;
    }

.rs_n_table tbody td:first-child,
.rs_n_table thead td:first-child {
    text-align: left !important
}

.ar_col_3 {
    min-height: 159px;
}

.ar_col_1 .gird_ac_name span {
    display: block !important
}

.ar_col_2 .nmq_se_tbl table td {
    height: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ans_dropdown .cus_pop {
    width: 300px;
}

#gview_SearchedMaterialGrid th .c-checkbox,
#gbox_MaterialGrid th .c-checkbox {
    margin-top: -1px !important;
}
/* report custom drag and drop */
.cus_repo_drag {
    height: 475px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .cus_repo_drag table {
        height: 100%;
    }

.drg_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100% !important;
    align-items: center;
    height: 37px;
    border-bottom: 1px solid #ccc;
}

    .drg_row .drg_col_1 {
        flex: 0 0 75px;
        text-align: center;
        padding-right: 10px;
    }

    .drg_row .drg_col_2,
    .drg_row .drg_col_3 {
        flex: 0 0 42%;
        padding-right: 10px;
    }

    .drg_row .drg_col_4 {
        flex: 0 0 100px;
        text-align: center;
        padding-right: 41px;
    }

.drg_row_h {
    border-bottom: 2px solid #2b3d61;
}

.drg_row.drg_row_h {
    height: 27px;
}

.rep_sep_row {
    padding-top: 10px;
}

.rep_li_chk li {
    padding-top: 5px;
}

.rep_li_chk_3.rep_li_chk li:first-child {
    padding-top: 5px;
}

.br_1 {
    border-right: 1px solid #ccc;
}

.rep_li_chk_2 {
    height: 72px;
}

.rep_li_chk_3 {
    height: 71px;
    overflow: auto;
}

.report_fil_2 {
    height: 471px !important;
}

.pl_0 {
    padding-left: 0px !important
}

.drg_row_h span {
    font-weight: 600;
}

.drg_row_b .ui-sortable-placeholder {
    visibility: visible !important;
    background: rgba(255,0,0,0.05) !important;
    height: 27px !important;
    border: 1px dashed red !important;
}

.drg_row_b .ui-sortable-helper {
    cursor: move !important
}

.audit_rpt_img img {
    height: 22px
}

.td_rpe {
    height: 118px;
    overflow: auto;
}

.dash_active {
    float: right;
    padding-right: 15px;
    padding-top: 28px;
}

    .dash_active .switch-label {
        font-size: 11px !important;
    }

        .dash_active .switch-label:before,
        .dash_active .switch-label:after {
            margin-top: -6px;
        }

.tx_wa {
    width: 100px !important;
    margin: 0;
}

.dis_li_rep {
    margin-top: 10px;
}

    .dis_li_rep label,
    .dis_li_rep .tx_wa {
        display: inline-block;
        vertical-align: middle;
    }

.rep_li_chk li .c-checkbox {
    margin-top: -2px;
}

.vendor_screen .switch-label {
    font-size: 13px;
}

.vendor_screen .switch-label {
    border: 1px solid #a4a4a4;
}


/* search new css start */


.ms_more_info .h_5 h2 {
    padding-top: 4px;
}

.s_ml {
    width: 116px;
}

.s_rl {
    width: 90px;
}

.noimg_search * {
    cursor: not-allowed
}

.noimg_search img {
    opacity: 0.5;
}

.noimg_search a {
    padding-top: 6px;
}

.ptb_0 {
    padding: 0 5px !important
}

.ms_row_2 {
    display: none
}

.ms_flx {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ms_flx_0 {
    width: 100%;
    -webkit-bos-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ms_flx_1 {
    width: 100%;
    -webkit-box-flex: auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: column;
}

.ov_hi {
    overflow: hidden;
}

.default_search {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ms_search_animation,
.ms_row_1 {
    margin-top: 0;
}

.ms_defult {
    width: 500px;
    margin: 0 auto;
}

.default_search .ms_row_1 .auto_s input[type="text"] {
    padding: 10px 15px 10px 30px !important;
    border-radius: 20px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    outline: none;
}

input:focus {
    outline: none !important;
}

.default_search .ms_row_1 .auto_s:after {
    top: 11px;
    left: 10px;
}

.ms_d3 {
    display: none;
    text-align: center;
    padding-bottom: 3px;
    color: #186ca7;
    font-size: 18px;
    padding-bottom: 8px;
}

.default_search .ms_d3 {
    display: block
}

.md_d2 {
    padding-top: 17px;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: capitalize;
}

.md_d2_1 * {
    display: inline-block;
    vertical-align: middle
}

.md_d2_1 span * {
    cursor: pointer;
}

.md_d2_1 img {
    padding-right: 3px;
    height: 15px;
}

.md_d2_1 span {
    padding-left: 10px;
    border-left: 1px solid #ccc;
    padding-right: 10px;
    float: left;
}

    .md_d2_1 span:first-child {
        padding-left: 0;
        border-left: 0;
    }

.md_d2_2 {
    text-align: right;
}

    .md_d2_2 > span, .ms_d4 span {
        white-space: nowrap;
    }

    .md_d2_2 *, .ms_d4 * {
        display: inline-block;
        vertical-align: middle;
    }

.gear_i {
    color: #1880c9;
    font-size: 16px;
    padding-right: 5px;
    vertical-align: middle;
}

.default_search_off .ms_defult {
    padding-top: 7px;
}

.default_search_off .ms_row_1 {
    background: #f6f6f6;
    border-bottom: 1px solid #c0c0c0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
}

.ms_advance_setting label {
    padding-bottom: 3px;
}

.default_search_off .ms_d1,
.default_search_off .md_d2 {
    display: inline-block;
    vertical-align: middle;
}

.default_search_off .md_d2 {
    padding-top: 0px;
}

.default_search_off .ms_d1 {
    width: 500px;
}

.default_search_off .ms_row_1 .auto_s input[type="text"] {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    padding-left: 30px !important
}

.default_search_off .ms_row_1 .auto_s:after {
    top: 5px;
    left: 12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .default_search_off .ms_row_1 .auto_s:after {
        top: 7px !important
    }
}

.ms_d4 {
    display: none;
    padding-right: 15px;
}

.default_search_off .ms_d4 {
    display: inline-block;
}

.default_search_off .md_d2_2 {
    display: none;
}

.default_search_off .md_d2_1 {
    width: auto;
    white-space: nowrap;
}

.default_search_off .ms_defult {
    text-align: center;
}

.ms_export .fa-download {
    padding: 2px 4px 2px 3px;
}


.default_search_off .advance_set_contrl {
    margin-top: 0;
    border-top: 0px;
}

.cr_row_main * {
    font-size: 11px;
}

#SearchTextboxContainer td:first-child {
    text-align: right;
    padding-right: 0px;
}

.cp_row_img .ms_search_owl .owl-prev {
    left: -15px;
}

.cp_row_img .ms_search_owl .owl-next {
    right: -15px;
}

.default_search .ms_row_1 {
    margin-top: -25px;
}
/* search new css end  */
.desc_sl td:first-child {
    color: #206db3;
}

.desc_sl {
    padding-top: 25px;
}

    .desc_sl td {
        vertical-align: middle
    }

        .desc_sl td:last-child {
            padding-left: 15px;
        }

    .desc_sl section table,
    .desc_sl section table td {
        border: 1px solid #ccc;
    }

.cus_chk_drp .cus_checkbox .switch-label {
    font-size: 11px;
    text-transform: capitalize;
}

    .cus_chk_drp .cus_checkbox .switch-label:before,
    .cus_chk_drp .cus_checkbox .switch-label:after {
        margin-top: -8px;
        line-height: normal;
    }


.sing_chk .switch {
    width: 80px;
}

.sing_chk .switch-label:after {
    left: 0;
    width: 60px;
}

.sing_chk .switch-label:before {
    width: 60px;
    right: 0;
}

.sing_chk .switch-input:checked ~ .switch-handle {
    left: 58px;
}

.rowline_2 {
    height: 38px;
    overflow: auto;
}

#txtAnswer {
    height: 61px
}

.text-center {
    text-align: center
}

.lang_table tr td:first-child, .lang_table thead td {
    text-align: center;
}

.rc_td_1 td {
    vertical-align: top !important;
}

.btn_bg_1 {
    background: #4bae8a !important;
    border-color: #4bae8a !important
}

.row.bp_0, .bp_0 [class*="col-"] {
    padding: 0px !important;
    margin: 0 auto !important;
}

.rc_td_3 input {
    padding-left: 5px;
    padding-right: 5px;
}

.rc_setting_btn {
    background: #aeaeae !important;
    pointer-events: none !important;
    border-color: transparent !important;
}

.btn_bg_2 {
    background: #007bff !important;
}

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

li.panel_togle {
    padding-right: 0px !important
}

.dd_cnt {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


.mgr_tbl tbody tr td, .mgr_tbl tfoot tr td {
    padding: 9.9px 5px 10px 5px
}

.k_piechart {
    padding-top: 10px !important
}

    .k_piechart .k-chart > svg {
        overflow: inherit !important
    }

.dd_cnt_row_2_1 *,
.dd_cnt_row_2_2 * {
    text-align: center !important
}

.dd_cnt_row_2 .panel_1 span {
    display: block !important;
    float: none !important;
}

.dd_cnt_row_2 .nd_le {
    margin-left: auto !important;
    margin-right: auto !important
}

.nmq_cnt_pn_4_2 .nd_ri {
    cursor: pointer;
}

    .nmq_cnt_pn_4_2 .nd_ri b {
        font-size: 23px;
    }

.nmq_cnt_pn_4_2 i {
    font-size: 18px;
    padding-bottom: 2px;
}

    .nmq_cnt_pn_4_2 i.fa-check {
        color: #3CBD34
    }

    .nmq_cnt_pn_4_2 i.fa-ban {
        color: #d9534f
    }

    .nmq_cnt_pn_4_2 i.fa-thumbs-up {
        color: #3CBD34
    }

    .nmq_cnt_pn_4_2 i.fa-thumbs-down {
        color: #d9534f
    }

.nmq_cnt_pn_4_2 .col-xs-3 {
    border-left: 1px solid #ccc;
}

    .nmq_cnt_pn_4_2 .col-xs-3:first-child {
        border-left: 0px;
    }

.pb_11 {
    padding-bottom: 11px !important
}

.nmq_cnt_pn_4 .nd_le.tm_clr {
    background: #3b8ede !important
}

.DD_Cnt_Event * {
    cursor: pointer
}

.dd_c_1 {
    background: #eee;
    margin: -3px 0 -3px -1px;
    min-height: 80px;
    padding-top: 8px;
}

.dd_cnt_row_2_1, .dd_cnt_row_2_2 {
    min-height: 84px;
    padding-top: 9px;
}

.cnt_wrapper {
    min-height: 85px;
}

    .cnt_wrapper .oem_4 .nmq_cnt_pn_2 {
        padding-top: 3px;
    }

.k-grid-content tr:hover > td, .k-grid-content tr:hover > td i {
    color: #ffffff !important
}

.select_nmq span b {
    font-weight: normal;
}

.select_nmq span b, .cus_btn_4 {
    background: #00bcd4;
    font-weight: normal;
}

.k-grid-content tr:hover input,
.k-grid-content tr:hover textarea,
.k-grid-content tr:hover select,
.k-grid-content tr:focus input,
.k-grid-content tr:focus textarea,
.k-grid-content tr:focus select,
.k-grid-content tr input,
.k-grid-content tr textarea,
.k-grid-content tr select {
    color: #000000 !important
}

.tra_attri_popup {
    cursor: pointer;
}

/*26/04/23 Kendo Pop-up*/
.k-widget.k-window {
    border-radius: 10px;
}

.k-window-titlebar.k-header {
    border-radius: 10px 10px 0 0;
}

.k-window-content.k-content {
    border-radius: 0 0 10px 10px;
}
/*26/04/23 Kendo Pop-up End*/

.kendow_window_wrapper {
    display: none;
}

.traing_attr_val {
    text-align: center;
    cursor: pointer;
}


.tr_edit_row, .NoundModEdit {
    position: relative;
    color: #39a878 !important;
}

.tr_edit_row_save:after, .relatednmq_tr_edit_row:after {
    content: "\f044";
    font-family: FontAwesome;
    color: #39a878 !important;
    font-style: normal;
    font-size: 18px;
    cursor: pointer;
}

.tr_edit_row_save_on:after,
.tr_edit_NMQ_save_on:after,
.relatednmq_tr_edit_row_save_on:after {
    content: "\f00c";
    font-family: FontAwesome;
    color: #39a878 !important;
    font-style: normal;
    font-size: 18px;
    cursor: pointer;
}


.traing_templte_grid tbody td input {
    width: 100%;
    background: transparent;
    border-color: transparent !important;
    box-sizing: border-box;
    color: #4c5356 !important
}

    .traing_templte_grid tbody td input:focus,
    .traing_templte_grid tbody td input:hover {
        box-shadow: none !important;
        border-color: transparent !important;
    }

.traing_templte_grid tbody tr:hover td.td_enable input:focus,
.traing_templte_grid tbody tr:hover td.td_enable input:hover {
    color: #4c5356 !important
}


.traing_templte_grid tbody td.td_enable input {
    background: #fff;
    border-color: #A8A8A8 !important;
}

.traing_templte_grid .k-grid tr:hover {
    background: #ffffff !important;
}

.traing_templte_grid .k-grid tr.k-alt:hover {
    background: #f5f5f5 !important;
}

.traing_templte_grid .k-grid tbody td.k-state-selected:hover,
.traing_templte_grid .k-grid tbody td.k-state-selected:hover *,
.traing_templte_grid .k-grid tbody tr:hover,
.traing_templte_grid .k-grid tbody tr:hover * {
    color: #4c5356 !important
}

    .traing_templte_grid .k-grid tbody td.k-state-selected:hover i.fa-times,
    .traing_templte_grid .k-grid tbody tr:hover i.fa-times {
        color: #e55957 !important
    }



.traing_templte_grid input[type='number'] {
    -moz-appearance: textfield;
}

.traing_templte_grid input[type=number]::-webkit-inner-spin-button,
.traing_templte_grid input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.traing_templte_grid .td_enable input[type='number'] {
    -moz-appearance: button;
}

.traing_templte_grid .td_enable input[type=number]::-webkit-inner-spin-button,
.traing_templte_grid .td_enable input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: button;
}

.tr_edit_row_cancel {
    display: none;
    vertical-align: middle;
    padding-left: 10px;
    margin-top: -4px;
    cursor: pointer;
}

    .tr_edit_row_cancel i {
        color: #e55957 !important;
        font-style: normal;
        font-size: 18px;
        cursor: pointer;
    }

.tr_search_p input {
    transition: none !important
}




/* Kendo Grid Custom css start */
.k-grid-header {
    border-color: #263f6f;
    position: relative
}

    .k-grid-header:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        background: #47639b !important;
        width: 17px;
        border-bottom: 2px solid #263f6f
    }

.k-grid .k-header {
    border-color: #263f6f;
}

.k-grid .k-pager-wrap {
    padding: 2px 0 2px .25em;
}

.k-grid-header .k-grid-header-wrap {
    border-bottom-width: 2px;
    border-color: #263f6f;
}





.k-filter-menu .k-button {
    position: relative;
    width: auto;
    display: inline-block;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 3px;
    overflow: hidden;
    border: solid 1px #29a2b2;
    background: #e67e22;
    text-align: center;
    padding: 3px 15px;
    text-transform: capitalize;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    font-weight: 600;
    /*box-shadow: 0px 4px 0px #2479B5, 0 12px 0px rgba(255, 255, 255, 0.2) inset;*/
    cursor: pointer;
    background: #79d0ea;
    background: -moz-linear-gradient(top, #79d0ea 0%, #29a2b2 100%);
    background: -webkit-linear-gradient(top, #79d0ea 0%, #29a2b2 100%);
    background: linear-gradient(to bottom, #79d0ea 0%, #29a2b2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#79d0ea', endColorstr='#29a2b2', GradientType=0);
    margin-right: 5px;
    transition: none !important;
}

.k-popup.k-group {
    padding: 5px;
    background: #ffffff !important;
}

.k-filter-help-text {
    display: none !important
}

.k-filter-menu > div > span {
    padding-bottom: 8px;
}

.k-grid-filter.k-state-active {
    background-color: #446bb9;
}

.k-grid-header .k-header .k-grid-filter.k-state-active .k-icon,
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #ffffff !important;
}

.k-loading-image {
    /*background-image: url(../content/Images/loading.gif) !important;*/
    background: transparent !important;
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: .3em .6em .3em .6em;
}

.k-grid .k-pager-numbers .k-state-selected, .k-grid .k-pager-numbers .k-link, .k-grid .k-pager-wrap > .k-link {
    width: 1.5em !important;
    min-width: auto !important;
    line-height: 1.5em !important;
    height: auto !important;
    margin-top: 2px;
}

.k-grid-pager .k-dropdown-wrap .k-input {
    line-height: normal;
    padding: 1px;
    text-indent: 2px;
}

.k-grid-pager .k-dropdown-wrap .k-select {
    line-height: normal;
}

.k-pager-sizes .k-widget.k-dropdown {
    margin-top: -5px;
}






.k-column-menu .k-item {
    border: 0px !important
}

.k-filter-menu > div > span {
    padding-bottom: 0px !important;
}

.k-state-focused {
    box-shadow: none !important;
}


.k-grid .k-dropdown-wrap.k-state-hover,
.k-popup .k-list .k-item:hover, .k-state-hover,
.k-menu .k-state-hover .k-link,
.k-state-default > .k-state-active,
.k-state-hover > .k-state-active,
.k-pager-numbers .k-state-selected, .k-pager-wrap .k-link:hover {
    background: #6eaae3 !important;
    border-color: #6eaae3 !important;
}

    .k-state-hover .k-link,
    .k-menu .k-item.k-state-hover > .k-link > .k-icon,
    .k-state-active .k-link,
    .k-link.k-state-active,
    .k-grid .k-dropdown-wrap.k-state-hover,
    .k-popup .k-list .k-item:hover, .k-state-hover,
    .k-menu .k-state-hover.k-item .k-link,
    .k-item.k-state-default > .k-link.k-state-active,
    .k-item.k-state-default > .k-link.k-state-active .k-icon,
    .k-state-hover > .k-state-active,
    .k-pager-numbers .k-state-selected, .k-pager-wrap .k-link:hover {
        color: #ffffff !important
    }


        .k-grid td.k-state-selected:hover input,
        .k-grid td.k-state-selected:hover textarea,
        .k-grid td.k-state-selected:hover select,
        .k-menu .k-item > .k-link,
        .k-menu .k-item > .k-link > .k-icon,
        .k-state-hover .k-menu-group .k-item,
        .k-grid tr:hover input,
        .k-item.k-state-default.k-state-hover .k-animation-container .k-link {
            color: #464646 !important;
        }

.k-dropdown-wrap {
    border-color: #A8A8A8 !important
}

.k-grid td.k-state-selected:hover, .k-grid tr:hover {
    background: #647dae !important
}

    .k-grid tr:hover.k-detail-row {
        background: transparent !important
    }



.k-dropdown-wrap .k-input, .k-dropdown-wrap .k-icon:before {
    color: #464646 !important
}

.k-dropdown-wrap.k-state-hover,
.k-grid .k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap,
.k-menu .k-item, .k-menu.k-header,
.k-item.k-state-default.k-state-hover .k-animation-container .k-link,
.k-dropdown .k-state-active {
    background: #ffffff !important;
}


.k-list > .k-state-focused.k-state-selected,
.k-list > .k-state-focused:hover {
    border-color: #47639b !important;
    box-shadow: none !important;
    color: #ffffff !important
}

.k-grid-pager,
.k-list > .k-state-focused.k-state-selected,
.k-list > .k-state-focused:hover,
.k-state-active,
.k-grid-header .k-header {
    background: #47639b !important;
}

    .k-grid-pager .k-dropdown-wrap.k-state-default,
    .k-grid-pager .k-dropdown-wrap.k-state-focused,
    .k-grid-pager .k-pager-numbers .k-state-selected,
    .k-pager-numbers .k-state-selected,
    .k-grid-pager.k-pager-wrap .k-link:hover {
        border-color: #ffffff !important
    }

.k-popup .k-list .k-item {
    color: #464646;
}

.k-detail-row > td {
    padding: 0px !important;
}

.k-detail-row .cus_subgrid {
    border-color: transparent !important
}

.k-detail-row .supplier_subgrid {
    border-color: transparent !important
}

.k-grid .k-hierarchy-cell .k-icon {
    background: transparent !important
}

    .k-grid .k-hierarchy-cell .k-icon:before {
        font-family: "FontAwesome";
        content: "";
        font-size: 11px;
    }

.k-grid .k-i-expand:before {
    content: "\f067" !important;
}

.k-grid .k-i-collapse:before {
    content: "\f068" !important;
}

.k-detail-row > td.k-hierarchy-cell {
    position: relative;
    vertical-align: top
}

    .k-detail-row > td.k-hierarchy-cell:after {
        content: "\f148";
        position: relative;
        font-family: "FontAwesome";
        color: #464646 !important;
        transform: rotate(90deg);
        display: inline-block;
        left: 12px;
        top: 5px;
    }

.k-pager-wrap .k-link {
    border-color: #fff !important;
}

.k-grid .k-pager-numbers .k-link {
    border-color: transparent !important
}


.supplier_subgrid .k-grid-header .k-header,
.supplier_subgrid .k-grid-header::after,
.supplier_subgrid .k-grid-pager {
    background: #79afce !important;
}

.supplier_subgrid .k-grid-header .k-grid-header-wrap {
    border-color: #4e748a;
}


.cus_subgrid .k-grid-header .k-header,
.cus_subgrid .k-grid-header::after,
.cus_subgrid .k-grid-pager {
    background: #79afce !important;
}

.cus_subgrid .k-grid-header .k-grid-header-wrap {
    border-color: #4e748a;
}

/* kendo grid custom css  stop */
.traing_templte_grid tbody td input.validText {
    border: 1px solid #e55957 !important;
    background: #f7e1e1 !important;
}

.traing_templte_grid tbody td input,
.traing_templte_grid tbody td input:focus,
.traing_templte_grid tbody td input:hover {
    transition: none !important
}

.td_space_1 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.td_bord_2 table {
    border: 1px solid #ccc;
}

.td_bord_2 tr {
    border-bottom: 1px solid #ccc;
}

.k-widget.k-window * {
    box-sizing: border-box !important
}

.dd_top_select {
    position: absolute;
    top: 0;
    width: auto;
    text-align: right;
}

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

.dd_top_select2 .gird_ac_name span > label {
    margin-top: -2px;
}

.dd_top_select.dd_top_select2 {
    top: -1px;
    width: auto;
}

.ac_custom {
    position: absolute;
}

.removeDialog {
    height: 206px;
    overflow: auto;
}

.ml_0 {
    margin-left: 0 !important
}

.scroll_y {
    overflow-y: scroll
}

.disable_delete {
    pointer-events: none !important;
    background: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
}





/* training image upload start */

.action {
    width: auto;
    height: 30px;
    margin: 10px 0;
}

#cropped > img {
    margin-right: 10px;
}

.fl_ri_icon {
    float: right;
}

.fl_le_panel {
    float: left;
}

.fl_ri_icon i {
    margin-left: 6px;
    padding: 5px;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}

.fl_ri_icon #btnCrop {
    display: inline-block;
    vertical-align: middle;
    background: #44b9c9 none repeat scroll 0 0;
    font-family: arial;
    font-size: 12px;
    height: auto;
    padding: 6px 9px;
    text-shadow: 0 0 !important;
}

.fl_ri_icon i.fa-search-plus {
    background: #7CB342;
}

.fl_ri_icon i.fa-search-minus {
    background: #DA4E23;
}

.fl_ri_icon i:hover, .fl_ri_icon #btnCrop:hover {
    background: #0096D4;
}

.imageBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .imageBox .thumbBox {
        width: 475px;
        height: 400px;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        left: auto;
        top: auto;
    }



.pop_iframe {
    padding: 5px;
    height: 600px;
    position: relative;
}

.imageBox {
    height: 400px;
}


.action {
    height: auto;
    margin: 0px 0;
}


.spinner > span {
    display: none !important;
}


/* training image upload end */

.grid_top_left {
    width: 350px;
    text-align: right;
    display: inline-block;
}

.grid_top_right {
    display: inline-block;
}

.dd_select_name2 .grid_top_left {
    width: 373px;
}

.grid_top_m {
    width: 100%
}

.pb_11 {
    padding-bottom: 11px !important
}

.tblUserTypes {
    height: 471px;
    overflow: auto;
}

.k-list-optionlabel {
    color: #000 !important
}

.k-state-hover.k-list-optionlabel,
.k-state-selected.k-list-optionlabel,
.k-state-hover.k-list-optionlabel,
.k-state-focused.k-list-optionlabel {
    color: #fff !important
}

.k-list-optionlabel.k-state-selected.k-state-focused {
    background-color: #3b517e !important;
    border-color: #3b517e !important;
}

.custom_tooltip {
    display: none;
    position: absolute;
    z-index: 12;
    top: 100%;
    margin-top: 12px;
}

    .custom_tooltip header {
        display: block;
        background: #2b3d61;
        color: #ffffff;
        padding: 3px 5px;
        position: relative;
    }

        .custom_tooltip header h2 {
            font-size: 13px;
            position: relative;
            text-align: left;
        }
    /*.custom_tooltip header h2:after {
    content: "";
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #2b3d61 transparent;position:absolute;
}*/
    .custom_tooltip .tool_tip_content {
        padding: 10px;
        border: 1px solid rgba(0,0,0,0.3);
        word-break: break-all;
        color: #000;
        white-space: normal;
        background: #fff;
        text-align: left;
    }

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

.tp_w {
    width: 280px;
}

.NMG_dialog {
    left: -70%
}

.Value_Merge_Dialog {
    left: -80%
}

.Notes_Merge_Dialog {
    right: 0
}

.tooltip_cus_close {
    float: right;
}

    .tooltip_cus_close i {
        cursor: pointer;
        color: #fff;
        font-size: 16px
    }

.cnt_user {
    position: absolute;
    right: 0;
    border: #4292c0 1px solid;
    width: 30px;
    text-align: center;
    border-radius: 3px;
    top: 19px;
    color: #4292c0;
}

.vtrack_ip .cnt_user {
    top: 9px;
}

.k-grid-filter.k-state-active {
    background-color: #6a87bf !important;
}

.disableIcon {
    color: #6a6a6a !important;
}

.btn_dis {
    background: #ccc !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    border: 1px solid transparent !important;
}

.EmailCls, .download_i {
    cursor: pointer;
}

    .EmailCls i {
        color: #00bcd4;
        font-size: 16px !important;
    }

    .download_i i {
        color: #4bae8a;
        font-size: 16px !important;
    }

.i_dis i, .i_dis {
    pointer-events: none !important;
    color: #ccc !important;
}

.filt_list li {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 6px;
    margin: 5px;
    background: #f7f7f7;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    pointer-events: none;
}


    .filt_list li b {
        background: #fff;
        min-width: 30px;
        display: inline-block;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: -5px;
        margin-right: -9px;
        font-weight: normal;
        margin-bottom: -5px;
        padding-top: 2px;
        padding-bottom: 3px;
        border-left: 1px solid #d5d5d5;
    }

    .filt_list li.filt_active, .filt_list li.filt_selected {
        pointer-events: auto !important;
    }

        .filt_list li.filt_active *, .filt_list li.filt_selected * {
            cursor: pointer;
        }


    .filt_list li.filt_active, .filt_list li:hover {
        background: #97c6f2;
        border: 1px solid #97c6f2;
    }

        .filt_list li.filt_active b,
        .filt_list li:hover b {
            border-left-color: #97c6f2
        }

        .filt_list li:hover span,
        .filt_list li.filt_active span {
            color: #fff;
        }

    .filt_list li.filt_selected {
        border: 1px solid #35bed0 !important;
        background: #fff !important;
        color: #000
    }

        .filt_list li.filt_selected:hover * {
            color: #000 !important
        }

        .filt_list li.filt_selected:hover b {
            color: #fff !important
        }



    .filt_list li.filt_disable span {
        color: #fff;
    }

.fil_area {
    height: 60px;
}

.filt_list li.filt_selected b {
    border-left-color: #97c6f2 !important;
    background: #50cbdb !important;
    color: #fff !important
}




/* File Name Tree start */

.ft_1 {
    position: relative;
}

    .ft_1:after {
        content: "";
        position: absolute;
        left: 9px;
        top: 12px;
        bottom: 19px;
        width: 1px;
        background: #ccc;
        z-index: 1;
    }

.ft_c:after {
    content: "";
    position: absolute;
    left: 9px;
    top: -11px;
    bottom: 15px;
    width: 1px;
    background: #ccc;
    z-index: 1;
}

.img_file:before {
    top: 16px !important;
}

.ft_1 li {
    position: relative;
}

.ft_p {
    position: relative;
}

.ft_hi {
    position: relative;
    padding: 10px 10px 10px 25px;
    display: block;
    cursor: pointer;
}

    .ft_hi:after {
        content: "";
        background-image: url('Images/coloricons-sprite.png');
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 2px;
        top: 11px;
    }

    .ft_hi:before {
        content: "";
        position: absolute;
        left: -10px;
        width: 25px;
        background: #ccc;
        height: 1px;
        top: 18px;
    }

.img_folder:after {
    background-position: 0 -16px;
}

.img_file:after {
    background-position: 0 -64px;
}

.ft_c {
    position: relative;
    padding-left: 20px;
}

.ft_last .ft_hi {
    padding: 7px 10px 7px 25px
}

    .ft_last .ft_hi:after {
        top: 8px;
    }

.ft_p > .ft_hi:before,
.ft_p > .ft_c:after,
.ft_mc > .ft_hi:before {
    display: none;
}

.file_tree > ul {
    height: 564px;
    overflow: auto;
}
/* File Name Tree end */

.grid_load_main {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}



    .grid_load_main .load_svg {
        width: 63px;
        height: 47px;
    }

    .grid_load_main .one {
        width: 32px;
        height: 32px;
    }

    .grid_load_main .two {
        width: 20px;
        height: 20px;
    }

    .grid_load_main .three {
        width: 26px;
        height: 26px;
        bottom: -6px;
        right: 19px;
    }

.k-grid-content {
    min-height: 100px;
}

.fl_1 {
    width: 25px;
    text-align: center
}

.file_list tr:hover {
    cursor: pointer;
    background: #647dae !important
}

    .file_list tr:hover td,
    .file_list tr:hover td * {
        color: #ffffff !important
    }

.fl_3 {
    width: 100px;
    text-align: center
}

.file_pdf {
    font-size: 20px;
    color: #d9534f;
}

.file_img {
    font-size: 20px;
    color: #39a878;
}

.file_img_view {
    display: block;
}

.fimg_1 {
    width: 50px;
    text-align: center;
}

.fimg_2 {
    width: 250px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

    .fimg_2 img {
        max-width: 100%;
    }

.fil_img_list tr:nth-child(even) {
    background: #ffffff !important
}

.img_view_box {
    overflow: hidden;
}

    .img_view_box > div {
        width: 1140px;
        margin: 0 auto;
    }

.img_view_box {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.viewport {
    box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
}

.fimg_3 span {
    display: block;
    position: relative;
    padding: 5px 5px 5px 15px;
}

    .fimg_3 span:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 50%;
    }

.fimg_2 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    z-index: 2;
}

.fimg_2 a:hover:after {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.fimg_2 a:before {
    content: "\f00e";
    transform: scale(0);
    font-family: 'FontAwesome';
    transition: all 0.3s ease-in-out;
    z-index: 3;
    color: #fff;
    font-weight: normal;
    font-size: 21px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    background: #248a99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: -29px;
}

.fimg_2 a:hover:before {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.fil_img_list td {
    border: 1px solid #c2c2c2 !important;
}

.k-grid .k-state-selected {
    background: #647dae !important
}

.tble_delete {
    background: #fbc6c6 !important
}

.espir_cate_panel .tble_static {
    height: 667px;
    overflow: auto;
}

.espir_cate_panel .espir_cate_input {
    border-color: transparent !important;
    background: transparent !important
}

    .espir_cate_panel .espir_cate_input:focus,
    .espir_cate_panel .espir_cate_input:hover {
        box-shadow: none !important;
    }

    .espir_cate_panel .espir_cate_input.espir_edit_on {
        border-color: #A8A8A8 !important;
        background: #fff !important
    }

.EspirSaveBtn {
    color: #39a878;
    font-size: 18px;
    cursor: pointer;
}

.EspircloseBtn {
    color: #e55957;
    font-style: normal;
    font-size: 18px;
    cursor: pointer;
    padding-left: 3px;
}

.espir_save {
    display: none;
}

.external_i {
    color: #39a878;
    font-size: 18px;
}

.espir_cate_panel .m_edit_btn {
    color: #00bcd4;
}

.espir_cate_panel .external_i {
    color: #7986cb;
}

.txtarea_50 {
    height: 50px;
}

.vm_td {
    vertical-align: middle !important
}

.lis_disable * {
    color: #acacac !important;
    pointer-events: none !important;
}

.panel_0 {
    box-shadow: none !important
}

.bs_row_1 {
    padding-top: 20px;
    padding-left: 10px !important
}

.br_panel {
    padding: 5px !important;
    border: 1px solid #ccc;
}

.txtarea_26 textarea {
    height: 26px;
}

.tl_mh1 {
    min-height: 434px;
}

.tl_mh2 {
    min-height: 382px;
}

.cus_file_upload {
}

.fileupload_row {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}

    .fileupload_row > span,
    .fileupload_row .file_name {
        display: inline-block;
        vertical-align: middle;
    }

        .fileupload_row .file_name *,
        .fileupload_row .file_name {
            font-weight: normal;
        }

    .fileupload_row > span {
        margin-right: 10px;
    }

    .fileupload_row .file_clos {
        color: #919191
    }

.file_clos {
    position: absolute;
    right: 3px;
    top: 12px;
    cursor: pointer;
}

.bom_file_upload {
    height: 163px;
    overflow: auto;
}


    .bom_file_upload .fileupload_row:last-child {
        margin-bottom: 0 !important
    }




.excel_btn i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    padding-right: 3px;
}

.date_filter_li {
    margin-top: -3px;
}

    .date_filter_li .date_t {
        width: 125px;
        display: inline-block;
    }

.sla_st_1 {
    color: #2ca02c;
    font-size: 18px;
}

.sla_st_2 {
    color: #e24d54;
    font-size: 18px;
}

.k-grid .fa-flag {
    font-size: 15px;
}

.sla_status_li span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: -3px;
    padding-right: 10px;
}
/*.sla_status_li span:before{
	content: "";
width: 9px;
height: 9px;
display: inline-block;
vertical-align: middle;

margin-right: 2px;
margin-top: -2px;
}
.sla_s_1:before{
	background:green;
}
.sla_s_2:before{
	
	background:red;
}*/
.pr_15 {
    padding-right: 15px;
}

.sla_date_filter {
    position: relative;
}

    .sla_date_filter > div {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .sla_date_filter .c-checkbox {
        margin-right: 0;
    }

.DatePicSLA {
    position: absolute;
    display: none;
    z-index: 1500;
    right: 0;
}

.date_main i {
    font-size: 15px;
    padding-right: 2px;
    display: inline-block;
    color: #00bcd4;
    vertical-align: middle;
}

.txtbox_hide * {
    cursor: pointer;
}

.txtbox_hide input {
    position: absolute;
    border: 0px !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important
}

.txtbox_hide > span {
    pointer-events: none;
}

.kendow_window_wrapper {
    display: none
}

.chart_full {
    margin-top: -4px;
}

    .chart_full i {
        color: #e36969;
        font-size: 15px;
    }

.ComplaintsChart {
    position: relative;
}

.ui-datepicker table, .ui-datepicker {
    background: #ffffff
}

.ui-monthpicker .ui-datepicker-prev span,
.ui-monthpicker .ui-datepicker-next span {
    text-indent: -9999px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    margin: 0 auto;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 46%;
    display: inline-block;
}



.ComplaintsChart {
    position: relative;
}


.compl_label {
    position: absolute;
    left: -34px;
    top: 0;
    bottom: 0;
}

    .compl_label span {
        transform: rotate(-90deg);
        position: absolute;
        text-align: center;
        white-space: nowrap;
    }

.cc_nc {
    top: 43px;
    left: 8px;
}

.cc_nc2 {
    bottom: 70px;
    left: -6px;
}

.com_chart_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.ComplaintsChart {
    width: 100%;
    box-sizing: border-box;
}

.com_chart_row .ComplaintsChart {
    margin-left: 38px
}

.ComplaintsChart:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
    display: block;
    top: 46%;
}

.sla_status_li .fa-flag {
    padding-right: 7px;
}

.child_menu {
    float: left;
    padding-left: 72px;
}

    .child_menu li {
        display: inline-block;
        vertical-align: middle;
    }

        .child_menu li a {
            color: #464646;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            padding: 0px 15px;
            border-left: 1px solid #8f8e8e;
            text-transform: capitalize;
        }

            .child_menu li a:hover,
            .child_menu_active {
                color: #0364c2 !important;
            }

.ddlcat_filter {
    position: relative;
}

.ddlcat_filter_info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 550px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    background: #ffffff;
    z-index: 150;
    margin-top: 11px;
    display: none;
}

.pop_h {
    background: #2b3d61;
    color: #fff;
    padding: 3px 10px;
    font-size: 9px;
    font-weight: normal;
    position: relative;
}

    .pop_h:after {
        content: "";
        position: absolute;
        border-width: 7px 5px;
        border-style: solid;
        border-color: transparent transparent #2b3d61 transparent;
        bottom: 100%;
    }

.dd_ftable {
    padding: 10px;
}

    .dd_ftable td:first-child {
        font-weight: 600;
    }

    .dd_ftable > table {
        width: 100%;
    }

.dd_filter_drp {
    min-width: 200px;
}

.k-multiselect-wrap {
    border: 1px solid #A8A8A8 !important;
}

.k-list > .k-state-selected,
.k-state-selected {
    border-color: #47639b !important;
    background: #47639b !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.filterpanel_close {
    float: right;
    padding-top: 1px;
    cursor: pointer;
}

    .filterpanel_close i {
        color: #fff;
        font-size: 16px;
        display: block;
    }

.txt_b2 {
    font-weight: 600;
    margin-top: -5px;
    font-size: 14px;
}

.dis_icon {
    color: #ccc !important
}

.wf_dash_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.relod_ddl {
    float: right;
    padding-top: 1px;
    padding-right: 6px;
    cursor: pointer;
}

    .relod_ddl i {
        color: #fff;
        font-size: 16px;
        display: block;
    }

.ddlcat_filter .btn_disable {
    background: #ccc !important;
    border: 1px solid #ccc !important;
    color: #6a6a6a !important;
    pointer-events: none !important;
    text-shadow: none !important;
}

.sla_r_dec.tble_static table td:first-child {
    text-align: left;
    border-right: 1px solid #c2c2c2
}

.sla_mh_1 {
    min-height: 300px;
}

.dis_drp_sla label,
.dis_drp_sla select {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.dis_drp_sla select {
    padding: 0px 5px;
    margin-left: 5px;
    border-radius: 2px;
}

.c3-legend-item {
    font-size: 13px !important;
}

.sla_r_dec thead tr,
.sla_r_dec tfoot tr {
    background: #47639b;
}

    .sla_r_dec thead tr td,
    .sla_r_dec tfoot tr td {
        color: #ffffff;
        font-weight: normal;
        padding: .5em .6em .5em 0.6em;
        line-height: normal;
    }

.sla_thl {
    position: relative;
}

    .sla_thl:after {
        content: "";
        position: absolute;
        background: #47639b;
        right: -2px;
        width: 9px;
        top: 0;
        bottom: 0;
    }
/*
.sla_thl:before
{
content: "";
position: absolute;
background:#2b3d61;
right: 0px;
bottom: -2px;
height: 2px;
left: 0;
z-index: 2;

}*/
.sla_r_dec tbody tr {
    border: 0px !important;
    background: transparent !important;
}

    .sla_r_dec tbody tr.sla_bt_1 {
        border-top: 1px solid #c2c2c2 !important;
    }

    .sla_r_dec tbody tr.sla_bb_1 {
        border-bottom: 1px solid #c2c2c2 !important;
    }

.sla_r_dec tbody td {
    height: 32px !important;
}

    .sla_r_dec tbody td:last-child {
        /*    background:#f5f5f5*/
        position: relative;
        z-index: 2;
    }

        .sla_r_dec tbody td:last-child:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #f5f5f5;
            z-index: -1;
        }

.sla_bb_1, .sla_bt_1 {
    position: relative;
}
    /*
.sla_bb_1:after
{
   position: absolute;
right: 0;
left: 0;
bottom: 0;
background:#c2c2c2;
content: "";
height: 1px;
    
}*/
    .sla_bt_1:after {
        position: absolute;
        right: 0;
        left: 0;
        top: -1px;
        background: #c2c2c2;
        content: "";
        height: 1px;
    }

.DataVolumeChart, .DataVolumeChartDialog {
    position: relative;
}

    .DataVolumeChart:after,
    .DataVolumeChartDialog:after {
        position: absolute;
        right: 5px;
        left: 25px;
        top: 50%;
        background: #000;
        content: "";
        height: 2px;
        margin-top: -14px;
    }

    .DataVolumeChartDialog:after {
        margin-top: -25px !important
    }

.txt_wnw {
    white-space: nowrap;
}

.line_cen {
    position: relative;
}

    .line_cen:after {
        position: absolute;
        content: "-";
        right: -3px;
    }


.img_col_row span {
    display: flex;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    height: 140px;
    margin-top: 15px;
    justify-content: center;
}

.foot_log_info b {
    min-width: 63px;
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .img_col_row span {
        height: 137px !important;
    }

    .sla_r_dec tbody td:last-child::after {
        right: -2px !important;
        bottom: -4px !important;
    }
}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .img_col_row span {
        height: 137px !important;
    }
}



.ui-autocomplete > li:hover *, .ui-autocomplete .ui-state-focus *,
.ui-autocomplete > li:hover, .ui-autocomplete .ui-state-focus {
    color: #ffffff
}

.tooltip_yellow .tool_tip_content {
    background: #FFF;
}

    .tooltip_yellow .tool_tip_content article {
        font-weight: normal;
        line-height: 21px;
    }

.tooltip_yellow.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    top: 0px;
}

.tooltip_yellow.tooltipster-sidetip .tooltipster-arrow-border {
    top: -1px;
}

.tooltip_yellow.tooltip_bg_white.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #FFFFFF;
}

.info_print_meaningful_text article {
    white-space: pre;
}

.info_wrap_text article {
    white-space: pre;
}

.info_print_character article, .info_print_unfilled_attributes article {
    white-space: pre-wrap;
    font-family: Consolas !important;
}

.tp_character {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    padding-left: 2px;
}

    .tp_character i {
        color: #3b8ede;
        font-size: 17px;
    }



.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    background: #10a9dc !important;
}

.k-autocomplete input[type="text"]:hover, .k-autocomplete textarea:hover, .k-autocomplete select:hover, .k-autocomplete input[type="text"]:focus, .k-autocomplete textarea:focus, .k-autocomplete select:focus {
    border-width: 0px !important
}

.k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-textbox > input,
.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    border-color: #A8A8A8 !important
}

.k-datepicker .k-picker-wrap.k-state-default {
    background: #647dae !important
}

.k-datepicker .k-state-default > .k-select {
    border-color: #647dae !important;
}

.dd_ftable tr td:nth-child(2) {
    width: 200px;
}

.dd_ftable td > label {
    font-weight: normal;
}

.POS_file * {
    cursor: pointer;
}

.POS_file i {
    font-size: 20px
}
/*.POS_file i
{
   background:#00bcd4;
padding: 1px 5px;
border-radius: 3px;
margin-left: 7px;
display:inline-block;
color:#fff;
font-size: 16px;
line-height: normal;
}*/
.brd_r1 {
    border-right: 1px solid #b2b2b2;
}

.k-autocomplete {
    border-radius: 5px !important;
    width: 100% !important
}

    .k-autocomplete .k-input {
        padding-top: 1.2px !important;
        padding-bottom: 1.2px !important;
        line-break: normal !important;
        height: auto !important;
        border-radius: 4px !important;
    }

    .k-autocomplete > .k-i-close {
        background-color: #7b7b7b !important;
    }

.bl_1 {
    border-left: 1px solid #ccc;
}

#divMainSearchContent .sl_list_1 td:first-child {
    width: 170px;
}

#divMainSearchContent.sea_li_list > ul > li {
    border: 1px solid #b2b2b2;
}




/* New Request Dashboard css start */
.nrd_row1 {
    display: flex;
    flex-direction: row;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.nrd_bx {
    flex-grow: 1;
    margin-right: 30px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 90px;
    position: relative;
    cursor: pointer;
}

    .nrd_bx * {
        cursor: pointer;
    }

    .nrd_bx:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        border-width: 10px 8px;
        border-style: solid;
        display: none;
        margin-left: -15px;
    }

    .nrd_bx:before {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
    }

.nrd_bx_active.nrd_bx:before {
    border: 1px solid #fff;
}

.nrd_bx_left {
    flex: 0 0 50%;
}

    .nrd_bx_left * {
        display: block;
    }

    .nrd_bx_left span {
        font-size: 14px;
    }

    .nrd_bx_left b {
        font-size: 25px;
    }

.nrd_bx_right {
    flex: 0 0 50%;
    text-align: right;
}

.nrd_bx * {
    color: #ffffff;
    cursor: pointer;
}

.nrd_bx1 {
    background: #35c591;
}

.nrd_bx_active.nrd_bx1:after {
    border-color: #35c591 transparent transparent transparent;
    display: block;
}

.nrd_bx2 {
    background: #00bcd4;
}

.nrd_bx_active.nrd_bx2:after {
    border-color: #00bcd4 transparent transparent transparent;
    display: block;
}

.nrd_bx3 {
    background: #7986cb;
}

.nrd_bx_active.nrd_bx3:after {
    border-color: #7986cb transparent transparent transparent;
    display: block;
}

.nrd_bx4 {
    background: #ec768c;
}

.nrd_bx_active.nrd_bx4:after {
    border-color: #ec768c transparent transparent transparent;
    display: block;
}

.nrd_bx5 {
    background: #3b8ede;
    margin-right: 0 !important
}

.nrd_bx_active.nrd_bx5:after {
    border-color: #3b8ede transparent transparent transparent;
    display: block;
}

.nrd_cnt_panel table {
    width: 100%;
    background: #fff;
    border-collapse: collopsing;
}

    .nrd_cnt_panel table td {
        padding: 10px;
        text-align: center;
    }

    .nrd_cnt_panel table tr:nth-child(odd) {
        background: #b2ccea;
    }

    .nrd_cnt_panel table td {
        border: 1px solid #2b3d61;
    }

    .nrd_cnt_panel table tr:nth-child(even) td {
        padding-top: 23px;
        padding-bottom: 23px;
        font-size: 20px;
    }

.nrd_cnt_row {
    background: #c4d1dd;
    border: 1px solid #b3bdc6;
    padding: 10px;
}

.r_cnt_bx {
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #acacac;
    margin-bottom: 15px;
}

    .r_cnt_bx * {
        display: block;
        text-align: center;
    }

    .r_cnt_bx > h2 {
        background: #ebebeb;
        border-bottom: 1px solid #acacac;
        padding-top: 5px;
        font-size: 13px;
        padding-bottom: 5px;
    }

    .r_cnt_bx > span {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 20px;
        color: #555555;
        cursor: pointer;
    }

.NewReqDash {
    padding-left: 45px;
    position: relative;
    padding-right: 5px;
}

.d_aside_menu {
    position: absolute;
    z-index: 150;
    left: -24px;
    top: -11px;
}

    .d_aside_menu span {
        transform: rotate(90deg) skew(-25deg);
        display: block;
        background: #3f5580;
        color: #fff;
        padding: 5px 5px 10px 5px;
        border-radius: 0px;
        text-align: center;
        width: 85px;
        margin-top: 53px;
        line-height: normal;
        cursor: pointer;
    }

        .d_aside_menu span label {
            transform: skew(25deg)
        }

        .d_aside_menu span * {
            cursor: pointer;
        }

.req_search_main {
    display: none;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.4s ease-in-out;
}

.search_req_row {
    transition: all 0.4s ease-in-out;
    display: inline-block;
    position: relative;
    width: 550px;
    padding: 15px;
    border-radius: 5px;
    opacity: 0;
    transform: translateX(-200px);
}

.req_row_1 {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.search_req_row > label {
    display: block;
    text-align: center;
    padding-bottom: 6px;
}

.search_req_row .auto_s:after {
    top: 6px;
    left: 10px;
    font-size: 17px;
}

.search_req_row input[type="text"] {
    padding: 7px;
    border-radius: 25px;
}

.req_search_main_on {
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.4s ease-in-out;
}

.search_req_row .auto_s input[type="text"] {
    padding-left: 33px;
}

.search_req_close {
    position: absolute;
    right: 6px;
    top: 1px;
    font-size: 14px;
    cursor: pointer;
}

.r_cnt_bx_dis_on {
    opacity: 0.6;
    cursor: not-allowed;
}
/* New Request Dashboard css end */

.dc_re td {
    border-right: 1px solid #ccc;
    padding-left: 20px !important;
    padding-right: 20px !important;
    position: relative;
}

    .dc_re td > span {
        cursor: pointer;
    }

.notes_dialog textarea {
    height: 50px;
}

.search_txtarea textarea {
    height: 200px;
}


.CleansingDataSearchDialog textarea {
    height: 100px;
}

.TotalCountDataDialog table td:last-child {
    text-align: center;
    width: 100px;
}

.textarea_read {
    background: #ccc !important;
    pointer-events: none !important
}

.td_wnw tbody td {
    white-space: nowrap
}

.ctl_td_15 {
    width: 100px;
}

.copy_Data {
    cursor: pointer;
}

    .copy_Data i {
        color: #7986cb;
        font-size: 17px;
    }

.ABCIndicatorDialog td {
    text-align: center
}

.txt_clr_3 input[type="file"] {
    padding-right: 10px;
}

.txt_clr_3 small {
    color: rgba(0, 0, 0, 0.7);
    top: 5px;
}

.pt_20 {
    padding-top: 20px;
}

.rule_divedit {
    border: 1px solid #A8A8A8;
    width: 100%;
    border-radius: 5px;
    padding: 3px 5px;
    display: block;
    color: #464646;
    font-size: 13px;
    transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    height: 150px;
    overflow: auto;
}

.cdg_col_2 .c-checkbox .c-checkbox__img {
    border: 2px solid #ffffff
}

.cdg_col_2 .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
    color: #ffffff;
}

.cdg_col_2 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}

.rd_fig_cap {
    padding-top: 5px;
    padding-bottom: 5px;
}

.cdg_col_2 .nrd_bx {
    min-height: 62px;
    padding-top: 7px;
    width: 33%;
    padding-bottom: 7px;
}

.cdg_col_1 .rd_fig_cap {
    padding-bottom: 0px;
}

.c_bx {
    border: 1px solid #8593b0;
    width: 100%;
}

    .c_bx header {
        background: #e2e9f1;
        border-bottom: #8593b0 1px solid;
        padding: 3px 5px;
    }

    .c_bx h2 {
        font-weight: normal;
        font-size: 13px;
        color: #313336;
        margin-top: -1px;
    }

.cdg_col_3 .nrd_bx {
    padding: 0;
    min-height: auto;
    width: 25%;
}

.cdg_col_3 {
    padding: 0px;
    margin-bottom: 0;
}

    .cdg_col_3 .nrd_bx {
        width: 50%;
    }

.c_bx b {
    font-size: 22px;
    color: #585b60;
    padding-top: 5px;
    padding-bottom: 5px;
}


.cdg_col_3 .c-checkbox .c-checkbox__img {
    border: 2px solid #2b3d61
}

.cdg_col_3 .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
    color: #2b3d61;
}


.cdg_col_3 .cg_2_active .c-checkbox .c-checkbox__img {
    border: 2px solid #fff
}

.cdg_col_3 .cg_2_active .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
    color: #ffffff;
}

.cg_2_active *,
.cg_2_active h2 {
    color: #ffffff !important
}

.cg_2_active {
    background: #2b3d61 !important
}




.cdg_col_3 .cus_checkbox {
    margin-top: -5px;
}

.cdg_dash_1 .nrd_bx {
    margin-right: 20px
}

.cdg_col_1 .nrd_bx_left {
    flex: 1 1 auto;
}

.cdg_col_1 .nrd_bx_right {
    flex: 0 0 41px;
}

.cdg_col_2 .nrd_bx:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
}

.cdg_col_2 .dg_bx_active.nrd_bx:before {
    border: 2px solid #fff;
}

.cdg_col_2 .dg_bx_active.nrd_bx:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 10px 8px;
    border-color: red;
    border-style: solid;
    display: none;
    margin-left: -15px;
}

.dg_grid {
    display: none;
}

.dg_tb_right .switch-label {
    border: 1px solid #a2a1a1;
}

.panel_disable {
    position: relative;
    pointer-events: none;
}

    .panel_disable * {
    }

    .panel_disable:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,0.7);
        z-index: 1;
        width: 100%;
        height: 100%;
    }

.req_dash_left_5 .rd_lab_cnt {
    min-height: 57px !important;
}

.dis_input {
    background: #d7d7d7 !important;
    opacity: 0.6 !important;
    pointer-events: none !important
}


.datepicker.k-input {
    border: 0px !important
}

.dg_r_4 span {
    display: inline-block;
    vertical-align: middle;
}

    .dg_r_4 span i {
        display: inline-block;
        font-size: 19px;
        margin-right: 3px;
        color: #1e73dc;
    }

.dg_r_4 label {
}

#DuplicateVendorGrid .c-checkbox .c-checkbox__img {
    height: 13px;
    width: 13px;
}

.k-grid td.k-state-selected:hover, .k-grid tr:hover .c-checkbox .c-checkbox__img {
    border-color: #ffffff;
}

    .k-grid tbody > tr:hover .c-checkbox input[type="checkbox"]:checked + .c-checkbox__img:before,
    .k-grid td.k-state-selected:hover .c-checkbox input[type="checkbox"] + .c-checkbox__img:before {
        color: #fff !important;
    }

.c-checkbox input[type="checkbox"]:disabled + .c-checkbox__img:before {
    color: rgba(0, 0, 0, 0.5) !important
}

.c-checkbox input[type="checkbox"]:disabled + .c-checkbox__img {
    border-color: rgba(0, 0, 0, 0.5) !important
}

.cc_cv_9 {
    position: relative;
}

.indi_attr {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #e55957;
    right: 0;
    border-radius: 50%;
    top: 13px;
}

.k-grid-content tbody tr:last-child td {
    border-bottom: 1px solid #ccc !important
}

.excel_i2 {
    font-size: 12px;
    color: #ffffff;
    background: #1fa67a !important;
    padding: 3px;
    border-radius: 2px;
}

.indi_attr {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #1fa67a;
    right: 0;
    border-radius: 50%;
    top: 13px;
}

.img_td_row {
    margin-bottom: 7px;
    display: block;
    text-align: left;
    cursor: pointer;
}

    .img_td_row * {
        display: inline-block;
        vertical-align: middle;
    }

    .img_td_row span * {
        cursor: pointer;
    }

    .img_td_row img {
        max-width: 100%;
        display: inline-block;
        margin: 0 auto;
    }

.clie_img {
    background: #000;
}

    .clie_img img {
        height: 18px
    }

.add_img_data {
    margin-right: 3px;
}

.img_mdm img {
    width: 59px
}



.cv_sub_td .cc_cv_1 {
    pointer-events: none !important;
}

input[type="text"].disableCCRow,
.disableCCRow.txtSearchValue,
.disableCCRow input[type="text"],
.disableCCRow input {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.dr_aside_list {
    width: 300px;
    background: #ffffff;
    z-index: 2;
    position: relative;
}

    .dr_aside_list ul {
        overflow-y: auto;
    }

        .dr_aside_list ul li {
            padding: 8px 8px 8px 20px;
            position: relative;
            border-bottom: 1px solid #ccc;
            cursor: pointer;
        }

            .dr_aside_list ul li:after {
                content: "\f105";
                font-family: FontAwesome;
                position: absolute;
                left: 8px;
                top: 7px;
                font-size: 18px;
                color: #3b8ede;
            }

            .dr_aside_list ul li:hover {
                background: #deecfb
            }

.dr_h h2 {
    background: #3b8ede;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
}

.cls_aside {
    position: absolute;
    cursor: pointer;
    right: 9px;
    top: 7px;
}

    .cls_aside i {
        color: #ffffff;
        font-size: 19px;
    }

.dr_overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}


.dr_aside_list {
    margin-left: -300px;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.dr_aside_list_on {
    margin-left: 0;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.video_panel {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

.video_panel_btn {
    background: #248a99;
    padding: 4px 0px;
    width: 25px;
    text-align: center;
    cursor: pointer;
}

    .video_panel_btn i {
        color: #fff;
        font-size: 15px;
    }

.ProductVideo {
    display: none;
}


.video_overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
}

    .video_overlay:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.video_wrap {
    position: relative;
    text-align: left;
    width: 900px;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
}

    .video_wrap video {
        width: 100%;
    }

.cls_video {
    cursor: pointer
}

    .cls_video i {
        font-size: 19px;
    }

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




.tble_static2 table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #c2c2c2;
}

    .tble_static2 table thead tr {
        background: #47639b;
    }

        .tble_static2 table thead tr td {
            color: #ffffff;
            font-weight: 600;
            font-size: 13px;
        }

    .tble_static2 table tbody tr:nth-child(even) {
        border: 1px solid #c2c2c2;
        background: #efefef;
    }

    .tble_static2 table td {
        padding: 5px;
    }

.search_list_on {
    height: 300px !important;
    overflow: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
        top: -5px;
    }
}

.reset_btn {
}

.prog_grid {
    position: relative;
    background: #ccc;
    height: 14px;
    border-radius: 5px;
}

    .prog_grid span {
        position: absolute;
        left: 0;
        overflow: hidden;
        background: #51964f;
        top: 0;
        bottom: 0;
    }

    .prog_grid b {
        color: #000;
        position: absolute;
        right: 5px;
        font-size: 15px;
        top: -4px;
        right: 5px;
        z-index: 1;
        font-weight: 600;
    }

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

.remove_search {
    vertical-align: middle;
    text-align: center;
    padding-left: 7px !important;
    padding-right: 3px !important;
}

    .remove_search i {
        cursor: pointer
    }



/* Equipment list */
.eq_list {
}

.bg_head {
    color: #ffffff;
    background: #3491C7;
    font-size: 13px;
    padding: 5px 10px;
    position: relative;
}

.eq_list_left {
    width: 300px;
}

.eq_ul {
    overflow: auto;
}

    .eq_ul li {
        display: block;
        padding: 7px 0 7px 10px;
        position: relative;
        cursor: pointer;
    }

        .eq_ul li:after {
            content: "\f105";
            padding-right: 10px;
            font-family: 'FontAwesome';
            font-weight: normal;
            color: #3491C7;
            font-size: 18px;
            position: absolute;
            left: 0;
            top: 5px
        }

        .eq_ul li:hover,
        .eq_ul li.eq_ul_active {
            color: #0C79B9 !important
        }

.panel_over {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 3px;
    z-index: 1;
    pointer-events: none
}



.head_drop select {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: -2px;
}

.head_drop label {
    padding-right: 5px;
}

.head_drop label,
.head_drop select {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

#multipleDataGrid .RefChkSelect {
    margin-top: -6px;
}


#idletimer_warning_dialog {
    font-size: 13px !important;
    text-align: center !important;
}

    #idletimer_warning_dialog > span {
        color: #0293cd;
        font-size: 17px !important;
        font-weight: bold !important;
    }

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

    .session_block button {
        background: none repeat scroll 0 0 #0293cd !important;
        border: 0 none !important;
        border-radius: 5px !important;
        color: #fff !important;
        cursor: pointer !important;
        margin: 5px auto 5px 5px !important;
        padding: 0px 10px !important;
    }

        .session_block button span {
            padding: 3px 5px !important;
            font-size: 12px !important;
        }


.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
    width: 100%
}

.manditory {
    color: #fe0400;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.i_green {
    color: #39a878;
    font-weight: normal;
    font-size: 20px;
}

.k-loading-image {
    background: url('../Content/Images/loading.gif') no-repeat center center !important;
}



.d_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flx_0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.flx_1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.bb_0, .tab_menu.bb_0 {
    border-bottom: 0 !important
}

.bb_1 {
    border-bottom: 2px solid #2b3d61 !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.li_dis li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.qa_radio .link_3_btn {
    width: auto;
    background: #fff;
}

.qa_radio .li_btn_active:after {
    display: none !important
}

.qa_radio .link_3_btn span {
    padding: 5px 10px !important
}

.k-grid-content .switch-label {
    border: 1px solid #ccc !important;
}

.qa_radio .link_3_btn {
    border: 1px solid #ccc
}

.k-grid-header th.k-header.scan_head {
    background: #6984bb !important
}


.k-grid tr.k-state-selected:hover td, .k-grid tr:hover .k-state-selected, .k-grid tr.k-row-selected {
    background: #647dae !important
}

.k-grid tr.GridRowActive {
    background: #647dae !important;
}

    .k-grid tr.GridRowActive > td {
        color: #ffffff
    }

.qa_drop_1 {
    display: none
}


.tble_bord th,
.tble_bord td {
    border: 1px solid #c2c2c2
}

.k-window-titlebar.k-header {
    background: #2b3d61 !important
}


.k-grid tr.GridRowActive {
    background: #647dae !important;
}

    .k-grid tr.GridRowActive > td {
        color: #ffffff
    }

.thead_checkbox .c-checkbox .c-checkbox__img {
    margin-top: -3px;
    border: 2px solid #fff !important;
}

.thead_checkbox .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
    .c-checkbox input[type="checkbox"]:checked + .c-checkbox__img::before font-size: 24px;
    color: #ffffff !important
}

.tbody_select .c-checkbox {
    margin-top: -6px;
}

.curs_point, .curs_point * {
    cursor: pointer
}

.grid_checkbox .c-checkbox input[type=checkbox]:checked + .c-checkbox__img:before {
    font-size: 23px;
    top: -3px !important;
}

.tick_icon {
    color: #3CBD34;
    font-size: 18px;
}

.close_icon {
    font-size: 18px;
    color: #d9534f;
}

.tbody_td_bord tbody td {
    border: 1px solid #ccc;
}

.Grid_search {
    width: 100%;
    box-sizing: border-box;
}

.Grid_search {
    background: url(../../Content/Images/search_grid_td.png) 5px center no-repeat;
    background-color: #fff;
    background-size: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100% !important;
    margin: 0 auto;
    padding: 2px 2px 2px 23px;
    box-sizing: border-box !important;
}

.td_center td *, .td_center td {
    text-align: center
}

.span_block {
    display: block;
    text-align: center;
    padding-top: 5px;
}

.custom_bar {
    position: relative
}

.percen_txt {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    line-height: normal;
    text-align: center;
    color: #000;
}

.read-only {
    background: #efefef;
}

.k-grid tbody td {
    white-space: nowrap
}

.blink_on {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

#ul_LeftMenu {
    overflow-y: auto;
    height: 100%;
}

input:focus {
    outline: 1.8px solid #225dd3 !important;
}

.custom-table thead tr th {
    background: #e2e9f1;
    border-bottom: 2px solid #2b3d61;
}
.k-header {
    background-color: #ffffff !important;
}
input.k-input[readonly] {
    background-color: #eeeeee;
}

input[readonly] {
    background: #eeeeee;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.display-none{
    display: none
}

@media screen and (max-width: 1500px) {
    .background-white {
        height: 698px !important;
    }
}

@media screen and (min-width: 1700px) {
    .height_vh {
        height: 95vh !important;
    }
}

@media screen and (max-width : 1700px) and (min-width: 1600px) {
    .height_vh {
        height: 106vh !important;
    }
}

@media screen and (max-width: 1600px) {
    .height_vh {
        height: 120vh !important;
    }
}

@media screen and (max-width : 1420px) and (min-width: 1200px) {
    .height_vh {
        height: 133vh !important;
    }
}