.k-loading-image
{
    background-image:url('../images/spinner.gif')    
}

.k-i-arrow-60-up:before 
{
    font-family: 'wenestim' !important;
    font-size  : 10px;
    content    : "\e904";
    -ms-transform: rotate(180deg); /* IE 9 */
    transform  : rotate(180deg);
}

.k-grid .k-grid-content-locked table {
    /* border: 2px solid var(--light-periwinkle); */
}

.k-i-arrow-60-down:before 
{
    font-family: 'wenestim' !important;
    font-size  : 10px;
    content    : "\e904";    
}

.k-i-arrow-60-left:before 
{
    font-family: 'wenestim' !important;
    font-size  : 10px;
    content    : "\e904";
    -ms-transform: rotate(90deg); /* IE 9 */
    transform  : rotate(90deg);
}

.k-i-arrow-60-right:before 
{
    font-family: 'wenestim' !important;
    font-size  : 10px;
    content    : "\e904";
    -ms-transform: rotate(-90deg); /* IE 9 */
    transform  : rotate(-90deg);
}

.k-i-arrow-end-left:before
{
    font-family: 'wenestim' !important;    
    font-size  : 10px;            
    content    : "\e902";
}

.k-i-arrow-end-right:before
{
    font-family: 'wenestim' !important;    
    font-size  : 10px;            
    content    : "\e903";
}

.k-i-calendar:before 
{
    font-family: 'wenestim' !important;
    content    : "\e906";
}

.k-i-search:before 
{
    /* color: var(--light-grey-blue)!important;  */
    cursor: pointer;        
    /* font-family: 'wenestim' !important;
    content: "\e914"; */
}

.k-i-delete
{
    background-color: transparent!important;
}

.my-custom-icon-class:before {
    content: "e13a"; /* Adds a glyph using the Unicode character number */
}

.k-autocomplete, .k-block, .k-calendar-container, .k-colorpicker, 
.k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, 
.k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, 
.k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, 
.k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, 
.k-slider-selection, .k-slider-track, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, 
.k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless 
.k-window-content
{
    border-radius: 8px;
}

.k-textbox,.k-textbox:hover,.k-textbox:focus,.k-datepicker,.k-numerictextbox,.k-datetimepicker
{
    background-color: #FFFFFF;
    border          : solid 1px var(--light-periwinkle);    
    /* border-radius   : 8px; */
}

.k-dropdown
{
    background-color: var(--pale-grey);
    border          : solid 1px var(--select-box);    
    /* border-radius   : 8px; */
}

.k-dropdown.top_info-system
{
    border          : solid 1px var(--top-select-box)!important;     
}

.k-dropdown .k-state-default, .k-dropdown-wrap .k-state-active,.k-picker-wrap, .k-picker-wrap .k-state-active,
.k-numeric-wrap, .k-numeric-wrap .k-state-active, .k-select 
{
    border    : none!important;
    background: none!important;
    box-shadow: none!important;
}

.k-textbox:focus,.k-textbox:hover,.k-autocomplete.k-state-default
{
    box-shadow: none!important; 
}

.k-datepicker .k-input, .k-numerictextbox .k-input,.k-datetimepicker .k-input
{
    background: none!important;    
}

/* .k-input,.k-textbox,.k-dropdown .k-state-default, .k-dropdown-wrap .k-state-active,.k-picker-wrap, .k-picker-wrap .k-state-active, 
.k-icon.k-i-search,.k-list-filter>.k-icon
{
    color: var(--slate-grey)!important;;
} */

.k-input,.k-textbox
{
    color: var(--slate-grey)!important;;
} 

.k-dropdown .k-state-default, .k-dropdown-wrap .k-state-active,.k-picker-wrap, .k-picker-wrap .k-state-active, 
.k-icon,.k-i-search,.k-list-filter>.k-icon, .k-numeric-wrap .k-select
{
    color: var(--light-grey-blue)!important;    
} 

.k-datetimepicker .k-select 
{
    width: 4em;
}

.k-datetimepicker .k-select .k-link 
{
    /* display: inline-block; */
    width: 40%;    
}

.k-datetimepicker .k-picker-wrap .k-icon 
{
    margin: 0px!important;
}

.k-list-filter>.k-textbox 
{ 
    margin-left   : 2px;
    width         : 98%!important;
    border-radius : 5px;
    line-height   : 2em;
    font-size     : 11px;
}

