/****************************************************************************************************
 * File Name   : obz.common.css
 * Description : EMS 공통 CSS
 * Version      : v1
 ****************************************************************************************************/

/**
* 수정내역
* 2020-12-08 YYM check 프로퍼티에 알맞게 css 변경
* 2020-12-08 YYM text쪽 border css 알맞게 적용되도록 변경
* 2020-12-10 LEJ #obzbodyframe > * 우선순위 낮추기 위해 .obzbodyframe > *로 변경
* 2020-12-10 LEJ obzbutton 기본 텍스트색 및 아이콘색 #FFFFFF로 변경
* 2020-12-14 모든 위젯 클래스 명 변경 ( obzbutton -> obz-button / obz-item -> obz-ui )
* 2020-12-10 YYM popup css 수정
* 2020-12-15 YYM Line default style 지정
* 2020-12-15 obz-grid 클래스 명 추가
* 2021-01-06 YYM obz-tooltip 추가
* 2021-01-11 LEJ Switch 스타일 변경
*/

.clsIFrameDialog {
    /* border: 1px solid #ffffff; */
    border: 0px solid #ffffff;
    overflow: hidden;
    /*position: absolute;*/
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /*padding-top:50px;*/
}

html {
    height: 98%;
}

body {
    height: 98%;
    /* background-color: #fff; */
    /* background-color: transparent;*/
    background-color: #FFFFFF;
}

*:focus {
    outline: none;
}

.obzbodyframe>* {
    font-family: Malgun Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #333;
}

