.content{height:500px}.content .left-side{width:50%;background-color:#E6F6F7}.content .right-side{width:50%;overflow:hidden;display:flex;align-items:start;justify-content:right}.referrals-content{justify-content:space-between;align-items:center}.referrals-content .summary-container{min-width:500px;margin-right:10px}.referrals-content .summary-container .summary .total-earnings .te-title{font-size:18px !important;font-weight:600;margin-bottom:0}.referrals-content .summary-container .summary .total-earnings p{font-size:24px !important;font-weight:600}.referrals-content .summary-container .summary .successful-referrals .sr-title{font-size:18px !important;font-weight:600;margin-bottom:0}.referrals-content .summary-container .summary .successful-referrals p{font-size:24px !important;font-weight:600}.emailreferral-div-reverse{display:flex;justify-content:space-between;background-color:white;color:#0e2d52;padding:15px;border:2px solid #0e2d52;border-radius:8px;margin-bottom:10px;align-items:center}.emailreferral-div-reverse .referral-container{min-width:400px}.emailreferral-div-reverse .status-reward-container{display:flex;min-width:400px}.emailreferral-div-reverse .status-reward-container .status-container{display:flex;flex-direction:column}.emailreferral-div-reverse .status-reward-container .status-container .status-title{font-weight:bold}.emailreferral-div{display:flex;justify-content:space-between;background-color:#0e2d52;color:#fff;padding:15px;border:2px solid #0e2d52;border-radius:8px;margin-bottom:10px;align-items:center}.emailreferral-div .status-reward-container{display:flex;min-width:400px}.emailreferral-div .status-reward-container .status-container{display:flex;flex-direction:column}.emailreferral-div .status-reward-container .status-container .status-title{font-weight:bold}.emailreferral-div .status-reward-container .reward-container{display:flex;flex-direction:column}.emailreferral-div .status-reward-container .reward-container .reward-title{font-weight:bold}body.modal-open{overflow:hidden}.overlay-referral{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000}.modal-dialog{max-width:800px !important;margin:1.75rem auto}#rewardsHistoryModal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1001;padding:20px;border-radius:8px}.modal-title{color:#0e2d52;font-family:"Zilla Slab", Times, serif;font-size:1.333rem;font-weight:600}.modal-content{padding-bottom:2px !important}#rewardsHistoryModalBody{padding:0 !important;height:497px !important;overflow-y:scroll !important;overflow-x:hidden !important}.rewards-history-table-header{max-width:798px;width:calc(100vw - 43px);display:flex;flex-direction:row;justify-content:space-between;color:#0e2d52 !important;background-color:#f8f9fa;height:47px;border-top:2px solid #dee2e6;border-bottom:2px solid #dee2e6;align-items:center;position:fixed}.rewards-history-table-header .th{min-width:20%;padding:0 10px;text-align:center}.rewards-history-table-header .th-reason{min-width:40%}.first-row-mt{margin-top:36px}.tr:hover{background-color:#e0e0e0}.rewards-history-table-body{display:flex;flex-direction:row;justify-content:space-evenly}.rewards-history-table-body .td{min-width:20%;padding:15px 10px;text-align:center;text-align:center;align-content:center}.rewards-history-table-body .td-reason{min-width:40%}.rewards-history-table-body .amount-bg{background-color:#f6f6f6;padding:5px;border-radius:3px;width:100%;display:block}@media (max-width: 576px){#rewardsHistoryModalBody .rewards-history-table-header{width:calc(100vw - 60px) !important;justify-content:space-around}#rewardsHistoryModalBody .rewards-history-table-header .th{font-size:14px;max-width:65px !important;min-width:0 !important}.rewards-history-table-body .td-reason{min-width:110px}.rewards-history-table-body .td{max-width:65px !important;min-width:0 !important}}@media (max-width: 767px){.modal-content{padding-bottom:2px !important}#rewardsHistoryModalBody{padding:0 !important;height:497px !important;overflow-y:scroll !important;overflow-x:hidden !important}.rewards-history-table-header .th{min-width:20%;padding:0 10px;text-align:center;font-size:16px}.rewards-history-table-header .th-reason{min-width:30%}.first-row-mt{margin-top:36px}.tr:hover{background-color:#e0e0e0}.rewards-history-table-body{display:flex;flex-direction:row;justify-content:space-around}.rewards-history-table-body .td{min-width:20%;padding:15px 10px;text-align:center;text-align:center;align-content:center;font-size:13px}.rewards-history-table-body .td-reason{min-width:30%}.rewards-history-table-body .amount-bg{background-color:#f6f6f6;padding:5px;border-radius:3px;width:100%;display:block}}@media (max-width: 768px){.content{height:auto;flex-direction:column-reverse}.content .left-side{width:100%}.content .right-side{width:100%;overflow:hidden;align-items:normal;height:300px}.referrals-content{align-items:center;flex-direction:column}.referrals-content .summary-container{min-width:0;max-width:768px}.referrals-content .summary-container .summary{flex-direction:column;text-align:center;align-items:center;min-width:330px}.referrals-content .summary-container .summary .total-earnings{width:100% !important}.referrals-content .summary-container .summary .successful-referrals{width:100% !important}.emailreferral-div-reverse,.emailreferral-div{flex-direction:column;align-items:start}.emailreferral-div-reverse .referral-container,.emailreferral-div .referral-container{min-width:0}.emailreferral-div-reverse .status-reward-container,.emailreferral-div .status-reward-container{display:flex;min-width:0}.emailreferral-div-reverse .status-reward-container .status-container,.emailreferral-div .status-reward-container .status-container{right:0}}@media (min-width: 576px) and (max-width: 768px){.referrals-content{align-items:center;flex-direction:column}.referrals-content .summary-container{min-width:0;max-width:768px}.referrals-content .summary-container .summary{flex-direction:row;text-align:center;align-items:center;min-width:400px}}@media (min-width: 768px){.modal-dialog{max-width:800px !important;margin:1.75rem auto}.emailreferral-div-reverse,.emailreferral-div{flex-direction:row;align-items:start}.emailreferral-div-reverse .referral-container,.emailreferral-div .referral-container{min-width:0}}@media (min-width: 992px){.referrals-content .summary-container{margin-right:0px;min-width:500px}.referral-container{min-width:400px}}