/*@font-face {
    font-family: 'SourceHanSans-Medium';
    src: url(../frame/font/SourceHanSans);
}*/

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 5px;
    width: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #bbb;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.28);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #eee;
}

body {
    /*font-family: 'SourceHanSans-Medium';*/
    min-height: 768px;
    background-color: #fff;
}

/* 登录页面全屏背景 */
.fullscreen-bg {
    background: url(../images/new/loginbg/default.jpg) no-repeat;
    background-size: 100% 100%;
}

.logo-related {
    min-width: 280px;
    height: 54px;
    float: left;
    padding-right: 25px;
    line-height: 54px;
    border-radius: 0 54px 54px 0;
    color: #fff;
    font-size: 16px;
    margin-top: 32px;
    margin-left: -14px;
    background-color: rgba(2, 2, 2, .4);
}

img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}


.logo-related img {
    width: 50px;
    margin-left: 12px;
    margin-right: 9px;
}

.login-container {
    width: 360px;
}

.login-container #login-box.login-form-box {
    width: 356px;
    height: 410px;
    border-radius: 20px;
    border: 0;
    background: url(../images/new/login-back.png) no-repeat;
    background-size: 100% 100%;
    padding: 30px 44px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.font-bold {
    font-weight: 400;
}

.font-bold500 {
    font-weight: 500;
}

.radius-input {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 10px;
}

.login-container #login-box.login-form-box .radius-input input {
    height: 36px;
    line-height: 36px;
    padding-left: 32px;
    -webkit-border-radius: 36px !important;
    -moz-border-radius: 36px !important;
    border-radius: 36px !important;
    font-size: 14px;
}

.login-container #login-box.login-form-box input:focus {
    border-color: #d33723;
}

.login-container #login-box.login-form-box .captcha-input {
    margin-top: 10px;
}

.login-container #login-box.login-form-box .captcha-input input#captcha {
    width: calc(100% - 70px);
    height: 36px;
    border-radius: 36px 0 0 36px !important;
    font-size: 14px;
}

.login-container #login-box.login-form-box .captcha-input img {
    width: 70px;
    height: 36px;
    border-radius: 0 36px 36px 0;
}

.login-container #login-box.login-form-box .login-btn, .login-container #login-box.login-form-box .login-btn:focus {
    background-color: #d33723 !important;
    border-color: #d33723;
    height: 37px;
    border-radius: 37px;
}

/* 版权信息 */
.copyright {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
}

/*基础页面样式配置*/
.new-base-navbar {
    background-color: #373b3e;
    min-height: 40px;
    color: #fff;
    position: fixed;
}

.new-base-navbar .navbar-brand {
    padding: 8px 12px;
    font-size: 12px;
}

.new-base-navbar #main-navbar {
    height: 40px;
    /*overflow: hidden;*/
}

.new-base-navbar #main-navbar > li.more-navItem.arrow-up b.caret {
    margin-top: -7px;
}

.new-base-navbar .navbar-toggle.display, .new-base-navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
    background-color: #d33723 !important;
}

.new-base-navbar .navbar-right > li {
    height: 40px;
}

.new-base-navbar .navbar-right > li:not(.dropdown) i {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/unchosen.png) no-repeat;
    background-size: cover;
}

.new-base-navbar .navbar-right .searchInput {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 288px;
}

.new-base-navbar .navbar-right .searchInput input {
    width: 100%;
    height: 37px;
    line-height: 37px;
    color: #373b3e;
    padding-left: 8px;
    border-color: #1d1f20;
    outline: none;
    background: url(../images/enter-icon.png) no-repeat right 10px center;
    background-color: #fff;
}

.new-base-navbar .navbar-right .searchInput span {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 37px;
    width: 37px;
}

.new-base-navbar .navbar-right .searchInput ul {
    color: #373b3e;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 1px 2px 6px rgba(192, 192, 192, .5);
    -moz-box-shadow: 1px 2px 6px rgba(192, 192, 192, .5);
    box-shadow: 1px 2px 6px rgba(192, 192, 192, .5);
}

.new-base-navbar .navbar-right .searchInput ul li {
    cursor: pointer;
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
}

.new-base-navbar .navbar-right .searchInput ul li:hover {
    color: #dc8787;
    background-color: #f7f5f5;
}

.new-base-navbar .navbar-right > li.active {
    background-color: #1d1f20;
}

.new-base-navbar .navbar-right > li.active i {
    background: url(../images/chosen.png) no-repeat;
    background-size: cover;
}

