@import 'fonts.css';
/* Site General */
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
.pre_loading.active{display:flex}
.pre_loading{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #ffffff;
    display: none;
    justify-content: center;
    align-items: flex-start;
}
.pre_loading .loading_body{
    padding: 4rem 1rem;
    display: flex;
    flex-direction: column;
    color: black;
    text-align: center;
}
.pre_loading .loading_body_title{
    font-weight: 600;
    color: black;
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pre_loading span{
    font-size: .875rem;
    font-weight: 300;
    color: #818181;
    margin-top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pre_loading .spinner{
    color: #87b82c;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:
            spin 4s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
}
.pre_loading .spinner i{
    font-size: 48px;
    width: 48px;
    height: 48px;
}
.site_wrapper{background: white;/* background: url('https://www.metapopit.com/wp-content/uploads/2021/10/video-bg-2.png') white; */min-height: 100vh;padding: 0;}
.homepage{}
body{padding:0;margin:0;font-family: 'Poppins', sans-serif;
}
header.header{position: fixed;height: 60px;width: 100%;top: 0;left: 0;display: flex;justify-content: space-between;align-items: center;z-index: 99;background: white;border-bottom: 1px solid #dedede;}
header.header .logo{}
header.header .container{display: flex;justify-content: space-between;align-items: center;}
header.header .logo a{font-size: 2rem;font-weight: 700;text-transform: uppercase;color: #252525;text-decoration: none;display: flex;align-items: center;}
header.header .logo img{
    height: 35px;
}
header.header .navbar{}
header.header .navbar > a{color: #466bc3;font-size: 1.5rem;cursor: pointer;}
header.header .navbar a i{}
.site_body{padding-top: 0;/* height: 100%; */display: flex;flex-direction: column;/* min-height: 100vh; */padding-bottom: 0;position: relative;z-index: 9;padding-top: 80px;padding-bottom: 80px;}
.site_body > .container{
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* min-height: calc(100vh - 180px); */
    -ms-flex: 0 0 auto;
    /* flex: 0 0 auto; */
    /* width: auto; */
    /* max-width: 100%; */
    /* width: 100%; */
}
.header_user{}
.no_auth_header .container{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.profile_page .site_body > .container{justify-content: inherit;}
.header_user i{background: white;color:white;width: 34px;height: 34px;display: flex;justify-content: center;align-items: center;color: #252525;border-radius: 100%;}
.login_page{/* background: red; */min-height: 100vh;display: flex;/* justify-content: center; *//* align-items: center; */flex-direction: column;background: url('https://www.metapopit.com/wp-content/uploads/2021/10/video-bg-2.png');background-size: cover;position: relative;}
.login_page:after{content:'';background: #ffffff99;opacity: 1;position: absolute;left: 0;top: 0;height: 100%;width: 100%;/* mix-blend-mode: color-burn; */min-height: 100vh;}
.footer_item a.active, .footer_item a.active .footer_item_icon i{
    color: white !important;
    font-weight: 450 !important;
}
.login_page:before{content:'';background: #4e7c8d87;opacity: 1;position: absolute;left: 0;top: 0;height: 100%;width: 100%;mix-blend-mode: color-burn;min-height: 100vh;}
.login_page_form{}
.login_page_slogan{text-align: center;color: #303030;font-weight: 450;}
.login_page_slogan p{}
.login_page_form{width: 100%;}
.profile_page_tab{width:100%}
.login_page_form button i{margin-left:.5rem}
.site_body .label_effect input[type=text],.site_body .label_effect input[type=phone],.site_body .label_effect input[type=number],.site_body input[type=email]{border-bottom: 1px solid white;background: transparent !important;color: #303030;-webkit-text-fill-color: #303030;font-weight: 400;width: 100%;text-align: center;padding: .7rem 0;border-radius: 0;font-size: 15px;border: 1px  solid #dedede;outline: none !important;box-shadow: none !important;border-radius: 8px;height: 50px;text-align: left;padding: 0 !important;padding-left: 16px !important;padding-top: 12px !important;}
.login_page_form button.btn-success{border-radius: 12px;width: 100%;border: none;background: #0d635b;margin-top: 0;height: 50px;color: white;font-weight: 600;opacity: 1;font-weight: 400;padding: 0 !important;}
.site_head{width: 100%;}
.widget_item{margin-bottom: 1rem;width: 100%;}
.widget_title{background: #21335d;color: white;border-top-left-radius: 16px;border-top-right-radius: 16px;display: flex;height: 30px;padding-left: 14px;align-items: center;font-weight: 500;font-size: 1rem;margin-bottom: 0;}
.widget_title span{}
.widget_body_list ul li:last-child{border:none}
.widget_body{
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 0;
    min-height: 50px;
    text-align: center;
    color: white;
    display: flex;
    border: none;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.widget_body_list{display: flex;justify-content: center;align-items: center;margin: auto;padding: 1rem 0;}
.widget_body_list ul{margin: 0;padding: 0;list-style: none;display: flex;border: none;}
.widget_body_list ul li{padding: 0 1.7rem;border-right: 1px solid #ffffff61;}
.widget_body_list ul li button{color: #e08521 !important;font-weight: 600;font-size: .75rem;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 !important;margin: 0 !important;text-decoration: none;}
.widget_body_list .widget_menu_icon{}
.widget_body_list .widget_menu_icon img{height: 40px;}
.widget_body_list .widget_menu_text{margin-top: .5rem;color: black;}
.widget_body_content{
    width: 100%;
}
.current_balance{font-size: 2.8rem;color: #466bc4 !important;font-weight: 600;}
.noempty{font-weight: 600;color: black;}
.profile_page{}
.profile_page{/* background: red; */min-height: 100vh;display: flex;flex-direction: column;}
.widget_item_radius1 .widget_body{border-radius: 16px !important;}
.widget_body_list ul li button{background: none !important;border: none !important;/* color: inherit !important; */}
.widget_body_content table{font-size: .8rem;}
.widget_body_content table thead tr th{width: 18%;padding: .5rem .05rem;color: black;}
.widget_body_content table tbody tr td{
    /* width: 18%; */
    /* padding: 0.5rem 0.05rem; */
    color: black;
    text-align: center;
}
.table_widget{}
.table_widget .widget_body{}
.table_widget .widget_body .widget_body_content{width: 100%;}
.widget_body_content table tbody tr td.date,.widget_body_content table thead tr th.date{width: 25% !important;color: black;}
.footer{background: #402f74;width: 100%;position: fixed;bottom: 0;height: 70px;display: flex;justify-content: center;align-items: center;z-index: 9;border-top: 1px solid #e6e6e6;}
.footer ul{display: flex;width: 100%;margin: 0;padding: 0;justify-content: center;align-items: center;}
.footer_item a{color: #c1bdbd !important;text-decoration: none;font-weight: 400;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-size: .8rem;width: 33.333%;line-height: normal;}
.footer_item{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.footer_item_icon{
    font-size: 1.5rem;
    color: white;
}
.footer_item_icon img,.footer_item_icon svg{height: 32px;fill: red;width: 32px;}
.footer_item_text{
    margin-top: .25rem;
}
.footer_item:nth-child(2) .footer_item_icon{/* margin-top: -36.5px; *//* background: black; */width: 70px;/* height: 70px; */border-radius: 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.footer_item:nth-child(2) .footer_item_icon img{}
.add_balance_page .site_body  > .container{justify-content: flex-start;align-items: flex-start;margin: 0;}
.add_balance_page{}


.balanceAdd button{
    margin-top: 2rem;
    background: #86b113;
    border-color: #86b113;
    width: 100%;
    padding: 1rem 0;
    border-radius: 8px;
}
.balanceAdd{
    padding: 0;
}
.logo img{}
.no_auth_header{
    position: fixed;
    z-index: 99;
    height: auto;
    border-bottom: 1px solid #dedede;
    top: 0;
    width: 100%;
    background: white;
}
.header_right_menu_wrapper{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1rem 0;
    width: 100%;
}
.header_right_menu a{
    background: #24253b;
    width: 48px;
    height: 48px;
    display: flex;
    border-radius: 100%;
    color: white !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 !important;
}
.header_right_menu a span{}
.header_big_logo a{}
.header_big_logo a img{height: 50px;width: auto;max-width: inherit;}
.header_big_logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.noauth_main .site_body > .container{
    min-height:calc(100vh - 180px - 1rem);
}
.noauth_main .site_body{
    height:calc(100vh - 180px);padding-top:0;
}
.widget_body_list ul.nav-tabs .nav-link.active{
    opacity: 1;
}
.widget_body_list ul.nav-tabs .nav-link{
    opacity: .5;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    /* border: 1px solid #ddd; */
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;border: none;}
.widget_body_content table thead tr th:first-child{border-top-left-radius:16px}
.widget_body_content table thead tr th:lasst-child{border-top-right-radius:16px}
input[type=phone]::placeholder {
    font-size:1rem;
}
.text-dangerimp{color:#198754}
.navbar_open ul.dropdown-menu{
    border: 1px solid #e2eef1 !important;
    box-shadow: 0 17px 13px 0 #192c4b05;
    border-radius: 10px !important;
    min-width: 240px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    right: 0;
    left: inherit;
}
.navbar_open ul.dropdown-menu li{}
.navbar_open ul.dropdown-menu li .dropdown-item{
    font-size: .875rem;
    font-weight: 500;
    padding: 0.8rem 1rem;
}

div.dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
div.dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.message_process{
    font-size:2rem;
    color:
            black;
    max-width: 500px;
}
.login_page_slogan{
    text-align: left;
    color: #767575;
    font-weight: 400;
    letter-spacing: normal;
    margin-top: 3rem;
}
.login_page_slogan h4{
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #303030;
}
.login_page_slogan h3{
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #303030;
}
a.create_account_btn{
    border-radius: 8px;
    font-size: .9rem;
    font-weight: 400;
    padding: .8rem 1.8rem;
    background: #0d635b;
    margin-top: 1rem;
    width: auto;
}
.label_effect{
    position: relative;
    margin-top: 1rem;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.label_effect label{
    position: absolute;
    top: 16px;
    left: 16px;
    color: #8b959e;
    font-size: 15px;
    transition: all .2s ease 0ms;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 20px;
    cursor: text;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    margin: 0;
    padding: 0;
}


.label_effect.focusIn label{
    top:5px;font-size:12px;
    transition: all .2s ease 0ms;

}
.birthday_group{
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: .5rem 15px;
    padding-bottom: 1rem;
}
.birthday_group .label{}
.birthday_group .row{margin:0}
.login_page_form .row{margin:0}
.birthday_group label{
    color: #8b959e;
    font-size: 15px;
    transition: all .2s ease 0ms;
    font-weight: 400;
    margin-bottom: .5rem;
}
.birthday_group .textbox{
    display: flex;
    padding: 0;
    margin: 0;
}
.birthday_group .textbox .col-auto:first-child{padding-left:0;width:25%}

.birthday_group .textbox .col-auto:last-child{padding-right:0;width:35%}
.birthday_group .textbox .form-group{}
.birthday_group .textbox input{border:none !important}
.birthday_group .textbox .col-auto:nth-child(2){width:40%}
.sms_code_group{
    position: relative;
    display: flex;
    flex-direction: column;
}
.sms_code_group:before{content:"123123";font-size: 15px;position: absolute;color: #868686;opacity: .5;width: 100%;line-height: normal;display: block;height: 50px;top: calc(50% - 4px);font-family: "dotsfont",Verdana,sans-serif;left: 17px;opacity: 0;transition: .6s all ease;z-index: -9;}
.sms_code_group > label{
    font-size: 12px;
}
div.sms_code_group.focusIn > label{top:5px}
div.sms_code_group.focusIn:before{opacity:1;transition:.5s all ease;transition-delay: .2s;}

div.sms_code_group.no_emptyFocus > label{top:5px}
.label_effect.no_emptyFocus > label{top:5px;font-size: 12px;}

div.sms_code_group input{
    font-family: "dotsfont",Verdana,sans-serif;
    font-size: 14px;
}
div.sms_code_group.focusIn:before{opacity:1}
.alert .close{
    position: absolute;
    right: 10px;
    top: 5px;
    border: none;
    background: #000000ad;
    border-radius: 100%;
    color: white;
    width: 24px;
    height: 24px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    line-height: normal;
}
.profile_summary{
    display: flex;
    align-items: center;
    padding: 2rem 0;
    padding-top: 1rem;
}
.profile_summary_image{
    margin-right: 1rem;
}
.profile_summary_image img{
    width: 64px;
    height: 64px;
    border-radius: 100%;
}
.profile_summary_details{}
.profile_name{}
.profile_label{}
.profile_summary_v2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-bottom: 1.5rem;
}
.profile_summary_link a{
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: black;
    font-weight: 600;
}
.profile_summary_memberNo{
    font-size: .875rem;
    color: #6f6f6f;
}
.profile_summary_amount .amount_icon{
    font-weight: 300;
}
.profile_summary_amount{
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
}

.profile_summary_link a i{
    font-size: 1.5rem;
}
.profil_process{}
.section_title{
    padding: .6rem 0;
    color: #6f6f6f;
    text-decoration: none;
    font-size: 1rem;
}
.section_title a{
    color: #6f6f6f;
    text-decoration: none;
    font-size: 1rem;
}
.section_title a i{
    margin-left: .25rem;
}
.process_lists{
    display: flex;
    flex-direction: column;
}
.process_item{
    padding: 1rem 0;
}
.process_item .process_date{
    color: #6f6f6f;
    text-decoration: none;
    font-size: .8rem;
    margin-bottom: .85rem;
    font-weight: 300;
}
.process_item .process_summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.process_item .process_summary_left{
    display: flex;
}
.process_item .process_summary_left .process_img{
    margin-right: .875rem;
    display: flex;
    align-items: center;
}
.process_item .process_summary_left .process_img img{
    width: 46px;
    height: 46px;
    border-radius: 100%;
}
.process_item .process_summary_left .process_title{
    display: flex;
    flex-direction: column;
}
.process_item .process_summary_left .process_title .process_value{
    font-weight: 700;
}
.process_item .process_summary_left .process_title .process_type{
    font-size: .85rem;
    color: #777777;
}

.process_item .process_summary_right{
    text-align: right;
}
.process_item .process_summary_right .process_price{
    font-weight: 600;
    color: #15b022;
}
.process_item .process_summary_right .process_time{
    color: #8a8686;
    text-decoration: none;
    font-size: .85rem;
}
.process_item[data-process-type='minus']{}
.process_item[data-process-type='minus'] .process_price{
    color: #dc3545;
}
.process_item[data-process-type='plus']{}
.process_item[data-process-type='plus'] .process_price{}

.process_note{
    font-size: .8rem;
}
.process_note span{
    font-size: .8rem;
}
.theme_mode{
    background: none;
    border: none;
    font-size: 1.5rem;
    display: flex;
    margin-right: .5rem;
}
.theme_mode[data-theme='light']{}
.theme_mode[data-theme='dark']{}
.theme_mode[data-theme='dark'] span.active{}
.theme_mode span.active{
    background: #2d3b60;
    color: white;
}
.theme_mode i{
}
.theme_mode span{
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-right: .875rem;
}
.theme_mode span.disabled{}
.theme_mode span.disabled i{}

.theme_mode[data-theme='dark'] span.disabled{}
.theme_mode[data-theme='light'] span.disabled{
    opacity: .3;
}

header.header .navbar li{
    list-style: none;
}
.theme_mode span:last-child{margin-right:0}
.qr_preview{
    width: 100%;
}
.qr_permission{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    min-height: 400px;
    width: 100%;
}

.qr_scanner{
    width: 100%;
    height: auto;
    margin:0px auto;
}
.qr_permission span{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #595959;
    width: 70%;
    text-align: center;
    font-size: 1.2rem;
}
.qr_permission span i{
    font-size: 3rem;
    color: #2d3b60;
    margin-bottom: 1rem;
}
.big_title span{
    position: relative;
    padding-left: 21px;
    display: flex;
    align-items: center;
}
.big_title{
    margin-bottom: .75rem;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.big_title span:before{content:'';position: absolute;width: 16px;height: 16px;background: #a5c71b;border-radius: 100%;left: 0;}

.qr_menus{}
.qr_menus .nav-tabs{
    width: 100%;
    border: none;
}
.qr_menus .nav-tabs .nav-tabs{}
.qr_menus .nav-tabs .nav-item .nav-link{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    border-bottom: 2px solid #dedede;
    color: #737474 !important;
}
.qr_menus .nav-tabs .nav-item .nav-link.active{
    border-bottom-color: #000000;
    color: #333232 !important;
    font-weight: 600;
}
.hidden{display:none !important;}

.site_body textarea{border-bottom: 1px solid white;background: transparent !important;color: #303030;-webkit-text-fill-color: #303030;font-weight: 400;width: 100%;text-align: center;padding: .7rem 0;border-radius: 0;font-size: .875rem;border: 1px  solid #dedede;outline: none !important;box-shadow: none !important;border-radius: 8px;height: 60px;text-align: left;padding-left: 30px;padding-top: 22px;}
.accept_qr_section{}
.accept_qr_inputs{
    display: flex;
    flex-direction: column;
    padding: 0 3rem;
}
.accept_qr_inputs  label{
    color: #767676;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    font-size: .875rem;
    padding-bottom: 0;
}
.accept_qr_input_row{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
    width: 100%;
    color: #a8a8a8;
}
.accept_qr_input_row span{
    font-size: 2rem;
}
.site_body .accept_qr_input_row input{
    border: none;
    width: auto;
    padding: 0;
    font-size: 2rem;
    color: #a8a8a8;
    font-weight: 300;
    -webkit-text-fill-color: #a8a8a8;
    max-width: inherit;
    min-width: inherit;
    justify-content: center;
    text-align: center;
}
.accept_qr_keyboard{
    padding: 0 3rem;
}
.accept_qr_keyboard_row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.keyboard_item{
    width: 33.333%;
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    font-size: 1.15rem;
    font-weight: 300;
}
.keyboard_item span{}
.keyboard_item span i{}
.accept_qr_input_row .currency{}
.accept_qr_input_row .value{}
.accept_qr_input_row.active{
    color: black;
}
.accept_qr_input_row.active .currency{}
.accept_qr_input_row.active .value{}

.accept_qr_buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    flex-direction: column;
}

.qr_show{
    display: flex;
    justify-content: center;
    align-items: center;
}
.qr_show svg{
    width: 150px;
    height: 150px;
}
.btn_send{
    background: #2d3b60;
    border: 1px solid #2d3b60 !important;
    border: none;
    color: white;
    border-radius: 8px;
    width: 100%;
    padding: 0.75rem 0;
    font-weight: 600;
    margin-bottom: 1rem;
}
.btn_light{
    border: none;
    background: none;
    width: 100%;
    border: 2px solid #dedede;
    padding: 0.75rem 0;
    font-weight: 600;
    border-radius: 8px;
}
.accept_qr_buttons button{
    margin-bottom: 1rem;
}

.btn_success{
    background: #6fc71b;
    border: 1px solid #6fc71b !important;
    border: none;
    color: white;
    border-radius: 8px;
    width: 100%;
    padding: 0.75rem 0;
    font-weight: 600;
    margin-bottom: 1rem;
}
.btn_danger{
    background: #b71e1e;
    border: 1px solid #b71e1e !important;
    border: none;
    color: white;
    border-radius: 8px;
    width: 100%;
    padding: 0.75rem 0;
    font-weight: 600;
    margin-bottom: 1rem;
}
.amount_icon{margin-left:.2rem}
.footer_main{
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #eaeaea; */
    padding: 1rem 0;
    border-top: 1px solid #dedede;
    padding-bottom: 70px;
}
.footer_main .container{}
.footer_menus{
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /* border-bottom: 1px solid #dedede; */
}
.footer_menus ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer_menus ul li{}
.footer_menus ul li a{
    color: #363636;
    text-decoration: none;
    font-size: .9rem;
    padding: 0 .8rem;
}
.banks_logo{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 0;
    width: 100%;
}
.banks_logo img{
    height: 23px;
}
.footer_main >.container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.header_right_menu{
    display: flex;
}
.page_body_main{
    padding-bottom: 1.5rem;
}
.page_breadcrumb{
    background: #282936;
    padding: .875rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}
.page_breadcrumb ol{
    margin: 0;
}
.page_breadcrumb ol li{color: white;}
.page_breadcrumb ol li.active{
    color: white;
    opacity: 1;
}
.page_breadcrumb ol li:last-child{}

.page_head{}
.page_title{
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 1px solid #dedede;
    padding-bottom: .5rem;
    margin-bottom: 1.5rem;
}
.page_body{
    background: #eeeeee24;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 3rem;
}
.page_body p{
    font-family: 'Poppins', sans-serif !important;
}
.page_body span{
    font-family: 'Poppins', sans-serif !important;
}
@media(max-width: 728px){
    .contact_box_first img{
        width: 80%;
        height: auto !important;
        margin-bottom: 2rem !important;
        margin-top: 0 !important;
    }
    .contact_box_title{order:1;margin-bottom:1.5rem}
    .contact_box_first{
        flex-direction: column-reverse;
        display: flex;
    }
    .faq_wrapper nav .nav-tabs{padding: 0 !important;}
    .no_auth_header .container{padding:0 15px}
    .banks_logo{
        justify-content: center;
        align-items: center;
    }
    .footer_start{
        flex-direction: column;
        justify-content: center;
    }
    .footer_menus ul li{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .footer_main >.container{flex-direction:column-reverse}
}
.footer_contact{
    list-style: none;
    display: flex;
    align-items: center;
}
.footer_contact li{
    padding: 0 .5rem;
}
.footer_contact li a{
    color: black;
    color: #363636;
    text-decoration: none;
    font-size: .9rem;
}
.footer_start{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}
.page_body_salt{
    border-radius: 8px;
    padding: 1rem 2rem;
    margin-bottom: 3rem;
}

.page_breadcrumb ol li a{color:white;text-decoration:none;opacity: .8;}
.page_breadcrumb ol li.active a{color:white;opacity:1}
iframe{max-width: 100%;}
.faq_wrapper{}
.faq_wrapper nav{
    height: 100%;
}
.faq_wrapper nav .nav-tabs{
    display: flex;
    flex-direction: column;
    border: none;
    padding: 0 1.5rem;
    border-right: 1px solid #dedede;
    height: 100%;
}
.faq_wrapper nav .nav-tabs .nav-link{
    border: none;
    background: #eee;
    margin-bottom: 1rem;
    border-radius: 6px;
    transition: .7s all ease;
    color: #495057;
    font-size: .9rem;
    padding: 1rem 0;
}
.faq_wrapper nav .nav-tabs .nav-link:last-child{}
.faq_wrapper nav .nav-tabs .nav-link.active{
    background: #242f3b;
    color: white;
}
.faq_wrapper nav .nav-tabs .nav-link:hover{}
.faq_wrapper .tab-content{}
.faq_wrapper .tab-content .tab-pane{}
.faq_item{margin-bottom:1.5rem}
.faq_item .faq_start{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
}
.faq_start .faq_title{}
.faq_start i{}
.faq_content{
    font-size: .875rem;
    color: #727070;
    line-height: 26px;
    padding: .7rem 0;
    padding-left: .9rem;
    padding-right: .6rem;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    display: none;
}
.faq_content p,.faq_content p span,.faq_content span{font-size: .875rem !important;}

.faq_item .faq_start {
    background: #eee;
    padding: 1rem;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
}

.faq_item.active .faq_start {
    background: #eee;

}
.faq_item.active .faq_content{display:block}
.contact_box{}
.contact_box_title{
    font-size: 1.1rem;
    font-weight: 550;

}
.contact_box_title > span:first-child:before{content:'';background: #8230df;position: absolute;bottom: 0;left: 0;width: 60%;height: 2px;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */background: #000428;  /* fallback for old browsers */background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.contact_box_title span{
    position: relative;
    padding-bottom: 4px;
}
.contact_box_content{
    color: #2f2e2e;
    font-size: .9rem;
    margin-top: .8rem;
    overflow-x: scroll;
}
.contact_box_content p{}
.contact_box_lists{}
.contact_box_lists li{
    color: #323231;
    font-size: .95rem;
    padding-left: 1rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.contact_box_lists a{color: #323231 !important;text-decoration: none;font-weight: 400;}
.contact_box_content iframe{}

.contact_box img{
    height: 300px;
    margin: auto;
    display: flex;
    margin-top: 2rem;
}
.contact_box_first{}
.cshadow{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
img{max-width: 100%}
.featured_sliders{width:100%;padding: 1.5rem 0;}
.featured_sliders img{border-radius:6px}
.marketing_body{
    margin-bottom: 3rem;
    background: white;
    border: 1px solid #dedede91;
    border-radius: 6px;
}
.marketing_slider{
    background: #8e81f3;
    padding: 2rem;
    border-radius: 6px;
    color: white;
    height: 100%;
    border-top-left-radius:0px;border-bottom-left-radius:0px;
}
.marketing_slider h3{
    font-weight: 700;
}
.marketing_slider p{}
.marketing_slider button{
    background: white;
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.marketing_slider button i{margin-left:.5rem;}
.marketing_body img{border-top-left-radius:6px;border-bottom-left-radius:6px;}
.label_effect_group{
    padding-top: 15px !important;
}
.label_effect_group_input{
    border: 1px solid #ced4da;
    border-radius: 8px;
}
.label_effect_group_input input[type]{
    border: none;
    font-size: .9rem;
    padding: 0 !important;
    border-radius: 8px;
    height: 40px;
    padding-left: .875rem !important;
    padding-right: .875rem !important;
}
.label_effect_group label{
    top: 3px;
    background: white;
    padding: 0 8px;
    padding-left: 2px;
}
.label_effect_group{
    border-radius: 8px;
    border: none;
}
.swal2-title{
    font-size: 1.4rem !important;
    font-weight: 400 !important;
}

.swal2-confirm{
    background: #6fc71b !important;
}
.form-group label{
    color: #8b959e;
    font-size: 15px;
    height: 20px;
}
.site_body .orginal_form_group{
    padding-top: 8px;
}
.site_body .orginal_form_group input[type]{
    font-size: .9rem;
    padding-top: 0.7rem;
    border-radius: 8px;
    padding-bottom: .7rem;
    height: auto;
    height: 42px;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}
.pl-2{padding-left:1rem !important}
.pl-4{padding-left:1.5rem !important}
.pr-2{padding-right:1rem !important}
.pr-4{padding-right: 1.5rem !important;}
.px-2{padding-right:1rem !important;padding-left:1rem !important}
.w-fullimp{width:100% !important;}
.between_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.process_status{
    font-size: .85rem !important;
    border: none !important;
    padding: 0 !important;
    color: white;
    font-weight: 450 !important;
    padding: .375rem .8rem !important;
    border-radius: 6px;
}
@media(max-width: 768px){
    .sm-full{width:100% !important;}
    .sm-column{flex-direction:column !important;}
}
.notify_modal{}
.notify_modal .modal-body{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.notify_modal_slider{}
.notify_modal lottie-player{
    width: 120px !important;
    height: 120px !important;
}
.notify_modal_description{}
.notify_modal_description h3{
    font-size: 1.2rem;
    font-weight: 600;
}
.notify_modal_slider .item img{max-width:85%;margin: auto;border-radius: 6px;}
.notify_media_download{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
}
.notify_personal{
    text-align: center;
    margin-bottom: .875rem;
}
.notify_modal_slider{}
.notify_modal_slider .item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
}
.notify_modal_slider .owl-item{
    /* height: 100%; */
    /* min-height: 250px !important; */
    /* align-items: inherit !important; */
    /* flex-direction: column !important; */
    /* display: flex !important; */
}
.notify_classic{
}
.navbar_open button{
    background: #402f74;
    border-color: #402f74;
}
.mobile_slider{display:none !important;}
.desktop_slider{}
@media(max-width: 728px){
    .desktop_slider{display:none !important;}
    .mobile_slider{display:block !important;}
}

.site_body .label_effect textarea{
    border-bottom: 1px solid white;
    background: transparent !important;
    color: #303030;
    -webkit-text-fill-color: #303030;
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding: 0.7rem 0;
    border-radius: 0;
    font-size: 15px;
    border: 1px solid #dedede;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 8px;
    height: 50px;
    text-align: left;
    padding: 0 !important;
    padding-left: 16px !important;
    padding-top: 12px !important;
    min-height: 80px;
    padding-top: 21px !important;
    font-size: .875rem !important;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #858796
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e3e6f0
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e3e6f0
}

.table tbody+tbody {
    border-top: 2px solid #e3e6f0
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #e3e6f0
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #e3e6f0
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #858796;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #cdd8f6
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #a3b6ee
}

.table-hover .table-primary:hover {
    background-color: #b7c7f2
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #b7c7f2
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #dddde2
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #c0c1c8
}

.table-hover .table-secondary:hover {
    background-color: #cfcfd6
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #cfcfd6
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #bff0de
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #89e2c2
}

.table-hover .table-success:hover {
    background-color: #aaebd3
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #aaebd3
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #c7ebf1
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #96dbe4
}

.table-hover .table-info:hover {
    background-color: #b3e4ec
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #b3e4ec
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fceec9
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #fadf9b
}

.table-hover .table-warning:hover {
    background-color: #fbe6b1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fbe6b1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f8ccc8
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #f3a199
}

.table-hover .table-danger:hover {
    background-color: #f5b7b1
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f5b7b1
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfd
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #d1d1d5
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #a9aab1
}

.table-hover .table-dark:hover {
    background-color: #c4c4c9
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #c4c4c9
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #5a5c69;
    border-color: #6c6e7e
}

.table .thead-light th {
    color: #6e707e;
    background-color: #eaecf4;
    border-color: #e3e6f0
}

.table-dark {
    color: #fff;
    background-color: #5a5c69
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #6c6e7e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

/* 20.Datatable */
.dataTables_wrapper {
    overflow: hidden; }

table.dataTable td {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
    outline: initial !important; }

table.dataTable tr:last-of-type td {
    border-bottom: initial; }

table.dataTable {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

table p,
table h6 {
    margin-bottom: initial; }

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-top: 14px;
    padding-bottom: 14px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 1.5em; }

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 2em; }

.dataTables_wrapper .paginate_button.previous {
    margin-right: 15px; }

.dataTables_wrapper .paginate_button.next {
    margin-left: 15px; }

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 25px; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center; }

.dataTables_wrapper .paginate_button.page-item {
    padding-left: 10px;
    padding-right: 10px; }

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 {
    top: unset;
    box-shadow: initial;
    background-color: #145388;
    font-size: 12px; }

.data-table-rows .dataTables_wrapper {
    overflow: initial; }

.data-table-rows table {
    border-spacing: 0px 1rem; }
.data-table-rows table tbody tr {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04); }
.data-table-rows table tbody tr.selected {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); }
.data-table-rows table tbody tr.child td {
    padding: 0.75rem 2rem; }
.data-table-rows table tbody tr.child td li {
    padding: 0 !important; }
.data-table-rows table td,
.data-table-rows table th {
    padding: 1.5rem;
    border: initial; }
.data-table-rows table td {
    background: white; }
.data-table-rows table th.empty:before, .data-table-rows table th.empty:after {
    content: ""; }
.data-table-rows table .data-table-rows-check {
    text-align: right;
    pointer-events: none; }

.data-table-rows table.dataTable thead .sorting:before,
.data-table-rows table.dataTable thead .sorting_asc:before,
.data-table-rows table.dataTable thead .sorting_asc_disabled:before,
.data-table-rows table.dataTable thead .sorting_desc:before,
.data-table-rows table.dataTable thead .sorting_desc_disabled:before {
    right: initial;
    left: 0.5em; }

.data-table-rows table.dataTable thead .sorting:after,
.data-table-rows table.dataTable thead .sorting_asc:after,
.data-table-rows table.dataTable thead .sorting_asc_disabled:after,
.data-table-rows table.dataTable thead .sorting_desc:after,
.data-table-rows table.dataTable thead .sorting_desc_disabled:after {
    right: initial;
    left: 0; }

.data-tables-hide-filter .view-filter {
    display: none; }


table.dataTable.no-footer{border-bottom:none !important;}
table.dataTable thead th, table.dataTable thead td{border: 1px solid #F1F1F3 !important;border-bottom:1px solid #707070 !important;font-size: 12px;color: black;font-weight: 600;text-transform: capitalize;}
.table_colon{
    padding: 0 !important;
    border: none;
    box-shadow: none !important;
}
.table_colon table.dataTable{ border-collapse: collapse !important;}
.table_colon .card{border-radius:14px}
table.table_style_2 tbody tr{transition:.5s all ease}
table.table_style_2 tbody tr:hover{background: rgb(105 168 66 / 11%);;transition:.5s all ease}
.table_colon .dataTables_wrapper .dataTables_paginate,.table_colon .dataTables_wrapper .dataTables_info{margin-top:2rem}
.table_colon .dataTables_wrapper .dataTables_paginate{
    display: flex;
    justify-content: center;
    align-items: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #3c7eda;color: white;}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #bfbfbf;
    margin: 0 .5rem;
    text-decoration: none !important;
    cursor: pointer;
    padding: .5rem;
    border-radius: 6px;
}
.table_colon .dataTables_wrapper .dataTables_paginate .paginate_button.current{background: #3c7eda;color: white !important;border-color: #3c7eda;border-radius: 6px;padding: .6rem .85rem;cursor: pointer;}
.table_colon table.dataTable thead tr th{padding-right: 14px!important;padding-left: 14px!important;}
.fancybox-can-drag .fancybox-image-wrap .fancybox-image{background: white !important;}
.sidebar .nav-item .nav-link:hover,.sidebar .nav-item.active .nav-link{
    border-color:#69A842 !important;
    transition:1s border-color ease;
}
.black_theme{
    background: #15181b;
}

.black_theme .site_wrapper{
    background: #15181b;
}
.black_theme header.header{
    background: #1d2226;
    border-color: #1d2226;
    color:white;
}
.black_theme .theme_mode{color:white;}
.black_theme .footer{
    border-color: #252b38;
    background: #1d2226;
}
.black_theme{color:white}
.black_theme .profile_summary_memberNo,.black_theme .process_item .process_date{
    color: #ffffffd6;
}
.black_theme .profile_summary_link a{color:white}
.black_theme .section_title,.black_theme .section_title a{color:white}
.black_theme .footer_menus ul li a,.black_theme .footer_contact li a{color: #8b959e;}

.black_theme .footer_main{
    background: #15191d;
    border-color: #20262b;
    color:white;
}

.black_theme .page_body{background:#15181b;color: #c1bdbd;}

.black_theme .page_title{
    border-color: #2c343a;
    color: white;
}
.black_theme .card{
    background: #1d2226;
    box-shadow: rgb(43 43 45 / 20%) 0px 7px 29px 0px;
}
.black_theme .contact_box_content,.black_theme .contact_box_lists a,.black_theme .contact_box_lists li{color: white !important;}
.black_theme .contact_box_title > span:first-child:before{
    background: linear-gradient(to right, #2d4a62, #354a5a) !important;
}

.black_theme .site_body .label_effect input,.black_theme .site_body .label_effect textarea{
    border-color: #323c44;
    -webkit-text-fill-color:white;
}
.black_theme select{
    background: none;
    border-color: #323c44;
    color: #8b959e;
}

.black_theme div.footer_item a.active{color:white !important}

.black_theme .footer_item a.active, .black_theme .footer_item a.active, .black_theme .footer_item_icon i{color:#8b959e !important}

.black_theme .balanceAdd button:hover{
    background:#4284c5;
    border-color:#4284c5;
}
.black_theme .balanceAdd button{
    background:#70b5f9;
    border-color:#70b5f9;
    outline:none;
    box-shadow:none !important;
}
.black_theme .qr_menus .nav-tabs .nav-item:first-child .nav-link:not(.active){border-right:none !important}
.black_theme .qr_menus .nav-tabs .nav-item:last-child .nav-link:not(.active){border-left:none !important}
.black_theme .qr_menus .nav-tabs .nav-item .nav-link{
    color:#8b959e !important;
    border: 1px solid #323c44 !important;
}

.black_theme .qr_menus .nav-tabs .nav-item .nav-link.active{
    background:#4284c5;
    border-color:#4284c5;
    color: white !important;
}

.black_theme .navbar_open ul.dropdown-menu{
    background: #242f3b;border-color:#253343 !important;;
    color: #c1bdbd;border:none !important;
}
.black_theme .navbar_open ul.dropdown-menu li a{
    color: #97acbd;

}
.black_theme .navbar_open ul.dropdown-menu li:hover a{background:#1d2226}
.black_theme .navbar_open ul.dropdown-menu li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}
.black_theme .navbar_open ul.dropdown-menu li:last-child  a{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.black_theme .faq_wrapper nav .nav-tabs .nav-link{
    background:#323c44;color:white;
}
.black_theme .faq_wrapper nav .nav-tabs .nav-link.active{
    background:#335066;
}
.black_theme .faq_item .faq_start{
    background:#335066;

}
.black_theme .faq_item.active .faq_content{border-color:#335066;color: white;}

.black_theme .faq_wrapper nav .nav-tabs{border-color:#33506680}

.black_theme .faq_start .faq_title{color:white}

.black_theme table.dataTable tbody {border-top-color: #33506680 !important;}
.black_theme table.dataTable thead th, .black_theme table.dataTable thead td{color:white;border-color:#33506680 !important}
table.dataTable td img{margin:0}
.black_theme table.dataTable td, .black_theme table.dataTable th{color:white !important;border: none;}
table.dataTable td{vertical-align:middle}
.black_theme table.dataTable tr.odd td{background:#16181b;}
.black_theme table.dataTable tr.even td,.black_theme .table-striped tbody tr:nth-of-type(even){background:#2d373e;border: none;}

.black_theme .marketing_slider{background:#2d373e;border-color:#2d373e;}
.marketing_body{background:#2d373e;border-color:#2d373e;}
.black_theme input[type=date]{
    background: transparent;
    color:white;
    -webkit-text-fill-color: #8b959e;
    border-color: #323c44;
}
.black_theme .btn_success:hover{
    background:#4284c5 !important;
    border-color:#4284c5 !important;
}
.black_theme .btn_success{
    background:#70b5f9 !important;
    border-color:#70b5f9 !important;
    outline:none;
    box-shadow:none !important;
}
.black_theme .label_effect_group label{
    background: #1d2226;
}
.black_theme .label_effect_group_input{
    border-color: #323c44;
}

.marketing_body_page .label_effect_group_input input{
    height: 38px !important;
}
.black_theme input[type=file]{background:transparent;color:white;border-color:#323c44}

.black_theme .page_breadcrumb{
    background: #1d2226;
    border-color: #1d2226;
    border-radius: 0;
}
.black_theme .alert-info{
    background: #323c44;
    border-color: #323c44;
    color:#fff;
}

.black_theme .form-group > label{color: #ffffff !important;}
.marketing_body .col-md-6 > img{width: 80%;margin:auto;display: flex;padding: 1rem 0;}

.black_theme  .swal2-container .swal2-modal{background:#2f363d !important}

.black_theme .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{background:#2f363d !important}
.black_theme .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{background:#2f363d !important}
.black_theme .swal2-icon.swal2-success .swal2-success-fix{background:#2f363d !important}
.black_theme .swal2-html-container{color:#becfe1}

.swal2-styled.swal2-confirm{}

.black_theme .swal2-title{color:white}

.black_theme .accept_qr_input_row.active {color:white !important}
.black_theme .btn_send{

}

.black_theme .btn_light{
    background: transparent;
    border-color: #323c44;color:#7a848e;
}

.black_theme header.no_auth_header{background: #1d2226;
    border-color: #1d2226;
    color: white;}


.black_theme a.create_account_btn{
    background:#4284c5 !important;
    border-color:#4284c5 !important;
}
.black_theme .login_page_slogan,.black_theme .login_page_slogan h3{color:white !important}
.black_theme .header_big_logo svg,.black_theme .logo svg{fill:white}
.logo svg{
    height: 40px;
}
.header_big_logo svg{height:50px}
.black_theme .login_page_slogan h4{color:white}
.login_page_form button.btn-success{outline:none}

@media print  {
    .footer,.footer_main{display:none}
    .header .navbar{display:none;}
}