.wj-content {
  border-radius: 0px !important;
  border: none;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  overflow-y: auto;
}

.wj-content::-webkit-scrollbar {
  width: 2px;
}

.wj-content::-webkit-scrollbar-track {
  background-color: transparent;
}

.wj-content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: transparent;
}

.wj-content::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}


.wj-content > div > div::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

.wj-content > div > div::-webkit-scrollbar-track {
  background-color: transparent;
}

.wj-content > div > div::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color:#8E95A8;
}

.wj-content > div > div::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.wj-dropdown-panel.wj-listbox::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

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

.scrollX::-webkit-scrollbar-track {
  background-color: transparent;
}

.scrollX::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color:#808080;
}

.scrollX::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}


.wj-cell {
  padding: 6px 15px !important;
  font-size: 14px !important;
}
.wj-cells .wj-cell{
min-height:32px;
line-height:32px;
padding: 0 18px !important;
}
.wj-cells .wj-cell .wj-btn.wj-btn-glyph.wj-right{
position:absolute;
right:0;
/* top:5px; */
height:auto;
}
.wj-flexgrid .wj-cell.wj-hasdropdown .wj-btn.wj-btn-glyph.wj-right{
position:absolute;
right:0;
top:7px;
height:auto;
}


.wj-content.wj-control {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.layerPopupBox .modalContentWrap .wj-content.wj-control {
width:100%;
}

.wj-content.wj-control.wj-flexgridsearch{
  border-right: 1px solid #BEBEBE;
}

.wj-content.wj-control.wj-flexgridsearch .wj-form-control{
  font-size: 1em;
}

.wj-content.wj-control.wj-dropdown-panel{
  border-radius: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  height: auto;
}

.wj-content.wj-control.wj-dropdown-panel::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color:#8E95A8;
}

.wj-content.wj-control.wj-dropdown-panel::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.wj-content.wj-control.wj-dropdown-panel::-webkit-scrollbar {
  width: 4px;
  height:4px;
}

.wj-content.wj-control.wj-dropdown-panel::-webkit-scrollbar-track {
  background-color: #fff;
}

.wj-control .wj-input-group .wj-form-control {
  width: 150px;
  /* height: 40px; */
  line-height: 40px;
  padding: 0 10px;
}

.wj-control .wj-input-group .wj-input-group-btn:last-child:not(:first-child) > .wj-btn,
.wj-viewer .wj-control .wj-input-group .wj-input-group-btn:last-child:not(:first-child) > .wj-applybutton {
  border-left: none !important;
  /* background: url(../../img/common/wijmo_close.png) center no-repeat !important; */
  background-size: 15px;
  font-size: 0 !important;
}

.wj-control input[type="checkbox"] {
  appearance: auto !important;
  width: 16px;
  height: 16px;
}

.wj-content.wj-flexgridsearch {
  height: auto;
}

input.wj-form-control {
  border: none !important;
  text-indent: 0 !important;
  color: #222 !important;
}

input.wj-form-control::placeholder {
  color: #9E9E9E !important;
}

.wj-flexgrid .wj-cell input.wj-column-selector.wj-column-selector-group {
  transform: scale(1) !important;
}

/*.wj-cell.wj-align-center {
  padding: 12px 0 !important;
}*/

.wj-colheaders .wj-cell.wj-header {
  background: #fff;
  text-align: center;
  color: #2547C4;
}

.wj-cell.wj-header.wj-filter-off,
.wj-cell.wj-header.wj-filter-on {
  background: #C5D4EC;
  color: #2547C4;
  text-align: center;
}

.wj-cell.wj-header.wj-filter-off.wj-align-center,
.wj-cell.wj-header.wj-filter-on.wj-align-center {
  text-indent: 17px;
}

.wj-listbox .wj-listbox-item {
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  border-radius: 0;
  cursor: pointer;
  margin: 2px 2px 2px 4px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  min-height: 20px;
  padding: 0px 1px 1px;
}

.wj-state-selected,
.wj-state-last-selected {

}