.new-base-navbar #main-navbar > li.more-navItem > div, .new-base-navbar .navbar-right > li.history > div, .new-base-navbar .navbar-right > li.news > div, .new-base-navbar .navbar-right > li.favarate > div {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 190px;
    color: #f9f9f9;
    font-size: 12px;
    background-color: #1c1e1f;
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 1px 2px 6px #e7e7e7;
    -moz-box-shadow: 1px 2px 6px #e7e7e7;
    box-shadow: 1px 2px 6px #e7e7e7;
}

.new-base-navbar .navbar-right > li.favarate b {
    margin-right: 10px;
}

.new-base-navbar .navbar-right > li.favarate li:hover b {
    font-size: 16px;
}

.new-base-navbar #main-navbar > li.more-navItem div.title, .new-base-navbar .navbar-right div.title {
    width: 188px;
    text-align: right;
    height: 40px;
    color: #f9f9f9;
    position: fixed;
    padding: 10px;
    padding-right: 15px;
    font-weight: bold;
    background-color: #1c1e1f;
}

.new-base-navbar .navbar-right div.title + li {
    margin-top: 40px;
}

.new-base-navbar #main-navbar > li.more-navItem div.title p, .new-base-navbar .navbar-right div.title p {
    padding-right: 10px;
    border-right: 2px solid #d33723;
}

.new-base-navbar #main-navbar > li.more-navItem div.title i, .new-base-navbar .navbar-right div.title i {
    position: absolute;
    right: 10px;
    top: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #1c1e1f;
}

.new-base-navbar #main-navbar > li.more-navItem li, .new-base-navbar .navbar-right > li.history li, .new-base-navbar .navbar-right > li.news li, .new-base-navbar .navbar-right > li.favarate li {
    padding-left: 17px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.new-base-navbar #main-navbar > li.more-navItem li:hover, .new-base-navbar .navbar-right > li.history li:hover, .new-base-navbar .navbar-right > li.news li:hover, .new-base-navbar .navbar-right > li.favarate li:hover {
    background-color: #423c3c;
    /*font-weight: bold;*/
}

/* 搜索图标样式 */
.new-base-navbar .navbar-right > li.search i {
    background-position: -9px center;
}

/* 历史图标样式 */
.new-base-navbar .navbar-right > li.history i {
    background-position: -42px center;
}

/* 消息图标样式 */
.new-base-navbar .navbar-right > li.news i {
    background-position: -100px center;
}

/* 收藏图标样式 */
.new-base-navbar .navbar-right > li.favarate i {
    background-position: -110px center;
}

.new-base-navbar-menu {
    display: none;
    position: absolute;
    width: 100%;
    min-height: 500px;
    background-color: #fff;
    color: #373b3e;
    box-shadow: 0 4px 7px #d5d5d5;
    -moz-box-shadow: 0 4px 7px #d5d5d5;
    -webkit-box-shadow: 0 4px 7px #d5d5d5;
    -o-box-shadow: 0 4px 7px #d5d5d5;
}

.new-base-navbar-menu > div {
    display: none;
}

.new-base-navbar-menu .primary-navbar {
    padding: 20px 0;
}

@media (max-width: 1500px) {
    .new-base-navbar-menu .col-sm-2 {
        width: 21% !important;
    }

    .new-base-navbar-menu .secondary-navbar {
        width: 79% !important;
    }
}