.obzbodyframe {
    margin-bottom: 1px;
    position: absolute;
    left: 20px;
    top: 0px;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    /*display: flex;*/

    /* BC!!! */
    /* overflow: auto; */
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.obz-grid.wj-state-selected>a {
    color: #fff;
    text-decoration: none;
}

.obz-grid .wj-state-selected,
.obz-grid .wj-state-multi-selected {
    /*background-color: #80adbf;*/
    color: #000;
    font-weight: bold;
}

.obz-grid .wj-cell {
    padding: 10px;
}

.obz-grid.wj-flexgrid .wj-grid-editor {
    font-family: Malgun Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

/*Action Menu*/
.obz-grid .obz-actMenu {
    background-color: #ffffff;
    border-style: solid;
    border-radius: 3px;
    border-width: 1px;
    border-color: #53A1CF;
}

.obz-grid .obz-actMenu .obz-actMenuList {
    display: inline-block;
    background-color: #1768C1;
    color: #ffffff;
    font-size: 12px;
    margin: 4px 4px;
    padding: 5px;
    cursor: pointer;
}

/*icon align*/

.wj-cells .wj-align-center .specific-svg {
    justify-content: center;
}

.wj-cells .wj-align-left .specific-svg {
    justify-content: flex-start;
}

.wj-cells .wj-align-right .specific-svg {
    justify-content: flex-end;
}

.obz-listbox {
    background-color: #ffffff;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #ddd;
}

/* listbox 기본 구분 선 */
.obz-listbox .dx-item {
	border-top-width: 1px;
}

.obz-listbox .dx-item:first-of-type {
	border-top-width: 0px;
}

.obz-listbox .dx-item .dx-item-content div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.obz-listbox.obz-all-text .dx-item .dx-item-content div {
	overflow: visible;
	white-space: pre-wrap;
}

.wj-listbox {
    font-family: Malgun Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

/* ANCHOR - 2020-12-01 GNH */
.obz-ui .dx-checkbox-checked .dx-checkbox-icon {
    font: 10px/11px DXIcons;
}

.obz-ui .dx-checkbox-icon {
    width: 15px;
    height: 15px;
}

.obz-ui .dx-texteditor-input {
    padding: 3px 5px 4px;
    min-height: 10px;
}

.obz-ui .dx-searchbox .dx-texteditor-input {
    padding-left: 24px;
}

/* IE - IE6 IE7 ANCHOR - 2020-12-07 YYM*/
/* 전체에 먹는 현상으로 주석
.obz-ui .dx-texteditor-input {
    
    margin-top: 2px;
}
*/
.obz-ui .dx-texteditor-input {
    /*IE8 IE9*/
    margin-top: 2px\0 / IE8 + 9;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /*IE10 IE11*/
    .obz-ui .dx-texteditor-input {
        padding: 1px 5px 4px;
        vertical-align: top;
        margin-top: 0px;
    }

    .custom-item .dx-texteditor-input {
        padding: 0px 5px 4px;
        vertical-align: top;
    }

    /**::-ms-backdrop, .dx-texteditor-input {
	    padding: 0px 5px 4px;
	    vertical-align: top;
	}*/
}

.obz-ui .dx-button-text {
    white-space: normal;
    line-height: 1.1;
}

.dx-template-wrapper {
    position: relative;
}

/*.dx-texteditor {
    vertical-align: sub !important;
}*/

/*.dx-checkbox-container {
    vertical-align: sub !important;
}*/

.search_area {
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-radius: 3px;
    padding: 10px;
    border-width: 1px;
    background-color: whitesmoke;
    margin-bottom: 10px;
}

/* Tabs CSS */
.obz-item .dx-tab {
    padding: 4px 5px;
    text-align: left;
}

.obz-item .dx-tab .dx-tab-text {
    padding: 0 3px;
    white-space: pre-wrap;
}

.obz-item .dx-tab i {
    margin-top: -4px;
    margin-right: 5px;
}

.obz-item .dx-tabs {
    border-style: solid solid none solid !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
}

.obz-item .tabs-content {
    padding: 10px;
    border-style: solid;
    border-color: #d3d3d3;
    border-width: 1px;
}


/* LoadPanel CSS - obzloadpanel x */
.dx-loadpanel-content {
    box-shadow: 1px 5px 12px rgba(0, 0, 0, .10);
    border: 0px;
    border-radius: 8px;
}

.obz-loadpanel {
    z-index: 999;
}

.obz-loadpanel .dx-loadpanel-message {
    margin-top: 1px;
    font-size: 13px;
    font-weight: bold;
    color: #787878;
    letter-spacing: -0.3px;
    margin-left: 18px;
}


/* PopUp CSS - obzpopup x*/
.obz-dialog .obzbodyframe {
    margin-bottom: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
}

.dx-popup .dx-popup-wrapper>.dx-overlay-content {
    border: 0px solid #909090;
    /* box-shadow: none; */
    border-radius: 17px;
    /* padding: 20px 35px 25px; */
    padding: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

/* .dx-popup .dx-button.dx-state-focused {
    border: 1px solid #aaa;
    padding: 1px;
} */

.dx-popup .dx-popup-title {
    border-bottom: 2px solid #f0f2f4;
    /* padding: 2px 0px 13px 0px; */
    margin: 0px 35px 0px;
    padding: 20px 0px 12px;
    width: calc(100% - 70px);
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
    width: 100%;
}

.dx-popup .dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 19px;
    font-weight: 600;
    max-width: 100px !important;
}

.dx-popup .dx-popup-title .dx-toolbar-after {
    margin-right: -25px;
    margin-top: -12px;
}

.dx-popup .dx-popup-title .dx-toolbar-after .dx-button {
    background: #F0F2F5;
    padding: 7px 5px;
    border-radius: 30px;
}

.dx-popup .dx-popup-title .dx-toolbar-after .dx-button.dx-state-hover {
    background: #E0E2E5;
}

.dx-popup .dx-popup-title .dx-toolbar-after .dx-button .dx-icon {
    color: #949BA3;
    font-size: 17px;
    width: 18px;
    height: 14px;
}

.dx-popup .dx-button-content {
    padding: 2px;
}

/* .popup .dx-button-default {
    background: #ffffff;
}

.popup .dx-button-default .dx-icon {
    color: #cfcfcf;
}

.popup .dx-button-default.dx-state-hover {
    background: #ffffff;
}

.popup .dx-button-default.dx-state-hover .dx-icon {
    color: #898989;
}

.popup .dx-button-default.dx-state-focused {
    background: #ffffff;
    border-width: 0px;
} */

.dx-popup-content {
    /* padding: 0px 0px 10px; */
    padding: 0px 35px 25px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dx-popup-content::-webkit-scrollbar  {
    display: none;
}

/**** message box ****/
.dx-dialog.dx-popup .dx-overlay-content {
    padding: 10px 40px;
    border-top: 6px solid #19618c;
    border-radius: 8px;
}

.dx-dialog.dx-popup .dx-overlay-content .dx-toolbar.dx-popup-title {
    border: 0px;
    padding: 6px 0px;
    margin: 0px;
    width: 100%;
}

.dx-dialog.dx-popup .dx-overlay-content .dx-toolbar.dx-popup-title .dx-toolbar-label {
    font-size: 15px;
}

.dx-dialog.dx-popup .dx-dialog-message {
    white-space: pre-wrap;
    line-height: 20px;
}

.dx-dialog.dx-popup .dx-popup-bottom .dx-item-content .dx-button {
    height: 29px;
    border-radius: 100px;
    border: 1px solid #D7DDE3;
    background: #FFF;
}

.dx-dialog.dx-popup .dx-popup-bottom .dx-item-content .dx-button.dx-state-hover {
    background: #f3f5f7;
}

.dx-dialog.dx-popup .dx-popup-bottom .dx-toolbar-center .dx-toolbar-button:first-child .dx-button {
    border: 1px solid #2168CE;
    background: #2168CE;
    color: #fff;
}

.dx-dialog.dx-popup .dx-popup-bottom .dx-toolbar-center .dx-toolbar-button:first-child .dx-button.dx-state-hover {
    background: #194f9c;
}

.dx-dialog.dx-popup .dx-popup-bottom .dx-item-content .dx-button-content {
    padding: 5px;
}

/**** message box ****/

/**/

.clsDivPage .dx-drawer .dx-toolbar-before{
    display: flex;
    flex-direction: column;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default {
    /*background-color: #ffffff;*/
    background-color: transparent;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default.dx-state-focused {
    /*background-color: #ffffff;*/
    background-color: transparent;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-icon {
    color: #909090;
    font-size: 35px;
    width: 32px;
	height: 32px;
    /*height: auto;*/
    line-height: normal;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-icon:hover {
    color: #666;
}
.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-icon {
	position: relative;
}
.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-icon svg {
	position: absolute;
	top: 0;
	left: 0;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-icon svg path {
	fill: #909090;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-icon:hover svg path {
	fill: #666;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-button-mode-contained.dx-button-default .dx-button-content {
    padding: 3px;
}

.clsDivPage .dx-drawer .obz-toolbar .dx-toolbar-before {
    font-size: 13px;
    padding: 6px 0px 6px 6px;
}

.clsDivPage .dx-drawer .dx-toolbar .dx-toolbar-after {
    padding: 2px 5px;
}

.clsDivPage .dx-drawer .dx-drawer-panel-content {
    background-color: #ffffff;
    box-shadow: -10px 0px 20px 5px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    overflow: visible;
    z-index: 1;
}

.clsDivPage .dx-drawer .dx-drawer-content {
    z-index: 0;
}

.clsDivPage .dx-drawer .dx-toolbar {
    height: 30px;
    background-color: transparent;
    border-width: 0px;
}

.obz-drawer {
    background-color: transparent !important;
}

.obz-drawer .obzbodyframe {
    left: 10px;
    right: 10px;
    bottom: 5px;
}

/*.obzbodyframe>.dx-drawer-wrapper {
    margin-right: 40px;
}

.obzbodyframe.dx-drawer-opened>.dx-drawer-wrapper {
    margin-right: 0px;
}*/

.clsDivPage .dx-drawer-shader {
    background-color: rgba(0, 0, 0, .01);
    visibility: inherit !important;
    z-index: 0;
}



/* 
.dx-poopup .dx-button-mode-contained.dx-button-default {
    background-color: #ffffff;   
}

.dx-poopup .dx-button-mode-contained .dx-icon {
    color: #555555;
}

.dx-poopup .dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color: #ffffff;
}

.dx-poopup .dx-button-mode-contained.dx-button-default.dx-state-hover .dx-button-mode-contained .dx-icon{
    color: #000000;
} */

.dx-overlay-shader {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Chart CSS */
.obz-ui.dxc-chart {
    margin-bottom: 20px;
}

.obz-ui.obz-chart {
    border-style: solid;
    border-width: 0;
    border-radius: 0;
}

/* Grid CSS */
/* set default grid height and some shadow */
.wj-flexgrid {
    background-color: #fff;
    /*box-shadow: 4px 4px 10px 0 rgba(50, 50, 50, 0.75);*/
    /*margin-left: 12px;*/
    /*margin-bottom: 12px;*/
}

/*columnHeader 영역에 대해 verticalAlign을 middle로 지정하는 효과*/
.v-transform {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*white-space: pre-wrap;*/
}

/*.v-transform div {
    display: inline-block
}*/

/* create a 'custom-flex-grid' theme for the FlexGrid */
.obz-grid.custom-flex-grid .wj-header.wj-cell {
    color: #444;
    background-color: #eaeaea;
    /*border-bottom: solid 1px #404040;*/
    /*border-right: solid 1px #404040;*/
    font-weight: bold;
}

.obz-grid.custom-flex-grid .wj-cell {
    background-color: green;
    /*border: none;*/
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 3px;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

.obz-grid.custom-flex-grid .wj-alt:not(.wj-state-selected):not(.wj-state-multi-selected) {
    background-color: #f9f9f9;
}

.obz-grid.custom-flex-grid .wj-state-selected {
    /*background: #000;*/
    background: #0085c7;
    color: #fff;
}

.obz-grid.custom-flex-grid .wj-state-multi-selected {
    /*background: #222;*/
    background: #80adbf;
    color: #fff;
}

.row {
    margin-top: 40px;
    margin-bottom: 25px;
}

.wj-tooltip {
    border-radius: 0px;
    padding: 6px;
    color: #444;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #888;
}

.dxc-tooltip {
    /* BC !!! */
    /* z-index: 999; */
    z-index: 400;
}

@media (max-width: 991px) {
    .header h1 {
        font-size: 22px;
        line-height: 1;
        margin-top: 7px;
        color: #fff;
    }

    h2 {
        font-size: 22px;
        margin: 10px 0 25px 0;
    }

    .obz-grid.wj-flexgrid {
        /*box-shadow: 2px 2px 8px 0 rgba(50, 50, 50, 0.5);*/
        box-shadow: none;
        /*margin-bottom: 12px;*/
    }

    .wj-dropdown {
        margin-bottom: 10px;
        width: 100%;
    }

    .dl-horizontal,
    .btn-group,
    .input-group {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 12px;
    }

    .dl-horizontal dd {
        width: 48%;
        float: right;
    }

    .dl-horizontal dt {
        width: 48%;
        float: left;
        text-align: right;
    }
}

/*/////////////////////////////////////////////////*/

.dx-datebox-with-calendar .dx-texteditor-input {
    padding-right: 0px !important;
}

.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 24px;
}

.obz-ui.dx-selectbox.dx-state-hover .dx-texteditor-input {
    cursor: pointer !important;
}

.obz-ui.dx-texteditor.dx-state-readonly {
    border-color: #d0d0d0;
}

.obz-ui.dx-state-readonly .dx-texteditor-input {
    color: #555 !important;
    /* background-color: #eee; */
}

.obz-text.obz-ui.dx-state-readonly,
.obz-mask.obz-ui.dx-state-readonly,
.obz-numeric.obz-ui.dx-state-readonly,
.obz-textarea.obz-ui.dx-state-readonly,
.obz-date.obz-ui.dx-state-readonly,
.obz-datetime.obz-ui.dx-state-readonly,
.obz-combo.obz-ui.dx-state-readonly {
    background-color: #eee;
}

.obz-ui.dx-state-disabled .dx-texteditor-input {
    color: #222 !important;
    /* background-color: #c0c0c0; */
}

.obz-text.obz-ui.dx-state-disabled,
.obz-mask.obz-ui.dx-state-disabled,
.obz-numeric.obz-ui.dx-state-disabled,
.obz-textarea.obz-ui.dx-state-disabled,
.obz-date.obz-ui.dx-state-disabled,
.obz-datetime.obz-ui.dx-state-disabled,
.obz-combo.obz-ui.dx-state-disabled {
    background-color: #c0c0c0;
}

.obz-date .dx-dropdowneditor-button {
    width: 20px;
    padding: 1px;
}

.obz-date .dx-texteditor-input {
    padding-right: 5px !important;
}

/*.obz-ui .dx-texteditor-input {
    border-radius: 0px;
}*/

.obz-ui {
    display: inline-block;
    border-radius: 0px;
    /*margin-right : 5px !important; */
    /*margin-bottom : 5px !important*/
}

.obz-label {
    display: flex;
    box-sizing: border-box;
    min-height: 15px;
    padding-left: 3px;
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    color: #66696B;
    font-size: 12px;
    font-weight: normal;
    vertical-align: text-bottom;
    cursor: text;
    overflow: hidden;
    align-items: center;
}

.obz-check {
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    border-color: #cbcbcb;
    vertical-align: text-bottom;
}

.obz-check .dx-checkbox-icon {
    color: #ffffff;
    border-color: #CBCBCB;
    /*background: #1768C1; */
}

.obz-check .dx-widget.dx-checkbox-checked .dx-checkbox-icon {
    background: #1768C1;
}

.obz-textbox {
    background-color: #ffffff;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #ddd;
    vertical-align: super;
}

.obz-textbox.dx-texteditor.dx-editor-outlined {
    border-style: solid;
    border-radius: 0px;
}

.obz-textbox .dx-texteditor-input,
.dx-numberbox .dx-texteditor-input {
    text-align: left;
    background: transparent;
}

.obz-image {
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    vertical-align: text-bottom;
}

.obz-image img {
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.obz-shape {
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    border-color: #a9a9a9;
}

.obz-progressbar {
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
}

.obz-progressbar .dx-trackbar-container {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    background-color: #ddd;
}

.obz-progressbar .dx-progressbar-range {
    border-color: #1768c1;
    background-color: #1768c1;
}

.obz-attachfile {
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
}

.obz-attachfile .input-container {
    position: absolute;
    left: 0px;
    right: 78px;
    height: 21px;
    padding: 0px;
}

.obz-attachfile .attachtxtFileName {
    position: absolute;
    width: 100%;
    height: 17px;
    border: 1px solid #ddd;
}

.obz-attachfile .attachselectFile {
    position: absolute;
    width: 70px;
    right: 0px;
    height: 21px;
}

.obz-attachfile .dx-fileuploader-wrapper {
    padding: 0px;
}

.obz-attachfile .dx-fileuploader-input-wrapper {
    padding: 0px;
    border: 0px;
}

.obz-attachfile .dx-fileuploader-button {
    height: 21px;
    border-radius: 0px;
}

.obz-attachfile .dx-fileuploader-container {
    display: block;
	table-layout: auto;
}

.obz-attachfile .dx-fileuploader-content {
	display: block;
	height: 100%;
}

/* IE */
.obz-attachfile .dx-fileuploader-button .dx-button-content {
    /*IE6 IE7*/
    padding: 2px 10px 4px;
}

.obz-attachfile .dx-fileuploader-button .dx-button-content {
    /*IE8 IE9*/
    padding: 2px 10px 4px\0 / IE8 + 9;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /*IE10 IE11*/
    .obz-attachfile .dx-fileuploader-button .dx-button-content {
        padding: 2px 10px 4px;
    }
}

.obz-attachfile .btn-selectFile {
    position: absolute;
    width: 80px;
    height: 100%;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
    color: #565656;
    border: 1px solid #ddd;
    cursor: pointer;
}

.obz-attachfile .btn-selectFile:hover {
    background: #f5f5f5;
    color: #565656;
}

.obz-textarea {
    background-color: #ffffff;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #ddd;
}

.obz-textarea.dx-texteditor.dx-editor-outlined {
    border-style: solid;
    border-radius: 0px;
}

.obz-date,
.obz-datetime {
    background-color: #ffffff;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #ddd;
}

.obz-date {
    vertical-align: text-bottom;
}

.obz-date.dx-texteditor.dx-editor-outlined {
    border-style: solid;
    border-radius: 0px;
}

.obz-datetime {
    vertical-align: text-bottom;
}

.obz-datetime.dx-texteditor.dx-editor-outlined {
    border-style: solid;
    border-radius: 0px;
}

.obz-combo {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    border-color: #ddd;
    vertical-align: text-bottom;
}

.obz-combo.dx-texteditor.dx-editor-outlined {
    border-style: solid;
    border-radius: 0px;
}
/*YHS 20210215 불필요한 스타일 주석*/
/*.obz-combo .dx-texteditor-input {
    padding-right: 16px;
}*/

.obz-combo .dx-dropdowneditor-button {
    width: 16px;
}


.obz-multicombo-popup .dx-popup-content {
	padding: 5px;	
}

.obz-multicombo-popup .dx-popup-content colgroup col:first-child {
	width: 50px !important;
}

.obz-multicombo-popup .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	border-bottom: 0px ;
	color: #333 ;
}
.obz-multicombo-popup .dx-datagrid-rowsview {
	border-top: 0px;
}

.obz-radio {
    vertical-align: text-bottom;
    /*padding-top: 4px;*/
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    border-color: #cbcbcb;
}

.obz-radio .dx-radiobutton {
    margin-right: 0px;
}

.obz-radio .dx-radio-value-container {
    padding-right: 0px;
}

.obz-radio .dx-radiobutton-icon::before {
    width: 12px;
    height: 12px;
}

.obz-radio.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    width: 6px;
    height: 6px;
    margin-top: -10px;
}

.obz-radio.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 13px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.obz-radio.dx-radiogroup-vertical .dx-radiobutton {
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.obz-radio.dx-radiogroup-horizontal .dx-widget.dx-collection {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.obz-radio .dx-radiobutton .dx-item-content {
    padding-left: 1px;
}

.obz-button {
    background: #1768C1;
    color: #ffffff;
    text-align: center;
    vertical-align: text-bottom;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    border-color: #CBCBCB;
}

.obz-button.dx-state-hover {
    background: #1768C1;
    color: #ffffff;
}

.obz-button>.dx-button-content {
    padding: 5px;
    justify-content: center;
    align-items: center;
}

/* 2020-12-10 LEJ */
/* 2021-01-05 YYM */
.obz-button .dx-icon {
    display: none;
    color: #ffffff;
    /*margin-top: -10px;
    margin-left: -10px;
    margin-right: 0px;*/
}
/*2021-02-09 YHS
.obz-button .dx-icon>svg {
    margin-top: -5px;
    margin-left: -5px;
}*/

.dx-button-has-icon .dx-icon{
/*    width: 100%;
    height: 100%;*/
}

.obz-button.dx-button-has-text .dx-icon {
    margin-right: 10px;
}

.obz-button .dx-icon path {
    fill: #ffffff;
}


/* TreeMap 스타일*/
.obz-ui.obz-treemap .treemap-header {
	display: none;
	height: 30px;
	background-color: #eee;
}
.obz-ui.obz-treemap .treemap-content {
	height: 100%;
}
.obz-ui.obz-treemap.header-used .treemap-header {
	display: flex;
}
.obz-ui.obz-treemap.header-used .treemap-header .treemap-back {
	display: none;
	cursor: pointer;
}
.obz-ui.obz-treemap.header-used .treemap-header .treemap-back svg > path {
	fill: #555;
}
.obz-ui.obz-treemap.header-used .treemap-header .treemap-title {
	font-size: 13px;
	color: #555;
	line-height: 30px;
	cursor: default;
}
.obz-ui.obz-treemap.header-used .treemap-content {
	height: calc(100% - 30px);
}

.obzeframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

iframe {
    border: 0px;
}

.obz-tabs {
    background: transparent;
}

.obz-item .obz-tabs-container {
    position: relative;
    height: 30px;
    width: auto;
    border-bottom-width: 0px;
    background-color: #ffffff;
}

.obz-item .obz-tabs-content {
    position: relative;
    border-style: solid;
    border-color: #d3d3d3;
    border-width: 1px;
    /*height: calc(100% - 30px);*/
	height: calc(100% - 32px);
    background-color: #ffffff;
}

.obz-panel {
    padding: 0px;
    overflow: hidden;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
    background: #ffffff;
    border-color: #CBCBCB;
}

.obz-filterExplorer {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #aaa;
}

.obz-filterExplorer table {
    width: 100%;
    height: auto;
    table-layout: auto;
    border-collapse: collapse;
}

.obz-filterExplorer td {
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid #d0d0d0;
}

.obz-filterExplorer .txt-searchexp,
.obz-filterExplorer .btn-searchexp {
    border-radius: 0px;
    border: 1px solid #bbb;
    margin: 2px;
}

.obz-filterExplorer .expcheck {
    margin-right: 4px;
    max-width: 100px;
    display: inline-block;
}

.obz-filterExplorer .expcheck.disabled label{
    opacity: 0.5;
}

/*.expcheck.chk-show {
	display: block;
}*/

.obz-filterExplorer .valuelist-check {
    margin: 7px;
}

.obz-filterExplorer .valuelist-check.chk-hide {
    display: none;
}

.obz-filterExplorer .valuelist-check .checkbox-text {
    vertical-align: text-top;
}

.obz-filterExplorer .td_title {
    width: 1%;
    white-space: nowrap;
    border-right: 1px solid #ccc;
    background-color: #ededed;
    min-width: 50px;
}

.obz-filterExplorer .td_cond {
    background-color: #fafafa;
}

.obz-filterExplorer .td_cond .cond-container {
    min-height: 25px;
    position: relative;
    overflow: hidden;
}

.obz-filterExplorer .td_more {
    background-color: #fafafa;
    padding: 5px 5px;
    text-align: center;
    vertical-align: top;
}

.obz-filterExplorer .btn-more,
.obz-filterExplorer .btn-pop {
    background: transparent;
    border: 0px;
}

.obz-filterExplorer .btn-more .dx-icon,
.obz-filterExplorer .btn-pop .dx-icon {
    color: #999999;
    font-size: 14px;
}

.valuelist-container {
    position: absolute;
    z-index: 9999;
    border: 1px solid #ddd;
    left: calc(50% - 350px);
    top: 15%;
    box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.4);
}

.obz-filterExplorer .td_grouptitle {
    background-color: #d0d4db;
    height: 22px;
    font-weight: bold;
    border-bottom: 1px solid #bbb;
}

.obz-filterExplorer .groupbtn {
    background-color: transparent;
    border-color: transparent;
}

.obz-filterExplorer .groupbtn .dx-button-content {
    padding: 3px 0px 4px;
}

.obz-filterExplorer .groupbtn .dx-icon {
    color: #606060;
}

.obz-filterExplorer .checkbox-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    display: inline-block;
}

.obz-filterExplorer .obz-ui {
    margin: 3px;
}

.obz-filterExplorer .expSearch-container {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 1px 0px;
    border-bottom: 1px solid #aaa;
}

.obz-filterExplorer .txt-searchexp {
    position: absolute;
    left: 1px;
    right: 31px;
    height: 26px;
}

.obz-filterExplorer .btn-searchexp {
    position: absolute;
    right: 1px;
    width: 31px;
    height: 26px;
}

.obz-filterExplorer .expTable-container {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: auto;
}

.obz-filterExplorer .dx-radiobutton {
    margin-right: 15px;
}

.obz-filterExplorer .dx-radio-value-container {
    width: 23px;
}

.obz-filterExplorer .obz-radio.dx-radiogroup-horizontal .dx-radiobutton{
    margin-top: 2px;
    margin-bottom: 2px;
}

.obz-filterExplorer .obz-ui.obz-combo .dx-placeholder::before{
    padding: 0px 5px;
    margin-top: -10px;
}

.obz-filterExplorer .obz-explorer-cover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    
    background: rgba(0,0,0,0.05);
}

.obz-filterExplorer.cover .obz-explorer-cover {
	display: block;
}

.obz-filterExplorer.cover {
	pointer-events: none;
}

.obz-grid {
    width: auto;
    border-radius: 0px;
}

.obzpicture {
    border-width: 0px;
}

.obzpicture .dx-icon {
    width: 100%;
    height: 100%;
    object-fit: none;
}

.obzbrtree {
    overflow: auto;
}

.div-container {
    display: flex;
}

/* Table Layout */
.obz-tablelayout {
    overflow: hidden;
}

.obz-tablelayout table {
    /*table {*/
    width: 100%;
    height: 100%;
}

.obz-tablelayout td {
    position: relative;
    height: 1px;
}

.obz-tablelayout td>div {
    height: 100%;
}

/* HTMLEditor */
.note-editor .btn-group {
    margin-bottom: 0px !important;
    margin-right: 2px !important;
}

.note-editor .note-btn {
    padding: 2px 6px;
}

.obz-tree {
    border-style: solid;
    border-width: 0px;
    height: auto;
}

.obz-treelist {}

.obz-treelist .dx-treelist-headers {
    border-bottom-width: 0;
}

.obz-treelist .dx-treelist-headers .dx-row > td {
	text-align: center !important;
}
.obz-treelist .dx-treelist-rowsview .dx-treelist-content .dx-row .dx-treelist-empty-space {
    vertical-align: sub;
}

.obz-treelist .dx-treelist-rowsview .dx-treelist-content .dx-row .dx-treelist-empty-space:nth-child(2) {
    width: 18px;
}

.obz-metatree.dx-treelist .dx-treelist-content, .obz-treelist.dx-treelist .dx-treelist-content {
    user-select: none;
}

/* SCROLL */
/* Chrome */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 5px;
    border: 1px #e5e5e5 solid;
}

/* IE */
html {
    scrollbar-base-color: #ccc;
    scrollbar-track-color: #f5f5f5;
    scrollbar-face-color: #ccc;
    scrollbar-arrow-color: #000;
    scrollbar-3dlight-color: #ccc;
    scrollbar-highlight-color: #ccc;
    scrollbar-shadow-color: #ccc;
    scrollbar-darkshadow-color: #ccc;
}

.obz-mask {
    background-color: #ffffff;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #ddd;
}

.obz-mask.dx-texteditor.dx-editor-outlined {
    border-style: solid;
    border-radius: 0px;
}

.obz-mask .dx-texteditor-input {
    text-align: left;
}

.obz-mask.dx-invalid.dx-texteditor .dx-texteditor-container:after {
    display: none;
}

.obz-mask.dx-invalid.dx-texteditor .dx-texteditor-input {
    padding: 3px 5px 4px;
}

.obz-numbertext {
    background-color: #ffffff;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    border-color: #ddd;
}

/* ANCHOR - 2021-01-29 YYM default가 spin true이기 때문에 영역이 잡힐 수 밖에 없는 문제*/
.obz-numbertext .dx-texteditor-buttons-container {
    display: none;
}

.obz-numbertext.dx-numberbox-spin .dx-texteditor-buttons-container {
    display: block;
}

/* NullableDate CSS */
.obz-date .maskctl.dx-invalid.dx-texteditor .dx-texteditor-container:after {
    display: none;
}

.obz-date .datectl .dx-dropdowneditor-button {
    width: 23px;
}

/*.DockTop {
	top: 0;
	left: 0;
	right: 0;
}
.DockLeft {
	top: 0;
	left: 0;
	bottom: 0;
}
.DockBottom {
	left: 0;
	bottom: 0;
	right: 0;
}
.DockRight {
	top: 0;
	bottom: 0;
	right: 0;
}
.DockFill {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}*/

/* ANCHOR - 2020-12-01 GNH */
.obz-ui.obz-radio .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -11px;
    margin-left: 3px;
    width: 8px;
    height: 8px;
    background: #337ab7;
    content: "";
    border-radius: 5px;
}

/* ANCHOR - 2020-12-03 YYM */

.obz-check.dx-widget .dx-checkbox-icon {
    position: absolute;
    top: calc(50% - 8px);
}

.obz-check.dx-widget .dx-checkbox-text {
    position: absolute;
    top: calc(50% - 8px);
    left: 15px;
}

.obz-check.dx-widget.dx-checkbox-checked .dx-checkbox-icon {
    background: #1768C1;
}

/* ANCHOR - 2021-01-27 YYM - check group*/
.obz-check .chkgroup-container>div {
    margin-right: 10px;
}

.obz-check .chkgroup-container>div .dx-checkbox-text {
    white-space: nowrap;
}

.obz-check.obz-horizontal .chkgroup-container {
    white-space: nowrap;
}

.obz-check.obz-vertical .chkgroup-container>div {
    display: block;
}

.obz-dropdownbutton {
    background-color: #ffffff;
    border-style: solid;
    border-width: 0px;
    border-radius: 0px;
    border-color: #ddd;
}

.dx-dropdownbutton-popup-wrapper .dx-list-item-content {
    padding: 7px 10px !important;
}

/* ANCHOR - 2020-12-08 GNH (TextArea borderRadius 적용 시 잘림 현상으로 수정) */
.dx-widget textarea {
    background: transparent;
}

/* ANCHOR - 2020-12-14 GNH (DataGrid Default css) */
.obz-datagrid .dx-gridbase-container {
    border-style: solid;
    border-radius: 0px;
    border-width: 0px;
}

.obz-datagrid .dx-datagrid-headers {
    border-bottom-width: 0;
}

.obz-datagrid .dx-datagrid-rowsview {
    border-top-width: 0;
}

/* ANCHRO - 2021-02-23 YYM - grid header 감출 때 헤더 border도 사라지는 현상 방지*/
.obz-datagrid.obz-grid-header-hide .dx-datagrid-rowsview {
	border-top-width: 1px;
}

.obz-datagrid .dx-datagrid-rowsview .dx-data-row .dx-cell-modified::after {
    border-color: transparent;
}

.obz-datagrid .dx-datagrid-rowsview .dx-data-row .dx-cell-selected {
    position: relative;
}

.obz-datagrid .dx-datagrid-rowsview .dx-data-row .dx-cell-selected::after {
    left: 0;
    content: "";
    position: absolute;
    border: 2px solid transparent;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    border-color: rgb(185 185 185);
}

.obz-datagrid .dx-datagrid-headers .dx-row > td {
    text-align: center !important;
}

/* ANCHOR index 사용 시 row index의 선은 항상 그려지도록 */
.obz-datagrid.obz-index .dx-datagrid-rowsview .dx-datagrid-content td[aria-colindex="1"] {
    border-right: 1px solid #ddd;
}

/* ANCHOR datagrid alignment 관련 속성 */
.obz-datagrid.obz-ui .dx-datagrid-rowsview .dx-row .obz-top-alignment  {
	vertical-align: top;
}

.obz-datagrid.obz-ui .dx-datagrid-rowsview .dx-row .obz-middle-alignment {
	vertical-align: middle;
}

.obz-datagrid.obz-ui .dx-datagrid-rowsview .dx-row .obz-bottom-alignment {
	vertical-align: bottom;
}

.obz-datagrid.obz-ui .dx-datagrid-rowsview .dx-row .dx-command-edit {
	vertical-align: middle;
}}

/* ANCHOR - 2020-12-15 YYM Default Line css */
.obz-line svg line {
    background: #ffffff01;
}

.obz-line svg line {
    stroke: #000000;
    stroke-width: 1px;
}

/* ANCHOR - 2020-12-15 YYM dialog css */
body.obz-dialog {
    background-color: #ffffff;
}

/* Tooltip CSS - obztooltip*/
.obz-tooltip.dx-popup .dx-popup-wrapper>.dx-overlay-content {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 6px;
}

.dx-popover-arrow::after {
    border: 1px solid #ccc !important;
}

/* ANCHOR - 2021-01-06 YYM tooltip */
.obz-tooltip.dx-popup .dx-tooltip-wrapper .dx-popup-content {
    padding: 3px 7px 4px;
}

.obz-tooltip.dx-popup .dx-tooltip-wrapper .dx-popup-content p {
    margin: 0px;
    font-size: 12px;
}

.obz-switch .dx-switch-container {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 100px;
    padding: 2px 4px 4px 4px;
}

.obz-switch.obz-ui .dx-switch-handle {
    /* flex-basis: 20% !important; */
    height: 100% !important;
}

.obz-switch.obz-ui .dx-switch-handle::before {
    border-radius: 100px;
}

.obz-switch.obz-ui .dx-switch-on {
    padding-right: 23%;
}

.obz-switch.obz-ui .dx-switch-off {
    padding-right: 20%;
}

.obz-switch.obz-ui .dx-switch-inner {
    align-items: center;
}

/*
.obz-switch .dx-switch-container {
    border-radius: 15px;
}

.obz-switch .dx-switch-handle::before {
    border-radius: 15px;
}

.obz-switch .dx-switch-on,
.obz-switch .dx-switch-off {
    visibility: hidden;
}*/

.obz-attachfile.obz-ui .input-container {
    /*height: calc(100% - 4px);*/
	height: 100%;
}

.obz-attachfile.obz-ui .input-container input {
	box-sizing: border-box;
    height: 100%;
}

.obz-attachfile.obz-ui .attachselectFile {
    height: 100%;
}

.obz-attachfile.obz-ui .dx-fileuploader-input-wrapper {
    height: 100%;
}

.obz-attachfile.obz-ui .dx-fileuploader-input-wrapper::before {
    padding-top: 0;
    margin-top: 0;
}

.obz-attachfile.obz-ui .dx-fileuploader-button {
    height: 100%;
}

.obz-attachfile.obz-ui .dx-fileuploader-files-container {
    display: none;
}

/* toggle button */
.obz-togglebutton.obz-ui.checked {
    background-color: #ffffff;
    font-size: 12px;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 0px;
}

.obz-togglebutton.obz-ui.checked svg {
    fill: #333;
}

.obz-togglebutton.obz-ui.unchecked {
    background-color: #ffffff;
    font-size: 12px;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-radius: 0px;
}

.obz-togglebutton.obz-ui.unchecked svg {
    fill: #333;
}



/* 2021-02-09 YYM FilterExplorer, FilterDefine*/
.obzadvancedfiltercontainer .obz-tabs-content .obz-treelist .dx-treelist-rowsview {
	border-width: 0;
}

.obzadvancedfiltercontainer #panelinput .obz-listbox .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
	margin-top: -12px;
	margin-left: 4px;
}

.valuelist-container .obz-check .dx-checkbox-text{
	line-height: 15px !important;
}

.valuelist-container #btnSearch .dx-icon {
	display: block;
	padding: 5px 0;
	color: #1588c4;
}

.valuelist-container .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    margin-top: -12px;
    margin-left: 4px;
}

.obz-filterExplorer .td_title {
    max-width: 84px;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
}

.obz-filterExplorer .obz-ui {
	margin: 0px;
	padding: 3px;
}

.obz-filterExplorer td {
    padding: 5px 10px;
}

.obz-filterExplorer .dx-radio-value-container {
    width: 20px;
}

.obz-filterExplorer .obz-radio.dx-radiogroup-horizontal .dx-radiobutton {
	margin-right: 4px;
}

.obz-filterExplorer .td_cond .cond-container {
	padding: 1px 0;
}

.obz-filterExplorer .td_cond .cond-container > div {
    line-height: 23px;
}

.obz-filterExplorer .obz-radio.dx-radiogroup-horizontal .dx-widget.dx-collection {
    position: relative;
}

.filter-cover {
	border: 1px #d3d3d3 solid;
}



/* 2021-03-11 YYM treelist search box center 속성 */
.obz-ui.obz-treelist .dx-treelist-header-panel .dx-toolbar,
.obz-ui.obz-metatree .dx-treelist-header-panel .dx-toolbar {
    margin-top: 5px;
}

.obz-ui.obz-treelist .dx-treelist-header-panel .dx-toolbar .dx-toolbar-after,
.obz-ui.obz-metatree .dx-treelist-header-panel .dx-toolbar .dx-toolbar-after {
    width: 100%;
    padding-left: 0;
}

.obz-ui.obz-treelist .dx-treelist-search-panel,
.obz-ui.obz-metatree .dx-treelist-search-panel {
    margin: 0;
}


/* ====================== metatree ==============================*/
.obz-ui.obz-metatree {
	position: relative;
}

.obz-ui.obz-metatree .obz-metatree-wrap {
	position: relative;
	width:100%;
	height: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	background: #fff;
}

.obz-ui.obz-metatree .obz-metatree-search {
	display:none;
	width:100%;
	height: 32px;
	border-bottom: 1px solid #ddd;
}

.obz-ui.obz-metatree .obz-metatree-search-box {
	position: absolute;
	top: 4px;
	left: 0;
	right:60px;
	border: 0;
	border-right: 1px solid #ddd;
}

.obz-ui.obz-metatree .obz-metatree-search-btn {
	position: absolute;
	top: 4px;
	width: 25px;
	height: 25px;
	right: 30px;
	background-color: transparent;
}

.obz-ui.obz-metatree .obz-metatree-search-btn i {
	display: block;
	color: #888;
	font-size: 15px;
}

.obz-ui.obz-metatree .obz-metatree-search-close {
	position: absolute;
	top: 4px;
	width: 25px;
	height: 25px;
	right: 5px;
	background-color: transparent;
}

.obz-ui.obz-metatree .obz-metatree-search-close i {
	display: block;
	color: #888;
	font-size: 15px;
}

.obz-ui.obz-metatree .obz-metatree-search-cont {
	position: absolute;
	display:none;
	width:100%;
	height: calc(100% - 33px);
}

.obz-ui.obz-metatree .obz-metatree-search-cont .dx-datagrid-headers,
.obz-ui.obz-metatree .obz-metatree-search-cont .dx-datagrid-rowsview {
	border: 0;
}

.obz-ui.obz-metatree .obz-metatree-cont {
	position: absolute;
	width:100%; 
	height:100%;
}

.obz-ui.obz-metatree .obz-metatree-cont .dx-treelist-rowsview {
	border: 0;
}

.obz-ui.obz-metatree.search .obz-metatree-search {
	display:block;
}

.obz-ui.obz-metatree.search .obz-metatree-search-cont {
	display:none;
}

.obz-ui.obz-metatree.search .obz-metatree-cont { 
	display:block;
	height: calc(100% - 33px);
}

.obz-ui.obz-metatree.show .obz-metatree-cont {
	display:none;
}

.obz-ui.obz-metatree.show .obz-metatree-search-cont {
	display:block;
}

/* ====================== filterdefine ==============================*/
.obz-filterdef .obz-filter-metatree {
	transition: width 0.5s !important;
	width: 100% !important;
}
.obz-filterdef .obz-filter-panel,
.obz-filterdef .filter-cover {
	transition: left 0.5s !important;
	left: 100% !important;
	overflow: hidden !important;
	border-width: 0 !important;
}
.obz-filterdef.open .obz-filter-metatree {
	width: 257px !important;
}
.obz-filterdef.open .obz-filter-panel,
.obz-filterdef.open .filter-cover {
	left: 257px !important;
}
.obzadvancedfiltercontainer .div-container #itemname > p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: default;
}
.obzadvancedfiltercontainer .div-container.div-detail .div-detail-header {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:28px;
	border-top: 1px solid #d3d3d3;
	z-index: 998;
}
.obzadvancedfiltercontainer .div-container.div-detail .div-detail-header .dx-button-text {
	white-space: nowrap;
}
.obzadvancedfiltercontainer .div-container.div-detail .div-detail-content {
	display: none;
}

.obzadvancedfiltercontainer .div-container.div-detail #divdetailbtn {
	background-color: rgb(222 222 222);
	color: #777;
	width: 100%;
	height: 100%;
}

