/* 
 * Define Custom variables
 * Template Name : (hwenc-ui) 한화건설
 * Author : Da-eun Ryu
 * File : less
 */
/****************************
 * Color System
 ****************************/
/* ADDITIONAL COLOR */
/* ADDITIONAL PALE COLOR */
/* THEME COMMON COLOR */
/* THEME COMMON PALE COLOR */
/* THEME LIGHTEN  COLOR */
/****************************
 * Body
 ****************************/
/****************************
 * Font
 ****************************/
/****************************
 * Components
 ****************************/
/* Text */
/* Background */
/* Border */
/* Read Only */
/* Hover */
/* Focus */
/* Active */
/* Disabled */
/* Selected - List 계열이 상속받는 변수 */
/* Selected Item Disabled - List 계열이 상속받는 변수 */
/* Transition */
/****************************
 * Input Group
 ****************************/
/* Text */
/* Background */
/* Border */
/* Hover */
/* Focus */
/* Disabled */
/* Readonly */
/****************************
 * List Group (Selection)
 ****************************/
/* List */
/* List Text */
/* List Background */
/* List Border */
/* List Hover */
/* List Focus */
/* List Disabled */
/* Item */
/* Combo Box All size by tomatosystem*/
/* Item Text */
/* Item Background */
/* Item Hover */
/* Item Focus */
/* Item Selected */
/* Item Disabled */
/****************************
 * Button
 ****************************/
/* Use When AutoSize=true */
/* Text */
/* Background */
/* Border */
/* Hover */
/* Focus */
/* Active */
/* Disabled */
/****************************
 * Form
 ****************************/
/****************************
 * Table
 ****************************/
/*Header */
/* Detail */
/* Row - even */
/* Row - Insert */
/* Row - Update */
/* Row - Delete */
/* Row - Hover */
/* Row - Select */
/* @table-row-selected-background-color: #e4e9ed; //고객요청 */
/* Row - Edit */
/* @table-row-edit-background-color: #e4e9ed; //고객요청 */
/****************************
 * Tab
 ****************************/
