.index-analysis-wrapper { height: 100%; width: 100%; margin: 0; border: none; box-shadow: none; font-family: 'Microsoft YaHei'; font-size: 14px; &.edit-mode { margin: 0; border: none; box-shadow: none; .title_abstract { display: none; } } .filter { padding: 10px 0 0 10px; .filterSpan { display: inline-block; height: 34px; padding: 6px 0px; vertical-align: top; } #filterMonth { width: 100px; display: inline-block; vertical-align: top; } } .title_abstract { width: 100%; height: 45px; position: relative; font-size: 16px; .title_name { float: left; padding: 10px; } .btn-filter { float: right; margin: 10px; background: none; outline: none; border: none; } } .title_total { width: 100%; padding: 15px 0px 30px 2px; margin-left: -5px; .col-sm-1 { min-width: 110px; } .risk_tip_wrapper { padding-left: 0px; .risk_item { margin-right: 15px; i { margin-right: 5px; color: #dc6900; } } /* set tooltip width */ .tooltip-inner { max-width: 300px; width: 300px; } .tooltip.risk_tip .tooltip-inner { padding: 5px; font-family: 'Microsoft YaHei'; font-size: 12px; text-align: left; background-color: white; color: black; box-shadow: 0 6px 12px rgba(0,0,0,.175); } /* Hide or show arrow */ .tooltip.risk_tip .tooltip-arrow { display: none; } } } .title { margin: 10px 0px; width: 460px; span { } } .row-content { width: 100%; padding: 10px; .table-content { float: left; width: 100%; height: auto; border: 1px solid #ddd; } .chart-content { border: 1px solid #ddd; padding: 0; } .no-chart-content { border: 1px solid #ddd; color: #777777; font-size: 25px; height: 424px; line-height: 424px; text-align: center; vertical-align: middle; width: 100%; } @media (min-width: 992px) { .table-content { width: 458px; height: 0; min-height: 424px; max-width: 458px; } .chart-content { margin-left: 12px; width: calc(~"100% - 490px"); } .no-chart-content { margin-left: 12px; width: calc(~"100% - 490px"); } } } }