/****** profile-page *********/

.profile_widget {
	margin-top: 20px;
	padding: 1.5rem 1.5rem;
	background: #fff;
	border: 1px solid #eaf0f7 !important;
	display: flex;
	align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 5px 15px;
    border-radius: 8px;
}

.wideget_user_img img {
    width: 100px;
    border: 1px solid #c1b6b654;
    border-radius: 50%;
    padding: 6px;
    margin-right: 10px;
}

.user_image_desc a {
    background:#4b2feb;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
}

.wideget_user_img {
   
    display: flex;
    align-items: center;
}

.profile_widgetdetail {
	margin-top: 20px;
    padding: 1.5rem 1.5rem;
    border-radius: 8px;
	background: #fff;
	border: 1px solid #eaf0f7 !important;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 5px 15px;
}

table.table.row.table-borderless.w-100.m-0.border strong {
	font-size: 14px;
}

.table td,
.table th {
	padding: 10px;
}

.proflie_table table th,
td {
	margin: 0;
	border: none !important;
}

.proflie_table table tr {
	border: none;
}

.table tbody+tbody {
	border-top: 0px solid #dee2e6;
}
.widget_user_content h4 {
    font-size: 18px;
    text-transform: capitalize;
}

.widget_user_content h6 {
    font-size: 14px;
    font-weight: 400;
}

@media only screen and (max-width: 600px) {
   .profile_widget {
      flex-wrap: wrap;
   }
   .user_image_desc {
    margin-top: 9px;
}
}


/****** profile-page-end *********/

/****** edit-profile-page *********/

.card_profile {

display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
border-radius: 8px;
background-color: #fff;
word-wrap: break-word;
border: 1px solid #e2ebf7 !important;
box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
margin-bottom: 1.5rem;
width: 100%;

}

.card_profile_page {
   
    padding: 10px;
}
.user_pic_profile img {
   width: 100px;
    border: 1px solid #c1b6b654;
    border-radius: 50%;
    padding: 6px;
    margin-right: 10px;
}


.user_pic_profile {
text-align: center;
margin-bottom: 10px;
}

h3.username.mb-2 {
text-align: center;
font-size: 19px;
}

p.mb-1.text-muted {
text-align: center;
}

.profile_header {

padding: 10px;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #eaf0f7;
}

.profile_header h4 {
font-size: 18px;
text-transform: capitalize;
margin-bottom:0px;   
}

.card_content_profile {
padding: 20px;
background: #ffff;
}

label.form-label {
display: block;
margin-bottom: 0.375rem;
font-weight: 500;
}

.card_profile_footer a {
background-color: #2205bf;
border-color: #2205bf;
box-shadow: 0 5px 10px rgb(34 5 191 / 30%);
padding: 9px;
color: #fff;
text-transform: capitalize;
display: inline-block;
border-radius: 4px;
font-size: 14px;
}

.cardproflie_form {
padding: 20px;
}

.form-group label {
font-weight: 500;
}

.profile_card_bottom a {
background-color: #2205bf;
border-color: #2205bf;
box-shadow: 0 5px 10px rgb(34 5 191 / 30%);
padding: 12px;
color: #fff;
text-transform: capitalize;
display: inline-block;
border-radius: 4px;
font-size: 14px;
}

.profile_card_bottom {
padding: 0px 20px 20px 20px;
}

a.cancel_data {
background: #ef4a4a;
}

.profile_card_bottom a {
background-color: #2205bf;
border-color: #2205bf;
box-shadow: 0 5px 10px rgb(34 5 191 / 30%);
padding: 10px;
color: #fff;
text-transform: capitalize;
display: inline-block;
}
.form-group label {
    font-weight: 600;
    margin-bottom: 10px;
}
.form-group.profile {
    margin-bottom: 15px;
}
.profile_card_bottom {
padding: 0px 20px 20px 20px;
}

a.cancel_data {
  background: #ef4a4a;
}

a.save_amount {
  background: #36b37e;
}



.form-group.profile {
    margin-bottom: 15px;
}

.profile_card_bottom button{
    
    box-shadow: 0 5px 10px rgb(42 101 146 / 24%);
    padding: 10px;
   
    text-transform: capitalize;
    display: inline-block;
    border-radius: 4px;
    background: #4b2feb;
    font-size: 14px;
    color: #fff;
}


.card_profile_footer button {
   
    box-shadow: 0 5px 10px rgb(42 101 146 / 24%);
    padding: 9px;
    
    text-transform: capitalize;
    display: inline-block;
    border-radius: 4px;
    background-color: var(--second);
    font-size: 14px;
    color: #fff;
}

/****** edit-profile-page-end *********/


/****** payment_section *********/


.select_payment {
    margin-top: 20px;
    padding: 1.5rem 1.5rem;
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
}

.select_payment select {
    width: 100%;
    padding: 9px;
    border: 1px solid #d5cece82;
    margin-bottom: 13px;
    border-radius: 4px;
}