.new-base-navbar-menu .primary-navbar li {
    width: 175px;
    height: 32px;
    padding-left: 15px;
    line-height: 32px;
    color: #373b3e;
    font-size: 12px;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .new-base-navbar-menu .primary-navbar li {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .new-base-navbar-menu .primary-navbar li {
        margin-left: 20px;
    }
}

.new-base-navbar-menu .primary-navbar li.active {
    background-color: #d33723;
    color: #fff;
}

.new-base-navbar-menu .secondary-navbar {
    padding: 20px 0;
    font-size: 12px;
    color: #878080;
}

.new-base-navbar-menu .secondary-navbar > div {
    padding-right: 1%;
}

.new-base-navbar-menu .secondary-navbar div.col-sm-6 {
    margin-bottom: 24px;
}

.new-base-navbar-menu .secondary-navbar h4 {
    color: #373b3e;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.new-base-navbar-menu .secondary-navbar ul {
    margin-left: -5px;
}

.new-base-navbar-menu .secondary-navbar li {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.new-base-navbar-menu .secondary-navbar li:hover {
    color: #d33723;
    border-color: #d33723;
}

.new-base-navbar-menu > span {
    position: absolute;
    width: 37px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    bottom: -7px;
    background-color: #fff;
    cursor: pointer;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 4px 7px #d5d5d5;
    -moz-box-shadow: 0 4px 7px #d5d5d5;
    -webkit-box-shadow: 0 4px 7px #d5d5d5;
    -o-box-shadow: 0 4px 7px #d5d5d5;
}

.new-base-navbar-menu .caret {
    border-top: 0;
    border-bottom: 4px solid;
}

.new-base-navbar .navbar-brand small {
    font-size: 16px;
}

.new-base-navbar .navbar-brand small img {
    width: 35px;
    margin-right: 4px;
}

.new-base-navbar .navbar-nav {
    border-left: 1px solid #1d1f20;
    font-size: 14px;
}

.new-base-navbar .navbar-nav > li {
    border: 0;
    font-size: 12px;
}

/* 全部分类样式 */
.new-base-navbar .navbar-nav > li.all .caret {
    margin-left: 8px;
}

.new-base-navbar .navbar-nav > li.all:hover .caret {
    border: 4px solid transparent;
    border-bottom: 4px solid;
    margin-top: -7px;
}

.new-base-navbar .navbar-nav > li.active {
    background-color: #d33723;
}

.new-base-navbar .navbar-nav > li > a {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}

.new-base-navbar .navbar-nav > li > a.dropdown-toggle {
    padding-top: 0;
    padding-bottom: 0;
}

.new-base-navbar .navbar-nav > li > a.dropdown-toggle .nav-user-photo {
    margin-right: 8px;
    border-radius: 100%;
    max-width: 26px;
}

.new-base-navbar .navbar-nav > li > a.dropdown-toggle .user-info {
    padding-top: 6px;
}

.main-content-inner #breadcrumbs {
    height: 40px;
    background-color: #e9edf1;
    border-bottom: 0;
}

/*.main-content-inner .icon-heart {
    font-size: 18px;
    position: absolute;
    top: 120px;
    right: 20px;
    color: #d33723;
    z-index: 1030;
}*/
#main-container.main-container {
    padding-top: 40px;
}

/*左侧侧边栏*/
#main-container.main-container .sidebar .sidebar-toggle {
    height: 41px;
    line-height: 37px;
    z-index: 2 !important;
    cursor: pointer;
}

#main-container.main-container .sidebar .sidebar-toggle:before {
    display: none;
}

#main-container.main-container .nav-list > li {
    border-color: #e5e5e5;
}

#main-container.main-container .nav-list > li > a:focus {
    color: #373b3e;
}

#main-container.main-container .nav-list > li:before {
    background-color: transparent;
}

#main-container.main-container .nav-list > li {
    border-left: 3px solid transparent;
}

#main-container.main-container .nav-list > li.active {
    border-left-color: #d33723;
}

#main-container.main-container .nav-list > li.active:after {
    border: 0;
}

#main-container.main-container .nav-list li.active > a:after {
    border: 0;
}

#main-container.main-container .nav-list > li:hover {
    border-left-color: #d33723;
}

#main-container.main-container .nav-list > li:hover > a {
    background-color: #fff;
    color: #373b3e;
    font-weight: bold;
}

#main-container.main-container .nav-list > li > .submenu li > .submenu > li a {
    color: #3c3a3a;
}

#main-container.main-container .nav-list > li.active > a {
    font-weight: bold;
    color: #373b3e;
}

#main-container.main-container .nav-list > li.open > a, #main-container.main-container .nav-list > li .submenu > li > a:hover {
    background-color: #f8f8f9;
    font-weight: bold;
    color: #000;
}

#main-container.main-container .nav-list > li .submenu > li.active > a {
    color: #303538;
    font-weight: bold;
}

#main-container.main-container .nav-list > li > .submenu:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 0;
    bottom: 0;
    border: 1px dotted #000000;
    border-width: 0 0 0 1px;
}

#main-container.main-container .nav-list > li > .submenu > li > .submenu > li:before {
    content: "";
    display: block;
    width: 20px;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 17px;
    border: 1px dotted;
    border-width: 1px 0 0;
    color: #9dbdd6;
}

#main-container.main-container .nav-list > li > .submenu li.open > a {
    font-weight: bold;
    color: #2d3031;
}

#main-container.main-container .nav-list > li > .submenu > li > .submenu > li > .submenu > li:before {
    content: "";
    display: block;
    width: 35px;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 17px;
    border: 1px dotted;
    border-width: 1px 0 0;
    color: #9dbdd6;
}