.k-calendar-container.k-popup
{
    border-radius: 8px;
    box-shadow   : 0 3px 6px 3px rgba(0, 0, 0, 0.15);
    border       : solid 1px var(--pale-grey);  
    padding      : 0px 10px;  
}

.k-calendar>.k-header, .k-calendar>.k-header .k-state-hover
{    
    background-color: #FFFFFF!important;
    color    : var(--light-grey-blue);
    font-size: 13px;        
}

.k-calendar>.k-header
{
    border-bottom: solid 1px var(--very-light-pink)!important;
}

.k-calendar .k-calendar-view 
{ 
    height: 280px!important;
}

.k-calendar th, .k-calendar td
{
    color    : var(--slate-grey)!important;
    font-size: 12px;    
}

.k-calendar td.k-state-selected .k-link 
{
    border-color: var(--greyish-teal);
    color       : #FFFFFF;
    background-color: var(--greyish-teal);
    background-image: none;
    box-shadow      : none;
}

.k-calendar .k-today .k-link 
{
    color:  var(--slate-grey);
    box-shadow: inset 0 0 0 1px  var(--slate-grey);
}

.k-calendar .k-footer
{
    position: absolute;
    bottom  : 0px;
    width   : 100%;
}

.k-calendar .k-footer .k-nav-today
{
    color    : var(--light-grey-blue)!important;
    font-size: 11px;
    width    : 100%;
}

.k-checkbox.header-checkbox
{
    margin-right:2px;
}

.k-checkbox-label:before
{
    font     : 10px WebComponentsIcons,monospace;
    content  : "";
    position : absolute;
    top      : 0;
    left     : 0;
    border   : solid 2px var(--light-grey-blue)!important;
    width    : 12px;
    height   : 12px;
    font-size: 12px;
    color    : var(--slate-grey)!important;
    line-height  : 12px;
    text-align   : center;
    border-radius: 3px;
    background-color: #FFFFFF!important;    
}

.option-input .k-checkbox-label:before, 
.option-check.k-checkbox-label:before,
.option-check.k-radio-label:before
{ 
    border   : solid 1px var(--greyish-teal)!important;
    color    : #FFFFFF!important;
    background-color: rgba(94, 189, 171, 0.7)!important;    
    width    : 16px!important;    
    height   : 16px!important;    
    font-size: 16px!important;     
}

.option-check.k-checkbox-label,
.option-check.k-radio-label
{ 
    padding-left:20px!important;
    white-space: nowrap!important;
}

.k-checkbox+.k-checkbox-label:after 
{
    content : "";
    position: absolute;
    top     : 1px;
    left    : 1px;
    border-radius: 50%;
    width   : 14px;
    height  : 14px;
    box-shadow: 0 0 0 0 transparent;
    transition: box-shadow .3s;
}

.k-grid-header .k-checkbox-label:before , .k-grid-header .k-checkbox-label:after 
{
    background-color: var(--light-grey-blue)!important;
    color : #FFFFFF!important;
    width : 10px;
    height: 10px;   
    font-size: 10px!important; 
}

.k-checkbox:checked+.k-checkbox-label:active:after, 
.k-checkbox:checked+.k-checkbox-label:focus:after, 
.k-checkbox:checked:active+.k-checkbox-label:after, 
.k-checkbox:checked:focus+.k-checkbox-label:after 
{
    /* box-shadow: 0 0 0 0 rgba(145,156,217,.4); */
    box-shadow: none;
    background: rgba(145,156,217,.4);
}

.k-radio:checked+.k-radio-label:active:after, 
.k-radio:checked+.k-radio-label:focus:after, 
.k-radio:checked:active+.k-radio-label:after, 
.k-radio:checked:focus+.k-radio-label:after 
{
    box-shadow: none;
    background:#FFFFFF!important;
}

.k-radio:checked+.k-radio-label:after 
{
    background-color: #FFFFFF;
    border-radius: 50%;
    top :3px;
    left:3px
}

input:disabled+.k-radio-label:before
{
    background: var(--pale-grey)!important; 
    border    : solid 1px var(--select-box)!important;
}

.document .k-radio:checked+.k-radio-label:after 
{
    top :4px;
    left:4px
}

.document .k-listbox .k-list 
{
    margin-bottom: 15px;
}

.document .k-state-disabled
{
    /* opacity:1; */
    border:none;
}

.k-window
{
    /* border-radius: 8px; */
    box-shadow   : 0 3px 6px 3px rgba(0, 0, 0, 0.15);
    border       : solid 1px var(--pale-grey);  
    /* padding      : 0px 30px;   */
}

