@charset "UTF-8";

:root {
    --lg-color-primary: #3284ff;
    --lg-color-primary-light: #79bbff;
    --lg-color-primary-light-2: #a0cfff;
    --lg-color-primary-light-3: #c6e2ff;
    --lg-color-primary-light-4: #d9ecff;
    --lg-color-primary-light-5: #ecf5ff;

    --lg-header-bg: #1b3453;
    --lg-menu-bg: #2e425c;
    --lg-menu-hover: #0f1419;
    --lg-submenu-bg: #202b38;
    --lg-submenu-hover: var(--lg-menu-hover);
    --lg-submenu-active: var(--lg-menu-hover);
    --lg-menu-item-height: 56px;
    --lg-border-color: #dcdfe6;
    --lg-selected-color: #7a9fd4;

    --lg-icon-font-family: 'LgFont';
    --lg-icon-font-size: 16px;

    --lg-help-bg: #eef6fe;
    --lg-help-border-color: #daebfc;
    --lg-help-font-color: #222;

    --lg-datagrid-header-bg: #f2f5f9;
    --lg-datagrid-row-height: 38px;
    --lg-datagrid-border-color: #e4e7ed;
    --lg-datagrid-row-hover: #f5f7fa;

    --lg-datagrid-paging-bg: var(--lg-datagrid-header-bg);

    --lg-font-size: 12px;
    --lg-cell-font-size: 12px;
    --lg-cell-header-font-color: #888;
}

fieldset {
	border: 1px solid var(--lg-color-primary-light-3);
} 
fieldset legend {
    color: var(--lg-color-primary);
    font-weight: bold;
	padding: 0 8px;
}

.lg-help-box {
    max-width: 400px;
    padding: 15px;
    font-size: 12px;
    color: var(--lg-help-font-color);
}

.lg-button-primary { 
    display: inline-block;
    background-color: var(--lg-color-primary);
    height: 32px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    border: 1px solid var(--lg-color-primary); 
    border-radius: 4px;
    padding: 0 12px;
    cursor: pointer;
}
.lg-button-outline {
    display: inline-block;
    background-color: #fff;
    height: 32px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: var(--lg-color-primary);
    font-size: 12px;
    border: 1px solid var(--lg-color-primary-light-2); 
    border-radius: 4px;
    padding: 0 12px;
    cursor: pointer;
}
.lg-button-size-small {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    padding: 0 6px;
}
.lg-button-primary:hover { 	
    opacity: 0.8;
    color: #fff;
}
.lg-button-outline:hover {
    opacity: 0.8;
    color: var(--lg-color-primary);
}

/* easyUI override */
.window {
    border-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.window .window-body {
    border-color: #fff;
}
.window .window-header {
    padding: 0px 0px 10px 0px;
}

.panel-header, .panel-body {
    border-color: #fff;
}
.panel-title {
    padding: 0 10px;
}

.progressbar-text {
    font-size: 12px;
}
.progressbar {
    border-radius: 15px;
}
.progressbar-value, .progressbar-value .progressbar-text {
    background-color: var(--lg-color-primary);
}