#main-container.main-container .scroll-bar {
    background-color: transparent;
}

#main-container.main-container .sidebar.menu-min .nav-list > li.active, #main-container.main-container .sidebar.menu-min .nav-list > li.active > a {
    background-color: #d33723;
    color: #fff;
}

#main-container.main-container .sidebar.menu-min .nav-list > li.active > a > .menu-text {
    color: #373b3e;
}

/*tab选项卡*/
#main-container.main-container .shortCutTabLiDefault {
    height: 40px;
    background-color: transparent;
    line-height: 41px;
}

#main-container.main-container #shortCutTab > li > a {
    padding: 0 14px;
    border-radius: 1px;
    color: #67696a;
    font-weight: bold;
}

#main-container.main-container #shortCutTab > li.active > a, #main-container.main-container #shortCutTab > li.active > a:hover, #main-container.main-container #shortCutTab > li.active > a:focus {
    background-color: #fff !important;
    color: #373b3e;
    font-weight: bolder;
}

#shortCutTabBackwardButton, #shortCutTabForwardButton, #shortCutTabCloseAllButton, #shortCutTabBackwardButton:focus, #shortCutTabForwardButton:focus, #shortCutTabCloseAllButton:focus {
    height: inherit;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent !important;
    color: #67696a !important;
    border: 0;
}

#shortCutTabCloseAllButton:hover {
    color: #f00 !important;
}

#shortCutTabBackwardButton.chosen, #shortCutTabForwardButton.chosen, #shortCutTabCloseAllButton.chosen {
    background-color: #fff !important;
}

/* 按钮通用样式 */
.button-hover, .button-hover:active, .button-hover:focus, .button-hover[disabled] {
    background-color: #f9f9f9 !important;
    border-color: #d7d7d7;
    text-shadow: none !important;
    color: #373b3e !important;
}

.button-hover:hover, .button-common:hover {
    background-color: #d33723 !important;
    border-color: #d33723;
    color: #fff !important;
}

.button-base, .button-base:active, .button-base:focus, .button-base[disabled] {
    background-color: #d33723 !important;
    border-color: #d33723;
}

.button-base:hover {
    background-color: #D13722 !important;
    border-color: #D13722;
}

.button-common, .button-common:active, .button-common:focus, .button-common.disabled, .button-common[disabled] {
    background-color: #f9f9f9 !important;
    border-color: #d7d7d7;
    text-shadow: none !important;
    color: #373b3e !important;
}

.button-default, .button-default:hover, .button-default:active, .button-default:focus, .button-default.disabled, .button-default[disabled] {
    background-color: #67696a !important;
    border-color: #67696a;
    font-size: 12px;
}

.custom-tabs a {
    background-color: #d33723 !important;
    border-color: #d33723;
    color: #fff;
}

