html{
    font-size: 14px;
}
@media screen and (max-width: 1600px) {
    html{
        font-size: 14px;
    }
}
body {
    font-family: "Arial", "Microsoft YaHei", "幼圆", "宋体", sans-serif;
    color: #666;
}
input::-webkit-input-placeholder {
    font-size: 1rem;
    color: #dbd9d8;
}

/*定义主要页面的基本布局*/

.inner-wrapper{
    min-height: calc(100vh - 7.2rem);
    display: block;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
}
.sidebar-left{
    width: 350px;
    position: fixed;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: block !important;
    background-color: #dbd1cc;
    height: calc(100% - 7.2rem);
    z-index: 9;
}
.sidebar-left .sidebar-header {
    position: relative;
    color: #777;
    height: 50px;
    background: #9c8c83;
}
.sidebar-left .sidebar-header .sidebar-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 73px;
    height: 50px;
    background-color: #0000001f;
    /* border-radius: 0 0 0 5px; */
    text-align: center;
    cursor: pointer;
}
.sidebar-left .sidebar-header .sidebar-toggle:before {
    position: absolute;
    content: "\e916";
    font-family: 'font-easymoo';
    color: #563623;
    font-size: 1.5rem;
    right: 2rem;
    top: .5rem;
}

.sidebar-left .sidebar-header .sidebar-toggle:hover{
    -webkit-transform: scaleX(1.2);
    -moz-transform: scaleX(1.2);
    -o-transform: scaleX(1.2);
    -ms-transform: scaleX(1.2);
    transform: scaleX(1.2);

    -webkit-transition: -webkit-transform 0.3s ease-in-out;
}
.sidebar-body{
    position: relative;
    overflow: auto;
    width: 100%;
    height: calc(100% - 50px);
    background-color: #dbd1cc;
    display: block;
}
.sidebar-left.sidebar-left-collapsed .sidebar-body{
    width: 350px;
}

.content-body{
    margin-left: 350px;
    padding-top: 50px;
}
.page-header {
    margin: 0;
    position: fixed;
    /* right: 0; */
    top: 7.2rem;
    background: #9c8c83;
    border-bottom: none;
    border-left: 1px solid #cbb8ad;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 1rem 0 0;
    width: calc(100% - 350px);
    z-index: 99;
}

.page-header .breadcrumb{
    margin-bottom: 0;
    background: transparent;
}
.page-header .breadcrumb .breadcrumb-item a{
    color: #563623;
}
.page-header .breadcrumb .breadcrumb-item a:hover {
    color: #a85121;
    text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #7b6841;
}
.page-header .breadcrumb .breadcrumb-item.active {
    color: #ccc5c0;
}
.page-header .btn {
    outline: none;
    border: 0;
    box-shadow: none !important;
    padding: 0;
    line-height: 1;
    background: transparent;
    height: 100%;
    width: 60px;
    color: #563623;
    border-right: 1px solid #a89b91;
}
.page-header .btn:first-of-type {
    margin-left: auto;
}

