@charset "UTF-8";

/* common */
/* html::-webkit-scrollbar {display: none;} */
/* body::-webkit-scrollbar {display: none;}  */
/* iframe::-webkit-scrollbar {display: none;} */

*::-webkit-scrollbar {height:10px;width:6px;position: absolute;}
*::-webkit-scrollbar-thumb {background: rgba(191,191,191,.7);;border-radius: 10px;}
*::-webkit-scrollbar-track { background-color: transparent;} 
/* html::-webkit-scrollbar, body::-webkit-scrollbar, iframe::-webkit-scrollbarm, .card-body::-webkit-scrollbar {height:6px;width:6px;position: absolute;}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, iframe::-webkit-scrollbar-thumb, .card-body::-webkit-scrollbar-thumb {background: rgba(191,191,191,.7);;border-radius: 10px;}
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, iframe::-webkit-scrollbar-track, .card-body::-webkit-scrollbar-track { background-color: transparent;} */
body {margin: 0; padding: 0;min-width: 360px;}
/* iframe body {min-height: 880px;} */
body.iframe-mode {min-height: 400px;}
.pc-view {display: initial;}
.mobile-view {display: none;}
.only-mobile-view {display: none;}

a#topBtn {position: fixed;right: 2%;bottom: 5px; display: none; z-index: 9999;width:50px;height: 50px;background-color: var(--main-color);color:var(--theme-font-color);text-align: center;border-radius: 50%;line-height: 3;} 

.bg-beige input{background-color: beige;}
.modal-content.color-linen{background-color: linen;}

.img-div.img-div-225{position: relative;}
.img-div.img-div-225 img{vertical-align: top;max-height: 200px;min-height: 200px;border: none;}
.img-div.img-div-225 div{vertical-align: top;max-height: 200px;min-height: 200px;border: none;text-align: center;line-height: 200px;}


/* bootstrap override */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, 
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{padding-right: 4px;padding-left: 4px;}
.row {margin-right: -4px; margin-left: -4px;}

h1 {font-weight: bold;}
div.none-padding {padding:0;}
.none-left-padding {padding-left: 0 !important;}
.none-right-padding {padding-right: 0 !important;}
.none-both-padding {padding-left: 0 !important;padding-right: 0 !important;}
/* i.fas {min-width: 18px;text-align: center;} */
.form-group .control-label {padding-left:0;padding-right:0;}
.form-group .control-label.required:after { content:"*"; color:red;top: -4px; right: 0; position: absolute;}
.form-group .dx-required:after { content:"*"; color:red;top: -5px; right: -3; position: absolute;}
.height-100 {height: 100% !important;}
div[class ^= col-] {height: 100%;}

/* .min-xl > div {min-width: 1201px;} */
/* .min-lg > div {min-width: 993px;} */
/* .min-md > div {min-width: 769px;} */
/* .min-sm > div {min-width: 577px;} */

@keyframes blink-effect {
	50% {
		color: #000000;
		background-color: transparent;
	}
}

.bilnk {animation: blink-effect 1s step-end infinite;}

/* 폰트설정 */
.txt-center {text-align: center !important;}
.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}
.txt-bold {font-weight: bold;}
	
.block {display: block;}
.click {cursor: pointer;}
.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget{opacity:100;}
.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget .dx-button-text{opacity:100;}
/* .nav-tabs .nav-link {border-top-left-radius: 0;border-top-right-radius: 0;} */

/* ============= */
/* devextreme override */
/* ============= */
.dx-datagrid-table thead{display:none;}
.dx-layout-manager .dx-field-item:not(.dx-first-row){padding-top: 0px;}

.dx-datagrid .dx-datagrid-search-panel{display: none;}
.dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input{min-height: 25px;}