.obzadvancedfiltercontainer .div-container.div-detail #divdetailbtn:hover {
	background-color: #d4d4d4;
}

.obzadvancedfiltercontainer .div-container.div-detail #divdetailbtn i{
	display: inline-block;
	color: #777;
}

.obzadvancedfiltercontainer .div-container.div-detail.show .div-detail-header {
	bottom: 70px;
	border-bottom: 1px solid #d3d3d3
}

.obzadvancedfiltercontainer .div-container.div-detail.show .div-detail-content {
	display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: rgb(238, 238, 238);
	z-index: 997;
}

.obzadvancedfiltercontainer #panelexample #divexample p,
.obzadvancedfiltercontainer #paneldesc #lblDesc p {
	height: 100%;
}


/* ====================== dataplanet ==============================*/
.obz-dataplanet {
    overflow: hidden;
}

.obz-dataplanet.designer {
    border: 1px solid #ddd;
	border-radius: 6px;
    overflow: hidden;
}

/* ====================== cardview ==============================*/
.obz-cardview {
	
}

.obz-cardview .dx-scrollview-content {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.obz-cardview .dx-scrollview-content > .cv-item {
	position: relative;
    display: inline-block;
	overflow: hidden;
}
.obz-cardview.obz-click .dx-scrollview-content > .cv-item:hover {
	cursor: pointer;
}
.obz-cardview.obz-vertical .dx-scrollview-content {
	display: flex;
	flex-direction: column;
}
.obz-cardview.obz-vertical .dx-scrollview-content > .cv-item {
    flex: 0 0 auto;
}
.obz-cardview.obz-horizontal .dx-scrollview-content {
	display: flex;
}
.obz-cardview.obz-horizontal .dx-scrollview-content > .cv-item {
    flex: 0 0 auto;
}
.obz-cardview.disabled .dx-scrollview-content > .cv-item {
	opacity: 0.3;
	pointer-events: none;
}
.obz-cardview .dx-scrollview-content > .cv-item.cv-disabled {
    opacity: 0.3;
	pointer-events: none;
}

/* ====================== Action Menu ==============================*/
/* ActionMenu layout */
.obz-actionmenu .obz-actionmenu-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 5px;
    background-color: rgb(249, 249, 249);
	box-shadow: rgb(0 0 0 / 20%) 0px 5px 30px;
	overflow: auto;
}
.obz-actionmenu.disabled .obz-actionmenu-wrap {
    pointer-events: none;
    opacity: 0.5;
}
.obz-actionmenu .obz-actionmenu-title {
	position: absolute;	
    left: 0;
    right: 0;
    top: 30px;
    height: 30px;
    color: #555;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
	letter-spacing: 2px;
	cursor: default;
}
.obz-actionmenu .obz-actionmenu-cont {
	position: absolute;
    left: 20px;
    right: 20px;
    top: 90px;
    bottom: 20px;
}
.obz-actionmenu .obz-actionmenu-contArea {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.obz-actionmenu .obz-actionmenu-bar {
	/*width: 90%;*/
	width: 100%;
	height: 20px;
	/*margin: 0 auto;*/
}

/* ActionMenu close button */
.obz-actionmenu .obz-actionmenu-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	opacity: .7;
}
.obz-actionmenu .obz-actionmenu-close i path{
	fill: #7c7c7c !important;
}
.obz-actionmenu .obz-actionmenu-close.dx-state-hover {
	opacity: 1;
    background-color: transparent !important;
}