/* Tab Text */
/* Tab Background */
/* Tab Border */
/* Tab Disabled */
/* Tab Item  */
/* Item Text */
/* Item Background */
/* Item Border */
/* Item Hover */
/* Item Selected */
/* Item Disabled */
/* THEME TYPE COLOR */
.cl-container.header {
  background-color: #ffffff;
  box-shadow: inset 10px 0px 15px -10px rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid #000000;
}
.cl-container.header .cl-button {
  background-color: transparent;
  background-position: center;
  border: none;
}
.cl-container.header .cl-button.btn-nav-manual {
  background-image: url("images/com/main/btn_TF_book_N.png");
}
.cl-container.header .cl-button.btn-nav-notice {
  background-image: url("images/com/main/btn_TF_notice_N.png");
}
.cl-container.header .cl-button.btn-nav-time {
  background-image: url("images/com/main/icon-nav-clock.svg");
}
.cl-container.header .cl-button.btn-nav-logout {
  background-image: url("images/com/main/icon-nav-power.svg");
}
.cl-container.header .cl-button.btn-nav-setting {
  background-image: url("images/com/main/icon-nav-settings.svg");
}
.cl-container.header .cl-output.nav-notice-count {
  background-color: #5f7f94;
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.cl-container.header .cl-container.time-info .cl-output {
  color: #000000;
}
.cl-container.header .cl-container.time-info .cl-output.time-zone {
  background-image: url("images/com/main/stc_TF_timezone.png");
  background-position: left center;
  text-align: right;
  font-weight: 700;
  font-size: 0.825rem;
}
.cl-container.header .cl-container.time-info .cl-output.time {
  font-size: 0.825rem;
}
.cl-container.header .cl-container.user-info .cl-output.user-name {
  font-weight: 700;
  font-size: 0.825rem;
}
.cl-container.header .cl-output.divider {
  background-color: #000000;
}
.cl-container.aside .cl-container.menu-bar {
  background-color: #f5f6f8;
  border-right: 1px solid #c8c8c8 !important;
}
.cl-container.aside .cl-container.menu-bar .cl-button {
  background-color: transparent;
  background-image: none;
  background-position: center;
  border: none;
  border-radius: 0;
}
.cl-container.aside .cl-container.menu-bar .cl-button.btn-toggle-menu {
  background-color: #f5f6f8;
  background-image: url("images/com/main/btn_menu_N.png");
  border-bottom: 1px solid #414141;
}
.cl-container.aside .cl-container.menu-bar .cl-button.btn-menu-search {
  background-image: url("images/com/main/btn_LF_search_N.png");
  border-bottom: 1px solid #c8c8c8;
}
.cl-container.aside .cl-container.menu-bar .cl-button.btn-menu-recent-menu {
  background-image: url("images/com/main/btn_LF_newmenu_N.png");
  background-position: center 8px;
  color: #414141;
  font-weight: 500;
  font-size: 0.867rem;
  padding-top: 20px;
  letter-spacing: -2;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu {
  text-align: center;
  color: #414141;
  font-weight: 700;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu .cl-radiobutton-item {
  border-bottom: 1px solid #c8c8c8;
  padding: 0;
  font-weight: 500;
  height: 50px !important;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: none;
  margin: 0;
  width: 0px;
  min-width: 0px;
  height: 0px;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu .cl-radiobutton-item .cl-text {
  padding-left: 0px;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu .cl-radiobutton-item.cl-selected {
  background-color: #ffffff;
  color: #5f7f94;
  font-weight: 700;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu .cl-radiobutton-item.cl-first-row .cl-radiobutton-icon {
  background-image: url("images/com/main/btn_LF_favorites_N.png");
  width: 26px;
  height: 26px;
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu .cl-radiobutton-item.cl-first-row.cl-selected .cl-radiobutton-icon {
  background-image: url("images/com/main/btn_LF_favorites_O.png");
}
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu:focus .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu.cl-focus .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu:focus .cl-radiobutton-item .cl-radiobutton-icon.cl-focus,
.cl-container.aside .cl-container.menu-bar .cl-container.root-menu-wrap .cl-radiobutton.root-menu.cl-focus .cl-radiobutton-item .cl-radiobutton-icon.cl-focus {
  outline: none;
}
.cl-container.aside .cl-container.menu-box {
  border-right: 1px solid #c8c8c8;
}
.cl-container.aside .cl-container.menu-box .cl-container.system-wrap {
  background-color: #ffffff;
}
.cl-container.aside .cl-container.menu-box .cl-container.system-wrap .cl-container.system-box {
  background-color: #ffffff;
  border-bottom: 1px solid #414141;
}
.cl-container.aside .cl-container.menu-box .cl-container.system-wrap .cl-container.system-box .cl-button.btn-nav-more {
  background-color: transparent;
  background-image: url("images/com/main/btn_system_N.png");
  background-position: center;
  border: none;
}
.cl-container.aside .cl-container.menu-box .cl-container.system-wrap .cl-output.system-title {
  color: #5B5B5B;
  padding-left: 10px;
  font-weight: 700;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body {
  border: none !important;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu {
  border: none;
  color: #5f7f94;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item {
  height: 35px;
  padding: 3px 10px 3px 10px !important;
  font-weight: 700;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item .cl-checkbox {
  width: 0px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item .cl-tree-treeicon {
  width: 0px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item .cl-tree-itemicon {
  background-image: url("images/com/main/icon-menu-depth3-on.png");
  background-size: 5px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item .cl-text {
  background-repeat: no-repeat;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-folder .cl-tree-treeicon {
  background-image: none;
  width: 0px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-folder .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-folder.cl-expanded {
  color: #595959;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-folder.cl-expanded .cl-text {
  background-image: url("images/com/main/icon-menu-expanded.png");
  background-position: right center;
  padding-right: 16px;
  color: #414141;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-folder.cl-collapsed .cl-text {
  background-image: url("images/com/main/icon-menu-collapsed.png");
  background-position: right center;
  padding-right: 16px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-selected {
  background-color: transparent;
  color: #f79659;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-selected .cl-tree-itemicon {
  background-image: url("images/com/main/icon-menu-depth3-on.png");
  background-size: 5px;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-selected.cl-folder.cl-expanded {
  color: #414141;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-selected.cl-folder.cl-expanded > .cl-tree-treeicon {
  background-image: url("images/com/main/icon-menu-depth2-on.png");
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu .cl-tree-item.cl-selected.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/com/main/icon-menu-depth2-on.png");
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: transparent;
  color: inherit;
}
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu:not(.cl-disabled) .cl-tree-item:not(.cl-disabled).cl-folder:not(.cl-selected).cl-hover,
.cl-container.aside .cl-container.menu-box .cl-tabfolder.menu-list .cl-tabfolder-body .cl-tree.menu:not(.cl-disabled) .cl-tree-item:not(.cl-disabled).cl-folder:not(.cl-selected):hover {
  background-color: transparent;
  color: #595959;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content {
  background-color: #DFE2E8;
  background-image: linear-gradient(transparent, #c8c8c8);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  height: 30px;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item {
  background-color: #f2f2f2;
  border: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8 !important;
  border-radius: 0;
  height: 30px;
  font-weight: 500;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item .cl-text {
  max-width: 128px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item .cl-tabfolder-button {
  background-image: url("../common/images/cmn/icon-close.svg");
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item.cl-selected {
  background-color: #ffffff;
  border-color: #c8c8c8;
  border-top: 2px solid #5f7f94;
  border-bottom-color: transparent !important;
  color: #000000;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("../common/images/cmn/icon-close.svg");
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item + .cl-tabfolder-item {
  margin-left: -1px;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content > .content .cl-tabfolder-header-viewport.content .cl-tabfolder-item:first-child {
  border-left: none;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-tabfolder-prev {
  background-color: transparent;
  background-image: url("images/com/main/btn_MDI_tabPrev_N.png");
  border: none;
  width: 20px;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-tabfolder-prev.cl-disabled {
  opacity: 0.3;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-tabfolder-next {
  background-color: transparent;
  background-image: url("images/com/main/btn_MDI_tabNext_N.png");
  border: none;
  width: 20px;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-tabfolder-next.cl-disabled {
  opacity: 0.3;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-container.cl-tabfolder-header-control .cl-button {
  background-color: transparent;
  background-position: bottom;
  border: none;
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-container.cl-tabfolder-header-control .cl-button.btn-nav-list {
  background-image: url("images/com/main/btn_MDI_tabList_N.png");
}
.cl-mdifolder.content .content .cl-tabfolder-header.cl-top.content .cl-container.cl-tabfolder-header-control .cl-button.btn-nav-close {
  background-image: url("images/com/main/btn_MDI_allClose_N.png");
}
.cl-mdifolder.content .content > .cl-tabfolder-body {
  border: none !important;
}
.cl-button.btn-trash {
  background-color: transparent;
  background-image: url("images/com/main/grd_LF_del.png");
  background-position: center;
  background-size: 12px;
  border: none;
}
.cl-button.btn-trash:not(.cl-disabled):active,
.cl-button.btn-trash:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/grd_LF_del.png");
}
.cl-button.btn-menu-expand {
  background-color: transparent;
  background-image: url("images/com/main/btn_LF_menu_open.png");
  background-position: center;
  border: none;
}
.cl-button.btn-menu-expand:not(.cl-disabled):active,
.cl-button.btn-menu-expand:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/btn_LF_menu_open.png");
}
.cl-button.btn-menu-collapse {
  background-color: transparent;
  background-image: url("images/com/main/btn_LF_menu_close.png");
  background-position: center;
  border: none;
}
.cl-button.btn-menu-collapse:not(.cl-disabled):active,
.cl-button.btn-menu-collapse:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/btn_LF_menu_close.png");
}
/* 메인 팝업 메뉴 */
.cl-container.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.cl-container.dropdown-menu-search {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.cl-container.dropdown-menu-search .cl-searchinput.menu-search {
  background-color: transparent;
  border: none;
  color: #414141;
}
.cl-container.dropdown-menu-search .cl-searchinput.menu-search .cl-text.cl-placeholder {
  color: #414141 !important;
}
.cl-container.dropdown-menu-search .cl-searchinput.menu-search .cl-searchinput-clear {
  background-image: url("../common/images/cmn/icon-close.svg");
}
.cl-container.dropdown-menu-search .cl-searchinput.menu-search .cl-searchinput-search {
  background-image: url("../common/images/cmn/icon-search.svg");
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result {
  background-color: transparent;
  border: none;
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled) {
  border-bottom: 1px solid #c8c8c8;
  color: #414141;
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled) .cl-tree-treeicon {
  width: 0px;
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled) .cl-tree-itemicon {
  background-image: url("images/com/main/icon-pop-depth1.png");
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled).cl-selected {
  background-color: #909090;
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: #909090;
  color: #ffffff;
}
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.dropdown-menu-search .cl-tree:not(.cl-disabled).menu-search-result .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("images/com/main/icon-pop-depth1-on.png");
}
.cl-container.dropdown-menu-recent {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent {
  background-color: transparent;
  border: none;
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled) {
  color: #414141;
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled) .cl-tree-treeicon {
  width: 0px;
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled) .cl-tree-itemicon {
  background-image: url("images/com/main/icon-pop-depth1.png");
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled).cl-selected {
  background-color: #909090;
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: #909090;
  color: #ffffff;
}
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.dropdown-menu-recent .cl-tree:not(.cl-disabled).menu-recent .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("images/com/main/icon-pop-depth1-on.png");
}
.cl-grid.main-grid {
  border: none 0px;
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
}
.cl-grid.main-grid .cl-grid-row {
  border: none 0px;
}
.cl-grid.main-grid .cl-grid-row.cl-viewing .cl-grid-cell {
  background-color: #ffffff !important;
  border-style: none;
}
.cl-grid.main-grid .cl-editing {
  background-color: #ffffff !important;
  border: none 0px;
}
.cl-grid.main-grid.cl-selected {
  background-color: #ffffff !important;
  /* 포커스 셀 */
}
.cl-grid.main-grid.cl-selected :focus,
.cl-grid.main-grid.cl-selected .cl-focus {
  background-color: #ffffff !important;
}
.cl-grid.main-grid .cl-text {
  color: #5f7f94;
  font-weight: 700;
}