.summary-wrapper { background-color: white; margin: auto; width: 80%; padding: 30px; } .summary-wrapper .sw-header p:first-child { margin-bottom: 30px; font-size: 24px; } .currency { font-size: 12px; font-weight: bold; } .summary-wrapper .sw-header .total-amount { font-size: 22px; font-weight: bold; } .transport-category { font-size: 18px; font-weight: bold; } .item-summary { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 15px; border-radius: 6px; padding: 15px; background-color: #f8f8f8; border: 1px solid #f8f8f8; opacity: 0.7; } .item-summary.active { box-shadow: 0 0 15px #e8e8e8; background-color: #e8e8e8; border: 1px solid #e8e8e8; cursor: pointer; opacity: 1; } .item-summary p { margin-bottom: 0; } .item-summary .amount { display: flex; align-items: center; } .item-summary .amount .category-total { font-size: 18px; } .item-summary .amount .right-icon { margin-left: 10px; } .details-wrapper { width: 100%; overflow: auto;; } .details-wrapper table { min-width: 1300px; } .calendar.right{ display: none !important; } /*change color in range*/ .daterangepicker td.in-range { background-color: #26A69A !important; } .wrap-activites-table { display: flex; justify-content: space-between; } .wrap-activites-table .search-block { align-items: center; display: flex; } .wrap-activites-table .search-block .wrap-search-input { margin-right: 20px; }