.k-window .k-header
{
    height   : 54px!important;    
    background-color: #FFFFFF;
    color    : var(--battleship-grey);        
    /* border-bottom: solid 1px var(--very-light-pink)!important; */
    border-bottom: solid 1px #D9D9D9!important;    
}

.k-window-title
{
    padding-left: 20px;
    padding-top : 20px;
    font-size   : 16px;    
    font-family: "Montserrat-Bold";    
}

.k-window-content
{
    padding: 20px 30px 0px 30px;    
}

/* .k-numeric-wrap .k-link.k-state-selected
{
    background: none!important;
    border:none!important;
} */

html .k-grid tr:hover
{
    background-color: transparent;
    background-color: var(--pale-grey)!important;    
}

html div:not(.k-treelist).k-grid tr:not(.k-state-selected):hover td[style*="white"]
{    
    color: #DADCE0!important;      
}

.k-grid
{
    font-size: 12px;
    border   : none;
}

.k-grid td 
{
    white-space: nowrap;     
    padding    : 0px 10px;    
    overflow   : hidden;
    height     : 28px;
} 

.k-grid tbody td
{
    font-family: 'OpenSans-SemiBold';
    color: var(--slate-grey);
    /* border-color:#D6D6D6;     */
    border-color:var(--border-grey);
}

/* .k-grid span.k-textbox>input, 
.k-grid span.k-textbox>input:focus, 
.k-grid .k-state-active
{
    color: var(--slate-grey);
} */

.k-grid-header
{   
    background-color: var(--slate-grey);
    padding-right   : 17px!important;    
    /* outline: 2px solid blue;  */
    /* outline-offset: 1px; */    
    box-shadow: 2px 0px #D0D7E7;
}

div.k-grid-header 
{     
    background: #F1F1F1;
    border-top:solid 1px var(--light-periwinkle)!important;
    border-bottom-width: 0px;
    border-right-width : 0px;
    border-left-width  : 1px;
}

.k-grid-header-wrap
{
    border-color: #E6E6E6;
    border-right: none;
}

.k-grid-header th.k-header
{
    height        : auto!important;    
    vertical-align: middle;
    overflow      : visible;
    white-space   : nowrap;
    color         :#FFFFFF !important;
    padding       : 7px 10px 7px 10px !important;
    font-size     : 12px!important;
    font-family   : "Montserrat-SemiBold";
    text-overflow : ellipsis;
    text-align    : left; 
    /* border        : none;          */
    background-color: var(--slate-grey);    
}

.k-grid-header th.k-header 
{
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: var(--battleship-grey)!important;   
}

.k-filter-row th
{
    border-style: solid;
    border-width: 0px 0px 0px 1px!important;
    border-color: var(--light-periwinkle);
    padding-right:3px!important;
}

.k-treemap-title,.k-grid-header .k-header > .k-link 
{
    color: #FFFFFF;
}

.k-treelist .k-status
{
    padding: .2em .6em;
    background-color:#FFFFFF!important;    
}

.k-grid-header th:first-child.k-header
{
    text-align: center;
}

.k-grid .k-grid-content, .k-treelist .k-status
{
    border: solid 1px var(--light-periwinkle)!important;
}

.k-grid-content tr:last-child>td 
{
    border-bottom-width: 1px;    
}

.k-grid-content .detail-col
{
    cursor: pointer!important;
}

.k-grid td.k-state-selected:hover, 
.k-grid tr.k-state-selected:hover td,
.k-grid td.k-state-selected, 
.k-grid tr.k-state-selected td
{
    background-color: #e1e2e4!important;    
    border-top      : 0px;
    /* border-bottom   : solid 1px #E6E6E6!important; */
}

.k-grid tr.k-state-selected td[style*="white"]
{    
    color: var(--slate-grey)!important;      
}

.k-grid-content table tr td:last-child, 
.k-grid-content-locked table tr td:last-child 
{
    border-right-width: 1px;
}

.k-grid-content tr td 
{
    border-left-width: 1px;
}

.k-grid td.k-state-selected, .k-grid tr.k-state-selected>td 
{
    /* border-color: #E6E6E6;     */
    border-color: var(--border-grey)    
}

.k-grid .k-input,
.k-grid .k-textbox,
.k-grid input:focus 
{
    color: var(--slate-grey)!important;        
}

