/*메인*/

.dx-list-item-content {
	padding-left: 10px !important;
}

.dx-drawer-expand.dx-drawer-right {
	float: right;
}

.panel-list .dx-list-item {
	color: #fff;
	border-top: 1px solid rgba(221, 221, 221, .2);
}

.panel-list .dx-list-item .dx-icon {
	color: #fff !important;
}

/*그리드*/
.dev-datagrid {
	height: 100%;
    width: 100%;
    margin : 0px;
    padding : 10px 10px 5px 10px;
    border: 1px solid #d2d2d2;
    position: absolute;
	overflow: hidden;
}

.dev-datagrid2 {
	height: 100%;
    width: 100%;
    margin : 0px;
    padding : 10px 10px 0px 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
	overflow: hidden;
}

#dev-datagrid {
	width: 100%;
	height: 100%;
	padding: 10px 10px 0px 10px;	/*pager가 있는 경우 padding-bottom : 10px을 주면 pager 하단이 늘어남으로, 기본적으로 10 10 0 10 적용. pager 있는 그리드는 padding-bottom : 10px 줄 것*/
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	position: absolute;
	overflow: hidden;	/*그리드 height가 줄어들면 그리드 안의 Item들도 함께 묻히도록 설정*/
}

#dev-datagrid-sub{
	width: 100%;
	height: 100%;
	padding: 10px 10px 0px 10px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	position: absolute;
	overflow: hidden;
}

#dev-datagrid2 {
	height: 100%;
    width: 100%;
    margin : 0px;
    padding : 10px 10px 0px 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
	overflow: hidden;
}

#dev-datagrid3 {
	height: 100%;
    width: 100%;
    margin : 0px;
    padding : 10px 10px 0px 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
	overflow: hidden;
}

#dev-datagrid-pop {
	height: 100%;
	width: 100%;
	margin: 0px;
    padding : 10px;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	position: absolute;
	overflow: hidden;
    
}

#dev-treelist {
	width: 100%;
	height: 100%;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	position: absolute;
	overflow: hidden;
}

.search-block {
	border: 1px solid #d2d2d2;
	margin: 10px 10px 10px 10px;
}

.result-block {
	border: 1px solid #d2d2d2;
	margin: 0px 10px 10px 10px;
}

.toolbar-def {
	color: #656565;
	background-color: #fafafa;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #ebebeb;
}

.custom-col-xs {
	width:213px;
	text-align: right;
	min-width: 150px;
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.custom-col-xs-sm {
	width:233px;
	text-align: right;
	min-width: 150px;
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.custom-col-sm {
	width:253px;
	text-align: right;
/* 	width: auto; */
	min-width: 150px;
/* 	text-align: left; */
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.custom-col-sm-md {
	width:273px;
	text-align: right;
/* 	width: auto; */
	min-width: 150px;
/* 	text-align: left; */
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.custom-col-md {
	width:293px;
	text-align: right;
/* 	width: auto; */
	min-width: 150px;
/* 	text-align: left; */
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.custom-col-md-lg {
	width:438px;
	text-align: right;
/* 	width: auto; */
	min-width: 150px;
/* 	text-align: left; */
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.custom-col-lg {
	width:570px;
	text-align: right;
/* 	width: auto; */
	min-width: 150px;
/* 	text-align: left; */
	display: inline-block;
	margin: 0px 20px 5px 0px;
}

.search-title {
	color: #656565;
	background-color: #fafafa;
	font-size: 16px;
	padding: 10px 15px;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #ebebeb;
}
.scroll-panel{
	padding: 10px 20px 5px 20px;
	margin-bottom: 10px;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}

.scroll-panel2{
	padding: 10px 20px 5px 20px;
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}

.search-panel {
	padding: 10px 20px 5px 20px;
	margin-bottom: 10px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}

.search-column {
	width: auto;
	min-width: 150px;
	text-align: left;
	display: inline-block;
	margin: 0px 20px 5px 0px;
	vertical-align: top; /*약간 아래 위치에 있는 조회버튼 위로 맞춤 (다른 아이템은 top 위치여서 영항 x)*/
}

.dev-label {
	width: auto;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
}

.dev-textbox-xs {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 138px;
	min-width: 100px;
}

.dev-textbox-xs-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 154px;
	min-width: 100px;
}

.dev-textbox-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 170px;
	min-width: 100px;
}

.dev-textbox-sm-md {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 186px;
	min-width: 100px;
}

.dev-textbox-md {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 202px;
	min-width: 100px;
}

.dev-textbox-lg {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 447px;
	min-width: 100px;
}

.dev-textbox {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 160px;
	min-width: 100px;
}

.dev-datebox-xs-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 160px;
	min-width: 100px;
}

.dev-datebox-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 170px;
	min-width: 100px;
}

.dev-datebox {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	width: 170px;
	min-width: 100px;
}

.dev-selectbox-xs {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 138px;
	min-width: 100px;
}

.dev-selectbox-xs-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 154px;
	min-width: 100px;
}

.dev-selectbox-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 170px;
	min-width: 100px;
}

