.user-circle {
    font-weight: 600;
    background-color: rgb(41, 40, 44);
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    font-size: 22px !important;
}

.user-circle  img {
    width: 40px;
}

.header-wallet i {
    margin-right: 10px;
    font-size: 20px;
}

.header-wallet {
    font-size: 20px;
}

.mainHeaderLogo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 23px;
    color: white;
}


.ajax-preloader {
    opacity: 0.7;
}

.row-income {
    color: #00c333fa !important;
    font-weight: 600;
}
.row-expense {
    color: #ff1313fa !important;
    font-weight: 600;
}


textarea.form-control {
    resize: none;
    height:85px !important;
}

.redeemed, .done, .active, .text-green, .paid_in_full {
    color: #00c333fa !important;
    /* font-weight: 600; */
}
.pending, .process, .inactive {
    color: #3b00c3fa !important;
    /* font-weight: 600; */
}
.client-vouchers .pending, .client-vouchers .process, .client-vouchers .inactive {
    color: #fad641 !important;
    /* font-weight: 600; */
}

.client-voucher .pending, .client-voucher .process, .client-voucher .inactive {
    color: #fad641 !important;
    /* font-weight: 600; */
}

.cancelled, .blocked, .invalid, .text-error, .not_paid {
    color: #ff1313fa !important;
    /* font-weight: 600; */
}
.expired {
    color: #777 !important;
    /* font-weight: 600; */
}

.current_week {
    color: #3b00c3fa !important;
    font-weight: 600;
}

.copy-info {
    color: #00c333fa;
    display: none;
    margin-top: 5px;
}

.copy-info.active {
    display: block;
}

.addLevelButton {
    margin-bottom: 20px;
    font-size: 18px;
    color:#3b00c3fa;
}
.addLevelButton a {
    cursor: pointer;
}
.addLevelButton a:hover {
    opacity: 0.8;
}

.hidden {
    display: none;
}

.copyLabel {
    margin: 50px 0;
}


table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    background-color: #033485;
}


table.lms_table_active3.dataTable thead .sorting::before, table.lms_table_active3.dataTable thead .sorting_asc::before, table.lms_table_active3.dataTable thead .sorting_desc::before, table.lms_table_active3.dataTable thead .sorting_asc_disabled::before, table.lms_table_active3.dataTable thead .sorting_desc_disabled::before {
    right: 1.5em;
    content: "\2191";
    left: -7px;
}

table.lms_table_active3.dataTable thead .sorting::after, table.lms_table_active3.dataTable thead .sorting_asc::after, table.lms_table_active3.dataTable thead .sorting_desc::after, table.lms_table_active3.dataTable thead .sorting_asc_disabled::after, table.lms_table_active3.dataTable thead .sorting_desc_disabled::after {
    right: 1em;
    content: "\2193";
    left: 0;
}


.shadow-op {
    opacity: 0.5;
}

.disabled-button {
    pointer-events: none;
    opacity: 0.7;    
}

.defaultFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.default-form .checbox-p .form-check-input {
    margin-right: 5px;
}

.default-form .row-income,
.default-form .row-expense {
    margin-bottom: 10px;
}


@media (max-width: 330px) {
    .header_iner .header_right .header_notification_warp {
        margin-right: 10px; 
    } 
    .header-wallet i {
        font-size: 17px;
        margin-right: 4px;  
    }
    .header-wallet {
        font-size: 15px;
    }

    .profile_thumb.mr_20 {
        margin-right: 7px;
    }

    .author_name {
        max-width: 80px;

    }
}

@media (max-width: 430px) {
    .white_card .white_card_header,
    .white_card .white_card_body,
    .white_box {
        padding: 8px 10px;
    }
}
.page_title_right {
    gap: 10px;
}

@media (max-width: 630px) {
    .mobileHidden {
        display: none;
    }
}

.calcWrapper {
    margin: 30px 0;
}

.inputNumbers {
    display: flex;
    gap: 10px;
    width: 230px;
    flex-wrap: wrap;
}

.inputNumberItem {
    cursor: pointer;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    text-align: center;
    background: #172340;
    color: white;
    border-radius: 5px;
}

.inputNumberItem:active {
    transform: scale(0.9);
    transform-origin: center center;
}

.inputNumberItemBackspace {
    color: #ff3f3f;
}

.cvBtn {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}