.k-grid .k-icon
{
    opacity: 1;
}

.k-grid .k-dropdown
{
    background-color: #FFFFFF!important;
    border          : solid 1px var(--light-periwinkle)!important;
}

.k-grid .k-textbox, 
.k-grid .k-datepicker, 
.k-grid .k-dropdown, 
.k-grid .k-numerictextbox,
.k-grid .k-datetimepicker
{
    border-radius : 3px!important;
    background: #FFFFFF;
    height:25px;
}

td.k-state-focused
{
    box-shadow: none;
}

.k-pager-info.k-label
{
    display: none;
} 

.k-pager-wrap 
{
    color     : var(--light-grey-blue);
    margin-top: 2px;
    border    : none;
    background-color: #FFFFFF;
    display   : flex;
    justify-content: center;
}

.k-grid-pager .k-link, .k-grid-pager .k-link:link  
{
    color: var(--light-grey-blue);
}

.k-pager-wrap .k-pager-numbers .k-state-selected 
{
    border       : none;
    border-radius: 5px ;
    box-shadow   : none; 
    background-color: var(--greyish-teal);
    color        : #FFFFFF;
    margin-top   : 3px;    
    min-width    : 2.429em;
    padding      : 3px 0px 1px 0px;
    line-height  : 1.8em;
}

.k-pager-wrap .k-link,.k-pager-wrap .k-link:hover 
{
    border-color    : #FFFFFF;    
    background-color: var(--pale-grey);
    border-radius   : 5px
}

.k-pager-wrap .k-link.k-state-disabled .k-icon 
{    
    opacity: 1;    
}

