﻿body {
    background-color: #fff;
}

.easyui-fluid {
    width: 100% !important;
    animation: none;
}

.easyui-fluid .panel-header {
    width: 100% !important;
}

.textbox-label {
    height: 30px !important;
    line-height: 30px !important;
    line-height: 30px !important;
    overflow: inherit !important;
    color: #252b36;
    margin-bottom: 2px;
    margin-top: 2px;
    font-weight: normal;
}

.textbox-label .danger {
    color: #ef5350;
}

.textbox .textbox-text {
    text-align: left;
}
/*hack:spinner 动画修复*/
.numberbox.spinner {
    animation: none !important;
}

.textbox-icon {
    /*display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

.textbox .textbox-bgicon{
    padding-left:21px !important;
}

.validatebox-invalid {
    background-color: #f8f2f2;
    color: #000;
}

.kt-shape-bg-color-1 {
    background-color: #fefefe !important;
}

.checkbox {
    position: relative;
    border: 2px solid #5867dd;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.checkbox-checked {
    border: 0;
    background: #5867dd;
}

.btn-smm, .btn-group-smm > .btn {
    padding: 0.4rem 0.45rem;
    font-size: 0.875rem;
    line-height: 1.3;
    border-radius: 0.25rem;
}




.button-sep {
    display: inline-block;
    height: 24px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #fff;
    vertical-align: middle;
    margin: 2px 1px;
}

.kt-timeline-v1__item-time {
    width: 100%
}

.plupload_container {
    padding: 0px !important;
}

.plupload_button {
    padding: 5px 8px 4px 5px
}

body {
    /*font-family: Poppins, Helvetica, sans-serif;*/
}

.ms-container {
    width: 100%;
}

    .ms-container .ms-optgroup-label {
        padding: 5px 0px 5px 5px;
        font-size: 1rem;
        font-weight: bold;
        color: #5867dd
    }

#C_PopWin {
    overflow: hidden;
}
.panel-tool a {
    opacity:0.8
}

.window-thinborder .window-header {
    background-color: #fafafa !important;
    padding: 12px 12px 12px 12px;
}

.alert.alert-outline-gray {
    border: 1px solid #dfdfdf;
    color: #6c757d;
    margin-bottom: 10px;
}

#material_details_html img {
    width: 100% !important;
}

.material_img_default_lable {
    position: absolute;
    top: 100px;
    line-height: 26px;
    text-align: center;
    width: 120px;
    background-color: #5867dd;
    color: #fff
}

.line-height-xv {
    line-height: 2.5rem !important;
}

.label-width-xv {
    max-width: 120px;
    min-width: 120px;
}

.material_new_tip {
    position: absolute;
    top: 2px;
    right: 12px;
    margin-bottom: 3px;
    background-color: #8950FC !important;
    color: white;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    padding: 0.15rem 0.75rem;
}



.dropzone.dropzone-default {
    width: 80px;
    height: 80px;
    border-width: 1px;
    background-image: url(/assets/media/bg/uploadbg.png);
    min-height: 1rem !important;
    background-size: contain;
}

.kt-avatar .kt-avatar__upload {
    right: -5px;
    top: -5px;
    border-radius: 20%;
    line-height: 20px;
    color: #fff;
    box-shadow: none;
    width: 20px;
    height: 20px;
}

.window .window-header .panel-icon, .window .window-header .panel-tool {
    margin-top: -9px !important;
}

.form-group-xv {
    margin-bottom: 0.5rem;
}

.ms-container .ms-list {
    height: 400px;
}

.mi-1dotx {
    font-size: 1.4rem;
}


.datagrid-linkbtn-separator {
    /* float: left; */
    height: 24px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #fff;
    margin: 2px 1px;
}

.datagrid-toolbar {
    padding: 0px !important;
}

.panel-icon {
    line-height: 16px;
}

.toolbar_bg {
    background-color: rgb(249, 249, 249) !important;
}

.window_footer {
    padding: 5px !important;
    background-color: #f0f2f5 !important;
    text-align: right !important;
    border: none !important;
    border-top: 1px solid #e3e3e3 !important;
}

    .window_footer span {
        line-height: 40px;
    }

.login-bg-cover {
    background: url(/assets_js/global_assets/images/backgrounds/bg4.jpg) no-repeat;
    background-size: cover;
}

.blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(10px) grayscale(50%);
    z-index: -1;
}