.dev-selectbox-sm-md {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 186px;
	min-width: 100px;
}

.dev-selectbox-md {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 202px;
	min-width: 100px;
}

.dev-selectbox {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 170px;
	min-width: 100px;
}
.dev-checkbox {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	padding-top: 5px;
	width: 22px;
	min-width: 22px;
}

.dev-dropdownbox-xs {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 138px;
}

.dev-dropdownbox-xs-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 156px;
}

.dev-dropdownbox-sm {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 170px;
}

.dev-dropdownbox-sm-md {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 186px;
}

.dev-dropdownbox-md {
	display: inline-block;
	margin: 0px 0px 0px 10px;
	width: 202px;
}

.dev-dropdownbox {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	width: 170px;
}

.mergecells { /*병합된 셀 (stockView 참고)*/
	display: table-cell;
	vertical-align: middle !important;
}

body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#responsiveBox {
	width: 100%;
	height: 100%;
	padding: 10px;
}

.item {
	position: relative;
}

/*dropdownbox 데이터그리드*/
.dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-flex-height {
	width: auto !important;
}

#linebreak {
/* 	height: 5px; */
}

.table.dx-datagrid-table.dx-datagrid-table-fixed{
	max-width: min-content;
}

/* 팝업 css */
.pop-search-title{
	color: #656565;
    background-color: #fafafa;
    font-size: 16px;
    padding: 10px 15px;
    border-bottom: 1px solid #ebebeb;
}

.pop-search-panel{
	margin : 8px 20px 8px 20px;
}

.pop-search-column{
	display: inline-block;
	margin : 0px 20px 0px 0px;
}

.dx-state-readonly{
	background:#eaeaea !important;
}

.dx-toast-content {
  min-width: 300px;
  max-width: 400px;
}

/* 버튼 type - warning 추가 */
.dx-button.dx-button-warning {
	background-color: #fdc317;
	color: #fff;
	border: none;
	border-radius: 4px !important;
    border-width: 1px !important;
    border-style: solid !important;
}
.dx-button.dx-button-warning.dx-state-hover {	/* 마우스 위 */
	background-color: #efb508;
	color: #fff;
	border: none;
}
.dx-button.dx-button-warning.dx-state-focused { /* 클릭 후 포커스잡힘  */
	background-color: #ebb30b;
	color: #fff;
	border: none;
}
.dx-button.dx-button-warning.dx-state-active {	/* 클릭 중 */
	background-color: #dba70b;
	color: #fff;
	border: none;
}
.dx-button-warning .dx-icon{	/* 아이콘 */
	color: #fff;
}

/* splitter */
.jqx-splitter-splitbar-vertical{
	height: unset !important;
	top:0px;
	bottom:0px;
	border:1px solid #d2d2d2 !important;
}

.jqx-splitter-splitbar-horizontal{
	width: unset !important;
	left:0px;
	right:0px;
	border:1px solid #d2d2d2 !important;
}

/* form - group */
.dx-form-group-with-caption > .dx-form-group-content {
	padding-top: 10px;
	padding-bottom: 0px;
}


/* custom icons */
.dx-icon-eye {
    background-image: url('icons/icon-eye.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}