.wj-listbox .wj-listbox-item:hover {
  background: rgba(86, 100, 157, 0.08);
  color: #2E55EA;
}

.wj-content input{
  appearance: auto;
}

.metaTable_01 .wj-colheaders .wj-row > div:first-child,
.metaTable_01 .wj-colheaders .wj-row > div:nth-child(2){
  line-height: 68px;
}

.metaTable_01 .wj-colheaders .wj-row + .wj-row > div:first-child,
.metaTable_01 .wj-colheaders .wj-row + .wj-row > div:nth-child(2){
  line-height: unset;
}

.wj-cell:not(.wj-hasdropdown){
  text-overflow: unset;
}
.wj-cell.wj-hasdropdown{
  border:1px solid #ccc;;
}

.wj-cell:read-only{

}

.wj-error-tip{
  font-size: 14px;
}

.wj-flexgrid .wj-cell a{
  font-weight: 600;
  text-decoration: underline;
}

.wijmoTable input[type="radio"]{
  appearance: auto;
}

.wijmoTable .wj-content{
  max-height: 360px;
}

.wijmoTable .heightAuto .wj-content{
  max-height: unset;
}

.wijmoTable .scrollX{
  overflow-x: scroll;
  width: 100%;
}

.wijmoTable .scrollX .wj-content{
  width: auto;
  min-width: 100%;
}

.wijmoTable.hoverBg .wj-row:hover .wj-cell{
  background: #efefef !important;
}

.wj-colheaders .wj-row:hover .wj-cell.wj-header{
  background: #C5D4EC !important;
}

.wj-cell .grid-image{width:auto !important;}

.cell-edit {

}

.cell-edit:not(.wj-state-selected):not(.wj-state-multi-selected) {
background-color: #feffe6 !important;
}

/* wijmo chart */
/* custom chart theme CSS */
.custom-chart {
background: #efefef;
background: linear-gradient(to bottom right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);
padding: 8px;
}
.custom-chart .wj-label {
font-family: Courier New, Courier, monospace;
font-weight: bold;
}
.custom-chart .wj-legend .wj-label {
font-family: Courier New, Courier, monospace;
font-weight: bold;
}
.custom-chart .wj-legend > rect {
fill: #f8f8f8;
stroke: #c0c0c0;
}
.custom-chart .wj-plot-area > rect {
fill: white;
stroke: #c0c0c0;
}

.wj-flexgrid .wj-cell button.wj-cell-maker {
position: absolute;
left: 0;
top: 0;
color: #fff;
background-color: #4E73DF;
border-radius: 4px;
border: none;
}


/* nsfms 상단 추가 */
#nsfms_top ul { display: flex; align-items: center; }
#nsfms_top ul li { position: relative; display: flex; line-height: 28px; }
#nsfms_top ul li + li { margin-left: 18px; }
#nsfms_top ul li + li::before { content: ''; width: 4px; height: 4px; position: absolute; left: -11px; top: 50%; margin-top: -2px; border-radius: 100%; background-color: #95B8E7; }
#nsfms_top ul li strong { position: relative; margin-right: 8px; }
#nsfms_top ul li strong::before { content: ''; width: 1px; height: 10px; position: absolute; right: -5px; top: 50%; margin-top: -5px; background-color: #dfdfdf; }
#nsfms_top ul li.top_before_none { margin-left: 6px; }
#nsfms_top ul li.top_before_none::before { display: none; }
#nsfms_top ul li #btn_refresh { display: block; width: 28px; height: 28px; line-height: 28px; overflow: hidden; }
#nsfms_top ul li #btn_refresh i { display: block; width: 28px; height: 28px; border-radius: 100%; line-height: 26px; text-align: center; border: 2px solid #ddd; transition: all 0.2s; background-color: #f3f4fa; }
#nsfms_top ul li #btn_refresh:hover { text-decoration: none; }
#nsfms_top ul li #btn_refresh:hover i { background-color: #eaecf7; color: #333; border-color: #d0d0d0; }

@media (max-width: 1280px){
  #nsfms_top ul li { font-size: 14px; }
}