.login-bg-cover2 {
    /*background: linear-gradient(to top right,#1bb6c3,#0d6ac3);*/
    background: url(/assets_js/global_assets/images/backgrounds/5c87b68531f2f.jpg),linear-gradient(to top right,#17263a,#17263a);
    background-repeat: no-repeat;
    background-size: cover;
}

.app_bg {
    background: linear-gradient(to top right,#1bb6c3,#0d6ac3);
    background: url(/assets_js/global_assets/images/backgrounds/5c8a50bf0981e.jpg);
    background-size: cover;
    background-repeat: repeat;
}

.bg-dark {
    /*background-color: #252b36 !important;*/
    background: linear-gradient(to bottom, #252b36, #252b36 120px, #f0f2f5 120px, #f0f2f5);
}

canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets_js/global_assets/images/backgrounds/5c87b68531f2f.jpg),linear-gradient(to top right,#17263a,#17263a);
    background-size:cover;
    background-repeat: repeat;
}

.blur-bg-background {
    backdrop-filter: blur(5px);
    opacity:0.90;
}


.lines-both .datagrid-body td {
}

.lines-no .datagrid-body td {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.lines-right .datagrid-body td {
    border-bottom: 1px solid transparent;
}

.lines-bottom .datagrid-body td {
    border-right: 1px solid transparent;
}

.sidebar-dark {
    background: linear-gradient(to top right,#0F172A,#0F172A);
}

.sidebar {
    width: 300px;
}

.mCSB_inside > .mCSB_container {
    margin-right:5px !important;
}

[class*=" easyicon-"], [class^=easyicon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.calendar-selected {
    background-color: #5867dd;
    color: #fff !important;
    border: 2px solid #252b36;
    padding: 0;
}

.calendar-today {
    font-weight: bold;
    position: relative; /* 为伪元素定位提供参考 */
    border: dashed 1px #98d1ff;
}

.calendar-today::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #98d1ff; /* 蓝色角标 */
    border-left: 10px solid transparent;
    z-index: 1; /* 确保角标在最上层 */
}

.calendar-today::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* 确保背景在底层 */
}


.calendar-sunday {
    color: #ef5350
}
.calendar-saturday {
    color: #ef5350
}
.calendar {
    padding:0px;
}

.btn-group-sm > .btn, .btn-xs {
    padding: .3125rem .45rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    border-radius: .1875rem;
}

[v-hide] {
    display: none;
}

.chart-widget-legend {
    margin: .625rem 0 0 0;
    padding: 0;
    fill: #333;
    font-size: .8125rem;
    text-align: center;
}

    .chart-widget-legend li {
        margin: .3125rem .625rem 0;
        padding: .4375rem .5rem .3125rem;
        display: inline-block;
    }

.form-control-feedback {
}

.combo-p {
    border-top: solid 0px #ddd;
    border-color: #d0d0d0;
    -moz-box-shadow: 0 0 2px 0 #ddd;
    -webkit-box-shadow: 0 0 2px 0 #ddd;
    box-shadow: 0 0 5px 0 #99cdff;
}


/*.custom-scrollbars * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
    scrollbar-color: transparent;
}

.custom-scrollbars ::-webkit-scrollbar {
    height: .5rem;
    width: .5rem;
}

.custom-scrollbars ::-webkit-scrollbar-track {
    background: #5867dd
}

.custom-scrollbars ::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: .5rem
}*/

/*侧边滚动条*/
.mCSB_container_wrapper {
    margin-right:0px;
}
.mCSB_container_wrapper > .mCSB_container {
    margin-left: 0px;
    padding-right:0px;
}
/*#sidebar {
    overflow-y: hidden;
    position: relative;
}
#sidebar:hover {
    overflow-y: auto;
    position: relative;
}
#sidebar::-webkit-scrollbar {*/
/*大小*/
/*width: 0.3rem;
    background-color: #0F172A;
}
#sidebar::-webkit-scrollbar-track {*/
/*内部轨道*/
/*background-color: transparent;
}
#sidebar:hover::-webkit-scrollbar-track {*/
/*内部轨道*/
/*background-color: transparent;*/
/*display:none;*/
/*}
#sidebar::-webkit-scrollbar-thumb {*/
/*滑块*/
/*background-color: rgba(10, 10, 10, 0.5);
    opacity: 0.3 !important;
    border-radius: 30px;
    display:none;
}

#sidebar:hover::-webkit-scrollbar-thumb {*/
/*移入*/
/*
    background-color: rgba(150, 180,230, 0.5);
    display:none;*/
/*}*/
.nav-group-sub .nav-link {
    padding: .625rem 1.75rem .625rem 1.75rem
}

.nav-group-sub .nav-group-sub .nav-link {
    padding-left: 2.75rem;
}



.l-btn-icon {
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    margin-top: -10px;
    font-size: 1px;
}

.l-btn-plain-selected, .l-btn-plain-selected:hover {
    background: #f0f2f5;
    border-radius: 0px 0px;
}
.window_footer .btn {
    padding:0.25rem 0.45rem;
}

.dialog-button .l-btn {
    margin: 0 5px 0 0;
}
/*
.combo-panel{
 background-color:#f0f2f5;
 border-color: #d0d0d0;
    -moz-box-shadow: 0 0 2px 0 #ddd;
    -webkit-box-shadow: 0 0 2px 0 #ddd;
    box-shadow: 0 0 5px 0 #99cdff;
}
.combobox-item-selected {
    background-color:#114e7e;
    color:#fff
}

.combobox-item-hover {
    background-color:#114e7e;
    color:#fff
}*/


.xvspinner {
    display: inline-block;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}


#loading-mask {
    background-color: #f0f2f5;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

.tabs-icon {
    margin-top: -8px;
}
.tabs-header-plain .tabs-tool {
    padding:0px !important;
}

.tabs li .tabs-inner {
    border-top: 3px solid #dfdfdf;
    /*border-bottom: none;*/
    color: #777;
    background-color: #eee;
}


.tabs li.tabs-selected .tabs-inner {
    /*border-top: none;*/
    border-top: 3px solid #2196F3;
    border-bottom: 1px solid #dfdfdf;
    background-color: #e6ebf2;
    color: #252b36;
    font-weight: bold;
}

.tabs li .tabs-inner:hover {
    background: #F2F2F2;
    border-top: 3px solid #2196F3;
    background-color: #e6ebf2;
    color: #444;
}

.tabs li .tabs-close {
    width: 12px;
    right: 4px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


.window-proxy-mask, .window-mask {
    background: #484848;
}

.window-shadow {
    /*-webkit-box-shadow:none;
    box-shadow:none;*/
    -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.drawer.window-shadow {
    box-shadow: 0 4px 0px #ddd !important;
    border-radius: 0;
    position: fixed;
}

.window, .window .window-body {
    
}


.textbox {
    border: 1px solid #c8c8c8;
}


.datagrid-header-row {
    height: 34px;
    background: #f2f2f2
}
.datagrid-header {
    overflow: hidden;
    cursor: default;
    border-width: 0 0 2px 0;
    border-style: solid;
    box-shadow: 0 1px 4px #e5e5e5;
}
.datagrid-header .datagrid-cell span {
    font-weight: 600;
}

.datagrid-btable {
    color: #444;
    border-collapse: separate;
}

.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  margin: 0;
  padding: 0px 5px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}
.datagrid-group {
    background-color: #e9f5fe;
}
.datagrid-row-alt {
    background: rgba(0,0,0,.02);
}
.datagrid-row-selected {
    background: #eff0f9;
    color: #000;
    font-weight:600;
}
.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner {
    border-color: #dfdfdf;
}
.datagrid-toolbar, .datagrid-pager {
    background: #F1F3F4;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    margin: 0;
    padding: 0;
}
/*移除默认的timeline*/
.timeline::after,
.timeline::before {
    content: none !important;
}

#C_HelpWin {
    padding: 10px;
}

.navbar-brand img {
    height:2.1rem;
}

.icon-filter {
    background: url('/assets_js/global_assets/js/plugins/easyui/themes/icons/filter.png') no-repeat center center;
}

.fa-1-5x {
    font-size:1.2rem;
    margin:2px;
}

.fa-0-5x {
    font-size: 0.9rem;
    margin: 2px;
}
.pagination-load {
    background: none !important;
}
.l-btn-icon.pagination-load::before {
    content: "\eb68"; /* "refresh" 图标的 Unicode 字符，确保这是正确的字符 */
    font-family: material-icons !important;
    font-size: 18px; /* 根据需要调整图标大小 */
    line-height: 1;
    font-weight: 400;
    color: #000; /* 设置图标颜色，根据需要调整 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*.l-btn-icon.pagination-first::before {
    content: "\eb68" !important;*/ /* "refresh" 图标的 Unicode 字符，确保这是正确的字符 */
    
/*}

.l-btn-icon.pagination-load::before {
    content: "\eb68" !important;*/ /* "refresh" 图标的 Unicode 字符，确保这是正确的字符 */
/*}

.l-btn-icon.pagination-prev::before {
    content: "\eb68" !important;*/ /* "refresh" 图标的 Unicode 字符，确保这是正确的字符 */
/*}*/

/* 移除原有的背景图片 */
/*.l-btn-icon.pagination-load,
.l-btn-icon.pagination-first,
.l-btn-icon.pagination-prev,
.l-btn-icon.pagination-next,
.l-btn-icon.pagination-last {
    font-family: material-icons !important;
    font-size: 1rem;*/ /* 根据需要调整图标大小 */
    /*line-height: 1 !important;
    font-weight: 400;
    color: #000;*/ /* 设置图标颜色，根据需要调整 */
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none !important;
}*/
.accordion .accordion-header .panel-title {
    height: 28px;
    line-height: 28px;
}
.accordion .accordion-header-selected {
    background: #e9f5fe !important;
}
.accordion .accordion-header {
    background: #f0f2f5
}