.nav-tabs.custom-tabs > li.active > a, .nav-tabs.custom-tabs > li.active > a:focus, .nav-tabs.custom-tabs > li.active > a:hover {
    color: #373b3e;
    background-color: #FFF !important;
    border-top: 2px solid #d33723;
    border-bottom-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav-tabs.tab-color-blue > li.active > a, .nav-tabs.tab-color-blue > li.active > a:focus, .nav-tabs.tab-color-blue > li.active > a:hover {
    border-left: 0;
    border-right: 0;
}

/*操作栏*/
.operation-bar {
    border: 0;
    background-color: #fff;
    top: 80px;
    min-height: 0px;
}

.operation-bar .select2-container--default .select2-selection--single {
    border-color: #d5d5d5;
    border-radius: 3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e8eaec;
    color: #373b3e;
}

.operation-bar .base-tools-operation {
    border-top: 0;
    padding-left: 0;
    border-bottom: 1px solid #e8eaec;
    line-height: normal;
}

.operation-bar .tableSearchForm .btn {
    height: 30px;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 5px;
    margin-left: 10px;
}

.operation-bar .tableSearchForm .select2-container {
    /*max-width: 160px;*/
    min-width: 160px;
    width: auto !important;
}

.operation-bar .tableSearchForm .select2-container .select2-selection--multiple {
    line-height: 21px;
}

.operation-bar .tableSearchForm .form-group {
    margin-left: 10px;
    margin-bottom: -10px !important;
}

/*表格样式*/
.tableCustom.dataTable {
    margin-top: -7px;
}

.addModalDiv .tableCustom.dataTable {
    margin-top: 7px;
}

.tableCustom.dataTable > thead > tr {
    background-image: none;
    background-color: #e3e5e8;
}

.tableCustom.dataTable > thead > tr > th {
    font-size: 12px;
    position: relative;
    /*color: #373b3e;*/
    color: #000000;
    font-weight: bold;
    padding: 5px 8px;
}

.tableCustom.dataTable > thead > tr > th[class*=sort]:after {
    display: inline-block;
    content: '';
    float: right;
    width: 12px;
    height: 12px;
    background: url(../images/unsort.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 2px;
    top: 8px;
}

.tableCustom.dataTable > thead > tr > th.sorting_desc:after {
    background: url(../images/sortdown.png) no-repeat;
    background-size: cover;
}

.tableCustom.dataTable > thead > tr > th.sorting_asc:after {
    background: url(../images/sortup.png) no-repeat;
    background-size: cover;
}

.tableCustom2.tableCustom.dataTable > thead > tr > th[class*=sort]:after {
    display: inline-block;
    content: '';
    float: right;
    width: 12px;
    height: 12px;
    background: url(../images/unsort_b.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 2px;
    top: 8px;
}

.tableCustom2.tableCustom.dataTable > thead > tr > th.sorting_desc:after {
    background: url(../images/sort_down_b.png) no-repeat;
    background-size: cover;
}

.tableCustom2.tableCustom.dataTable > thead > tr > th.sorting_asc:after {
    background: url(../images/sort_up_b.png) no-repeat;
    background-size: cover;
}

.tableCustom.table-hover > tbody > tr:hover {
    background-color: #E9E9E9;
}

.tableCustom.dataTable > thead > tr > th[class*=sort]:hover {
    color: #373b3e;
}

.tableCustom.dataTable > thead > tr > th[class*=sorting_] {
    color: #373b3e;
}

.tableCustom.dataTable > thead > tr > th.sorting_desc, .tableCustom > thead > tr > th.sorting_asc {
    background-image: none;
    background-color: #e3e5e8;
}

.tableCustom.dataTable input[type=checkbox].ace:checked + .lbl::before, .tableCustom.dataTable input[type=radio].ace:checked + .lbl::before {
    background-color: #6ead42;
    border-color: #6ead42;
    color: #fff;
}

/* 菜单管理 */
.panel-custom {
    border-color: #d7d7d7;
}

.panel-custom > .panel-heading {
    background-color: #d85241;
    border-color: #d85241;
}

/* 弹窗整体样式修改 */
.modal-footer {
    text-align: center;
}

#WindowAlert .modal-dialog, .PWindowConfirm .modal-dialog, #WindowAlertSucess .modal-dialog {
    margin-top: 15%;
}

#WindowAlert .modal-header, #WindowAlertSucess .modal-header {
    border-bottom: 0;
}

#WindowAlert .modal-footer, #WindowAlertSucess .modal-footer {
    border-top: 0;
    background-color: #fff;
}

#WindowAlert .modal-body > div, #WindowAlertSucess .modal-body > div {
    margin-top: 21px;
    color: #1d1f20;
}

#WindowAlert .modal-body > img, #WindowAlertSucess .modal-body > img {
    width: 50px;
}

.PWindowConfirm .modal-header {
    border-bottom: 0;
}

.PWindowConfirm .modal-footer {
    border-top: 0;
    background-color: #fff;
}

.PWindowConfirm .modal-footer .yesButton, .PWindowConfirm .modal-footer .yesButton:focus {
    background-color: #dd4a39 !important;
    border-color: #dd4a39;
    font-size: 12px;
}

.PWindowConfirm .modal-body p {
    margin-top: 15px;
}

#myModal .modal-header {
    background-color: #d85241;
}

.custom-modal-header {
    background-color: transparent;
    color: #1d1f20;
    padding: 18px 17px;
    border-bottom: 1px solid #e8eaec;
}

.custom-modal-header h4 {
    font-size: 16px;
    font-weight: bold;
}

.custom-modal-footer {
    background-color: transparent;
    border-top: 0;
}

.custom-modal-footer .button-save, .custom-modal-footer .button-save:focus {
    background-color: #dd4a39 !important;
    border-color: #dd4a39;
    font-size: 12px;
}

.require:before {
    content: "* ";
    color: #d33723;
}

.require:after, .noRequire:after {
    display: none;
}

.text-custom {
    color: #373b3e;
}

.custom-checkbox input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before, .custom-checkbox input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #DD4A39;
    border-color: #DD4A39;
    color: #FFF;
}

.base-tools-search {
    padding-right: 0;
    padding-bottom: 5px;
    border: 0;
    margin-top: 5px;
}