.k-filter-row th
{    
    height          : auto   ;
    vertical-align  : middle ;
    overflow        : visible;
    white-space     : nowrap ;
    background-color: var(--pale-grey);        
    border-width    : 0px;     
    padding         : 3px 2px 3px 2px;
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell>span 
{
    width     : 100%;
    font-size : 11px;    
    padding   : 0px!important; 
    margin    : 0px!important; 
    border-radius: 1px;     
    border-color : #E2E8F0;     
}

.k-footer-template td
{
    border-left-width: 0px;
    background-color : var(--pale-grey);
}

.k-upload 
{
    position: relative;
    border: none;        
}

.k-widget.k-upload.k-header.k-upload-sync
{
    height:auto!important;
    border:none!important;
} 
.k-grid .k-widget.k-upload.k-header.k-upload-sync
{
    max-height: 20px;
    max-width: 0px;
}

.k-upload-button,.k-upload-button:hover
{
    border-radius: 6px;
    background-color: var(--battleship-grey)!important;
    color       : #FFFFFF!important;   
    padding     : 3px 10px 1px 4px!important;
    font-size   : 13px!important;
    font-family : "Montserrat-SemiBold";
    white-space : nowrap;
    margin      : 0px 0px 2px 0px !important;  
    box-shadow  : none!important;  
}

.k-upload-files
{
    line-height: none;
    background: none;
    background: #FFFFFF;
    max-height: 0px!important;
    max-width: 0px!important;
}

.k-file 
{    
    /* background-color: var(--pale-grey);
    border: 1px;  */
    background: #FFFFFF;
    border: 0px; 
}

.k-button, .k-button:focus
{
    /* border-radius: 8px; */
    background-color:#EFF0F1;
    color        : var(--battleship-grey);   
    padding      : 5px 10px;
    font-size    : 13px!important;
    font-family  : "Montserrat-SemiBold";
    white-space  : nowrap;    
    border       : none;    
}

.k-grid .k-button:hover, .k-button.k-primary:hover, .k-button:focus
{
    color: #000000;               
}

.k-grid .k-button, .k-grid button.k-button,.k-grid .k-button:hover, .k-button.k-primary:hover
{
    background-color:#EFF0F1;
    padding   : 1px 8px;
    font-size : 12px!important;
    min-width : 0%!important;
    box-shadow: none!important;
    border-radius: 5px;
    /* border: solid 1px var(--light-periwinkle)!important;      */
    border: solid 1px var(--light-periwinkle)!important;     
   
}

.k-grid .k-button>.k-icon
{
    font-size:11px!important;
}

.k-grid span.k-textbox>input, .k-grid span.k-textbox>input:focus
{   
    height:18px;
    margin-top:2px;
}

.k-button 
{
    text-transform: capitalize;
}

.k-listbox
{
    height : auto;
    width  : 100%;
    overflow-x: none;      
    min-height: 50px;
}

.k-listbox .k-list-scroller, .k-listbox .k-state-hover>.k-link 
{
    border-left :none;
    border-right:none; 
    background  :none;    
    border-bottom  :transparent;
}

.k-list>.k-item
{
    white-space: nowrap!important;
}

.k-block, .k-widget 
{
    line-height: unset;
}

.k-dirty 
{
    position    : absolute;
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 3px;
    border-color: var(--greyish-teal) transparent transparent var(--greyish-teal);
    margin      : -.45em 0 0 -.6em;
    padding     : 0;
    overflow    : hidden;
    vertical-align: top;
}

.k-autocomplete.k-state-disabled, 
.k-dropdown-wrap.k-state-disabled, 
.k-multiselect.k-header.k-state-disabled, 
.k-numeric-wrap.k-state-disabled, 
.k-numeric-wrap.k-state-disabled .k-input, 
.k-numeric-wrap.k-state-disabled .k-select, 
.k-picker-wrap.k-state-disabled 
{
    background-color: #FFFFFF;
    border: none;
}

.k-state-disabled 
{
    opacity: .5;
}

.k-grid td.k-edit-cell
{
    padding    : 0px 1px;
}

.k-grid .k-edit-cell>.k-textbox, 
.k-grid .k-edit-cell>.k-widget, 
.k-grid .k-grid-edit-row>td>.k-textbox, 
.k-grid .k-grid-edit-row>td>.k-widget, 
.k-grid .k-grid-edit-row>td>.text-box 
{
    text-indent: .4em;    
}

.k-grid .k-autocomplete .k-input, 
.k-grid .k-dropdown-wrap .k-input, 
.k-grid .k-multiselect-wrap .k-input, 
.k-grid .k-numeric-wrap .k-input, 
.k-grid .k-picker-wrap .k-input, 
.k-grid .k-selectbox .k-input, 
.k-grid .k-textbox>input 
{
    line-height: 2.07142857em;
    padding: 0px;
    text-indent: .4em;
    border: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .k-grid .k-datetimepicker .k-picker-wrap .k-input
{
    background-color: #FFFFFF;
    border          : solid 1px var(--light-periwinkle);    
} */

.k-grid .k-dropdown-wrap .k-select, 
.k-grid .k-numeric-wrap .k-select, 
.k-grid .k-picker-wrap .k-select 
{
    line-height: 1.8em;
}

.k-grid .k-numerictextbox .k-link 
{
    display: block;
    height: 11px!important;
}

.k-pager-sizes 
{    
    margin-top: 3px;
}

.k-grid-content-locked>table{
    table-layout: fixed;
    border-left: solid 1px var(--border-grey);
    border-bottom: solid 1px var(--border-grey);
    border-top: solid 1px var(--border-grey);
}

.k-textbox .k-icon {
    top: 50%;
    right: 20%!important;
    margin: -8px 0 0;
    position: absolute;
}

.k-grid-content-locked{
    border-right: none !important;
    scrollbar-width: thin;     /* 스크롤바 폭 얇게 */        
}

.k-grid-content, .k-list-scroller{    
    scrollbar-width: thin;     /* 스크롤바 폭 얇게 */
    /* scrollbar-color: transparent transparent;  */
}
.k-popup .k-list .k-item {
    padding: 1px 11px;
    font-family: "OpenSans-SemiBold";
}

/* .k-grid-content-locked{ */
    /* border-width: 0px 0px 1px 1px; */
/* } */
/* #divSpinner. */

/* ul li[class="k-item"],ul li[class="k-item k-state-hover"], ul li[class="k-item k-state-selected k-state-focused"]
{
    color:red!important;
} */

/* .k-item > span {
    color:red!important;
}


.k-material .k-item,
.k-material .k-item.k-state-hover,
.k-materialblack .k-item,
.k-materialblack .k-item.k-state-hover {
    color:red!important;
} */

/* [data-role="popup"] ul li[class="k-item k-state-hover"], [data-role="popup"] ul li[class="k-item k-state-selected k-state-focused"] {
    border-radius: 0px;
} */
/* input[type="radio"]:checked,input[type="radio"]:active { */
    

    /* .k-item.k-state-selected,.k-item.k-state-focused,.k-item.k-state-hover ,li:hover */
/* .k-list>.k-item.k-state-selected,.k-list>.k-item.k-state-focused,.k-list>.k-item.k-state-hover ,li.fileList:hover */