/* ActionMemu Button List */
.obz-actionmenu .obz-actionmenu-button {
	/* width: 100px; */
	width: 75px;
	height: 100px;
	/*padding: 0 5px !important;*/
	background-color: transparent !important;
}
.obz-actionmenu .obz-actionmenu-button .dx-button-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.obz-actionmenu .obz-actionmenu-button i {
    width: 65px !important;
    height: 55px !important;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin: 4px auto !important;
    padding: 16px !important;
}
.obz-actionmenu .obz-actionmenu-button span {
    text-align: center;
    letter-spacing: -0.5px;
	/* padding: 0 10px;*/
	padding: 0px;
	height: 30px;
	color: #505050 !important;
}
.obz-actionmenu .obz-actionmenu-button .dx-button-text {
	color: #CBCBCB;
}
.obz-actionmenu .obz-actionmenu-button .dx-icon path {
	fill: #CBCBCB;
}
.obz-actionmenu .obz-actionmenu-button .dx-button-text {
	margin-left: 2px;
}
.obz-actionmenu .obz-actionmenu-button .dx-svg-icon path {
	fill: #555555 !important;
}
.obz-actionmenu .obz-actionmenu-button.dx-state-hover i {
	background-color: #555555;
	transition: all .2s;
}
.obz-actionmenu .obz-actionmenu-button.dx-state-hover svg path{
	fill: #fff !important;
	transition: all .2s;
}
.obz-actionmenu .obz-actionmenu-button.active:hover {
    border: none !important;
}
.obz-actionmenu .obz-actionmenu-button.active .dx-button-text {
	color : #295871;
}
.obz-actionmenu .obz-actionmenu-button.active .dx-icon path {
	fill : #295871;
}
.obz-actionmenu .obz-actionmenu-button.active:hover {
	border-left: 3px solid #00ADF0;
}
.obz-actionmenu .obz-actionmenu-button.active:hover .dx-button-text {
	font-weight: bold;
}
.obz-actionmenu .obz-actionmenu-button.active:hover .dx-icon path {
	fill : #304A58;
}