.base-tools-search .panel .panel-body {
    padding: 0;
}

.care-opertion {
    position: fixed;
    cursor: pointer;
    right: 20px;
    bottom: 150px;
    color: #fff;
    z-index: 1025;
    width: 24px;
    font-size: 12px;
    height: 29px;
    background-color: #373B3E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.care-opertion:hover {
    width: 77px;
}

.care-opertion > p {
    position: absolute;
    top: 0;
    right: 0;
    width: 78px;
    padding: 5px;
}

.care-opertion > p > i {
    margin-left: 5px;
}

.cared-heart {
    position: fixed;
    cursor: pointer;
    right: 20px;
    top: 105px;
    color: rgba(211, 55, 35, .7);
    z-index: 1500;
}

.pagination > li.active > a, .pagination > li.active > a:hover {
    /*background-color: #f4f4f4;*/
    /*border-color: #d1cfcf;*/
    /*color: #373b3e;*/
}

.pagination > li > a, .pager > li > a {
    color: #373b3e;
    border-color: #d1cfcf;
}

.pagination > li > a:hover, .pager > li > a:hover {
    color: #373b3e;
}

.footer {
    position: relative;
    z-index: -1;
}

.footer-content {
    font-size: 12px;
    color: #373b3e !important;
}

.footer .footer-inner .footer-content {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 2px;
    padding: 8px;
    line-height: 20px;
    border-top: 3px double #E5E5E5;
}

.selectAllBoxTh {
    width: 60px;
}

.searchTableNoTh {
    width: 50px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 15px 0;
    border-radius: 4px;
}

.selectTreeView {
    position: absolute;
    left: 0;
    z-index: 1042;
    background-color: #fff;
    border: 1px solid #D5D5D5;
    min-width: 100%;
    /*width: 100%;*/
    max-height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.selectTreeView .list-group {
    width: max-content;
    min-width: 100%;
}

.selectTreeView .list-group-item {
    border: 0;
    padding: 5px 10px;;
}

.arrow-up b.caret {
    border-bottom: 4px solid;
    border-top: 0;
}

.selectTreeViewComponent {
    /*z-index: 1042;*/
}

.selectTreeView ul.subroot {
    margin-top: 7px !important;
}

.transparentLayer {
    position: absolute;
}

#navbar-layer {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1029;
    display: none;
}

.scroll-header {
    display: none;
    position: fixed;
    margin-top: -9px;
    padding-top: 16px;
    background-color: #fff;
    z-index: 1025;
}

.operation-bar .form-control {
    height: 33px;
    max-width: 160px;
    min-width: 160px;
}

.operation-bar .select2-container .select2-selection--single {
    height: 33px;
}

/*.operation-bar */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    color: #000000;
    font-weight: bold;
}

.form-group {
    /*margin-bottom: 10px;*/
    margin-bottom: 15px;
}

.custom-emptyIcon {
    display: inline-block;
    width: 17px !important;
    height: 17px;
    background: url("../images/emptyIcon.png") no-repeat;
    background-size: cover;
}

.custom-expandIcon {
    display: inline-block;
    width: 17px !important;
    height: 17px;
    background: url("../images/expandIcon.png") no-repeat;
    background-size: cover;
}

.custom-collapseIcon {
    display: inline-block;
    width: 17px !important;
    height: 17px;
    background: url("../images/collapseIcon.png") no-repeat;
    background-size: cover;
}

#welcomeWaitDiv img {
    width: 200px;
    float: right;
    margin-right: 20px;
}

#welcomeWaitDiv .dots-wrapper {
    display: inline-block;
    margin-top: 90px;
    float: right;
}

#welcomeWaitDiv .dots {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #333;
    margin: 0 10px;
}

.labelVisibleHidden {
    visibility: hidden;
}

.labelDisplayHidden {
    display: none;
}

.searchTreeViewComponent {
    /*z-index: 1030;*/
    z-index: auto;
    display: inline-block;
    line-height: 26px;
}