.dx-datagrid-content .dx-datagrid-table .dx-row > td{vertical-align: middle;}
.dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-command-select), .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:not(.dx-command-select) { vertical-align: middle;}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-command-select), .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:not(.dx-command-select){ text-align: center !important;vertical-align: middle;}
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td.txt-left:not(.dx-command-select), .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.txt-left:not(.dx-command-select) { text-align: left !important;}
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td.txt-right:not(.dx-command-select), .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.txt-right:not(.dx-command-select) { text-align: right !important;}
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td.required:not(.dx-command-select):after, .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.required:not(.dx-command-select):after { content: "*";    color: #d9534f;position: relative;top: -2px;left: 4px;}
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td.required, .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.required {background-color: var(--main-color)}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-data-row:not(.dx-row-focused, .dx-selection) > td.edit-cell, dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-data-row:not(.dx-row-focused, .dx-selection) > tr > td.edit-cell {background-color: beige;}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused, .dx-selection) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused, .dx-selection), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused, .dx-selection) {background-color: #e6e6e6; color: #333;}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit.dx-selection.dx-focused .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td.dx-selection.dx-focused, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td.dx-selection.dx-focused {background-color: #e6e6e6; color: #333;}

.dx-datagrid-rowsview tr{height: 28.5px;}
.dx-datagrid-focus-overlay{border: none;}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td{border-bottom: 1px solid #ddd;}

.dx-datagrid .dx-row > td:has(.cstm-badge) {padding:4px;}
/* .dx-datagrid .dx-row > td .cstm-badge {font-size: inherit;padding: .25rem 2rem;} */
.dx-datagrid .dx-row > td .cstm-badge {font-size: inherit;width:100%}

.dx-datagrid-content .dx-fileuploader-files-container {display: none;}
.dx-datagrid-content .dx-fileuploader-input-container {display: none;}
.dx-datagrid-content .dx-fileuploader-input-wrapper {padding: 12px 0;}
.dx-datagrid-content .dx-fileuploader-wrapper{padding: 0;}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select{min-width: 50px; max-width: 50px; width: 50px;}

.dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-command-select), .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-row > tr > td:not(.dx-command-select){ text-align: center !important;vertical-align: middle;}

.dx-toolbar .dx-toolbar-items-container {height: 34px; overflow: visible;}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {padding-right: 4px;}
.dx-layout-manager .dx-field-item:not(.dx-first-col) {padding-left: 4px;}

.dx-field-label {font-weight: bold;}
.dx-button-has-icon .dx-button-content {padding: 8px;}
.dx-button-has-text .dx-button-content {padding: 8px;}
form .dx-texteditor.dx-editor-outlined {width: 100%;}

.form-group .dx-fileuploader-button-container, 
.dx-form .dx-fileuploader-button-container {float: right;}

.form-group .dx-fileuploader-show-file-list .dx-fileuploader-files-container, 
.dx-form .dx-fileuploader-show-file-list .dx-fileuploader-files-container {padding-top: 0;display:inline-block;width: auto;}

.form-group .dx-fileuploader-file, 
.dx-form .dx-fileuploader-file {line-height: inherit;padding-left: 4px;padding-right: 30px;}

.form-group .dx-fileuploader-file-size, 
.dx-form .dx-fileuploader-file-size {display: none;}

.form-group .dx-fileuploader-file-status-message, 
.dx-form .dx-fileuploader-file-status-message {display: none;}

.form-group .dx-fileuploader-file-container , 
.dx-form .dx-fileuploader-files-container, .dx-form .dx-fileuploader-file-container {width: auto;}

.form-group .dx-fileuploader-input-container, 
.dx-form .dx-fileuploader-input-container {display: none;}

.form-group .dx-fileuploader-input-wrapper, 
.dx-form .dx-fileuploader-input-wrapper {padding: 0;border: none;display : inline-block;}

.form-group .dx-fileuploader-wrappe , 
.dx-form .dx-fileuploader-wrapper {padding: 0;}

.dx-form div.edit-cell input {background-color: beige;}
.dx-form div.edit-cell .dx-lookup-field {background-color: beige;}

.dx-page-sizes{float: right !important;}
.dx-pages{float: left !important;}

/* .dx-datagrid-content .dx-fileuploader-input-wrapper::before{margin-top: 0;padding-top: 0;} */
.dx-datagrid-content .dx-fileuploader-input-wrapper .dx-button{float: none;;}
.dx-form .dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-text {margin-top: 6px;}

.dx-field-item-label-content {min-width: 80px;}

.input-button-group .dx-button + .dx-button {margin-left: 1px;}

/* row split css */
.dx-widget:not(.nowrap) .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-data-row:not(.dx-master-detail-row):nth-child(even):not(.dx-row-focused):not(.dx-selection):not(.dx-group-row):not(.dx-state-hover) > td:not(.dx-cell-modified), .dx-widget:not(.nowrap) .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-data-row:not(.dx-master-detail-row):nth-child(even):not(.dx-row-focused):not(.dx-selection):not(.dx-group-row):not(.dx-state-hover)  > tr > td:not(.dx-cell-modified) {background-color: #e6e6e6}
.dx-widget:not(.nowrap) .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-widget:not(.nowrap) .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-widget:not(.nowrap) .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, dx-widget:not(.nowrap) .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {background-color: #e1e1e1}
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused){background-color: #e1e1e1;cursor: pointer;}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {display: inline-block;}

.dx-scheduler-date-table-cell { height: 30px;}
.dx-scheduler-time-panel-cell {height: 30px;}

.dx-overlay-shader {background-color: rgba(0,0,0,.5);}

.dx-field-box{white-space: normal;padding: 8px 10px 9px;}

/* 
=============
adminlite3 override 
=============
*/

/* main */
.content-wrapper.iframe-mode .tab-empty {-webkit-justify-content: initial;justify-content: initial;-webkit-align-items: initial;align-items: initial;padding-top: 15px;}

/* nav tab */
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active {font-weight: bold;}

/* content-wrapper */
.content-wrapper.full {width: 100%;margin-left: 0 !important;}

/* content header */
.content-header {padding: 8px 0.5rem;}

/* main-footer */
.main-footer {padding: .5rem;}

/* card */
.card {margin-bottom: 6px;border-radius: 0;}
.card-header {padding: 0em 1.25em;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom: 0;}
/* .card-header .nav-tabs {border-bottom: 0;} */
/* .card-header .nav-tabs .nav-link {padding: 0.1rem 1rem} */
.card-title {line-height: 1.8;font-size: 20px;margin-right: 20px;}
.card-body {padding: .5rem;}
.card-header.sub-header{background-color: black !important;}

/* .card.card-tabs:not(.card-outline)>.card-header {border-bottom: inherit;} */
/* .card:not(.search-card-box) .card-body {min-height: 300px;} */
/* .card-body .row, card-body [class^=col-] {height: 100%;flex-wrap: inherit;} */

/* input */
.form-control[readonly] {background-color: inherit;}

/* radio */
.form-check {margin-right: 1.25rem;}
.form-check-label {cursor: pointer;}

/* select2 */
.form-control-sm ~ span.select2 {width: 100% !important;font-size: 90%;}

/* btn */
.btn.btn-full {width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn.dropdown-toggle ~ .dropdown-menu > a.dropdown-item {cursor: pointer;}


/* icon */
.has-icon.left i {margin-right: 4px;}
.has-icon.right i {margin-left: 4px;}


.custom-task-edit-tooltip { background-color: white;color: black;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);padding: 10px 12px 12px 12px;border-radius: 3px;}
.custom-task-edit-tooltip::before {border-top-color: white;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.custom-task-edit-tooltip::after {border-bottom-color: white;}
.custom-tooltip-title {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 13px; font-weight: 600;padding-bottom: 6px;}
.custom-tooltip-row { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 12px;font-weight: 600;}

/* 검색조건  */
form.form-horizontal .form-group:last-of-type { margin-bottom: 0; }
form.form-horizontal .input-label {margin-bottom : 0;font-size: 14px;text-align: right; padding-left:0;padding-right:0;}

.search-card-box .card-body {padding: 1rem;}
.search-card-box .form-group {margin-bottom:.5rem;}
.search-card-box .row {align-items: center;}
.search-card-box.divide {position: absolute; z-index: 1;right: 0;border : 2px solid #17a2b8;}
.search-card-box.divide.collapsed-card {width: auto;}

/* 입력폼 */
.input-card-box .row {align-items: center;}

/* datepicker */
.cstm-daterange-box {display: flex;}
.cstm-daterange-box .date-range:first-of-type {margin-right: 8px;}
.cstm-daterange-box .date-range:last-of-type {margin-left: 8px;}
input.datepicker {cursor: pointer;}

.dropdown-toggle.empty::after {margin-left: 0}
.dropdown-menu.right {left: inherit; right: 0;}


/* sidebar menu */
.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover,
.sidebar-mini  .main-sidebar {width: 250px;font-size: 14px !important}
.layout-fixed .brand-link {width: 250px;}
.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link,
.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {width: calc(250px - 0.5rem * 2);transition: none;padding: 0.2rem;}
.nav-sidebar>.nav-item .nav-icon {font-size: 14px !important}


.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-item,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-item {padding-left: 10px;transition:padding ease--in-out .3s;}
.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-link,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-link {width: calc(250px - 10px - 0.5rem * 2);}
.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-treeview .nav-item,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-treeview .nav-item {padding-left: 10px;transition:padding ease-in-out .3s}
.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-treeview .nav-link,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-treeview .nav-link {width: calc(250px - 20px - 0.5rem * 2);}
.sidebar-mini .main-sidebar .sidebar .nav-compact .nav-link>p>.right.fa-star {transform: translateY(-0.14rem);}

@media (min-width: 768px) {
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
		margin-left: 250px;
	}
}

@media (max-width:768px) {
	.sidebar-mini  .main-sidebar {width: 250px;font-size: 14px !important}
	.layout-fixed .brand-link {width: 250px;}
	.nav-sidebar>.nav-item .nav-icon {font-size: 14px}
	.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {width: calc(250px - 0.5rem * 2);}
	.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-link,
	.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-link {width: calc(250px - 10px - 0.5rem * 2);}
	.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-treeview .nav-link,
	.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-treeview .nav-link {width: calc(250px - 20px - 0.5rem * 2);}
}

@media (min-width: 992px){
	.sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
		width: 250px;
	}
}
@media (max-width: 991.98px) {
	
	body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
		margin-left: 0;
	}
}

/* .sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-item,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-item {padding-left: 10px;transition:padding ease--in-out .3s;}
.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-link,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-link {width: calc(250px - 10px - 0.5rem * 2);}
.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-treeview .nav-item,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-treeview .nav-item {padding-left: 10px;transition:padding ease-in-out .3s}
.sidebar-mini .main-sidebar .sidebar:not(.os-host-overflow-x) .nav-treeview .nav-treeview .nav-link,
.sidebar-mini .main-sidebar .sidebar.os-host-overflow-x:not(.os-host-scrollbar-vertical-hidden) .nav-treeview .nav-treeview .nav-link {width: calc(250px - 20px - 0.5rem * 2);} */

.sidebar-mini .main-sidebarsidebar-no-expand .nav-compact.nav-sidebar.nav-child-indent.nav-flat .nav-treeview {padding-left: 1rem;margin-left: -0.5rem;}
.sidebar-mini .user-panel .image {display: none;}
.sidebar-collapse.sidebar-mini .user-panel .image {display: inline-block;}
.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .user-panel .image, 
.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .user-panel .image {display: none;}
.sidebar-mini .brand-icon {display: none;}
.sidebar-collapse.sidebar-mini .brand-icon {display: inline-block;float: left;margin-left: 0.8rem;margin-right: 0.5rem;margin-top: -3px;}
.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .brand-icon, 
.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .brand-icon {display: none;}


/* progress bar */
#progressBar {appearance: none; width: 100%;}
#progressBar::-webkit-progress-bar {background:#f0f0f0;border-radius:10px;box-shadow: inset 3px 3px 10px #ccc;}
#progressBar::-webkit-progress-value {border-radius:10px;background: var(--main-color);}

.dropzone-external {width: 100%;height: 200px;;background-color: rgba(183, 183, 183, 0.1);border-width: 2px;border-style: dashed;padding: 10px;}
.dropzone-external > * {pointer-events: none;}
.dropzone-external.dropzone-active {border-style: solid;}
.dropzone-image {object-fit: contain; width: 100%; height: 100%;}
/* .dropzone-image {max-width: 100%; max-height: 100%;} */
.dropzone-text > span {font-weight: 100;opacity: 0.5;}

.flex-box {display: flex;flex-direction: column;justify-content: center;align-items: center;}
/* ==================== TABLET ==================== */

.tablet-section {height: calc(100vh - 42px);overflow: auto;}
/* tablet btn-app */
.tablet-section .btn.btn-app {border: 1px solid transparent;min-height: 380px;display: table;font-size: 16px}
.tablet-section .btn.btn-app > p {display: table-cell; vertical-align: middle;}
.tablet-section .btn.btn-app > p > i {margin: 16px 0;font-size: 12em;font-weight: 900;}
.tablet-section .btn.btn-app > p > span {display: block; font-size: 3em;font-weight: 900;}

@media only screen and (max-width: 768px) {
	.tablet-section {height: auto;overflow: auto;}
	.tablet-section .btn.btn-app > p > i {font-size: 10em;}
	.tablet-section .btn.btn-app > p > span {font-size: 2em;}
}


/* ==================== MOBILE ==================== */

/* 768px */
/* @media (max-width: 992px) .main-sidebar, .main-sidebar::before {
		box-shadow: none !important;
		margin-left: -250px;
}
 */

/* 992px */
@media only screen and (max-width: 992px) {
	/* *::-webkit-scrollbar {display: none;} */
	
	.m-col-6 {width: 50%;}
	.m-height-100 {height:100% !important;}
	.pc-view {display: none;}
	.mobile-view {display: initial;}
	
	form.form-horizontal .input-label {margin-bottom : 4px;text-align: left;padding-left:7.5px;padding-right:7.5px;}
	form.form-horizontal .input-form {margin-bottom : 10px;}
	
	.dropdown-toggle::after {margin-left: 0;}
	
	/* .content-wrapper.iframe-mode .navbar-nav {height: 40px;flex-direction: column;}
	.content-wrapper.iframe-mode .navbar-nav .nav-item {width: 100%;text-align: center;display: block;} */
}


@media only screen and (max-width: 768px) {
	.error-page>.error-content>p {
		text-align: center;
	}
}

/* ==================== COLOR ==================== */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {background-color: var(--main-color);}

.dropdown-item.active, .dropdown-item:active {background-color: var(--main-color);}

body {background-color:var(--back-color);}
/* .main-footer.theme {background-color: var(--light-color);color: var(--theme-font-color);border-top: 1px solid var(--light-color);} */
.main-footer.theme {background-color: var(--light-color);color: var(--theme-font-color);border-top: none;}

.txt-theme {color: var(--theme-font-color) !important;}
.txt-theme.hover:hover {color: var(--focus-color) !important;}
.link-theme {color: var(--light-color) !important;}

.theme .content-wrapper .content-header  {color:var(--theme-font-color);}
.theme .content-wrapper, .content-wrapper.theme {background-color: var(--back-color);}
.theme .content-wrapper .content, .theme .content-wrapper .content-header, .content-wrapper.theme .content, .content-wrapper.theme .content-header {background-color: var(--back-color);}

.theme .content-wrapper.iframe-mode .tab-loading {background-color: var(--back-color);}

.theme .navbar-theme {background-color: var(--bold-color);border-color: var(--border-color) !important;}
.navbar-theme .navbar-nav .nav-link {color: var(--opa-font-color);}
.navbar-nav .nav-item.active {background-color: var(--back-color);}
.navbar-theme .navbar-nav .active>.nav-link, .navbar-theme .navbar-nav .nav-link.active, .navbar-theme .navbar-nav .nav-link.show, .navbar-theme .navbar-nav .show>.nav-link {color: var(--theme-font-color);font-weight: bold;}

.theme .bg-light, .theme a.bg-light:focus, .btn.theme, .theme button.bg-light:focus  {background-color: var(--light-color) !important;color: var(--theme-font-color) !important;}
/* .theme a.bg-light:focus,  button.bg-light.theme:focus, .btn.bg-light.theme:focus {background-color: var(--light-color) !important} */
/* .theme a.bg-light:hover, button.bg-light.theme:hover, .btn.bg-light.theme:hover{}  */
.theme.btn.dx-button-mode-contained .dx-icon {color: var(--theme-font-color) !important;}

.bg-theme-main {background-color: var(--main-color);color: var(--theme-font-color);}
a.bg-theme-mainr:focus, a.bg-theme-main:hover, button.bg-theme-main:focus, button.bg-theme-main:hover{background-color: var(--focus-color);color: var(--theme-font-color);}

.card.theme.card-outline {border-top: 8px solid var(--main-color);}
.card.theme:not(.card-outline)>.card-header {background-color: var(--main-color);color: var(--theme-font-color);}
/* .card.theme:not(.card-outline)>.card-header a  {background-color: var(--main-color);color: var(--theme-font-color);} */
.card.theme:not(.card-outline)>.card-header a  {color: var(--theme-font-color);}
.card.theme.light.card-outline {border-top: 8px solid var(--light-color);}
.card.theme.light:not(.card-outline)>.card-header {background-color: var(--light-color);}
.card.theme .card-body {background-color: var(--body-color);}

.card.theme > .card-header .nav-tabs .nav-item.show .nav-link, .card.theme > .card-header .nav-tabs .nav-link.active {background-color: var(--body-color);border-color:var(--border-color);color:  var(--base-font-color);font-weight: bold;}
/* .card.theme .nav-tabs .nav-link {border-color : var(--main-color) var(--main-color) var(--body-color)} */
.card.theme .nav-tabs .nav-link:focus, .card.theme .nav-tabs .nav-link:hover {border-color: var(--body-color);}

.card.scroll .card-body {overflow: auto;}

.dx-datagrid-header-panel {background-color:var(--body-color); }
.dx-toolbar-items-container {background-color:var(--body-color); }
.dx-dialog .dx-widget .dx-toolbar-items-container {background-color: inherit;}

.dx-widget:not(.notheme) .dx-datagrid-headers, .dx-widget:not(.notheme) .dx-header-row {background-color: var(--back-color);color: var(--theme-font-color);font-weight: bold;}
.dx-widget.notheme .dx-datagrid-headers, .dx-widget.notheme .dx-header-row {color: var(--base-font-color);font-weight: bold;}

.dx-widget:not(.notheme) .dx-datagrid-headers, .dx-widget:not(.notheme) .dx-header-row .header-point {background-color: var(--main-color);color: var(--theme-font-color);font-weight: bold;}
/*
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td,
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified::after, .dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-datagrid-invalid::after,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td,
.dx-treelist-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified::after, .dx-treelist-rowsview .dx-data-row .dx-cell-modified.dx-treelist-invalid::after {border-color: var(--focus-color);}
*/
.dx-checkbox.dx-state-readonly .dx-checkbox-icon {border-color: transparent;;background-color: transparent;}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-cell-modified::after, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-datagrid-invalid::after {border: 2px solid #d9534f;}
.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {background-color: inherit;}
.dx-datebox-datetime-time-side {background-color: #ffffff;} 

.dx-datagrid .dx-checkbox-checked .dx-checkbox-icon {color: #000000;}

.dx-box-item-content{	justify-content: center;}
.dx-layout-manager .dx-label-h-align.dx-flex-layout label.dx-field-item-label{margin-bottom: 0;}
.dx-last-col.dx-field-item.dx-col-1.dx-field-item-optional.dx-flex-layout.dx-field-item-label-align.dx-label-h-align {align-items : center;}
./* dx-radiogroup {margin-top: 12px;} */

.cstm-badge.exam, .label.exam {background-color: var(--light-color);color: var(--theme-font-color);}
.cstm-badge.approve, .label.approve {background-color: var(--main-color);color: var(--theme-font-color);}
.cstm-badge.reject, .label.reject {background-color: rgba(217, 83, 79, .5);color: var(--opa-font-color);}
.cstm-badge.info, .label.info {background-color: #17a2b8;color: #ffffff;}
.cstm-badge.success, .label.success {background-color: #28a745;color: #ffffff;}
.cstm-badge.danger, .label.danger {background-color: #dc3545;color: #ffffff;}
.cstm-badge.warning, .label.warning {background-color: #ffc107;color: #ffffff;}
.cstm-badge.purple, .label.purple {background-color: #605ca8;color: #ffffff;}
.cstm-badge.teal, .label.teal {background-color: #39cccc;color: #ffffff;}
.cstm-badge.olive, .label.olive {background-color: #3d9970;color: #ffffff;}
.cstm-badge.orange, .label.orange {background-color: #ff851b;color: #ffffff;}

span.exam {color: var(--light-color);}
span.approve {color: var(--main-color);}
span.reject {color: rgba(217, 83, 79, .5);}
span.info {color: #17a2b8;}
span.success {color: #28a745;}
span.danger {color: #dc3545;}
span.warning {color: #ffc107;}
span.purple {color: #605ca8;}
span.teal {color: #39cccc;}
span.olive {color: #3d9970;}
span.orange {color: #ff851b;}

.todo-list>li {border-bottom: 1px solid var(--back-color);} 

.btn-group.show .btn-tool, .btn-tool:hover {color: inherit;}
.btn:hover {color: inherit;}

.btn.btn-app:hover {color:var(--base-font-color);border-color: 1px solid var(--base-font-color);}
.btn.btn-app:active {background-color:var(--body-color) !important; color: var(--base-font-color) !important;border-color: 1px solid var(--base-font-color) !important;}

.swiper-button-next, .swiper-button-prev {width:50px;height: 50px;background-color: var(--main-color);color:var(--theme-font-color);text-align: center;border-radius: 50%}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 24px;font-weight: 900;}

.current-time {border-left: 1px solid red !important;}

/* ======= 비율 ======== */