/* load panel */
.dx-loadpanel-content-wrapper {
    text-align: left;
}

.obz-loadpanel-white {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 30px 10px;
    border-radius: 32px;
}
.obz-loadpanel-white::before {
    height: 0;
}
.obz-loadpanel-wrap {
    display: inline-block;
    margin: 15px 0;
    vertical-align: middle;
}
.obz-loadpanel_icon{
    width:34px;
    height:38px;
    box-sizing:border-box;
    border-radius:50%;
    border-top:4px solid #e74c3c;
    position:relative;
    animation:a1 2s linear infinite;
}
  
.obz-loadpanel_icon:before,.obz-loadpanel_icon:after{
    content:'';
    width:34px;
    height:39px;
    position:absolute;
    left:0;
    top:-5px;
    box-sizing:border-box;
    border-radius:50%;
}
.obz-loadpanel_icon:before{
    border-top:4px solid #e67e22;
    transform:rotate(120deg);
}
.obz-loadpanel_icon:after{
    border-top:4px solid #3498db;
    transform:rotate(240deg);
}
.obz-loadpanel_icon span{
    text-align:center;
    width:34px;
    height:34px;
    position:absolute;
    line-height:200px;
    color:#fff;
    animation:a2 2s linear infinite;
}

@keyframes a1{
    to{
      transform:rotate(360deg);
    }
}
  
@keyframes a2{
    to{
      transform:rotate(-360deg);
    }
}

/* Toast */
.dx-toast-info {
    background-color: #1f8ddc;
}
.dx-toast-content {
    min-height: 42px;
    font-weight: bold;
    padding: 4px 20px 5px;
    border-radius: 15px;
}
.dx-toast-icon {
    display: block;
}


/* ============================ DateRangePicker ============================ */
.obz-daterangepicker{
    display: flex;
	border: 2px solid #eee;
    border-radius: 10px;
    padding-left: 5px;
    align-items: center;
}