/**
 * jqx Style Custom
 **/

/*
.jqx-widget-content {
	font-family: proxima-nova-regular,Proxima Nova,nanum-barun-gothic,Avenir Next,Segoe UI,Helvetica,Arial,sans-serif !important;
	font-size: 1rem;
}
*/

.jqx-grid {
    box-sizing: border-box;
}

/* Grid Header Color */

/*
.jqx-grid-column-header{
	background-color: #f2f5f6;
	font-weight: bold;
	font-size: 12px;
	color:#4c637b;
	border-color: #dde6e9;
	z-index: 0!important;
}
*/
.jqx-grid-content {
    z-index: 0 !important;
}

/* Grid Header Color */
/*
.jqx-menu-vertical, .jqx-grid-column-sortascbutton, .jqx-widget-header, .jqx-grid-cell-pinned {
	background-color: #ffffff;
}
*/

/* Grid Cell */
.jqx-grid-cell {
    /*font-size: 12px;*/
    border-color: #dde6e9;
}

.jqx-event-cell-cursor {
    cursor: pointer;
    text-decoration: underline;
}

.jqx-event-cell-cursor-pointer {
    cursor: pointer;
}

/* Cell */
.jqx-item {
    /*font-size: 12px;*/
    color: #333333;
}

.jqx-grid-cell_r {
    color: #ff5f45;
}

.jqx-grid-cell_g {

    color: #1ab394;
}

.jqx-grid-cell_b {

    color: #009fde;
}

.jqx-grid-cell div.tree_e1 {
    padding: 2px 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_1.gif') no-repeat 5px 1px;
    margin-top: 8px;
}

.jqx-grid-cell div.tree_e2 {
    padding: 0px 0 0 10px;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree_nh/join.png') no-repeat 5px 1px;
    margin-top: 5px;
}

.jqx-grid-cell div.tree_e3 {
    padding: 0px 0 0 15px;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree_nh/join.png') no-repeat 10px 1px;
    margin-top: 5px;
}

.jqx-grid-cell div.tree_e4,
.jqx-grid-cell div.tree_e5,
.jqx-grid-cell div.tree_e6 {
    padding: 0px 0 0 20px;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree_nh/join.png') no-repeat 15px 1px;
    margin-top: 5px;
}

.jqx-grid-cell div.tree1 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_1.gif') no-repeat 5px 1px;
    margin: 0 0 0 0;
}

.jqx-grid-cell div.tree2 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_2.gif') no-repeat 5px 1px;
    margin: 0 0 0 10px;
}

.jqx-grid-cell div.tree3 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_3.gif') no-repeat 5px 1px;
    margin: 0 0 0 20px;
}

.jqx-grid-cell div.tree4 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_4.gif') no-repeat 5px 1px;
    margin: 0 0 0 30px;
}

.jqx-grid-cell div.tree5 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_5.gif') no-repeat 5px 1px;
    margin: 0 0 0 40px;
}

.jqx-grid-cell div.tree6 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_1.gif') no-repeat 5px 1px;
    margin: 0 0 0 50px;
}

.jqx-grid-cell div.tree7 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_2.gif') no-repeat 5px 1px;
    margin: 0 0 0 60px;
}

.jqx-grid-cell div.tree8 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_3.gif') no-repeat 5px 1px;
    margin: 0 0 0 70px;
}

.jqx-grid-cell div.tree9 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_4.gif') no-repeat 5px 1px;
    margin: 0 0 0 80px;
}

.jqx-grid-cell div.tree10 {
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background: url('/images/tree/item_5.gif') no-repeat 5px 1px;
    margin: 0 0 0 90px;
}


/* Grid Frame - List.*/
.jqx-grid-frame {
    width: 100%;
}


/** SLM **/
.lgrade_S {
    float: none;
    padding: 0px;
}

.lgrade_A {
    float: none;
    padding: 0px;
}

.lgrade_B {
    float: none;
    padding: 0px;
}

.lgrade_C {
    float: none;
    padding: 0px;
}

.lgrade_D {
    float: none;
    padding: 0px;
}


div.lgrade_S div.point {
    float: left;
    height: 25px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 5px;
    background: url('/images/icon/grade_s_2.gif') no-repeat 5px 8px;
}

div.lgrade_A div.point {
    float: left;
    height: 25px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 5px;
    background: url('/images/icon/grade_a_2.gif') no-repeat 5px 8px;
}

div.lgrade_B div.point {
    float: left;
    height: 25px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 5px;
    background: url('/images/icon/grade_b_2.gif') no-repeat 5px 8px;
}

div.lgrade_C div.point {
    float: left;
    height: 25px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 5px;
    background: url('/images/icon/grade_c_2.gif') no-repeat 5px 8px;
}

div.lgrade_D div.point {
    float: left;
    height: 25px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 5px;
    background: url('/images/icon/grade_d_2.gif') no-repeat 5px 8px;
}


/* Pager */
input.jqx-grid-pager-input {
    height: 16px;
}

.jqx-grid-cell-img-r {
    width: 13px;
    height: 13px;
    background: url(/images/icon/img_btn_r.gif) no-repeat;
}

.jqx-grid-cell-img-g {
    width: 13px;
    height: 13px;
    background: url(/images/icon/img_btn_g.gif) no-repeat;
}

.jqx-grid-cell-img-b {
    width: 13px;
    height: 13px;
    background: url(/images/icon/img_btn_b.gif) no-repeat;
}

.ui-front {
    z-index: 1000;
}

.jqx-rc-all {
    border-radius: 0px;
    z-index: 9;
}

.jqx-scrollbar-thumb-state-normal {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #b0b4bb;
    border-color: transparent;
}

.tab-contents-box .jqx-fill-state-normal {
    border-color: transparent;
    background: transparent;
}

.jqx-event-cell-cursor {
    cursor: pointer;
    text-decoration: underline;
}


.jqx-grid {
    border-width: 0;
}

.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-column-header,
.jqx-widget .jqx-grid-group-cell {
    border-color: #e4e8e9;
    color: #4d4d4d;
    border-left: none;
}

.jqx-grid-cell {
    border-width: 0px 0px 1px 0px;
}

.jqx-widget-header {
    background: #ffffff;
    font-weight: bold;
    color: #444444;
    border-color: #e4e8e9;
}

.jqx-grid-column-header,
.jqx-grid-columngroup-header {
    border-width: 0px 0px 0px 0px;
}

.jqx-grid-content input,
.jqx-grid-content input:focus {
    border: none;
    padding-left: 4px;
    margin-top: -1px;
}

/*스크롤 관련 설정*/
.jqx-scrollbar .jqx-scrollbar-button-state-normal.jqx-rc-t {
    display: none;
}

.jqx-scrollbar:active .jqx-scrollbar-button-state-normal.jqx-rc-t,
.jqx-scrollbar:hover .jqx-scrollbar-button-state-normal.jqx-rc-t {
    display: block;
}

.jqx-scrollbar .jqx-scrollbar-state-normal {
    background: transparent;
}

.jqx-scrollbar:active .jqx-scrollbar-state-normal,
.jqx-scrollbar:hover .jqx-scrollbar-state-normal {
    background: #efefef;
}

.jqx-scrollbar .jqx-scrollbar-button-state-normal.jqx-rc-b {
    display: none;
}

.jqx-scrollbar:active .jqx-scrollbar-button-state-normal.jqx-rc-b,
.jqx-scrollbar:hover .jqx-scrollbar-button-state-normal.jqx-rc-b {
    display: block;
}