.delete-img-close {
    position: absolute;
    top: -15px;
    right: -3px;
    width: 15px;
    height: 15px;
    background-color: #666;
    color: #fff;
    text-align: center;
    line-height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.delete-img-close:hover {
    background-color: #ea393c;
}

.scrollheaderclass .tooltip {
    position: fixed;
}

.bg-write {
    background-color: #fff !important;
}

.weightNormal {
    font-weight: normal;
}

.pictureSelected {
    background-color: yellowgreen
}

.picturePadding {
    padding: 4px
}

.sys-button, .sys-button:focus, .sys-button:hover, .sys-button:active {
    background-color: #dd4a39 !important;
    border-color: #dd4a39;
    font-size: 12px;
}

.white-pre {
    white-space: pre;
}

.no-skin .sidebar-toggle > .ace-icon {
    border-color: #bbbbbb;
    color: #aaaaaa;
    background-color: #ffffff;
}

.sidebar .sidebar-toggle > .ace-icon {
    border: 0;
}

/*改版===========================================*/

/*.no-skin .sidebar {*/
/*background-color: #333744;*/
/*border-style: solid;*/
/*border-color: #333744;*/
/*border-width: 0 1px 0 0;*/
/*}*/

/*.no-skin .nav-list > li > a {*/
/*background-color: #42485B;*/
/*color: #585858;*/
/*}*/

.sidebar {
    width: 170px;
}

.sidebar + .main-content {
    margin-left: 170px;
}

@media (min-width: 992px) {
    .sidebar + .main-content .breadcrumbs-fixed {
        left: 170px;
        z-index: 1026;
    }

    .sidebar + .main-content .modal .breadcrumbs-fixed {
        left: 0px;
    }

    .sidebar + .main-content .modal .breadcrumbs-fixed {
        right: 20px;
    }
}

.new-base-navbar .navbar-nav {
    border-left: 0;
}

.edui-combobox .edui-button-label {
    width: 60px !important;
}

.modal .operation-bar {
    /*top: 62px;*/
    top: 0px;
    position: relative;
}

.modal .printTableTitle {
    display: none;
}

.isScrollTable {
    overflow-x: auto;
    max-height: 80vh;
}

.isScrollTable .tableCustom.dataTable {
    margin-top: 1px;
}

.module-help-opertion {
    position: fixed;
    cursor: pointer;
    right: 20px;
    bottom: 120px;
    color: #fff;
    z-index: 1025;
    width: 24px;
    font-size: 12px;
    height: 29px;
    background-color: #373B3E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.module-help-opertion:hover {
    width: 77px;
}

.module-help-opertion > p {
    position: absolute;
    top: 0;
    right: 0;
    width: 78px;
    padding: 5px;
}

.tree-clear {
    color: #ab9a9a;
    cursor: pointer;
}

.tree-pull-right {
    float: right;
}

.richTextVeiwClass, .richTextVeiwClass p, .richTextVeiwClass p span {
    color: #393939 !important;
    font-size: 12px !important;
}

.addModalDiv .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;

    width: calc(100% - 145px);
    margin-left: 85px;
    background-color: transparent;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 12px;
}

.commonFormLabel {
    /*color: #7d5a5a;*/
    /*color: #463333;*/
    color: #000000;
    font-weight: bold;
}

.formQuestion {
    color: red;
    position: absolute;
    top: 6px;
    cursor: pointer;
    z-index: 10;
    font-size: 14px;
}

.alreayProcee td {
    background-color: #fff1a5;
}

.sortable_ghostClass {
    border: 3px solid red !important;
}

.sortable_fallbackClass_tr {
    /*background-color: yellowgreen;*/
    display: inline-table
}

.sortable_fallbackClass_tr td {
    width: auto;
    /*background-color: yellowgreen;*/
}

.modal-content {
    border-radius: 4px;
}

.tableTabs {
    position: fixed;
    top: 80px;
    width: 100%;
    background-color: white;
    z-index: 1002;
    height: 45px;
    padding-top: 10px;
}

.tableTabContents {
    margin-top: 34px;
}

.tableTabContents .operation-bar {
    margin-top: 45px;
    margin-left: 12px;
}

.tableTabContents .modal .operation-bar {
    margin-top: 0px;
}

.tableTabContents .printTableTitle {
    margin-top: 90px;
}

.tableTabContents .scroll-header {
    margin-top: -19px;
    padding-top: 23px;
}

/*=====*/
@media (min-width: 768px) {
    /*0号*/
    .col-sm-left-half-0 {
        width: 21%;
        padding-right: 5px;
    }

    .col-sm-right-half-0 {
        width: 75.1%;
    }

    .col-sm-left-0 {
        width: 10.5%;
        padding-right: 5px;
    }

    .col-sm-right-0 {
        width: 87.5%;
    }

    /*1号*/
    .col-sm-left-half-1 {
        width: 24%;
        padding-right: 5px;
    }

    .col-sm-right-half-1 {
        width: 75%;
    }

    .col-sm-left-1 {
        width: 11.9%;
        padding-right: 5px;
    }

    .col-sm-right-1 {
        width: 87.5%;
    }
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    color: #4e4e4e;
    font-weight: bolder;
}

