*,
body {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: "Aeonik Bold";
    src: url(../../fonts/aeonik/AeonikTRIAL-Bold.otf);
}

@font-face {
    font-family: "Aeonik Regular";
    src: url(../../fonts/aeonik/AeonikTRIAL-Regular.otf);
}

@font-face {
    font-family: "Aeonik Light";
    src: url(../../fonts/aeonik/AeonikTRIAL-Light.otf);
}

body {
    font-family: "Aeonik Regular";
}

a {
    text-decoration: none;
    outline: none;
}

h5 {
    margin-bottom: 0;
}

h6 {
    color: #5a5a5e;
    margin-bottom: 0;
    font-family: "Aeonik Regular";
}

.search {
    background-color: #f3f5f6;
    height: 35px;
    border-radius: 4px;
}

.search input {
    outline: none;
    border: none;
    font-size: 12px;
    color: #909090;
    font-family: "Aeonik Light";
}

h6 span {
    font-family: "Aeonik Bold";
    font-weight: bold;
}

.dashboard-chart {
    background-color: #f0f4f9;
}

.profile {
    padding-left: 30px;
    padding-right: 30px;
}

.dashboard-details {
    padding-left: 30px;
    padding-right: 30px;
}

.dashboard-details select {
    width: 250px;
    height: 35px;
    outline: none;
    border: 1px solid #eff0f6;
    font-size: 14px;
    color: #5a5a5e;
    font-family: "Aeonik Regular";
    border-radius: 2px;
}

.show-all-btn {
    background-color: #353863;
    outline: none;
    border: none;
    font-size: 12px;
    font-family: "Aeonik Regular";
    border-radius: 3px;
}

.dashboard-heading {
    background-color: #fbfbfb;
}

.dashboard-content {
    background-color: #f6f6f6;
    font-family: "Aeonik Regular";
    overflow: scroll;
}

.dashboard-content-text {
    font-size: 12px;
    color: #212121;
    font-family: "Aeonik Bold";
    font-weight: bold;
}

h5 {
    color: #212121;
    font-size: 20px;
    font-weight: bold;
    font-family: "Aeonik Bold";
}

.record-btn {
    font-size: 14px;
    background-color: #353863;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 13px 70px;
}

.expense-btn {
    margin: 35px 0 40px 0;
}

.expense-btn a {
    padding: 10px 32px;
    background-color: #d7e7f1;
    color: #5a5a5e;
    font-family: "Aeonik Regular";
    font-size: 14px;
    border-radius: 5px;
}

h3 {
    font-size: 24px;
    font-family: "Aeonik Bold";
    font-weight: 700;
}

.tab-btn {
    color: #353863;
    font-size: 14px;
    font-family: "Aeonik Regular";
    font-weight: 400;
    outline: none;
    border: none;
    background-color: #fff;
}

.tab-btn.active {
    background-color: #f1f1f1;
}

.settings-contents {
    display: none;
}

.settings-contents.active {
    display: block;
}

.profile-setting .del-btn {
    color: #c30000;
    outline: none;
    border: none;
    background-color: transparent;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 14px;
    font-family: "Aeonik Regular";
    font-weight: 400;
}

.profile-details {
    padding-right: 80px;
    font-family: "Aeonik Regular";
}

.profile-details label {
    color: #909090;
    font-size: 12px;
}

.profile-input {
    background-color: #f3f5f6;
    height: 45px;
    outline: none;
    border: none;
    font-size: 13px;
}

.profile-input::placeholder {
    color: #212121;
}

.save-changes-btn,
.update-pwd-btn {
    background-color: #353863;
    color: #fff;
    padding: 12px 80px;
    outline: none;
    border: none;
    font-size: 14px;
}

.go-back-link,
.reset-link {
    color: #235643;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 14px;
    font-family: "Aeonik Regular";
    font-weight: 400;
}

.dashboard-category {
    width: 190px;
    height: 120px;
}

