/* Basic */
.bg-white-basic {background:white}
.bg-whitesmoke-basic {background:whitesmoke}
.bg-lightgray-basic {background:#e0e0e0}
.border-lightgray{border-color: #e0e0e0 !important;}

.display-none{display : none}
.display-block{display: block}

.main_container{background-color: #efefef !important;}

/* 대시보드 리스트 기능 */
.mg_ctrl {display: flex; align-items: center; justify-content: center; padding: 0; margin: 0}
ul.mg_ctrl {min-height:30px; justify-content:space-between; margin-bottom:20px;}
ul.mg_ctrl > li {display:flex; align-items:center; padding:0; margin:0; list-style:none;}


/* 스위치 토글 */
.mg_ctrl li.select_btn_type {}
.mg_ctrl li.select_btn_type button.select_type {border:1px solid #c4c4c4; border-right:none; text-indent:-9999px; width:30px; height:30px; transition:0.2s;}
.mg_ctrl li.select_btn_type button.select_type.type_list_btn {background:#fff url(../images/icon/icon_btn_list.png) no-repeat center center;}
.mg_ctrl li.select_btn_type button.select_type.type_list_btn.active,
.mg_ctrl li.select_btn_type button.select_type.type_list_btn:hover {background:#006abc url(../images/icon/icon_btn_list_on.png) no-repeat center center;}
.mg_ctrl li.select_btn_type button.select_type.type_org_btn {border-right:1px solid #c4c4c4; background:#fff url(../images/icon/icon_btn_card.png) no-repeat center center;}
.mg_ctrl li.select_btn_type button.select_type.type_org_btn.active,
.mg_ctrl li.select_btn_type button.select_type.type_org_btn:hover {background:#006abc url(../images/icon/icon_btn_card_on.png) no-repeat center center;}
.mg_ctrl li.select_btn_type button.select_type.active,
.mg_ctrl li.select_btn_type button.select_type:hover {border-color:#006abc !important;}
.mg_ctrl li.select_btn_type button.btn_txt {}


input.icon_daterange{padding-left:30px !important;background:url(/static/images/common/icon_daterangepicker.png) no-repeat 10px center;}


/* 상단 네비게이션 바 */
.top_nav #user-profile-text>span{line-height:40px;color:#00bbb0;font-weight:700;}
.top_nav #user-profile-btn {display:block;width:40px;height:40px;line-height:40px;text-align:center;}
.top_nav .dropdown-user-menu li {font-size:12px;}

.body .p-title{font-size: 18px; /*margin-top: 5rem;*/ font-weight: bold}

/* form */
.body .pop_form_view {padding-top: 1rem}
.body .pop_form_view .title,
.body .pop_form_view label,
.body .table_view .title,
.body .form_view .title,
.body .form_view label {font-size:14px; font-weight: bold; margin: 0}
.body .form_view label.input-group-text,
.body .pop_form_view label.input-group-text {padding: 0;}
.body .form_view input.disabled,
.body .pop_form_view input.disabled {background-color: var(--mdb-secondary-bg);opacity: 1; pointer-events: none}
.body .form_view .use_yn ~ .toggle_use_yn{display: none}
.body .form_view .use_yn:checked ~ .toggle_use_yn{display: inherit}

/*Bootstrap modal-content*/
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.btn{padding: 0.25rem 1rem;font-size: 12px;border-radius: 4px;box-shadow: none}
.btn:hover,
.btn:active{box-shadow: none}

.btn.btn_action{font-size: 12px;background: #fdfdfd;border: 1px solid #e0e0e0;border-radius: 0;box-shadow:none;}
.btn.btn_action_sm{padding: 4px 6px;font-size: 12px;background: #fdfdfd;border: 1px solid #e0e0e0;border-radius: 0;box-shadow:none;}
.btn.btn_action:hover,
.btn.btn_action_sm:hover{border: 1px solid #86b7fe;box-shadow:none;}

.btn-group,
.btn-group:hover, .btn-group:active{box-shadow:none}
/*search input group*/
.search-input-group .btn_clear{border : solid 1px #e0e0e0; border-left:none; background:#f5f5f5;box-shadow: none}
.search-input-group .btn_clear:hover{box-shadow: none}


/*toggle view type*/
.toggle_view_type, toggle_view_type:hover {box-shadow: none;height: 30px; margin:0;}
.toggle_view_type button{line-height: 30px; height: 30px; padding:0; width: 35px;}
.toggle_view_type #toggle_type_1{border-radius: 6px 0 0 6px; }
.toggle_view_type #toggle_type_2{border-radius: 0 6px 6px 0; }

.body .card{
    --mdb-card-border-radius : 4px;
}
.body .ag-theme-quartz,
.body .js_tree{height: 600px;}

.body  .ag-theme-quartz {
    --ag-font-size: 14px;
    --ag-font-family: 'Noto Sans KR';
    --ag-wrapper-border-radius: 4px;
}

/*ag grid -- tree */
.ag_grid_tree .reduce,
.ag_grid_tree .expand,
.ag_grid_tree .none{width:14px; height: 14px;}


.btn-light{
    --mdb-btn-bg: #f5f5f5;
    --mdb-btn-color: #616161;
    --mdb-btn-box-shadow: none;
    --mdb-btn-hover-bg: #e9e9e9;
    --mdb-btn-hover-color: #616161;
    --mdb-btn-focus-color: #dddddd;
    --mdb-btn-active-bg: #dddddd;
    --mdb-btn-active-color: #616161;
    --mdb-btn-box-shadow-state: none;
}

input:not(checked):focus ~ label.btn-light{--mdb-btn-focus-bg: #f5f5f5;}
input:checked:focus~ label.btn-light{--mdb-btn-focus-bg: #dddddd;}


/* select2 css */
.select2-selection{border-radius: 0 !important;}
.select2-selection__choice,
.select2-container--bootstrap-5 .select2-selection--single,
.select2-results__option {font-size: 12px !important;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search{font-size: 14px !important;}
.select2-results__option.select2-results__option--selected{color: #000 !important;background-color: #dbeaff !important;}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
.select2-container--bootstrap-5.select2-container--open .select2-selection{box-shadow : none !important;}
.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top: solid 1px #86b7fe !important;}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search:before,
.select2-container--bootstrap-5 .select2-selection--single .select2-search:before {font-family: 'Font Awesome 5 Free';font-weight: 900;content:"\f002";position: relative;top: 2px;padding-right: 10px;}
.select2-container--bootstrap-5 span[aria-expanded='true'] .select2-search.select2-search--inline{display: block;}
.select2-container--bootstrap-5 span[aria-expanded='false'] .select2-search.select2-search--inline{display: none;}


/* ag-grid css */
/* hover action button */
.ag-pinned-right-header,
.ag-horizontal-right-spacer {width: 0 !important;min-width: 0 !important;}
.ag-pinned-right-cols-container {position: absolute !important;right: 0;pointer-events: none;}
.ag-pinned-right-cols-container * {pointer-events: initial;}
.ag-pinned-right-cols-container .ag-cell {border: none !important;}
.ag-pinned-right-cols-container .ag-row:not(.ag-row-hover),
.ag-pinned-right-cols-container .ag-row:not(.ag-row-hover) .ag-cell {width: 0 !important;padding: 0 !important;}
.ag-custom-target-inner {box-shadow: 0 0 3px 2px #3d9295 inset;}
.ag-custom-target-prev {box-shadow: 0 3px 2px #3d9295 inset;}
.ag-custom-target-next {box-shadow: 0 -3px 2px #3d9295 inset;}

/* Popup Layer */
.layerIn {overflow: hidden;position: relative;}
.layerIn .layerTop {height: 30px;line-height: 30px;border-bottom: none;padding-top: 4px;}
.layerTop .close{width: 30px;height: 30px;line-height: 30px;padding: 0;margin: 0;text-indent: -9999px;position: absolute;top: 20px;right: 20px;border: 0;background: url(/static/images/common/icon_close.png) no-repeat center center;cursor: pointer;}
.layerTop h4 {color: #fff;padding: 0 10px;font-size: 12px;}
.layerCon{background: none;}
.layerCon .popContents {padding: 10px;border-top: none;overflow-x: hidden;outline: none;}
.popupContent {padding: 0 40px;}
.popupContent .popupHead {padding: 10px 0;}
.popupContent .popupHead h3 {display: block;padding: 0;margin: 0;font-size: 26px;font-weight: 700;letter-spacing: -1px;}
.popupContent .popupBody .message {font-weight: bold;}
.popupContent .popupfooter {padding: 30px 0;text-align: right;}
.div_pageSection .btn, .layerWrap .btn, .popupWrap .btn {display: inline-block;vertical-align: top;min-width: 80px;height: 30px;padding: 0 20px;margin: 0 0 0 4px;font-size: 14px;
    color: #fff;border: 1px solid var(--primary);background-color: var(--primary);background-repeat: no-repeat;box-shadow: inherit !important;}

/* Tab View css */
.card_tab_container{height: 100%; position: relative;}
.card_tab_container .card_tab_titles {position: absolute; top: -36px;}
.card_tab_container .card_tab_titles > ul {display: flex; margin-left: 1px;}
.card_tab_container .card_tab_titles > ul > li {cursor: pointer; color:var(--text-title-color); font-size: var(--title-size); font-weight: var(--font-weight); background: lightgray; min-width: 100px; max-width: 10%; padding: var(--spacing-2); text-align: center; height: 40px; border-radius: 7px 7px 0 0; margin: 0 5px -10px 0;}
.card_tab_container .card_tab_titles > ul > li.active { background: white; min-width: 100px; max-width: 10%; padding: var(--spacing-2); text-align: center; height: 40px; border-radius: 7px 7px 0 0; z-index: 1;}
.card_tab_content{height: 100%;}
.card_tab_content .card_body{height: auto; max-height: 100%; flex: 0 1 auto; padding: 1rem !important; color: var(--text-body-color); /*overflow: auto;*/}
.card_tab_content .card_body .card_body_toolbar{height: 2rem; display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding-bottom: 10px;}
.card_tab_content .card_tab_header{height: 80px; display: flex; justify-content: space-between; align-items: flex-end;}
.card_tab_content .card_body_title{font-size: var(--title-size); margin-left: var(--spacing-1); font-weight: var(--font-weight); align-self: flex-end;}
.card_tab_content table{width: 100%; border: 1px solid var(--border-color); border-collapse: collapse;}
/* .card_tab_content th, */
/* .card_tab_content td{font-size: small; box-sizing: border-box; height: 3rem; border: 1px solid var(--border-color);} */
/* .card_tab_content th{width: 110px; text-align: center; background-color: var(--bg-1-color);} */
/* .card_tab_content td{padding: var(--spacing-2) var(--spacing-3);} */
/* .card_tab_content td.disabled{background-color: var(--mdb-secondary-bg);opacity: 1; pointer-events: none} */
/* .card_tab_content input,select,textarea{width: 100%; border-radius: 5px;} */
/* .card_tab_content input,select{height: 100%;} */

.card_tab_container .tab-container {display: flex; align-items: stretch; justify-content: space-between;}
.tab-grid-area {width: 100%;}
.tab-item-vertical {flex: 1; display: flex; flex-direction: column; justify-content: space-between;}