.billing-history{width:100%;margin:20px auto}.billing-history h2{font-size:24px;font-weight:700}.billing-history .download-btn{background-color:#5469d4;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-bottom:20px;display:inline-block}.billing-history table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px}.billing-history table tbody:before{content:"-";display:block;line-height:8px;color:transparent}.billing-history table .no-data{color:#3e4b6b;font-size:16px;font-style:normal;font-weight:600;line-height:110%}.billing-history table td,.billing-history table th{border-bottom:1px solid #e8edf2;text-align:left;padding:10px;color:var(--primary-main);font-size:16px;height:48px;font-style:normal;font-weight:500;line-height:130%}.billing-history table td .checkbox-container,.billing-history table th .checkbox-container{display:flex;align-items:center;gap:10px;flex-direction:row;flex-wrap:nowrap}.billing-history table td .checkbox-container input[type=checkbox],.billing-history table th .checkbox-container input[type=checkbox]{margin:0}.billing-history table th{background-color:#e8edf2}.billing-history table th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;border-top:1px solid #e8edf2}.billing-history table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.billing-history table tbody tr:first-of-type td{border-top:1px solid #e8edf2}.billing-history table tbody tr:first-of-type td:first-child{border-top-left-radius:10px;border-left:1px solid #e8edf2}.billing-history table tbody tr:first-of-type td:last-child{border-top-right-radius:10px;border-right:1px solid #e8edf2}.billing-history table tbody tr:last-of-type td:first-child{border-bottom-left-radius:10px;border-left:1px solid #e8edf2}.billing-history table tbody tr:last-of-type td:last-child{border-bottom-right-radius:10px;border-right:1px solid #e8edf2}.billing-history table tbody tr td:first-child{border-left:1px solid #e8edf2}.billing-history table tbody tr td:last-child{border-right:1px solid #e8edf2}.billing-history table input[type=checkbox]{margin-right:10px;margin-top:0;vertical-align:middle}.billing-history table .status{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px;border-radius:5px;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.billing-history table .status.status-paid{background:rgba(0,194,165,.1);color:#00c2a5}.billing-history table .status.status-pending{color:#ec9922;background:rgba(236,153,34,.1)}.billing-history table .status.status-failed{color:#ff7965;background:hsla(8,100%,70%,.1)}.billing-history table .options-btn{background:none;transform:rotate(90deg);border:none;font-size:18px;cursor:pointer}.billing-history table .productCell{color:var(--primary-dark);font-size:16px;font-style:normal;font-weight:600;line-height:110%}.mainGrid{display:grid;grid-gap:18px;gap:18px}@media(min-width:1300px){.mainGrid{grid-template-columns:1fr 1fr}}.mainGrid .flexbox{display:inline-flex;padding:20px;flex-direction:column;justify-content:space-between;gap:12px;border-radius:20px;border:1px solid #e8edf2}.billing,.payment{display:flex;align-items:center;justify-content:space-between}.iconBox{display:flex;gap:4px}.editButton.MuiButtonBase-root{display:inline-flex;padding:12px;justify-content:center;align-items:center;gap:4px;border-radius:10px;border:1px solid #e8edf2}.editButton.MuiButtonBase-root:hover{background-color:#e1e3e6}.editButton.MuiButtonBase-root .editText{color:#6678a7;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.editButton.MuiButtonBase-root svg{width:15px;height:15px;flex-shrink:0}.deleteIcon{display:inline-flex;padding:12px;gap:4px;border-radius:10px;background:#8e9fc9}.deleteIcon,.deleteIcon svg{justify-content:center;align-items:center}.deleteIcon svg{display:flex;width:18px;height:18px;color:#fff}.cardDetails{font-size:18px;line-height:130%}.cardDetails,.ptext{color:#3e4b6b;font-style:normal;font-weight:600}.ptext{font-size:24px;line-height:120%}.paymentGrid .typographyBody2{color:#748090;font-size:16px;font-style:normal;font-weight:400;line-height:130%;padding:0}.paymentGrid .typographyBody1{color:#3e4b6b;font-size:18px;font-style:normal;font-weight:600;line-height:130%;padding:0}.paymentGrid .yellow-card-logo{margin-left:-18px}.paymentflex{display:flex;align-items:center;justify-content:space-between;flex-direction:column;align-items:normal;gap:12px}.paymentflex .paranull{font-size:18px;font-weight:600;line-height:20.8px;text-align:left;color:#748090}@media(min-width:1300px){.billinghistory{grid-column:span 2}}.activity-log .title{font-size:24px;font-weight:600}.activity-log .activity-log-header{display:flex;align-items:center;justify-content:space-between}.activity-log .activity-log-header .period{display:none;flex-direction:row;gap:8px;align-items:center}@media only screen and (max-width:767px){.activity-log .activity-log-header .period{display:flex}}.activity-log .search_icon{width:16px;height:16px;color:#748090;padding:0}.activity-log .search-input{margin-top:16px;border-radius:10px}.activity-log .search-input .MuiInputBase-input{padding:12px 12px 12px 0;border-radius:10px;display:inline-flex;gap:8px}.activity-log .search-input .MuiInputBase-input::placeholder{color:#748090;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.activity-log .filters{display:flex;flex-wrap:wrap;align-items:center;margin-top:12px;gap:8px}.activity-log .filters button{padding:4px 12px;border-radius:7px;background:#e8edf2;text-transform:none;font-size:16px;line-height:16px}.activity-log .filters button.active{background-color:#3e4b6b;color:#fff}.activity-log .filters .period{display:flex;gap:16px;align-items:center;margin-left:auto}@media only screen and (max-width:767px){.activity-log .filters .period{display:none}}.activity-log .filters .period-text{color:#748090;font-size:16px;font-weight:600}.activity-log .filters .custom-date-select{min-width:100px;display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:16px;border-radius:7px;border:1px solid #e8edf2}.activity-log .filters .custom-date-select.active{border:1px solid #e8edf2}.activity-log .filters .custom-date-select .MuiOutlinedInput-input{padding:0!important;color:#3e4b6b;font-size:16px;font-weight:400}.activity-log .timeline{padding:0;margin:31px 0 0}@media only screen and (max-width:767px){.activity-log .timeline .MuiTimelineSeparator-root{display:none}}.activity-log .timeline .MuiTimelineItem-root:before{padding:0;flex:0 1}.activity-log .timeline .MuiTimelineDot-root{margin:6px 0 0;background-color:#748090}.activity-log .timeline .MuiTimelineConnector-root{width:1px;background-color:#e8edf2}.activity-log .timeline .MuiTimelineContent-root{margin-bottom:24px;padding:0 0 0 12px}@media only screen and (max-width:767px){.activity-log .timeline .MuiTimelineContent-root{padding-left:0}}.activity-log .timeline .event-date{color:#748090;font-size:16px;font-style:normal;font-weight:600}.activity-log .timeline .notificationContainer{display:flex;align-items:flex-start}@media only screen and (max-width:767px){.activity-log .timeline .notificationContainer{flex-direction:column}}.activity-log .timeline .date{color:#748090;font-size:16px;font-style:normal;font-weight:600;margin-right:24px;margin-top:3px}.activity-log .timeline .date_field{margin-top:3px}.activity-log .timeline .notificationBox{flex:1 1}.activity-log .timeline .notificationCard{display:flex;align-items:center;gap:16px;color:#667085;margin-bottom:8px;font-weight:600}.activity-log .timeline .status{color:#3e4b6b;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center;gap:4px}.activity-log .timeline ul{padding-left:22px;list-style-type:disc}.activity-log .timeline .loginIconStyle{color:#3e4b6b}.activity-log .timeline .purchaseIconStyle{color:#00c2a5}.activity-log .timeline .iconStyle{color:#ff7965}.activity-log .timeline .cardContainer{border-radius:10px;border:1px solid #e8edf2;padding:16px;margin-top:8px}.activity-log .timeline .cardContent{display:flex;justify-content:space-between;align-items:baseline}@media only screen and (max-width:767px){.activity-log .timeline .cardContent{gap:32px}}.activity-log .timeline .paymentCardContent{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.activity-log .timeline .card-logo{width:10px}.activity-log .timeline .yellow-card-logo{width:10px;margin-left:-12px;z-index:1;position:relative}.activity-log .timeline .cardMode{color:#748090;font-size:16px;font-style:normal;font-weight:600;margin-right:24px;margin-top:12px}.activity-log .timeline .cardNumber{margin-top:0;display:flex;align-items:center;gap:4px}.activity-log .timeline .ipAddress,.activity-log .timeline .time{color:#748090;font-size:16px;font-style:normal;font-weight:600}