@light-gray: #ccc; @light-orange: #dc6900; .app-summary-page { height: 100%; .geo-info { .overview-picker { /*float: right;*/ margin-left:80%; width: 150px; height: 32px; border: 1px solid #c7c5c0; display: inline-block; .red-color { color: #e0301e; } .vat-subheader { display: inline-block; font-size: 15px; height: 30px; line-height: 30px; vertical-align: middle; border: none; select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } } } .amount-total { font-size: 20px; font-weight: bold; text-align: center; } .amount-num { .amount-total; color: #dc6900; margin: 40px 0 40px 0px; } .red-split { border: 2px solid red; width: 100%; } .top-detail { margin: 40px 0 0 20px; tbody { .top-detail-tr { height: 40px; .top-detail-td { width: 180px; font-weight: bold; text-align: center; } } } } .panel-content { padding: 40px 20px 5px 30px; .left-component { display: inline-block; width: 30%; vertical-align: top; .gallery-panel { border: 1px solid #ddd; display: inline-block; } } .right-component { margin-left: 40px; width: 60%; display: inline-block; font-weight: bold; vertical-align: top; .special-row { border-bottom-style: dotted; border-bottom-color: #bbc; .common { height: 25px; margin-top: 10px; > div { margin: 0 40px; width: 120px; text-align: center; display: inline-block; } } .month { .common; color: @light-orange; } .number { .common; color: @light-gray; } } .total-line { border-bottom-style: solid; border-bottom-color: #bbc; text-align: right; margin-top: 40px; } } } } .title { font-size: 20px; margin-bottom: 20px; } .row { margin: 0; } .border-right { border-right: 1px solid #ccc; } .chart-row { height: 320px; .progress-bar { background-color: #a32020; } } .base-icon { width: 25px; height: 20px; border: 1px solid #a32020; content: 'CIT'; margin-right: 20px; font-size: 10px; padding: 2px; text-align: center; display: inline-block; vertical-align: middle; } .task-row { margin: 20px 15px; } }