/*.form-group select,*/
/*.form-group textarea,*/
/*.form-group input {*/
/*color: #020000;*/
/*}*/
select, textarea, input {
    color: #000000 !important;
    font-weight: 500;
}

.formSearchLabel {
    font-weight: bold;
    color: #000000;
}

.searchTreeViewCurrent {
    max-width: calc(100% - 38px);
    overflow: hidden;
    word-break: keep-all;
    float: left;
    white-space: nowrap;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    margin-right: 10px;
}

.treeViewCurrent {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
}

.selectTreeViewComponent .form-control {
    border-radius: 3px !important;
}

.select2-selection {
    border-radius: 3px !important;
}

.searchTreeViewComponent .form-control {
    border-radius: 3px !important;
}

/*列表中嵌套一个列表：高度自动变化*/
.inTableTdAutoShowTable {
    max-height: 100px;
    overflow-y: hidden;
    overflow-x: hidden;
    width: max-content;
    max-width: 450px;
    position: relative;
}

.inTableTdAutoShowTable .table {
    background: transparent;
    background-image: unset;
}

.inTableTdAutoShowTable:hover {
    /*max-height: fit-content !important;*/
    overflow-y: unset;
    overflow-x: unset;
    z-index: 100000;
}

.inTableTdAutoShowTable:hover > :first-child {
    box-shadow: 0px 1px 3px 0px #292626;
    background: #ffffff;
}

.inTableTdAutoShowTable:hover .table {
    box-shadow: 0px 1px 3px 0px #292626;
    background: #ffffff;
}

.inTableTdAutoShowTable .table > thead > tr {
    /*background: #ffffff;*/
    /*background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);*/
    background: transparent;
    background-image: unset;
}

.inTableTdAutoShowTable .table > thead > tr > th {
    border-color: #fffcfc;
}

.inTableTdAutoShowTable .table > thead > tr > th:first-child {
    border-left-color: #fffcfc;
}

/*---------------------*/

.htmlCurstomParentClean {
    /*max-width: unset !important;*/
    max-height: unset !important;
}

.htmlCurstomParent img {
    max-width: 100% !important;
}

.shortCutTabLiDefault .fa-refresh {
    display: none;
}

.shortCutTabLiDefault.active .fa-refresh {
    display: inline-block;
}

.shortCutTabLiDefault.active .fa-refresh:hover {
    color: red;
}

.shortCutTabLiDefaultRefreshAnimate {
    color: red;
    transform: rotate(360deg);
    transition: transform 2s linear;
}

.today_data_tr td {
    background-color: #efb807;
}

.not_start_data_tr td {
    background-color: #f5e7ca;
}

.over_data_tr td {
    background-color: #e4e4e4;
}

.vcp-fullscreen-toggle {
    display: none;
!important;
}

.abc123 .abc1a {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #ffffff;
    z-index: 1000;
    /* right: 0px; */
}

.abc123 .abc1a .abc1234 {
    position: relative;
    width: 90%;
    left: 0px;
}

.tdContentHeightAuto {
    max-height: 100px;
    overflow: hidden;
}

.tdContentHeightAuto:hover {
    /*max-height: none;*/
    overflow: unset;
    position: relative;
    z-index: 1001;
}

.tdContentHeightAutoContent1:hover {
    /*padding-bottom: 20px;*/
}

.tdContentHeightAutoContent:hover {
    box-shadow: 0px 0px 10px 1px #6d6b6b;
    background-color: white;
}

.tableCustom td .label {
    height: 18px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d5d5d5;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d5d5d5;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #d5d5d5 1px;
}

.select2-dropdown {
    border: 1px solid #d5d5d5;
}

.uploadFileComponentRequiredNgClass {
    border-color: #F17366 !important;
    box-shadow: 2px 2px 1px 0px rgba(225, 137, 125, 51.3) !important;
}

.table > thead > tr {
    color: #707070;
    font-weight: normal;
    background: #F2F2F2;
    background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #fdfdfd 100%);
    background-image: -o-linear-gradient(top, #f3f3f3 0%, #fdfdfd 100%);
    background-image: linear-gradient(to bottom, #f3f3f3 0%, #fdfdfd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#fffdfdfd', GradientType=0);
}

.sidebar.sidebar-fixed {
    z-index: 1026;
}

.tooltip {
    /*min-width: 200px;*/
    /*width: max-content;*/
    width: max-content;
}