@font-face { font-family: RubikRegular; src: url("fonts/RubikRegular.eot") format("embedded-opentype"), url("fonts/RubikRegular.woff2") format("woff2"), url("fonts/RubikRegular.woff") format("woff"), url("fonts/RubikRegular.ttf") format("truetype"), url("fonts/RubikRegular.svg#RubikRegular") format("svg"); }
@font-face { font-family: RubikMedium; src: url("fonts/RubikMedium.eot") format("embedded-opentype"), url("fonts/RubikMedium.woff2") format("woff2"), url("fonts/RubikMedium.woff") format("woff"), url("fonts/RubikMedium.ttf") format("truetype"), url("fonts/RubikMedium.svg#RubikMedium") format("svg"); }
@font-face { font-family: RubikSemiBold; src: url("fonts/RubikSemiBold.eot") format("embedded-opentype"), url("fonts/RubikSemiBold.woff2") format("woff2"), url("fonts/RubikSemiBold.woff") format("woff"), url("fonts/RubikSemiBold.ttf") format("truetype"), url("fonts/RubikSemiBold.svg#RubikSemiBold") format("svg"); }
@font-face { font-family: RubikLight; src: url("fonts/RubikLight.eot") format("embedded-opentype"), url("fonts/RubikLight.woff2") format("woff2"), url("fonts/RubikLight.woff") format("woff"), url("fonts/RubikLight.ttf") format("truetype"), url("fonts/RubikLight.svg#RubikLight") format("svg"); }
@font-face { font-family: RubikBold; src: url("fonts/RubikBold.eot") format("embedded-opentype"), url("fonts/RubikBold.woff2") format("woff2"), url("fonts/RubikBold.woff") format("woff"), url("fonts/RubikBold.ttf") format("truetype"), url("fonts/RubikBold.svg#RubikBold") format("svg"); }
body {font-family: RubikRegular, sans-serif;color: rgb(44, 51, 89);font-size: 17px;line-height: 22px;background-color: rgb(229, 229, 229);          /* "auto" or "thin" */}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: RubikMedium, sans-serif; }
.h1, h1 { font-size: 3rem; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.5rem; }
img { max-width: 100%; }
.border-bottom { border-color: rgb(140, 140, 140) !important; }
.top_header_wraper { border-bottom: 1px solid rgb(140, 140, 140); }
a { color: rgb(21, 121, 190); text-decoration: none; transition: all 0.5s ease 0s; }
.btn-check:focus+.btn, .btn:focus {box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);}
.container { transition: all 0.9s ease 0s; }
.btn-primary { background-color: rgb(44, 51, 89); border-color: rgb(44, 51, 89); }
.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { background-color: rgb(22, 121, 190); border-color: rgb(22, 121, 190); }
.form-control:focus, .form-select:focus, .btn-check:focus + .btn-primary, .btn-primary:focus { box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0px; }
.btn-secondary { background-color: rgb(21, 121, 190); border-color: rgb(21, 121, 190); }
.fix { }
.fix::after { content: ""; display: table; clear: both; }
.top_user_info { display: flex; align-items: center; }
a.top_user_icon { display: flex; background: rgb(255, 255, 255); border-radius: 50%; width: 50px; height: 50px; justify-content: center; }
a.top_user_loginfo { display: inline-block; text-decoration: underline; color: rgb(44, 51, 89); }
h5.top_user_name { margin: 0px 10px 0px 15px; padding-right: 10px; border-right: 1px solid rgb(253, 176, 53); }
.top_logolang_wrap { display: flex; justify-content: flex-end; align-items: center; }
select.form-select.top_lang { max-width: 120px; margin: 0px 10px; }
button.btn-campaigns { font-size: 1.25rem; border-width: 0px; border-style: initial; border-image: initial; background: transparent; color: rgb(44, 51, 89); border-color: rgb(44, 51, 89) !important; }
.filter_items_wrap { display: flex; }
.filter_search { max-width: 200px; margin-right: 20px; }
.filter_search span.input-group-text { border-top-color: rgb(44, 51, 89); border-bottom-color: rgb(44, 51, 89); border-left-color: rgb(44, 51, 89); border-right: 0px; border-radius: 12px; background-color: rgb(255, 255, 255) !important; }
.filter_search input.form-control { border-top-color: rgb(44, 51, 89); border-right-color: rgb(44, 51, 89); border-bottom-color: rgb(44, 51, 89); border-left: 0px; border-radius: 12px; padding-left: 0px; }
.filter_search_by select { border-color: rgb(44, 51, 89); border-radius: 12px; }
.card { border-radius: 12px; }
.card-img, .card-img-top { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.progress-bar { background-color: rgb(17, 117, 152); }
.progress { border-radius: 12px; }
.progress_top { display: flex; justify-content: space-between; align-items: center; }
.progress_goal { display: flex; justify-content: space-between; border-bottom: 1px solid rgb(44, 51, 89); margin: 10px 0px; align-items: center; padding-bottom: 10px; }
.progress_comission { display: flex; justify-content: space-between; }
.progress_amount p { margin: 0px; }
.progress_percent h3 { margin: 0px; }
.progress_percent p { margin: 0px; }
.progress_amount h3 { color: rgb(17, 117, 152); font-weight: bold; }
div.camptime_counter { position: absolute; text-align: center; background: rgb(255, 255, 255); padding: 15px; border-radius: 20px; color: rgb(44, 51, 89); top: 20px; left: 20px; display: flex; }
.hour_count { margin: 0px 15px; }
.camptime_counter span { font-size: 25px; display: block; }
.btn-outline-primary { color: rgb(44, 51, 89); border-color: rgb(44, 51, 89); }
.btn-outline-primary:hover { background-color: rgb(44, 51, 89); border-color: rgb(44, 51, 89); }
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { background-color: rgb(44, 51, 89); border-color: rgb(44, 51, 89); }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: rgba(13, 110, 253, 0.5) 0px 0px 0px 0rem; }
.btn-secondary:hover { background-color: rgb(21, 121, 190); border-color: rgb(21, 121, 190); }
span.absolute_label { position: absolute; top: -20px; border: 1px solid rgb(44, 51, 89); padding: 1px 10px; border-radius: 20px; color: rgb(44, 51, 89); background: rgb(255, 255, 255); }
input.form-control, select.form-select { border: 1px solid rgb(44, 51, 89); border-radius: 8px; color: rgb(44, 51, 89); }
.goal_input_area input.form-control { text-align: center; }
button.btn.btn-primary.save_color { background-color: rgb(55, 60, 245) !important; border-color: rgb(55, 60, 245) !important; }
.imageuploadify .imageuploadify-images-list i { font-size: 2em; background: rgb(55, 60, 245); max-width: 60px; height: 60px; border-radius: 50%; line-height: 60px; color: rgb(255, 255, 255); margin: 20px auto; }
.imageuploadify .imageuploadify-images-list span.imageuploadify-message { border-top: 1px solid rgb(44, 51, 89); border-bottom: 1px solid rgb(44, 51, 89); font-size: 18px; }
.imageuploadify { color: rgb(44, 51, 89); }
h1.amountnumber { background: rgb(253, 176, 53); display: inline-block; height: 150px; line-height: 150px; width: 150px; text-align: center; margin-bottom: 0px; font-weight: 400 !important; border-radius: 50% !important; }
.drag_upload_btnarea { border: 2px dashed rgb(210, 210, 210); position: relative; height: 150px; width: 180px; background: rgb(255, 255, 255); padding: 10px; text-align: center; border-radius: 7px; }
.upload_icon { background: rgb(55, 60, 245); max-width: 50px; height: 50px; border-radius: 50%; line-height: 50px; color: rgb(255, 255, 255); margin: 10px auto; text-align: center; }
.upload_text { font-size: 18px; padding: 0px 5px; line-height: 22px; }
.drag_upload_btnarea input[type="file"] { position: absolute; inset: 0px; height: 100%; width: 100%; opacity: 0; cursor: pointer; z-index: 5; }
.file_upload_area_wrap { background: rgb(250, 251, 252); padding: 20px 20px 30px; }
.uploaded_file_preview { min-height: 1px; }
.file_upload_area { display: flex; justify-content: space-between; }
.upload_text p { margin: 0px; }
label.form-label { font-size: 20px; }
.uploaded_file { position: relative; max-width: 245px; }
.uploaded_file button.btn-close { position: absolute; right: 5px; background-color: rgb(255, 255, 255); opacity: 1; top: 5px; font-size: 11px; border-radius: 50%; padding: 7px; }
.add_button_area { text-align: right; }
.add_button_area button.btn.btn-secondary { background-color: rgb(0, 200, 249); border-color: rgb(0, 200, 249); border-radius: 50%; margin-left: 10px; height: 54px; width: 54px; }
.add_button_area button.btn.btn-secondary img { width: 20px; }
.top_chatlang_btnwrap { display: flex; align-items: center; }
a.top_chat_btn { min-width: 100px; }
div.camptime_counter.top { position: relative; max-width: 200px; border-radius: 0px; padding: 0px; justify-content: center; background: transparent; top: 0px; left: 0px; }
.btn.btn-sm.stop_btn { background: rgb(255, 255, 255); margin-left: 10px; padding: 1px 5px; font-size: 17px; align-items: center; display: inline-flex; gap: 5px; }
.top_titlecounter_wraper { display: flex; flex-wrap: wrap; }
.top_title_wrap { padding-right: 20px; margin-right: 20px; border-right: 1px solid rgb(44, 51, 89); }
.top_counter_wrap { display: flex; align-items: center; }
button.filter_export_btn { background: rgb(176, 179, 187); margin-left: 10px; padding: 5px 8px; font-size: 17px; align-items: center; display: inline-flex; gap: 5px; border-radius: 12px; }
button.filter_mail_btn { background: rgb(44, 51, 89); border-radius: 12px; padding: 6px 8px; }
.campaign_focus_sumary .bg-light { border-radius: 12px; padding: 5px 20px; }
.title_total_amount h2 { margin: 0px; font-weight: 900; font-size: 2.2rem; }
.title_text h3 { margin: 0px; font-weight: bold; }
.title_formdate_wraper.bg-light { border-radius: 12px; padding: 5px 15px; }
.title_formdate_wraper h5 { margin: 0px; }
.title_formdate_wraper h4 {margin: 0px;color: rgb(140, 140, 140);font-size: 1.7rem;font-family: RubikRegular, sans-serif;}
.table > :not(:first-child) { border-top: 0px solid currentcolor; }
td.status_update button.btn.btn-info { background-color: rgb(176, 179, 187); border-color: rgb(176, 179, 187); }
.campaignarea_table thead { text-align: center; color: rgb(176, 179, 187); }
.table-hover > tbody > tr:hover > * { color: rgb(44, 51, 89); }
td.status_update button.btn.btn-info { background-color: rgb(176, 179, 187); border-color: rgb(176, 179, 187); border-radius: 50%; width: 40px; height: 40px; }
.campaignarea_table thead { text-align: center; color: rgb(176, 179, 187); }
.campaignarea_table thead tr th { position: relative; padding: 1rem; font-weight: 400 !important; }
.table-hover > tbody > tr:hover > * { color: rgb(44, 51, 89); }
span.active_status { border: 2px solid rgb(2, 162, 95); border-radius: 30px; padding: 3px 10px; }
span.proper_status { border: 2px solid rgb(44, 51, 89); border-radius: 30px; padding: 3px 10px; }
span.cancel_status { border: 2px solid rgb(229, 229, 229); border-radius: 30px; padding: 3px 10px; background: rgb(229, 229, 229); }
.campaignarea_table tbody { text-align: center; }
.campaignarea_table thead tr th::after { content: ""; background: rgb(44, 51, 89); width: 60px; height: 1px; position: absolute; bottom: 0px; left: 50%; margin-left: -30px; }
.campaignarea_table thead tr th:last-child::after { display: none; }
.campaignarea_table tbody tr td {padding: 1rem;position: relative;}
.table { color: #2c3359;}
.campaignarea_table {max-height: 500px;}
/* Works on Firefox */
.campaignarea_table {scrollbar-width: thin;scrollbar-color: #212529 #1579be;}
/* Works on Chrome, Edge, and Safari */
.campaignarea_table::-webkit-scrollbar {width: 8px;}
.campaignarea_table::-webkit-scrollbar-track {background: #1579be;}
.campaignarea_table::-webkit-scrollbar-thumb {background-color: #212529;border-radius: 20px; }
.btn-link {color: #2c3359;}
.btn.btn-carda {border: 2px solid rgb(44, 51, 89);border-radius: 30px;padding: 3px 10px;}
button.btn.btn-carda:hover {background: rgb(44, 51, 89);color: #fff;}
.btn.btn-editcarda {min-width: 170px;border: 2px solid rgb(44, 51, 89);border-radius: 30px;padding: 3px 10px;background: #2c3359;color: #fff;margin-bottom: 10px;}
.navbar-toggler:focus {  box-shadow: 0 0 0 0rem; }
button.btn.btn-editcarda:hover {background: #f8f9fa;color: #2c3359;}
button.open_sidebar_btn {border: 1px solid #2c3359; color: #2c3359;}
button.open_sidebar_btn { padding: 2px 5px;}
.bg-dark { background: #2C3359 !important;}
.footer_user_info {color: #fff;text-align: center;width: 100%;}
.footer_user_info a.top_user_icon {margin: 0 auto 10px;}
a.sideuser_loginfo {color: #fff; text-decoration: underline;}
.sidebarmenu_content {display: flex;flex-direction: column;color: #fff;}
div#sidebarMenu {position: relative;padding: 0;height: 100vh;}
.cname_bottom_area{position: absolute; bottom: 20px; width: 100%;left: 0;}
.cname_btn_area {margin: 10px 0;text-align: center;}
.cname_btn_area a.btn.stop_btn {padding: 5px 30px;}
.side_progress_num {
    color: #2c3359;
    background: #fff;
    width: 100px;
    height: 100px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 100%;
    margin: 10px auto;    }
.side_progress_num h2 { margin: 0;}
.cname_amount_area {text-align: center;margin: 15px 0 5px;}
.side_achieve_num h2 {color: #FDB035;font-weight: bold;}
.side_target_num h2 {font-family: RubikRegular, sans-serif;}
.side_comtitle {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-top: .5rem;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;}
.side_comtitle h4 {font-family: RubikRegular, sans-serif;}
ul.nav li a {color: #fff;}
ul.nav li a:hover {color: #fdb037;}
.nav-link:focus { color: #fff;}
.cname_menu_area {margin: 20px 50px;}
.cname_menu_area ul.nav.flex-column { gap: 15px;}
.cname_progrestat_area { text-align: center;margin: 10px 0 5px;}
.yelow_bg {background: #fdb037 !important;}
.camp_num_save {align-items: center; display: flex;justify-content: center;}
span.ok_icon {
    background: #01C875;
    border-radius: 100%;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: -15px;}
span.avatar_icon {
    background: #e5e5e5;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    padding: 5px;}
span.avatar_icon img { width: 30px;}
.card {background-color: #FEFEFE;}
span.proper_status.wow_btn {
    background: #fdb037;
    border: 2px solid #fdb037;}
span.proper_status.sleep_btn {
    background: #FD4135;
    border: 2px solid #FD4135;
    color: #fff;}
span.proper_status.good_btn {
    background: #01C875;
    border: 2px solid #01C875;
    color: #fff;}
.real_daytime_box {
        border-radius: 12px 0 0 12px;
        background: #fefefe;
        padding: 1.5rem;
        }
.realtime_progress_box {
        border-radius: 12px;
        background: #fefefe;
        padding: 1.5rem; }
.real_daytime_box ul#pills-tab {gap: 15px;}
.real_daytime_box ul#pills-tab li.nav-item button.btn-link {
    border: 0px;
    text-decoration: none;
    color: #B0B3BB;
    background: transparent;
    font-size: 20px;}
.real_daytime_box ul#pills-tab li.nav-item button.btn-link.active {text-decoration: underline;color: #2c3359;}
.real_daytime_box ul#pills-tab {gap: 15px;}
.real_daytime_box ul#pills-tab li.nav-item button.btn-link {
    border: 0px;
    text-decoration: none;
    color: #B0B3BB;
    background: transparent;
    font-size: 20px;}
.real_daytime_box ul#pills-tab li.nav-item button.btn-link.active {text-decoration: underline;color: #2c3359;}

.recent_donation_box {
    padding: 1.5rem;
    border: 1px solid #2c3359;
    border-radius: 0 12px 12px 0;
}
.partner_item {
    padding: 0px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(44, 51, 89);
}

span.partner_name {
    margin: 0 20px;
}
.total_colec_moneyj h2 {
    background: #F8F8F8;
    padding: 10px 20px;
    border-radius: 12px;
    display: inline-block;
}

.total_colec_moneyj {
    text-align: center;
}

.total_colec_title {
    text-align: center;
}

.total_colec_title h3 {
    color: #B0B3BB;
    font-family: RubikRegular, sans-serif;
}

span.donor_activity_num {
    background: #F8F8F8;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.today_donor_activity_wrap p {
    margin-bottom: 5px;
}

.row.today_tab_content {
    align-items: center;
}

.recent_donat_col {
    border-radius: 12px;
    background: #fefefe;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recent_donat_lamnt h3 {
    background: #F8F8F8;
    padding: 10px 20px;
    border-radius: 12px;
    display: inline-block;
}

.recent_final_total {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.formbutton_left button.btn-info {
    background-color: rgb(176, 179, 187);
    border-color: rgb(176, 179, 187);
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.final_total_text p {
    margin: 0;
}
span.chart_badge {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: inline-block;}
p.red_chart span.chart_badge {background: #FD4135;}
p.blue_chart span.chart_badge {background: #3549FD;}
p.green_chart span.chart_badge {
    background: #02A25F;}
p.yeallow_chart span.chart_badge {
    background: #FDB035;}
p.red_chart,p.blue_chart,p.green_chart,p.yeallow_chart {margin-bottom: 5px;}
.editadd_group_box {
    background: #fefefe;
    border-radius: 8px;
    padding: 20px 30px 30px;
    position: relative;}
.editadd_group_box button.btn-close {right: 0;float: right;}
.editadd_group_box form {margin-top: 25px;}
.form_field_row select.form-select {font-size: 1.25rem;}
.form_field_row {margin-top: 25px;}
.edit_add_group_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.edit_add_group_wrapper .row {
    width: 90%;
}

.rabanim-banners {
    font-size: 90%;
}

.tip-commission{
    font-size: 75%; 
}