button.select_button {
    padding: 8px;
    background-color: var(--second);
    border: none;
    border-radius: 4px;
    color: #fff;
}
a.add_account_button {
    padding: 8px;
    background: #2a6592;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
}

.table_detail_account {
    overflow: auto;
    white-space: nowrap;
}

/****** payment_section_end *********/

/****** fund-withdraw *********/
   .main_Withdraw{
   background-color: #fff;
   border-radius: 10px;
   
   padding: 16px 16px;
   box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
   background-image: url(<?= base_url();?>/images/logo/widthraw.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   }
   .widthraw_page_style {
   margin-top: 20px;
   padding: 1.5rem 1.5rem;
   background: #fff;
   border: 1px solid #eaf0f7 !important;
   box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
   border-radius: 8px;
   }
   .widthraw_page_style h4 {
   font-size: 18px;
   font-weight: 500;
   text-transform: capitalize;
   }
   .main-balance h3 {
   font-size: 24px;
   }
   .main-balance h1 {
   font-size: 32px;
   }
   .main-balance {
   display: flex;
   justify-content: space-between;
   }
   .dolo_icon span {
   width: 50px;
   height: 50px;
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 30px;
   font-weight: 700;
   }
   .main_box h4 {
   color: #fff;
   font-size: 16px;
   }
   .main_box h6 {
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   }
   .main_box {
   margin-bottom: 20px;
   }
   .payout_request_widthraw {
   margin-top: 20px;
   padding: 1.5rem 1.5rem;
   background: #fff;
   border: 1px solid #eaf0f7 !important;
   box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
   border-radius: 8px;
   }
   .payout_rquest {
   margin-bottom: 16px;
   }
   .main-balance h3 {
   font-size: 24px;
   color: #fff;
   }
   .main-balance h1 {
   font-size: 32px;
   color: #fff;
   }
   .input_data_widtr span {
   text-transform: uppercase;
   font-weight: 500;
   font-size: 14px;
   margin-bottom: 10px;
   }
   .payout_request_widthraw h4 {
   text-transform: uppercase;
   font-size: 18px;
   }
   button.submit_withrawal {
   padding: 6px 12px;
   border: none;
   background: var(--second) !important;
   font-size: 14px;
   border-radius: 4px;
   text-transform: capitalize;
   color: #fff;
   font-weight: 500;
   }

   @media only screen and (max-width: 768px) {
      .main-balance h3{
         font-size: 18px;
      }
      .main_box h4 {
         font-size: 14px;
      }
      
    .main_box ul li {
         font-size: 16px;
    }
}


/****** fund-withdraw-end *********/


/****** fund-transactions *********/

.widthrawal_innce_report {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
}

.withdrawal_ecxel input {
    background: #4241b8;
    
    border: none;
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.widthrawal_innce_report ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widthrawal_innce_report ul li {
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #dfdada61;
    padding: 7px 0px;
    text-transform: capitalize;
}
.widthrawal_innce_report_tabel {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
    overflow-y: auto;
}

.withdrawal_ecxel {
    margin-bottom: 10px;
   
}


.widthrawal_innce_report ul li p {
    margin: 0;
}

/****** fund-transactions-end *********/

/****** invest_retopup *********/

.pin_top_page_content {
   text-align: end;
   }
   .detail_topup p i {
   font-size: 14px;
   margin-right: 10px;
   }
   .form_topup {
   margin-top: 20px;
   padding: 1.5rem 1.5rem;
   background: #fff;
   border: 1px solid #eaf0f7 !important;
   box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
   border-radius: 8px;
   }
   button.user_btn_button {
   padding: 6px 12px;
   border: none;
   background: #5030ab;
   font-size: 14px;
   border-radius: 4px;
   text-transform: capitalize;
   color: #fff;
   font-weight: 500;
   }
   .detail_topup {
   padding: 16px 16px;
   border: none;
   background: #5030ab;
   font-size: 14px;
   border-radius: 4px;
   text-transform: capitalize;
   color: #fff;
   font-weight: 500;
   margin-top: 20px;
   }
   .detail_topup h4 {
   font-size: 20px;
   font-weight: 500;
   text-transform: uppercase;
   }


/****** invest_retopup-end *********/


/********* report_page **********/
		
.total_report_data {
    margin-top: 20px;
    padding: 1.5rem 1.5rem;
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
}

.total_report_data h4 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

label.control-label {
    margin: 2px 0px;
}

.report_table select {
    margin-bottom: 0;
}

.report_data_new button {
    padding: 6px 10px;
    border: none;
    background-color: var(--second);
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
}
a.btn.btn-info.btn-sm{
    border: none;
    background-color: var(--second);
}

.report_data_new {
    margin-top: 25px;
}

select.form-control {
    width: 100% !important;
}

.total_number {
    margin-top: 20px;
    padding: 1.5rem 1.5rem;
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    text-align: center;
}
.table_report_income {
    width: 100%;
}

.table_report_income table {
    width: 100%;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
.total_number h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.total_number span {
    font-weight: 500;
    font-size: 14px;
}

.table_report_income table th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.table_report_income {
    margin-top: 20px;
    background: #fff;
    margin-top: 20px;
    padding: 1.5rem 1.5rem;
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
}

.btn-info {
    color: #fff;
    background-color: #2a6592;
    border-color: #2a6592;
}
a.btn_refresh {
    background: #4b2feb;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
  
}

@media only screen and (max-width: 768px) {
    .report_data_new {
    margin-top: 10px;
}
}
/********* report_page_end **********/


/********* news_event **********/

   .news_page {
   margin-top: 20px;
   }
   .news_page p {
   background: #e9ecef;
   padding: 10px;
   border-radius: 5px;
   margin-top: 10px;
   font-size: 14px;
   margin-bottom: 0px;
   }
   .recent_event_deatil {
   margin-top: 20px;
   padding: 1.5rem 1.5rem;
   background: #fff;
   border: 1px solid #eaf0f7 !important;
   box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
   border-radius: 8px;
   }
   .recent_event_deatil h4 {
   font-size: 24px;
   text-align:center;
   }
   .recent_event_deatil h5 {
   font-size: 14px;
   }
   .recent_event_deatil h6 strong {
   font-size: 12px;
   color: #5030ab;
   }
   .recent_event_deatil h6 {
   margin-bottom: 2px;
   }
   .news_page span {
      font-size: 12px;
    color: #5030ab;
    font-weight: 600;
   }
   .news_page h4 {
    font-size: 12px;
    color: #5030ab;
    font-weight: 600;
    margin-bottom: 0;
}
   .recent_event_deatil p {
   background: #e9ecef;
   padding: 10px;
   border-radius: 5px;
   margin-top: 10px;
   font-size: 14px;
   margin-bottom: 0px;
   }
   .news_page h4 {
   text-align: initial !important;
   }
   .recent_activity {
   margin-bottom: 10px;
   }
   .recent_new {
   margin-top: 20px;
   padding: 1.5rem 1.5rem;
   background: #fff;
   border: 1px solid #eaf0f7 !important;
   box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
   border-radius: 8px;
   }
   .recent_new h4 {
   text-align: center;
   }

/********* news_event_end **********/


/******* support_page *******/


.support_datail {
   
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
}

.support_datail h4 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
}

.support_datail ul li {
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #dfdada61;
    
    padding: 7px 0px;
    text-transform: capitalize;
}



.support_datail ul li span {
    float: right;
  
}

.urgent_email {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
}

.urgent_inner_content h4 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
}

.urgent_inner_content ul li {
    list-style: none;
    font-size: 16px;
    border-bottom: 1px solid #dfdada61;
  
    padding: 7px 0px;
    text-transform: capitalize;
}



.recent_email_inquiry {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
}

.recent_email_inquiry ul li {
    list-style: 0;
    list-style: none;
   
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.recent_email_inquiry ul {
    padding: 0;
    margin: 0;
}

.email_inquiry i {
    width: 40px;
    background: green;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    color:#fff;
}

.email_inquiry {
    margin-right: 10px;
}
.form-group label {
    margin: 5px 0px;
    font-weight: 500;
    text-transform: capitalize;
}

.email_inquiry_text h6 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.email_inquiry_text p {
    font-size: 12px;
    margin-bottom: 2px;
}
.recent_email_inquiry h4 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
}
.recent_email_inquiry h4 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
}