.amount-processsed,
.bills-processed,
.businesses-count {
    background-color: #d7e7f1;
}

.transactions-completed,
.customers-count {
    background-color: #f0f4f9;
}

.amount-processsed p,
.bills-processed p,
.businesses-count p,
.transactions-completed p,
.customers-count p {
    font-size: 14px;
    color: #494949;
    font-weight: 500;
}

.amount-processsed h5,
.bills-processed h5,
.businesses-count h5,
.transactions-completed h5,
.customers-count h5 {
    color: #494949;
    font-size: 24px;
    font-weight: bold;
}

.amount-processsed h6,
.bills-processed h6,
.businesses-count h6,
.transactions-completed h6,
.customers-count h6 {
    color: #494949;
    font-size: 12px;
}

.return-btn {
    border: none;
    outline: none;
    background-color: transparent;
}

.return-btn .fa-arrow-left {
    color: #5a5a5e;
}

.customers-content {
    font-family: "Aeonik Regular";
    overflow: scroll;
}

.customer-profile {
    background-color: #f6f6f6;
}

.customer-profile-img {
    width: 50px;
}

.customer-profile-img img {
    width: 100%;
}

.customer-profile h6 {
    font-size: 13px;
    padding: 12px 0;
}

.customer-profile p {
    color: #5a5a5e;
}

.customers-occupation {
    font-size: 12px;
}

.customer-account-details {
    background-color: #f6f6f6;
}

.customer-account-tab {
    border-bottom: 1px solid #e7e9ea;
    cursor: pointer;
}

.customer-account-tab h6 {
    font-size: 12px !important;
}

.active-tab {
    border-top: 2px solid #150e45;
    border-bottom: none !important;
    font-size: 12px !important;
    display: block;
    border-right: 1px solid #e7e9ea;
}

.inactive-tab {
    border-top: none;
    border-bottom: 1px solid #e7e9ea;
}

.customer-tab-content {
    display: none;
}

.active-content {
    display: block;
}

.dashboard-heading {
    width: 500px;
}

.tabs-button {
    border: none;
    outline: none;
    background: #fff;
}

.tabs-button.active {
    background-color: #353863;
}

.tabs-button.active h6 {
    color: white;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
}

table h5 {
    font-size: 12px;
    font-weight: bold;
}

table h6 {
    color: #5a5a5e;
    font-size: 13px;
    padding: 8px 0;
    margin: 4px 0;
}

.heading h5 {
    font-size: 12px;
    font-weight: bold;
}

.amount {
    font-weight: bold;
}

.date {
    color: #909090;
    font-size: 11px;
}

.status {
    background-color: #f6f6f6;
    border-radius: 15px;
    padding: 5px 0;
}

.status-rejected {
    color: #ff0000;
    font-weight: bold;
    font-size: 10px;
}

.status-success {
    color: #659f37;
    font-weight: bold;
    font-size: 10px;
}

.status-pending {
    color: #ffa500;
    font-weight: bold;
    font-size: 10px;
}


/* #dashboardContent,
#customerContent,
#businessContent {
  display: none;
} */

#customer-content {
    height: 100%;
}

.dashboard-content {
    height: auto;
}

table {
    height: 100%;
}

.dashboard-cat {
    display: grid;
    grid-template-columns: repeat(5, 0.5fr);
    gap: 20px;
    overflow: scroll;
}

::-webkit-scrollbar {
    /* display: none; */
}

@media screen and (max-width: 992px) {
    .tabs-button h6 {
        display: none;
    }
    .profile {
        padding-left: 15px;
        padding-right: 15px;
    }
    .dashboard-details {
        padding: 0 15px;
    }
    .dashboard-heading {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .profile-details {
        padding-right: 0;
    }
    .update-pwd-btn {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.dashboard-tabs {
    max-width: 1700px;
    margin: 0 auto;
    height: 660px;
}