.page-header .btn:hover{
    color: #da7940;
}
.page-header .msg-recent-single{
    flex-grow: 1;
    padding-left:3rem;
    color: #563623;
    display: flex;
    justify-content: space-between;
}
.page-header .msg-recent-dropdown{
    position: absolute;
    background: #dbd1cc;
    top: 70px;
    right: 1rem;
    padding: 1rem 2rem;
    color: #505050;
    box-shadow: -2px 3px 4px 0 #bbb8b8;
    width: 720px;
    display: none;
}
.page-header .msg-recent-dropdown:before {
    content: '';
    height: 30px;
    width: 30px;
    background: #dbd1cc;
    transform: rotate(45deg);
    position: absolute;
    top: -12px;
    right: calc(1rem + 60px);
}
.page-header .msg-recent-dropdown-header{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.sidebar-left .sidebar-body p{
    margin-bottom: 0;
}
.sidebar-left .sidebar-body .item-icon{
    margin-right: .5rem;
    text-align: center;
    color: #a7a7a7;
}
.sidebar-left .sidebar-body .menu-item.active .item-icon{
    color: #da7940;
}
.sidebar-left .sidebar-body .item-content{
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
    padding: 5px;
}
.sidebar-left .sidebar-body .item-content .item-title{
    font-size: 1.25rem;
}
.sidebar-left .sidebar-body .item-content .item-subtitle{
    font-size: .85rem;
    color: #aaaaaa;
    margin-top: 5px;
}

.sidebar-left .sidebar-body .menu-separator{
    background: #9c8c8363;
    height: 4px;
}
.sidebar-left .sidebar-body .menu-group .item-content .item-title{
    font-size: 1.3rem;
}

.sidebar-left .sidebar-body .menu-item {
    display: -ms-flexbox!important;
    display: flex!important;

    -ms-flex-align: center!important;
    align-items: center!important;
    border-bottom: 1px solid #DDDDDD;
    color: #555555;
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: background .5s linear;
    -o-transition: background .5s linear;
    transition: background .5s linear;
    height: 74px;
}

.sidebar-left .sidebar-body .menu-item:hover {
    -webkit-animation: menu-item-hover .8s;
    -moz-animation: menu-item-hover .8s;
    -o-animation: menu-item-hover .8s;
    animation: menu-item-hover .8s;
}
.sidebar-left .sidebar-body .menu-item .item-icon{
    width: 30px;
    font-size: 24px;
}

/* 用来占flex, 希望 item-content为固定宽度 */
.sidebar-left .sidebar-body .menu-item:after{
    content: '\20';
    margin-left: auto;
    display: block;
    /*     font-size: 36px; */
    font-size: 2rem;
    min-width: 10px;
    text-align: right;
}
.sidebar-left .sidebar-body .menu-item.active:after{
    content: '\f078';
    font-family: 'font-easymoo';
    color: #da7940;
    margin-left: auto;
    text-align: right;
}

@keyframes menu-item-hover{
    0%   {transform: translate(0px)}
    70%  {transform: translate(-4px)}
    100% {transform: translate(0px)}
}
@-moz-keyframes menu-item-hover{ /* Firefox */
    0%   {transform: translate(0px)}
    70%  {transform: translate(-4px)}
    100% {transform: translate(0px)}
}
@-webkit-keyframes menu-item-hover{ /* Safari 和 Chrome */
    0%   {transform: translate(0px)}
    70%  {transform: translate(-4px)}
    100% {transform: translate(0px)}
}
@-o-keyframes menu-item-hover{ /* Opera */
    0%   {transform: translate(0px)}
    70%  {transform: translate(-4px)}
    100% {transform: translate(0px)}
}
/*end stack menu*/

html.sidebar-left-collapsed .sidebar-left{
    width: 73px;
}
html.sidebar-left-collapsed .sidebar-left .sidebar-body .item-content {
    visibility: hidden;
}
html.sidebar-left-collapsed .sidebar-left .sidebar-body:hover{
    width: 350px;
}
html.sidebar-left-collapsed .sidebar-left .sidebar-body:hover .item-content{
    visibility: visible;
}
html.sidebar-left-collapsed .content-body{
    margin-left: 73px;
}
html.sidebar-left-collapsed .sidebar-left .sidebar-body .menu-item.active:after{
    content: "";
}
html.sidebar-left-collapsed .page-header{
    width: calc(100% - 73px);
}


@media (min-width: 1200px) {
    .modal-xlg {
        max-width: 1200px;
    }
    .modal-dialog.modal-lg {
        max-width: 800px;
    }
}

/* bs 4.5.3 */ 
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
@media (min-width: 576px) {
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
/* bs 4.5.3 */


/** https://github.com/highcharts/highcharts/issues/4649#issuecomment-147629662 */
.highcharts-container, .highcharts-container svg { width: 100% !important; }

.text-enhance{
    text-shadow: transparent 0px 0px 0px, rgb(0 0 0 / 68%) 0px 0px 0px;
}

caption{
    caption-side: top;
}
.btn.btn-light,
.badge.badge-light{
    border: 1px solid #dee2e6;
}
.width-2{
    width: 2em;
}
.width-3{
    width: 3em;
}
.width-4{
    width: 5em;
}
.width-5{
    width: 5em;
}
.width-6{
    width: 6em;
}
.width-7{
    width: 7em;
}
.width-8{
    width: 8em;
}
.width-9{
    width: 9em;
}
.width-10{
    width: 10em;
}

.font-size-12{
    font-size: 12px !important;
}
.font-size-14{
    font-size: 14px !important;
}
.font-size-16{
    font-size: 16px !important;
}

.line-height-1{
    line-height: 1 !important;
}
.line-height-2{
    line-height: 2 !important;
}

hr.gradient{
    background-image: -webkit-linear-gradient(left, transparent, #966d39, transparent);
    background-image: linear-gradient(to right, transparent, #966d39, transparent);
    border: 0;
    height: 1px;
     margin: 22px 0;
}
hr.dashed{
    border-top-style: dashed;
}
.border-dashed{
    border-style: dashed !important;
}

.modal-dialog.modal-fullscreen{
    width: 80%;
    min-width: 800px;
    max-width: 1400px
}

.emoo-logo{
    font-size: 3rem;
}

.navbar-dark .navbar-brand{
    color: #969fa5;
}

.navbar-info{
    position: relative;
}
.navbar-info .project-date{
    font-size: 19px;
    padding: 6px 0;
    margin-right: 10px;
}
.navbar-info .project-date i.fa{
    margin : 0 -3px;
}
.navbar-info > hr{
    margin: 0;
    border-color: #555;
}
.navbar-info .project-name{
    color: rgba(255, 255, 255, .7);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    margin-top: 5px;;
}

.navbar-info .suspend-toggle{
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 35px;
    min-width : 20rem;
    left: 0;
}
.navbar-info .suspend-toggle > .list-group{
    border: 0;
}
.navbar-info .suspend-toggle > .list-group > .list-group-item{
    background-color: #312227;
    border-color: #555;
    color: #b57d5d;
}
.navbar-info > div:hover ~ .suspend-toggle{
    -webkit-transition:max-height 0.75s;
    -moz-transition:max-height 0.75s;
    -o-transition:max-height 0.75s;
    transition:max-height 0.75s;
    border-top: 1px solid #555;
    max-height: 500px;
}

.navbar.fixed-top{
    height: 80px;
    padding-top: 0;
    padding-bottom: 0;
}
@media screen and(max-width: 1200px){
    .navbar.fixed-top{
        height: 70px;
    }
}
.navbar.fixed-top.navbar-dark.bg-dark{
    background-color: #312227 !important;
}
.navbar.fixed-top.navbar-dark.bg-dark .navbar-collapse{
    background-color: #312227 !important;
    -ms-flex-item-align: center!important;
    align-self: stretch;
}

.navbar.fixed-top.navbar-dark.bg-dark .navbar-collapse > .navbar-nav{
    -ms-flex-item-align: center!important;
    align-self: stretch;
}


.navbar.fixed-top *:focus{
    outline: 0;
}
.navbar.fixed-top .navbar-nav > .nav-item{
    margin-right: 1px;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item{
    margin-right: 0;
    overflow: hidden;
}
.navbar.fixed-top .navbar-nav > .nav-item.disabled{
    pointer-events: none;
}
.navbar.fixed-top .navbar-nav > .nav-item.disabled > .nav-link{
    color: rgba(255,255,255,.2);
    
}
.navbar.fixed-top .navbar-nav > .nav-item > .nav-link{
    padding: 29px 15px;
}
@media screen and(max-width: 1200px){
    .navbar.fixed-top .navbar-nav > .nav-item > .nav-link{
        padding: 25px 15px;
    }
}
.navbar.fixed-top .navbar-nav > .nav-item > .nav-link:hover,
.navbar.fixed-top .navbar-nav > .nav-item > .nav-link:focus{
    background-color: rgba(255, 255, 255, .1);
    color: white;
}
.navbar.fixed-top.navbar-dark .navbar-nav .active > .nav-link{
    background-color: rgba(255, 255, 255, .1);
}



.navbar.fixed-top  .dropdown-menu {
    background-color: #312227;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    max-width: 320px;
    padding: 0;
}
.navbar.fixed-top  .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, .8);
    padding: 16px 55px 16px 35px;
}
.navbar.fixed-top  .dropdown-menu .dropdown-item.disabled {
    cursor: not-allowed;
    color: rgba(255, 255, 255, .5);
}
.navbar.fixed-top  .dropdown-menu .dropdown-divider {
    margin: 0;
}
.navbar.fixed-top  .dropdown-menu .dropdown-item:not(.disabled):hover,
.navbar.fixed-top  .dropdown-menu .dropdown-item:not(.disabled):focus{
    background: rgb(60, 91, 121) !important;
    color: #FFF;
}

.navbar.fixed-top + .navbar-fixed-top-secondary{
    height: 80px;
}

@media screen and(max-width: 1200px){
    .navbar.fixed-top + .navbar-fixed-top-secondary{
        height: 70px;
    }
}

.navbar.fixed-top.execute-top{
    height: 7.2rem;
}

.navbar.fixed-top.execute-top .navbar-nav > .nav-item:not(:last-child){
    border-right: 1px solid #555;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link{
    padding: 1.2rem 1.6rem;
    min-width: 8rem;
    max-height: 7.2rem;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link:hover,
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link:focus{
    background-color: rgba(255, 255, 255, .1);
    color: white;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item.flex-column > .nav-link{
    padding: 0;
    height: 100%;
    display: -ms-flexbox!important;
    display: flex!important;
    
    -ms-flex-align: center!important;
    align-items: center!important;
    
    -ms-flex-pack: center!important;
    justify-content: center!important;
}



.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .icon{
    float: left;
    font-size: 36px;
    line-height: 50px;
    color: #6d4026;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .icon:after{
    content: '';
    clear: both;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item.active > .nav-link .icon{
    color: #da7940;
}

.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block{
    text-align: center;
    margin:0 0 0 40px;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block:after{
    content: '';
    display: block;
    clear: both;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block .top{
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #555;
    padding-bottom: 3px;
    margin:0;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block .bottom{
    display: block;
    font-size: 16px;
    padding-top: 3px;
    margin:0;
    font-weight: 600;
}

.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block small{
    margin-left:2px;
    font-style:italic;
    color: #999;
}
.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block .badge small{
    color: #efece8 !important;
}

.navbar.fixed-top.execute-top .text-success{
    color: #2dcb73 !important
}
.navbar.fixed-top.execute-top .text-light{
    color: #efece8 !important
}
/* .navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block .text-danger small{ */
/*     color: #dc3545!important; */
/* } */
/* .navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block .text-success small{ */
/*     color: #28a745!important; */
/* } */


.navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .progress{
    margin: 5px 0;
    height: 1px;
}

.navbar.fixed-top.execute-top + .navbar-fixed-top-secondary{
    height: 7.2rem;
}


.dashboard-top.navbar.fixed-top.navbar-dark.bg-dark{
    background-color: rgba(72, 57, 62, 0.7) !important;
}
.dashboard-top.navbar.fixed-top.navbar-dark.bg-dark .navbar-collapse{
    background-color: transparent !important;
}

/* 表格内徽章 */
table p.status {
    margin: 0;
    width: 50px;
    padding: 0 0 0 8px;
}

.dropdown-status{
    font-family: 'font-easymoo';
}
.dropdown-status .btn.dropdown-toggle{
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none !important;
}
.dropdown-status-pause > .dropdown-toggle:before{
    content: "\ea32  暂停";
    color: #00c0ef;
    margin-right: 5px;
}
.dropdown-status-pause .dropdown-item:nth-child(1):before{
    content: "\ea43  运行";
}
.dropdown-status-pause .dropdown-item:nth-child(2):before{
    content: "\ea6a  结束";
}

.dropdown-status-resume > .dropdown-toggle:before{
    content: "\ea43  运行中";
    color: #2dcb73;
    margin-right: 5px;
}
.dropdown-status-resume .dropdown-item:nth-child(1):before{
    content: "\ea32  暂停";
}
.dropdown-status-resume .dropdown-item:nth-child(2):before{
    content: "\ea6a  结束";
}

.dropdown-status-stop{
    pointer-events: none;
}
.dropdown-status-stop > .dropdown-toggle:before{
    color: #6c757d;
    content: "\e9bf  已完成";
}
.dropdown-status-stop > .dropdown-toggle:after{
    border: none;
}


.label-status{
    font-family: 'font-easymoo';
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding-bottom: 3px;
}
.label-status-suspend{
    color: #da7940 !important;
}
.label-status-suspend:before{
    content: "\ea32  暂停";
}
.label-status-complete{
    color: #6c757d!important;
}
.label-status-complete:before{
    content: "\e9bf  已完成";
}
.label-status-processing{
    color: #da7940 !important;
}
.label-status-processing:before{
    content: "\ea43  运行中"
}
.label-status-bankruptcy{
    color: #ff604f !important;
}
.label-status-bankruptcy:before{
    content: "\ea92  破产";
}



.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success {
    color: #fff !important;
}
.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}
.bg-gray-light {
    background-color: #f7f7f7 !important;
}
.bg-black {
    background-color: #111111 !important;
}
.bg-red,
.label-danger,
.modal-danger .modal-body {
    background-color: #ff604f !important;
}
.bg-yellow,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.bg-aqua,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: #6a94ff !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}
.bg-green,
.modal-success .modal-body {
    background-color: #2dcb73 !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #605ca8 !important;
}
.bg-maroon {
    background-color: #d81b60 !important;
}
.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}
.bg-black-active {
    background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}
.bg-blue-active {
    background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}
.bg-navy-active {
    background-color: #001a35 !important;
}
.bg-teal-active {
    background-color: #30bbbb !important;
}
.bg-olive-active {
    background-color: #368763 !important;
}
.bg-lime-active {
    background-color: #00e765 !important;
}
.bg-orange-active {
    background-color: #ff7701 !important;
}
.bg-fuchsia-active {
    background-color: #db0ead !important;
}
.bg-purple-active {
    background-color: #555299 !important;
}
.bg-maroon-active {
    background-color: #ca195a !important;
}
[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
.text-red {
    color: #ff604f !important;
}
.text-yellow {
    color: #f39c12 !important;
}
.text-aqua {
    color: #00c0ef !important;
}
.text-blue {
    color: #6a94ff !important;
}
.text-black {
    color: #111111 !important;
}
.text-light-blue {
    color: #3c8dbc !important;
}
.text-green {
    color: #2dcb73 !important;
}
.text-gray {
    color: #bbbbbb !important;
}
.text-navy {
    color: #001f3f !important;
}
.text-teal {
    color: #39cccc !important;
}
.text-olive {
    color: #3d9970 !important;
}
.text-lime {
    color: #01ff70 !important;
}
.text-orange {
    color: #ff851b !important;
}
.text-fuchsia {
    color: #f012be !important;
}
.text-purple {
    color: #605ca8 !important;
}
.text-maroon {
    color: #d81b60 !important;
}

/* Ribbon  */
.ribbon-wrapper{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: rgba(255,255,255,.5);
}
.ribbon-block{
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    left : -3px;
    top: -3px;

    overflow: hidden;
}
.ribbon-block .ribbon-design {
    background: #d33724;
    color: #ffffff;

    height: 30px;
    line-height: 30px;

    position: relative;
    text-align: center;

    -webkit-transform: matrix(0.707107,-0.707107,0.707107,0.707107,-21,10);
    -moz-transform: matrix(0.707107,-0.707107,0.707107,0.707107,-21,10);
    -ms-transform: matrix(0.707107,-0.707107,0.707107,0.707107,-21,10);
    -o-transform: matrix(0.707107,-0.707107,0.707107,0.707107,-21,10);
    transform: matrix(0.707107,-0.707107,0.707107,0.707107,-21,10);
}
.ribbon-block.block-right{
    left: auto;
    right: -3px;
    top: -3px;
}
.ribbon-block.block-right .ribbon-design{
    -webkit-transform: matrix(0.707107,0.707107,-0.707107,0.707107,25,10);
    -moz-transform: matrix(0.707107,0.707107,-0.707107,0.707107,25,10);
    -ms-transform: matrix(0.707107,0.707107,-0.707107,0.707107,25,10);
    -o-transform: matrix(0.707107,0.707107,-0.707107,0.707107,25,10);
    transform: matrix(0.707107,0.707107,-0.707107,0.707107,25,10);
}

.ribbon-design:before {
    left: 0;
}
.ribbon-design:before,
.ribbon-design:after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #6e8900;
    bottom: -3px;
    content: "";
    position: absolute;
}
.ribbon-design:after {
    right: 0;
}


/****** begin help tip ********/
.help-tip {
    text-align: center;
    background-color: #5bc0de;
    border-radius: 4px;
    display: inline-block;
    width: 17px;
    margin: 0px 5px;
    line-height: 1.25;

    font-size: 14px;
    font-weight : normal;

    cursor: pointer;
}
.help-tip:before {
    content: '?';
    font-weight: bold;
    color: #fff;
}
/****** end help tip ********/

/** begin messager **/
ul.messenger.messenger-fixed.messenger-on-top {
  top: 100px;
}
ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right,
ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
  right: 0;
  left: auto;
}
/** end messager **/

/***** special *****/

.btn-white {
    background-color: #f5f5f5;
    border-color: #f3f3f3;
}

.gm-style .gm-style-iw{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}


/* begin webkit scroll bar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:vertical:hover {
    background: rgba(0, 0, 0, 0.6)
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background: rgba(0, 0, 0, 0.6)
}
input::-webkit-input-placeholder{
    color: #bebebe;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/* end webkit scroll bar */

.card.detail-card{
    border: 0;
}
.card.detail-card .card-header{
    background: #FFF;
    border-bottom: 0;
}
.card.detail-card .card-header form.form-inline .form-group{
    margin: .5rem 1.5rem .5rem 0 !important;
}
.card.detail-card .card-body{
    padding: 0;
}


.card.content-card{
    border: 0;
}
.card.content-card > .card-header{
    display: -ms-flexbox!important;
    display: flex!important;

    -ms-flex-align: center!important;
    align-items: center!important;

    -ms-flex-pack: justify !important;
    justify-content: space-between !important;

    border-bottom: 1px solid #DDD;
}


/** messenger-theme-air.css's override**/
ul.messenger-theme-air{
    font-family : inherit;
    font-weight : inherit;
}
ul.messenger-theme-air .messenger-message.message-error {
    background-color: rgba(217, 83, 79, 0.9);
    box-shadow: none;
    padding: 10px 30px 11px 15px;
}
ul.messenger-theme-air .messenger-message.message-error .messenger-message-inner:before {
    content: none;
}
.messenger-theme-air .messenger-message.message-error .messenger-message-inner {
    color: #fff !important;
}
ul.messenger-theme-air .messenger-message.message-error .messenger-close {
    color: #fff;
}

ul.messenger-theme-air .messenger-message.message-warning:hover{
    background-color: rgb(240, 173, 78);
}
ul.messenger-theme-air .messenger-message.message-warning {
    background-color: rgba(240, 173, 78, 0.9);
    box-shadow: none;
    padding: 10px 30px 11px 15px;
}
ul.messenger-theme-air .messenger-message.message-warning .messenger-message-inner:before {
    content: none;
}
.messenger-theme-air .messenger-message.message-warning .messenger-message-inner {
    color: #fff !important;
}
ul.messenger-theme-air .messenger-message.message-warning .messenger-close {
    color: #fff;
}

ul.messenger-theme-air .messenger-message.message-success {
    background-color: rgba(38, 166, 91,0.9);
    box-shadow: none;
    padding: 10px 30px 11px 15px;
}
ul.messenger-theme-air .messenger-message.message-success .messenger-message-inner:before {
    content: none;
}
.messenger-theme-air .messenger-message.message-success .messenger-message-inner {
    color: #fff !important;
}
ul.messenger-theme-air .messenger-message.message-success .messenger-close {
    color: #fff;
}
ul.messenger-theme-air .messenger-message.message-info {
    background-color: rgba(34, 177, 227 ,0.9);
    box-shadow: none;
    padding: 10px 30px 11px 15px;
}
ul.messenger-theme-air .messenger-message.message-info .messenger-message-inner:before {
    content: none;
}
.messenger-theme-air .messenger-message.message-info .messenger-message-inner {
    color: #fff !important;
}
ul.messenger-theme-air .messenger-message.message-info .messenger-close {
    color: #fff;
}


/* input-group-lg input-with-unit */
.input-group.input-with-unit input{
    height: auto;
    outline: none;
    line-height: 1em;
    padding-right: 5rem;
}
.input-group.input-with-unit input:focus{
    box-shadow: none;
}
.input-group.input-with-unit input + .input-group-append .input-group-text{
    background-color: transparent;
    -ms-flex-align: end!important;
    align-items: flex-end!important;
    font-size: .8em;
    color: #cacaca;
}
.input-group.input-with-unit .input-group-append{
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
}

.input-group.input-with-unit .input-group-append span{
    border: none;
    z-index: 99;
}

/* map */
.map-container{
    position: relative;
    width: 100%;
    height: 100%;
}
.bg-fa-64{
    width: 64px;
    height: 64px;
    cursor: move;
    background: url("../../img/place/orange/64/fa.png");
}
.bg-wa-64{
    width: 64px;
    height: 64px;
    cursor: move;
    background: url("../../img/place/green/64/wa.png");
}



/*** theme *****/
/* customsize */
.badge.badge-light{
    border: 1px solid #dee2e6;
}
form label.col-form-label{
    text-align: right;
    padding-right: 0;
}

a.plain-link,
a.plain-link:hover{
    text-decoration: none;
    color: inherit;
}

.table-bordered thead td, .table-bordered thead th{
    border-bottom-width: 1px;
}
/*.table thead th,
.table thead td,
.table tbody th,
.table tbody td{
    vertical-align: middle;
}*/

caption{
    caption-side: top;
}
/* customsize */

button[form-query-button]:before{
    content: "\e867";
    font-family: 'font-easymoo' !important;
    margin-right : 5px;
}

/* suggest control */
.suggest-dropdown{
    background: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 0 2px rgba(80, 168, 208, 0.7);
}
.suggest-pagination{
    background: #f7f7f9;
    color : #9E9E9E;
    display: flex;
    align-content: flex-end;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}
.suggest-dropdown .suggest-pagination> p{
    margin: 0;
}
/* suggest control end */

/* begin confirm popup */
.mfp-bg {
    z-index: 10000;
}
.mfp-wrap {
    z-index: 10001;
}
.mfp-wrap .mfp-content {
    z-index: 10001;
}
.modal-block {
    background: transparent;
    padding: 0;
    text-align: left;
    max-width: 600px;
    margin: 40px auto;
    position: relative;
}
.modal-block.modal-block-xs {
    max-width: 200px;
}

.modal-block.modal-block-sm {
    max-width: 400px;
}

.modal-block.modal-block-md {
    max-width: 600px;
}
.modal-wrapper {
    display: flex;
    padding: 15px 0;
    align-items: center;
}
.modal-icon .fa {
    font-size: 2.5rem;
    margin: auto;
    color: #CCC;
}
.mfp-close,
.mfp-close-btn-in .mfp-close {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #838383;
}
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.6;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.modal-block-primary .modal-icon .fa {
  color: #da7940;
}
/* end confirm popup */
.card.card-contract{
    display: inline-block;
    font-size: 80%;
    border: 1px solid #342216;
    box-shadow: 1px 1px 3px 0 #a49f9aa6;
    padding: 0 1rem;
    cursor: pointer;
    margin-bottom: 1rem;
    overflow: hidden;
    width: 268px;
    text-align: left!important;
}
.card.card-contract .table-contract-content{
    border-collapse: initial;
    width: 100%;
}
.card.card-contract .table-contract-content td{
    padding-top: .5rem;
}
.card.card-contract .table-contract-content tr>td:nth-child(2){
    border-bottom: 1px solid #949494;
}
.card.card-contract.active{
    background-color: #f8f6f3;
}
.card.card-contract:after {
    content: '合约';
    color: #0b0b0b;
    text-align: center;
    position: absolute;
    left: -50px;
    top: 5px;
    width: 150px;
    padding: 4px 0;
    font-size: 1.2rem;
    font-weight: bold;
    transform: rotate(-45deg);
}
.card.card-contract.contract-purchase:after{
    content: "预";
    background-color: rgba(239, 87, 87, 0.5);
}
.card.card-contract.contract-purchase.mode-b:after{
    content: "先";
    background-color: rgba(255, 165, 0, 0.5);
}
.card.card-contract.contract-advance:after{
    content: "预·融";
    background-color: rgba(154, 93, 24, 0.5);
}
.card.card-contract.contract-pledge:after{
    content: "质·融";
    background-color: rgba(24, 154, 33, 0.5);
}
.card.card-contract.contract-lease:after{
    content: "租·融";
    background-color: rgba(0, 127, 255, 0.5);
}
.card.card-contract.contract-factoring-y:after{
    content: "追索";
    background-color: rgba(0, 0, 255, 0.5);
}
.card.card-contract.contract-factoring-n:after{
    content: "转让";
    background-color: rgba(139, 0, 255, 0.5);
}
.card.card-contract.contract-pledge.status-e.unshippment:before,
.card.card-contract.status-d:before,
.card.card-contract.status-i:before,
.card.card-contract.status-f:before{
    content: '未支付融资服务费';
    text-align: center;
    color: #bc3018;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 45% 0;
    background-color: rgba(232, 231, 225, 0.6);
}
.card.card-contract.status-i:before{
    content: '已作废';
}
.card.card-contract.status-f:before{
    color: #0c992e;
    content: '已完成';
}
.card.card-contract.contract-purchase.status-d:before{
    content: '未支付预付款';
}
.card.card-contract.contract-advance.status-f.returned:before{
    color: #bc3018;
    content: '已违约回购';
}
.card.card-contract.contract-pledge.status-e.unshippment:before{
    color: #bc3018;
    content: '质押物未进监管仓';
}

.card.card-contract .card-contract-action-cover{
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.3);
    z-index: 99;
}
.card.card-contract .card-contract-action-cover .btn-contract-action{
    padding: 1rem;
    color: #f0f0f0;
    text-align: center;
    font-size: 1rem;
    background-color: rgb(120,92,68, .6);
}
.card.card-contract .card-contract-action-cover .btn-contract-action:not(:first-child){
    border-top: 1px solid #e5ddd8;
}
.card.card-contract:hover{
    background-color: rgba(34, 34, 34, 0.3);
}
.card.card-contract:hover .card-contract-action-cover{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.time-line {
    display: flex;
    align-items: center;
    height: 160px;
    width: 100%;
}

.time-line > .progress{
    position: relative;
    overflow: visible;
    flex-grow: 1;
    height: 4px;
    margin: 0 1rem;
    background-color: #d1cfc8;
}
.time-line .progress .progress-bar{
    background-color: #946142;
}
.time-line .event-dot {
    position: absolute;
    background-color: #d1cfc8;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    top: -5px;
    transform: translate(-7px,0);
}
.time-line .event-dot.active {
    background-color: #946142;
}
.time-line .event-dot.start {
    border: 2px solid white;
    box-shadow: 0 0 0 2px #d1cfc8;
}
.time-line .event-dot.active.start {
    border: 2px solid white;
    box-shadow: 0 0 0 2px #946142;
}
.time-line .event-now {
    background-color: #946142;
    color: white;
    border-radius: 5px;
    margin: 0;
    padding: 4px;
    font-size: 10px;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #946142;
    position: absolute;
    top: -12px;
    transform: translateX(-16px);
}

.event-bubble {
    position: absolute;
    width: 148px;
    height: 54px;
    padding: 0 10px;
    border: 1px solid #ccc;
}
.event-bubble.left{
    transform: translate(-25px,0);
}
.event-bubble.right {
    transform: translate(-115px,0);
}
.event-bubble.top{
    top: -75px;
}
.event-bubble.bottom {
    top: 22px;
}

.event-bubble:after,
.event-bubble:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

.event-bubble.top:before {
    bottom: -12px;
    left: 13px;
    border-top-color: rgba(222, 222, 222, 0.66);
    border-width: 12px;
}
.event-bubble.top:after {
    bottom: -10px;
    left: 13px;
    border-top-color: #F6F6F6;
    border-width: 12px;
}
.event-bubble.bottom:before {
    bottom: 52px;
    left: 103px;
    border-top-color: rgba(222, 222, 222, 0.66);
    border-width: 12px;
    transform: rotate(180deg);
}
.event-bubble.bottom:after {
    bottom: 50px;
    left: 103px;
    border-top-color: #F6F6F6;
    border-width: 12px;
    transform: rotate(180deg);
}
.event-bubble.top.left:before,
.event-bubble.top.left:after,
.event-bubble.bottom.left:before,
.event-bubble.bottom.left:after{
    left: 13px;
}
.event-bubble.top.right:before,
.event-bubble.top.right:after,
.event-bubble.bottom.right:before,
.event-bubble.bottom.right:after{
    left: 103px;
}
.event-bubble .event-time{
    display: flex;
}
.event-bubble .day-digit {
    font-size: 27px;
    color: #4C4A4A;
}

.event-bubble .month {
    font-size: 11px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 10px;
    color: #4C4A4A;
}

.event-bubble .operator {
    font-weight: 600;
    line-height: 10px;
    color: #9E9E9E;
    font-size: 9px;
}

.event-bubble .event-title {
    width: 100%;
    color: #a71930;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*region board Style: include general board, market board, assets board etc.*/
body.dark-board{
    color: #F8F8F8;
    background-color: #2c2c32;
    /*<#--background: url("${rc.contextPath}/resource/img/bg-board.jpg") no-repeat center center fixed;;-->*/
}body.dark-board .modal{
     color: #333;
 }
body.dark-board .table .thead-light th {
    color: #efdbd0;
    background-color: #92827bbd;
    border-color: #918684;
}

body.dark-board .table-bordered td,
body.dark-board .table-bordered th {
    border: 1px solid #918684;
}
.summary-icon{
    font-size: 3rem;
    margin-right: .5rem;
}
.summary-data{
    text-align: center;
    font-size: 2rem;
    border-bottom: 1px solid #3e3d32;
}
.summary-data small{
    font-size: 50%;
    margin-left: .5rem;
    margin-bottom: .5rem;
}
.summary-text{
    margin-top: .5rem;
    color: #8a897b;
}
.board-block{
    position: relative;
    background-color: #2e2e37;
    border: 1px solid #6c5454;
    box-shadow: 2px 3px 9px 0px #3f3535;
    color: #b49578;
}
.board-block small{
    font-size: 50%;
}
.board-block .chart-info{
    position: absolute;
    top: 0;
    height: 100%;
    padding: 1rem;
}
.board-block .chart-info small{
    font-size: 50%;
}
.board-block.info-left{
    padding-left: 300px;
}
.board-block.info-right{
    padding-right: 300px;
}
.board-block.info-top{
    padding-top: 80px;
}
.board-block.info-left .chart-info{
    left: 0;
}
.board-block.info-right .chart-info{
    right: 0;
}
.board-block.info-top .chart-info{
    left: 0;
    width: 100%;
}

.board-title{
    position: fixed;
    top: 1rem;
    margin: 0 auto;
}
.swiper-wrapper{
    align-items: center;
}
.swiper-slide{
    text-align: center;
}
#board-top-nav .swiper-slide.swiper-slide-active{
    font-size: 2rem;
    color: #ce9b84;
    position: relative;
}
#board-top-nav .board-nav a{
    color: #ce9b84;
}
#board-top-nav .swiper-slide.swiper-slide-active a.nav-link{
    color: #ffa672;
}
#board-top-nav .navbar-date:before ,
#board-top-nav .navbar-date:after {
    content: "";
    border-left: 1px solid  #b5927b;
    box-shadow: -4px -2px 11px 2px #b5927b;
    position: absolute;
    top: -65px;
    height: 130px;
}
#board-top-nav .navbar-date:before {
    left: 0;
    transform: rotate(155deg);
}
#board-top-nav .navbar-date:after {
    right: 0;
    transform: rotate(25deg);
}
#board-top-nav .board-nav{
    overflow: hidden;
    /*background-image: -webkit-radial-gradient(top, circle cover, #252019 70%, transparent 100%);*/
    /*background-image: -moz-radial-gradient(top, circle cover, #252019 70%, transparent 100%);*/
    /*background-image: -o-radial-gradient(top, circle cover, #252019 70%, transparent 100%);*/
    /*background-image: radial-gradient(top, circle cover, #252019 70%, transparent 100%);*/
}
#board-top-nav.board-top {
    position: relative;
    box-shadow: 1px 2px 5px 1px #48403b;
    padding: 0 15px;
}
#board-top-nav .board-nav .navbar-date{
    color: #20c400;
    margin: 0 5rem;
}
#board-top-nav .swiper-slide-next,
#board-top-nav .swiper-slide-prev{
    position: relative;
}
#board-top-nav .board-nav-info.right:after,
#board-top-nav .board-nav-info.right:before,
#board-top-nav .board-nav-info.left:after,
#board-top-nav .board-nav-info.left:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 5px;
    width: 100%;
    height: 0.5px;
    background: linear-gradient(270deg,#b5927b,#5f544d,transparent);
}
#board-top-nav .board-nav-info.right:after,
#board-top-nav .board-nav-info.left:after {
    bottom: -2px;
    height: 4px;
    filter: blur(5px);
}
#board-top-nav .board-nav-info.right:after,
#board-top-nav .board-nav-info.right:before{
    right: initial;
    left: 4px;
    background: linear-gradient(90deg,#b5927b,#5f544d,transparent);
}
@media screen and (max-width: 1439px) {
    #board-top-nav  .board-nav .navbar-date:before ,
    #board-top-nav  .board-nav .navbar-date:after {
        content: none;
    }
    #board-top-nav .board-nav-info.right:after,
    #board-top-nav .board-nav-info.right:before,
    #board-top-nav .board-nav-info.left:after,
    #board-top-nav .board-nav-info.left:before {
        right: -100%;
    }
    #board-top-nav .board-nav-info.right:after,
    #board-top-nav .board-nav-info.right:before{
        right: initial;
        left: -100%;
    }
    .navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .icon{
        font-size: 24px;
        line-height: 60px;
    }
    .navbar.fixed-top.execute-top .navbar-nav > .nav-item > .nav-link .statistics-block{
        margin-left: 26px;
    }
}
/*endregion*/

/* analysis page common style */
#chart-control{
    position: fixed;
    padding: 0 15px;
    top: 80px;
    left: 0;
    width: 260px;
    height: calc(100vh - 80px);
    background: #eadfd9;
    border-right: 1px solid #e1d3ca;
}
#chart-container{
    padding-left: 260px;
    min-height: calc(100vh - 80px);
}
#chart-container .chart-cover{
    height: 350px;
    margin-bottom: 15px
}

.div-legend-item{
    height: 40px;
    cursor: pointer;
}
.analysis-field{
    margin-bottom: 5px;
    cursor: pointer;
    color: #cccccc;
}
.analysis-field:hover,
.analysis-field.selected{
    font-weight: bold;
    color: #946142;
}
/* end analysis page common style */