@charset "utf-8";

.k-popup {box-shadow: none; border:none; background-color: rgba(0, 0, 0, 0); padding: 5px;}

.tree-contents-wrap .tree-content.none-border {border: none;}

.k-notification {background-image:none; border:none; overflow:hidden;}

.k-notification-info {background-color: var(--sub-color); color: #fff; border:none; padding:10px; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); border-radius:7px;}
.k-notification-success {background-color: #00da7a; color: #fff; border:none; padding:10px; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); border-radius:7px;}
.k-notification-warning {background-color: #ff9000; color: #fff; border:none; padding:10px; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); border-radius:7px;}
.k-notification-error {background-color: #ff3e3e; color: #fff; border:none; padding:10px; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); border-radius:7px;}

.k-notification .k-icon {display:inline; top:7px;}

.k-notification > div > h4 {text-indent:20px; font-size:15px;}
.k-notification > div > p {padding-top:3px; font-size:15px;}

.k-notification .k-i-info:before {content: "\f05a"; font-size:14px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900);}
.k-notification .k-i-check:before {content: "\f058"; font-size:14px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900);}
.k-notification .k-i-warning:before {content: "\f06a"; font-size:14px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900);}
.k-notification .k-i-close:before {content: "\f057"; font-size:14px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900);}

.inner-select-wrap .k-picker {margin-left:1px; font-weight:600; color:#282828; border: none; background-color: #e8e8e8; box-shadow:none;}
.inner-select-wrap .k-picker:focus {outline: 2.5px solid;}

.inner-select-wrap .k-button:hover {transition:.3s;}
.inner-select-wrap .k-button:hover {background-color: #e8e8e8; color: #000; transition:.3s;}
.inner-select-wrap .k-rounded-md {border-radius:7px;}

.inner-sign-wrap .k-datepicker .k-input-inner {border-radius:0 !important;}
.active-select span .k-input-inner {background:#679CE8; color:#fff; font-weight: 400;}
.active-select .group-title-select.k-picker .k-input-value-text {font-weight: 400;}

.k-animation-container .k-popup {padding:0;}
.k-list {border:none; border-radius:7px; box-shadow: 7px 7px 13px rgba(0, 0, 0, 0.15);}
.k-list-item {padding:6px 8px; color:#fff; background-color: #626262;}
.k-list-item:not(:last-of-type) {border-bottom:1px dashed #969696;}
.k-list-item.k-selected {color: var(--main-color); background-color: #626262;}
.k-list-item.k-selected.k-hover, .k-list-item.k-selected:hover {color: var(--main-color); background-color: #626262;}

.k-list-item.k-hover, .k-list-item:hover {color: #fff; background-color: var(--main-color);}
.k-list-item.k-focus, .k-list-item:focus {box-shadow: none;}

.k-list-optionlabel {border:none;}

.demo-section label {margin-bottom: 5px; font-weight: bold; position:relative; display:block; font-size:16.5px; font-weight:700; color:#333;}
.demo-section {padding: 0px 15px 15px 0px; max-width: none; width: 600px;}

/*k-widget*/
.k-widget .k-list {border:none; border-radius: 0; box-shadow: 0 0 0 transparent;}
.k-widget .k-list-item {display:flex; padding: 10px 8px; color: #242424; background: #fff; border:none; transition:.2s;}
.k-widget .k-list-item.k-selected {background: #5793EA; color:#fff;}
.k-widget .k-list-item:hover {background: #DDE9FB;}

.k-widget .k-list-item-text::before {position: absolute;}
.k-widget .k-list-item p { transform: rotate(0.01deg); font-size: 15px;}

.k-listbox.k-widget {transform:skew(-0.05deg) rotate(-0.05deg);}
.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {margin-top: 12px;}
.k-listbox .k-list-scroller {width: 270px; height: 475px; margin-top: 10px; border-radius: 7px; border: 1px solid #c5c8c8;}

.group-title-select.k-picker {font-weight:600; border:none; border-radius:7px; background-color:#dbdbdb;}
	.top-bar .group-title-select.k-picker {height:30px; font-size:13px;}
.group-title-select.k-picker .k-button:hover {background-color:#dbdbdb;}
.group-title-select.k-picker .k-input-value-text {font-weight:600;}
.lc-table .group-title-select.k-picker {border: 1px solid #c3c3c8; background-color: #fff;}

.modal-inner-select.k-picker {font-size:13px; font-weight:600; border:none; border-radius:7px; background-color:#e8e8e8;}
.modal-inner-select.k-picker .k-button:hover {background-color:#dbdbdb;}
.modal-inner-select.k-picker .k-input-value-text {font-weight:600;}
.modal-inner-select.k-picker .k-input-button,
.modal-inner-select.k-picke .k-input-button.k-button {background-color: #e8e8e8;}

.lc-table.light .k-picker {height: 30px;}
.lc-table.light span.k-datepicker {height: 32px;}
.lc-table.light .k-input-inner {height: 27px;}
.lc-table.light .k-input-button.k-button {height: 30px;}

.list-wrap .k-input {height:32px; font-size:13px; border:none; border-radius:7px;}
.list-wrap .k-input:focus-within,
.list-wrap .k-widget.k-input:focus-within {border-radius: 7px !important;}

.inner-select-wrap.type .k-input-inner {padding:6px 10px;}

.input_datepicker {width: 131px;}
span.k-datepicker {border:1px solid #c3c3c8;}
	.top-bar span.k-datepicker {height:30px; font-size:13px;}
.k-input-button,
.k-input-button.k-button {height: calc(1.4285714286em + 17px); border-left:1px solid #c3c3c8; background-color: #f0f0f0;}
	.top-bar .k-input-button.k-button {height:auto;}
.k-button-solid-base:hover {border-color:#c3c3c8;}
.k-button-solid-base.k-focus,
.k-button-solid-base:focus {box-shadow: 0 0 4px 0 var(--sub-color); }
.k-button.k-state-active,
.k-button:active,
.k-button.k-state-active:hover,
.k-button:active:hover {background-color: var(--sub-color); border-color: #c3c3c8; color: #fff;}

.k-button-solid-base.k-focus,
.k-button-solid-base:focus {box-shadow: 0 0 4px 0 var(--main-color); }
.k-button.k-state-active,
.k-button:active,
.k-button.k-state-active:hover,
.k-button:active:hover {background-color: var(--main-color); border-color: #c3c3c8; color: #fff;}
.k-button:active {color:#282828 !important;}

.k-calendar td.k-state-focused .k-link {box-shadow: inset 0 0 4px 0 var(--main-color);}
.k-calendar td.k-state-selected .k-link {border-color: var(--main-color); color: #fff; background-color: var(--main-color);}
.k-calendar .k-calendar-header .k-nav-today,
.k-calendar .k-footer .k-nav-today {color: var(--main-color); font-weight:600;}
.k-calendar .k-footer .k-nav-today:hover {color: var(--main-color);} 
.k-calendar .k-content .k-link {font-weight:600;}
.k-calendar .k-today .k-link {color: var(--main-color); box-shadow: inset 0 0 0 1px var(--main-color);}

.tree_list {border-radius:7px;}

/* treeview */
.k-treeview .k-i-collapse:before{background: none;}
.k-i-collapse:before{font-family:var(--fa-style-family, "Font Awesome 6 Free");	content:"\f150"; font-weight:var(--fa-style, 900); color:var(--sub-color);}
.k-i-expand:before{font-family:var(--fa-style-family, "Font Awesome 6 Free"); content:"\f151"; font-weight:var(--fa-style, 900); color:#999999;}
.k-treeview .k-in{padding:0.25rem 0.5rem; border-width:0;}
.k-treeview .k-in.k-state-selected{border-radius: 0.25rem; background-color:#2e5dbc; color:#ffffff;}
.k-treeview .k-i-collapse + .k-in{font-weight:700;}
.k-item {position: relative;}

/*보관함 아이콘*/
#setCtdyModal .k-treeview-group .k-item:nth-of-type(3) .k-treeview-leaf::after {content:"\f187"; position: absolute; left:-17px;  top: 3.5px; font-size: 16px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); color:#b6bdca; transition: .3s;} 
/*냉장고 아이콘*/
#setCtdyModal .k-treeview-group .k-item:nth-of-type(2) .k-treeview-leaf::before {content:"\f466"; position: absolute; left:-17px; top: 3.5px; font-size: 16px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); color:#b6bdca; transition: .3s;} 
/*선택했을때 변화, 토글버튼이 있을때 아이콘 없애기*/
#setCtdyModal .k-treeview-group .k-item .k-selected.k-treeview-leaf::before, #setCtdyModal .k-treeview-group .k-item .k-selected.k-treeview-leaf::after {color: #5793EA;}
#setCtdyModal .k-treeview-group .k-item .k-treeview-toggle + .k-treeview-leaf::before, #setCtdyModal .k-treeview-group .k-item .k-treeview-toggle + .k-treeview-leaf::after {content: "" !important;} 
 
/* grid */
.k-link {display: flex; justify-content: center;}

.k-popover {border-radius:7px;}
.k-popover-body {padding:10px 10px 6px; font-size:15px; background-color:transparent;}
.k-popover-actions.k-actions {position:relative; padding: 10px 8px; border:none; background-color:transparent;}
.k-popover-actions.k-actions::before {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(100% - 20px); height:1px; border-top:1px dashed #c7c7c7;}

.k-popover-actions.k-actions .k-button {line-height:25px; color:#fff;}
.k-popover-actions.k-actions .k-button:not(:last-of-type) {margin-right:5px;}
.k-popover-actions.k-actions .k-button:first-of-type {background-color:var(--main-color) !important;}
.k-popover-actions.k-actions .k-button:last-of-type {background-color:var(--default-color) !important;}

.k-grid-content .defalut_boxtxt2 {display: flex; justify-content: space-between; align-items: center;}

.inner-select-wrap .k-picker {margin-left:1px; font-size:13px; font-weight:600; color:#282828; border: none; background-color: #e8e8e8; box-shadow:none;}
.inner-select-wrap .k-picker:focus {outline: 2.5px solid;}

.inner-select-wrap .k-button:hover {transition:.3s;}
.inner-select-wrap .k-button:hover {background-color: #e8e8e8; color: #000; transition:.3s;}
.inner-select-wrap .k-rounded-md {border-radius:7px;}

.inner-select-wrap .k-input-button,
.inner-select-wrap .k-input-button.k-button {border-left:none; background-color:#e8e8e8; }

.fit-in-grid .k-grid-content {height: 379px;}

.required-background .k-picker {background-color:#ffd1d1 !important;}
.required-background .k-input-button {background-color:#ffd1d1 !important;}

.k-checkbox::before {content:""; width: 8px; height: 8px; border-radius: 50%; background-color:#5793EA;}
.k-checkbox+.k-checkbox-label {display: none;}
.k-checkbox+.k-checkbox-label.label-show {display: inline;}

.k-radio:checked {color: #217CFF;}

#msdsGrid .k-master-row td button {border: none; padding: 3px 13px; border-radius: 7px; height: 20px; background: #e5e5e5; color:#6b6b6b; transition: .3s;}
#msdsGrid .k-master-row td button:hover {background: #5793EA; color:#fff;}
#msdsGrid .k-master-row td button.btnDeleteMsdsFile:hover {background: #f70808; color:#fff;}

#reqstGrid .k-master-row td button {border: none; padding: 3px 13px; border-radius: 7px; height: 20px; background: #e5e5e5; color:#6b6b6b; transition: .3s;}
#reqstGrid .k-master-row td button:hover {background: #f70808; color:#fff;}
#reqstGrid .k-grid-content tbody tr { height: 37.38px; }

#tmpSaveReqstGrid .k-grid-content tbody tr { height: 37.38px; }
#cancelReqstGrid .k-grid-content tbody tr { height: 37.38px; }