@charset "utf-8";
/* CSS Document */

/* 테마

- theme1 (KB 스타일 테마)
  topbar : #4c4c4c
  toolbar left : #ffd45a
  toolbar-right : #d0c4aa
  sidebar hover : #d59d00

*/

html,body {background: #ecf1f9;}

/*  상단 탭메뉴 //////////////////////////////*/
.ax-body.frame-set #ax-frame-root .ax-frame-header-tool { background-color: #4c4c4c;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab { }
.hammenu {   background: transparent;   color: #fff; }

.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item { /*color: #5e6e82;*/  }
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item.on { /*color: #00aeef; border-bottom: 1px solid #00aeef; */}

/*  ////////////////////////////// 상단 탭메뉴  */


/*  사이드메뉴 ////////////////////////////// */
.side-logo {background:transparent;}
.side-menu.row.ax-frame-user-info { background:transparent;}

.accordion-body .ztree li a.curSelectedNode, 
.accordion-body [data-z-tree] li a.curSelectedNode { background-color: transparent;color: #d59d00;}
.accordion-body .ztree li a, 
.accordion-body [data-z-tree] li a { color: #333; }

.accordion-item {background-color: #fff;}
.accordion-button { border-left: 3px solid #989898;}
.accordion-button:not(.collapsed) { color: #2a2a2a; background-color: #e1e1e1; border-left: 5px solid #d59d00;}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {border-color: #d59d00;}
.accordion-body { background: #f5f5f5;}

/*  [END]  사이드메뉴  */

/*  상단 툴바메뉴  //////////////////////////////*/
.top-toolbar { border-bottom: 1px solid rgba(0,0,0, .3);}
.top-toolbar-left {background: #ffd45a;background: -webkit-linear-gradient(180deg, #ffd45a 74%, #ffcd6b); background: linear-gradient(180deg, #ffd45a 74%, #ffcd6b);}
.top-toolbar-right {background: #d0c4aa;background: -webkit-linear-gradient(180deg, #d0c4aa 74%, #c7bda7);background: linear-gradient(180deg, #d0c4aa 74%, #c7bda7);}
.col.top-toolbar-item { border-left: 1px dotted rgba(0,0,0, .2);}
.top-toolbar-item.state .light{ background: rgba(255,255,255, .6); border-radius: 3px; box-shadow: 0 0 7px 0px rgba(0,0,0, .09);}
.top-toolbar-item.state.on .light{background: #4c4c4c;box-shadow:0 0 3px 2px rgba(255,255,255, .8);}
.top-toolbar-item.tlt-img {color: #4c4c4c; background: rgba(0,0,0, .07);border-left: 1px solid rgba(0,0,0, .1)}
.top-toolbar-item.text button:hover { }

.top-toolbar .form-control { color: #2d2d2d; border: 1px solid rgba(255,255,255, .08);}
.top-toolbar .form-control::placeholder { color: #2d2d2d; opacity: 0.7; }
.top-toolbar .form-control:-ms-input-placeholder { color: #2d2d2d; opacity: 0.7; }
.top-toolbar .form-control::-ms-input-placeholder { color: #2d2d2d; opacity: 0.7; }
.top-toolbar .form-control:disabled, .form-control[readonly] {background-color: #f4f6fb;}
.top-toolbar .form-control:focus { color: #2d2d2d; background-color: #fff; border-color: #ffd45b;}

.top-toolbar select.form-control {color: #4c4c4c;line-height: 15px;}
.top-toolbar select.form-control:focus { color: #4c4c4c; background-color: #fff !important; border-color: #ffd45b;}


/*  [END] 툴바메뉴  //////////////////////////////*/


/*  Axboot 탭메뉴  //////////////////////////////*/
[data-ax5layout]>[data-tab-panel-label-holder] { background-color: #f4f6fb; border-top: 1px solid #f4f6fb;}
[data-ax5layout]>[data-tab-panel-label-holder] [data-tab-panel-label-border] { background: #fff; border-top: 1px solid #ccc;}
[data-ax5layout]>[data-tab-panel-label-holder] [data-tab-panel-label-table] [data-tab-panel-aside="left"] { border-right: 1px solid #ccc;}
/*  [END]  Axboot 탭메뉴  */

/*  Axboot 커스텀  //////////////////////////////*/

.ztree li span.button, [data-z-tree] li span.button {  background-image: url(images/metro-theme1.png);}
.form-control-bg { background:rgba(255,255,255, .45) !important;}
.form-bg {color: #212529;border: 1px solid #dbdbdd;}

.formview-wrap-contants.card { box-shadow: 0px 1px 6px rgba(0,0,0,.08); border: 1px solid rgba(0,0,0,.13);}
.formview-wrap-header h5 i { } 


.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label],
.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label], .ax5combobox-display .ax5combobox-display-table [data-ax5combobox-display="label"] [data-ax5combobox-selected-label] {
    background-color: #cfedf9;
    border: 1px solid #31a5d1;
    color: #444;
}

button.btn.theme { }
button.btn.theme:hover { }

.form-tbl-style1 {width: 100%;	border: 1px solid #eee;	}
.form-tbl-style1 tr {}
.form-tbl-style1 th {border: 1px solid #e2e2e2;background-color: #fff;}
.form-tbl-style1 td { background: #f4f6fb;border: 1px solid #e2e2e2;}
.form-control { color: #212529; background-color: #fff; border: 1px solid #dbdbdd;}
.form-control:disabled, .form-control[readonly] {background-color: #f4f6fb;}
.form-control:focus { color: #212529; background-color: #fff; border-color: #81c8e3;}


[data-ax5layout]>[data-splitter].split-panel-vertical:before {   content: url("images/splitter-v.png");  background: #4c4c4c;}
[data-ax5layout]>[data-splitter].split-panel-horizontal:before { content: url("images/splitter-h.png");  background: #4c4c4c;}
.ax5layout-resizer {background: #5e6e82;}

/* 페이지 툴바*/
.page-toolbar-left { }
.page-toolbar-right {}
.page-toolbar-right button.btn.theme {}
.page-toolbar-right button.btn.theme:hover {}

.page-toolbar-search .input-group-text {}
.page-toolbar-right button { background: transparent; color: #4c4c4c;}
.page-toolbar-search .form-select { border: 1px solid #e1e1e1;}
button.srch-icon-btn {
}
.clear-icon-btn {
}
/* [END] 페이지 툴바*/


/* 그리드 테이블  */
[data-ax5grid].theme-grid [data-ax5grid-container="root"] [data-ax5grid-container="header"] {    
	border-bottom: 1px solid #d7deea;
    color: #222;
    background-color: #ffffff;
    background: -webkit-linear-gradient(180deg, #ffffff 2%, #ffffff);
    background: linear-gradient(180deg, #ffffff 2%, #ffffff); 
}
[data-ax5grid].theme-grid [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel][data-ax5grid-panel="aside-header"] { border-right:0px solid rgba(0,0,0, .15);}
[data-ax5grid].theme-grid [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-column-resizer] {/*border-right: 1px solid rgba(0,0,0, .2);*/}

[data-ax5grid].theme-grid2 [data-ax5grid-container="root"] [data-ax5grid-container="header"] {border-bottom: 1px solid #bcbcbc; color: #222; background-color: #e8e1d2;background: -webkit-linear-gradient(180deg, #f3efe6 2%, #d8ceba);background: linear-gradient(180deg, #f3efe6 2%, #d8ceba); }
[data-ax5grid].theme-grid2 [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-panel][data-ax5grid-panel="aside-header"] { border-right:0px solid rgba(0,0,0, .15);}
[data-ax5grid].theme-grid2 [data-ax5grid-container="root"] [data-ax5grid-container="header"] [data-ax5grid-column-resizer] {/*border-right: 1px solid rgba(0,0,0, .2);*/}

/* [END] 그리드 테이블  */

/* 모달 팝업*/
.ax5modal .ax-modal-header { color: #fff; background: #078dbf;}
.popup-toolbar { 
    background: #F6F6F8;
     background: -webkit-linear-gradient(180deg, #F6F6F8 74%, #F6F6F8 ); 
     background: linear-gradient(180deg, #F6F6F8 74%, #F6F6F8 ); 
    border-bottom: 1px solid #c9cfdb;
}
.popup-title-top {border-bottom: 1px solid rgba(0,0,0, .2);  background: #4c4c4c;}
.popup-toolbar-title {color: #fff;}
.popup-toolbar-right button.btn.theme { color: #4c4c4c;  }
.popup-toolbar-right button.btn.theme:hover {background-color: #4c4c4c; border-color: #4c4c4c;color:#fff;}

.popup-toolbar-search .input-group-text {    background-color: #f1f1f1;    border: 1px solid #dbdbdd;}
.popup-toolbar-search button.btn.theme { background: #4d4d4d; border: 1px solid rgba(0,0,0, .4); color: #fff;}
.popup-toolbar-search button.btn.theme:hover {background-color: #232222; border-color: #0e0e0e;}
/* [END] 모달 툴바*/



/*  [END] Axboot 커스텀  */

/*  UI 커스텀 /////////////////////////////////// */
/*  dialog */



/*  [END] UI 커스텀 /////////////////////////////////// */