.fa-plus:before, .fa-edit:before, .fa-save:before, .fa-cog:before, .fa-file-excel:before, .fa-search:before {
    margin-right: 0.25rem !important;
}
.swal2-container{z-index: 10004 !important;}
/*.k-grid-header .k-header {height: 24px;padding: 0; word-break: break-word;}*/
/*k-grid*/
/*.k-grid tbody tr {cursor: pointer;line-height: 26px;}*/
.k-grid tbody td {padding: 1px 4px;}
.k-grid thead th {padding: 16px 4px;}
.k-grid-header {padding-right: 0!important;}/*header의 기존 scroll 에 의한 padding 삭제*/
/*.k-grid th { padding: 1px !important;}
.k-grid td, .k-grid th { padding: 1px !important}*/
/*customize kendo treeview scrollbar*/
.k-treeview::-webkit-scrollbar {height: 4px;width: 4px;}
.k-treeview::-webkit-scrollbar-track-piece {background-color: #efefef;}
.k-treeview::-webkit-scrollbar-thumb:horizontal {background-color: #666;}
.k-treeview::-webkit-scrollbar-thumb:vertical {background-color: #666;}
/*tree node item height*/
.k-treeview .k-bot, .k-treeview .k-mid, .k-treeview .k-top {padding-top: 0px;padding-bottom: 0px;}
.k-treeview .k-in { padding: 0.1rem .375rem!important; }
.body {padding-right: 0 !important;}
.text-code {
    background: white;
    padding: 0px 0px;
    border-radius: 4px;
    font-size: 100%;
    color: #e83e8c;
    /*word-break: break-word;*/
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-number {
    color: #ff00ff !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    text-align: right!important;
}
.text-number-center {
    color: #ff00ff !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    text-align: center!important;
}
.text-number-right {
    color: #ff00ff !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    text-align: right!important;
}

/*site, plant, unit 생성창 validate*/
/*.k-widget.k-tooltip-validation {display: flex !important;}*/
.k-widget.k-tooltip-validation {width: auto !important;}

.bg-MV {background-color: #cfefff;color: rgba(0, 0, 0, 0.8); }
.bg-MV:hover {color: rgba(0, 0, 0, 0.8); }
.bg-DV {background-color: #e4f7ba;color: rgba(0, 0, 0, 0.8); }
.bg-DV:hover {color: rgba(0, 0, 0, 0.8); }
.bg-CV {background-color: #f3cccc;color: rgba(0, 0, 0, 0.8); }
.bg-CV:hover {color: rgba(0, 0, 0, 0.8); }
.bg-AV {background-color: #f3dddd;color: rgba(0, 0, 0, 0.8); }
.bg-AV:hover {color: rgba(0, 0, 0, 0.8); }
.bg-NA {background-color: #d5d3d3;color: rgba(0, 0, 0, 0.8); }
.bg-NA:hover {color: rgba(0, 0, 0, 0.8); }

.bg-attributes {background-color: #e7f1ff;color: rgba(0, 0, 0, 0.8); }
.bg-attributes:hover {color: rgba(0, 0, 0, 0.8); }
.bg-constraints {background-color: #cfefff;color: rgba(0, 0, 0, 0.8); }
.bg-constraints:hover {color: rgba(0, 0, 0, 0.8); }
.bg-optimization {background-color: #e4f7ba;color: rgba(0, 0, 0, 0.8); }
.bg-optimization:hover {color: rgba(0, 0, 0, 0.8); }
.bg-setpoint {background-color: #fdeada;color: rgba(0, 0, 0, 0.8); }
.bg-setpoint:hover {color: rgba(0, 0, 0, 0.8); }
.bg-controlzone {background-color: #e6e0ec;color: rgba(0, 0, 0, 0.8); }
.bg-controlzone:hover {color: rgba(0, 0, 0, 0.8); }
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.bg-input {background-color: #fffee8;color: rgba(0, 0, 0, 0.8); }
.bg-input:hover {color: rgba(0, 0, 0, 0.8); }
.bg-output {background-color: #f3dfdb;color: rgba(0, 0, 0, 0.8); }
.bg-output:hover {color: rgba(0, 0, 0, 0.8); }
.k-edit-form-container { width: 100% !important; }
/*.k-dirty { display: none !important; }*/
.bg-hpcb-status {background-color: #f9f9f9; }
.bg-hpcb-statistics {background-color: #fffaee; }
/*mdl prf type Select height*/
#modal-mdlPrf-modify .k-dropdown-wrap .k-input {height: 100% !important;}
#modal-mdlPrf-modify .modal-mdlPrf-width{width: 519px;max-width: 600px;}
/*dss edit font size*/
#input-edit .k-input, #input-edit .k-textbox {font-size:  0.8125rem !important;}
#output-edit .k-input, #output-edit .k-textbox {font-size:  0.8125rem !important;}
#auxiliary-edit .k-input, #auxiliary-edit .k-textbox {font-size:  0.8125rem !important;}
/*dss Aux Def Grid font size*/
#kg-dss-auxiliary-definition .k-button, #kg-dss-auxiliary-definition .k-input, #kg-dss-auxiliary-definition .k-textbox{font-size:  0.8125rem !important;}
/*
    numeric input의 validation msg가 내부에 들어가 input의 길이가 길어짐
    msg가 밑에 새로 생기도록 기존의 msg는 안보이게 처리
*/
span.k-invalid .k-invalid-msg {display: none !important;}
span.k-numeric-wrap .k-invalid-msg {display: none !important;}
/*
    menu-edit list의 row detail
    expand 버튼의 default padding 0으로 변경
 */
.k-icon.k-i-expand, .k-icon.k-i-collapse{padding: 0 !important;}
/*
    Navi Tree Menu Search
 */
#nav_treeview_filter.form-control:focus {border-color: #4679cc !important;}

.lcl-00000000 {color: #00CC33 !important;}
.lcl-10000004 {color: #FF0000 !important;}
.lcl-10000005 {color: #FFCC00 !important;}
.lcl-10000006 {color: #FF0000 !important;}
.lcl-10000007 {color: #FF0000 !important;}

/**
    mdl table parent div max height
 */
.height-max-500 {max-height: 500px;}
.height-max-450 {max-height: 450px;}
.height-max-200 {max-height: 200px;}
.height-min-200 {min-height: 200px;}
.height-135 {height: 135px !important;}
.height-190 {height: 190px !important;}
.width-150 {width: 150px !important;}
.width-min-100 {min-width: 100px;}
.width-min-220 {min-width: 220px !important;}
.width-min-150 {min-width: 150px !important;}
.font-size-10 {font-size: 10px;}
.font-size-11 {font-size: 11px;}
.font-size-12 {font-size: 12px;}
.font-size-13 {font-size: 13px;}
.font-size-14 {font-size: 14px !important;}
.w-7 {width: 7% !important;}
.w-93 {max-width: 93% !important;}
.overflow-overlay {overflow: overlay;}
/*menu-edit grid header padding*/
#kg-site-list > .k-grid-header {padding-right: 0 !important;}
#kg-plant-list > .k-grid-header {padding-right: 0 !important;}
#kg-unit-list > .k-grid-header {padding-right: 0 !important;}
/*dss grid first column (name)*/
.dss-auxDef-grid-col-first {position: sticky !important;left: 0;top: 0;z-index: 40;background: #faf8fb;}
/*dss grid second column (number)*/
.dss-auxDef-grid-col-second {position: sticky !important;left: 80px;top: 0;z-index: 40;background: #faf8fb;}
/*dss grid last column (edit, delete command)*/
.dss-auxDef-grid-col-last {position: sticky !important;right: 0;top: 0;z-index: 40;background: #faf8fb;}
.k-pager-numbers-wrap .k-pager-numbers-wrap {width: 100% !important;}
.max-height200 .k-grid-content {max-height: 200px;}
.max-height300 .k-grid-content {max-height: 300px;}
.max-height400 .k-grid-content {max-height: 400px;}
.max-height500 .k-grid-content {max-height: 500px;}
.max-height600 .k-grid-content {max-height: 600px;}

.modal-open {
    overflow: inherit !important;  /* 2020-11-20 스크롤 있을 때 modal 오픈시 화면 움직이는거 막음 @sanghyeon */
}

.k-flatcolorpicker {
    padding: 5px !important;
}
.k-color-value {
    padding-left: 10px !important;
}

.date-range-picker {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(#886ab5, #fcc2d7);
}

/* swal toast 아이콘 텍스트와 간격 조절 */
.swal2-popup.swal2-toast .swal2-icon {
    margin-right: 10px !important;
}

.swal2-toast{
    background: linear-gradient(90deg, #886ab5, #fcc2d7);
}

/* split bar 배경 */
.k-splitbar{
    background: transparent !important;
}

.k-splitbar.k-state-focused, .k-splitbar:active  {
    color: rgba(0,0,0,.54) !important;
}