@import "~/app-resources/less/theme.less"; .vat-summary-dashboard { @organge-color0: #DC6900; background-color: #F2F2F2; height: 100%; padding: 15px; .content { background-color: white; height: 100%; border: 1px solid #f2f2f2; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; padding: 10px; .header { width: 100%; margin-left: -18px; margin-top: 5px; .cubeImg { display: inline-block; padding: 20px; background-color: @organge-color0; border-radius: 5px; margin-top: -20px; } .title { display: inline-block; margin-left: 10px; vertical-align: -webkit-baseline-middle; } .indicators_total { margin-left: 10px; background-color: #ddd; border-radius: 10px; padding: 2px 8px 2px 8px; text-align: center; vertical-align: middle; font-size: 13px; color:#b4122a; } .add-chart { display: inline-block; width: 90px; margin-left: 20px; vertical-align: top; height: 34px; padding: 6px 0px; cursor: pointer; .add-icon { vertical-align: bottom; font-size: 19px; padding-right: 5px; } } } .filter { padding: 5px 0px 0px 5px; .add-chart { display: inline-block; width: 80px; margin-left: 20px; vertical-align: top; height: 34px; padding: 6px 0px; cursor: pointer; .add-icon { vertical-align: bottom; font-size: 19px; padding-right: 5px; } } .filterSpan { display: inline-block; height: 34px; padding: 6px 0px; vertical-align: top; } #filterMonth { width: 100px; display: inline-block; vertical-align: top; } } .summary-result { overflow-y: auto; height:calc(~"100% - 105px"); } .row-block { /*min-height: 300px;*/ height:100%; border: 1px solid #ddd; border-radius: 5px; -webkit-box-shadow: 0 0 10px #eeeeee; -moz-box-shadow: 0 0 10px #eeeeee; box-shadow: 0 0 10px #eeeeee; width: 100%; /*padding: 15px;*/ margin: 10px 0px 30px 0px; font-family: 'Microsoft YaHei'; font-size: 14px; .title_abstract { width: 100%; height: 45px; background-color: #ddd; position: relative; font-size: 16px; .title_name { position: absolute; top: 25%; } .title_button { float: right; height: 100%; line-height: 42px; vertical-align: middle; a, span, i { margin-right: 25px; } } } .title_total { width: 100%; padding: 15px 0px 30px 2px; margin-left: -5px; .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 { width: 460px; float: left; height: 424px; border: 1px solid #ddd; } .chart-content { margin-left: 470px; /*width: calc(~"100% - 470px");*/ /*height: 300px;*/ border: 1px solid #ddd; width:auto; } .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%; } } } .summary-result-no-data { text-align: center; height:calc(~"100% - 105px"); background-color: @color-light-gray-f2; padding-top: 10%; .circle-gray { height: 120px; width: 120px; border-radius: 50%; background-color: white; border:1px solid #CDCDCD; margin: auto; .material-icons { margin-top: 21px; font-size: 70px; color: #BFBFBF; } } .no-data-text{ color: #888888; font-size: 14px; margin-top: 20px; } } } .config-btn { padding: 6px 12px; background-color: white; border: 1px solid #E4E4E4; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; float: right; margin-top: -10px; i { margin-left: 10px; color: #888888; } } /*dx-datagrid*/ .dx-datagrid-rowsview { .orange-color { color: rgb(213, 118, 13); } } /*custom gallery UI*/ .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { font-size: 16px; color: #959595; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { width: 20px!important; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after { background-color: rgba(213, 118, 13, 0.5)!important; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after { background-color: rgba(213, 118, 13, 0.8)!important; } .dx-gallery-indicator-item { border: 1px solid rgb(213, 118, 13)!important; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { background: rgb(213, 118, 13); border: 2px solid rgba(255, 255, 255, 0.8); } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: rgb(213, 118, 13); } .form_datetime { height: 36px; } #organizationDirtyProcessBarContainer { .modal-content { margin-top: 50%; } } }