.total_ticket_number_emil {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
}

.email_buttons button {
    padding: 8px 10px;
    border: none;
    border-radius: 4px;
    background-color: var(--second);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.support_email_table {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
    overflow: auto;
}
button.reset_cancel {
    background: #fd3550;
}
span.green_color {
    color: green;
}
.urgent_inner_content ul {
    padding: 0;
    margin: 0;
}

span.red_color {
    color: red;
}
.support_datail ul {
    padding: 0;
    margin: 0;
}
.support_tcket_data {
    background: #fff;
    border: 1px solid #eaf0f7 !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 16px;
}

.ticket_data_detail input {
    margin-top: 6px;
    height: 40px;
}
select.form-control {
    height: 42px;
}

.tickets_buttons {
    margin-top: 10px;
}

.tickets_buttons button {
    background: #4b2feb;
    color: #fff;
    font-size: 16px;
    padding: 6px 10px;
    border-radius: 4px;

    align-content: normal;
    border: none;
    text-transform: capitalize;
}

/*********** support_pge_end *******/

/********* pin-transfer ********/
.e_pin_data_paragraph h4{
color: var(--black);
}

.e_pin_data_paragraph span{
color: var(--black);
}

/********* pin-transfer-end ********/

/******* goal ********/
.goal_reward_tabel th {
    color: var(--black);
    border: none;
}

/******* report/income ********/


.total_number h4{
color: var(--black) !important;
}
.total_number span{
color: var(--black) !important;
}