@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
@font-face{
    font-family:"Line Awesome Free";
    font-style:normal;
    font-weight:900;
    font-display:auto;
    src:url(../fonts/la-solid-900.eot);
    src:url(../fonts/la-solid-900.eot?#iefix) format("embedded-opentype"),
    url(../fonts/la-solid-900.woff) format("woff"),
    url(../fonts/la-solid-900.ttf) format("truetype"),
    url(../fonts/la-solid-900.svg#lineawesome) format("svg")
}
.la, .las {
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-style: normal;
}
.la-user-alt:before {
    content: "\f406";
}
.la-lock:before {
    content: "\f023";
}
.la-hand-holding-usd:before {
    content: "\f4c0";
}
.la-angle-left:before {
    content: "\f104";
}
.la-angle-right:before {
    content: "\f105";
}
.la-money-bill-wave:before {
    content: "\f53a";
}
.la-user-plus:before {
    content: "\f234";
}
.la-user-circle:before {
    content: "\f2bd";
}
.la-shopping-bag:before {
    content: "\f290";
}
.la-donate:before {
    content: "\f4b9";
}
.la-wallet:before {
    content: "\f555";
}
.la-bell:before {
    content: "\f0f3";
}
.la-eye:before {
    content: "\f06e";
}
.la-eye-slash:before {
    content: "\f070";
}
.la-check:before {
    content: "\f00c";
}
.la-times:before {
    content: "\f00d";
}
.la-trash-alt:before {
    content: "\f2ed";
}
.la-plus:before {
    content: "\f067";
}
:root{
    --main-color:rgba(237, 34, 36, 1);
    --black:#000;
    --light-color:#666;
    --box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);
    --border:.2rem solid rgba(0,0,0,.1);
    --outline:.1rem solid rgba(0,0,0,.1);
    --outline-hover:.2rem solid var(--black);
    --content:1200px;
}
*{
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border:none;
    text-decoration: none;
    transition: all .2s linear;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 500;
}
b,strong{
    font-weight: 600;
}
a{
    text-decoration: none;
    color: #71bcff;
}
a:hover{
    color: var(--main-color);
}
.link{
    background-color: initial;
}
.link:hover{
    color: var(--main-color);
}
li{
    list-style: none;
}
ul{
    margin: 0;
    padding: 0;
}
hr{
    background-color: #efefef;
    opacity: 1;
}
.fs-16{
    font-size: 16px;
}
.fs-14{
    font-size: 14px;
}
.fs-18{
    font-size: 18px;
}
.fs-24 {
    font-size: 24px;
}
html{
    border: 0;
    background-color: #fff;
    padding-top: 0 !important;
    margin: 0;
}
body{
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    line-height: 1.5;
    max-width: 1920px;
    color:#000;
    margin:auto;
    padding-right: 0px !important;
    font-weight: 400;
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 500;
}
.align-center{
    display: flex;
    align-items: center;
}
header{
    width: 100%;
    top: 0;
    left: 0;
}
.header-center{
    height: 60px;
    background-color: var(--main-color);
    width: 100%;
}
.header-center .container-lg{
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.badge{
    padding-top:5px;
}
.color-main{
    color:var(--main-color);
}
.header-center form{
    position: relative;
    width: 400px;
    height: 40px;
    width: 40%;
}
.la-search:before {
    content: "\f002";
}
.header-center .logo{
    display: block;
    height: 40px;
    width: 30%;
}
.header-center .logo img{
    height: 100%;
}
.nav_right{
    width: 30%;
    display: flex;
    justify-content: flex-end;
}
.header-center form input{
    height: 40px;
    border-radius: 20px;
    border:none;
    font-size: 14px;
}
.header-center form input::placeholder{
    font-size: 14px;
}
.header-center form button{
    background-color: initial;
    border:none;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    z-index: 2;
    font-size: 22px;
    transform: rotate(270deg);
}
.nav_right div{
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
}
.nav_right .account a{
    color:#fff;
    display: flex;
    align-items: center;
}
.nav_right .account a i{
    font-size: 20px;
}
.nav_right .account ul{
    position: absolute;
    background-color: #fff;
    right:0;
    width: 300px;
    border:  1px solid #efefef;
    display: none;
    top:100%;
}
.nav_right .account ul li a{
    display: block;
    color:#000;
    padding:8px 20px;
    font-size:14px;
    align-items: center;
}
.nav_right .account ul li a i{
    margin-right:5px;
}
.nav_right .account ul li.line{
    height: 1px;
    width: 100%;
    background-color: #efefef;
}
.nav_right .account p{
    padding:5px 20px;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top:10px;
    color:#404859;
}
.header-top{
    height:30px;
    width: 100%;
    top:0;
    background-color: #000;
    color:#fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}
.header-bottom{
    background-color: #fff;
    height: 40px;
    width: 100%;
    box-shadow: 0px 0px 5px #d1d1d1;
}
.header-bottom ul{
    text-align: center;
}
.header-bottom ul li{
    display: inline-block;
}
.header-bottom ul li a{
    line-height: 40px;
    color:#404859;
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding:0px 10px;
}
.header-bottom ul li a:hover{
    color:var(--main-color);
}
.nav_right .account ul li a:hover{
    color:var(--main-color);
    background-color: #F5F5F5;
}
.nav_right .account:hover ul{
    display: block;
}
footer{
    width: 100%;
    background-color: #000;
    overflow: hidden;
    color:#fff;
}
footer p{
    font-size: 14px;
    margin-bottom: 0px;
}
footer .title_footer{
    font-weight: 500;
    font-size:16px;
    margin-bottom: 15px;
}
footer ul li a{
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color:#fff;
}
.copyright{
    text-align: center;
    font-size: 14px;
    padding:10px 10px;
    border-top: 1px solid #222;
    opacity: 0.8;
}
.social{
    margin-top: 30px;
    width: 100%;
}
.social a{
    display: inline-block;
    margin-right: 10px;
}
.banner{
    height: 130px;
    width: 100%;
}
.page_content{
    background-color: #f5f5f5;
    padding-top: 25px;
    padding-bottom: 25px;
}
.sidebar{
    padding-top: 40px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 3px;
    color: #40485a;
}
.box_content{
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 3px;
    color: #40485a;
    padding:20px 30px;
}
.sidebar ul li a{
    display: flex;
    height: 52px;
    padding: 0 27px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #40485a;
}
.sidebar ul li a i{
    margin-right: 16px;
    font-size: 22px;
}
.sidebar ul li a:hover,.sidebar ul li a.active{
    color:var(--main-color);
    background-color: #f5f5f5;
}
.sidebar .line{
    background-color: #efefef;
    margin:0px;
    height:1px;
}
.wallet{
    padding:0px 27px;
    overflow: hidden;
}
.wallet .item_{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin:5px 0px; 
    font-size: 14px;
}
.amount{
    font-weight: 600;
    color:var(--main-color);
    font-size: 18px;
    margin-bottom: 10px;
}
.sidebar h4{
    color:#40485a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.sidebar .avatar{
    text-align: center;
    font-size: 40px;
    margin-bottom: 15px;
}
.sidebar .time_update{
    text-align: center;
    font-size: 12px;
    color:#898d9a;
    margin-bottom: 5px;
}
.form-withdraw{
    margin-bottom: 25px;
}
.form-withdraw input{
    width: 200px;
}
.form-withdraw button{
    background-color: #249F6D;
    border-radius: 3px;
    padding:0px 30px;
    margin-top: 15px;
    height: 38px;
    color:#fff;
    width: 200px;
}
table.table tr th{
    border-bottom: none;
    font-weight: 500;
}
.table>:not(:first-child){
    border-top:none;
}
.btn_default{
    border:1px solid #000;
    border-radius: 4px;
    padding:7px 15px;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:40px;
    background-color: #fff;
}
.btn_second{
    background-color:#000;
    color:#fff;
    border:1px solid #000;
    border-radius: 4px;
    padding:7px 15px;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:40px;
}
.btn_third{
    background-color:var(--main-color);
    color:#fff;
    border:1px solid var(--main-color);
    border-radius: 4px;
    padding:7px 15px;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:40px;
}
.spinner-border{
    height: 25px;
    width: 25px;
}
.btn_second:hover{
    color:#fff;
}
.btn_login{
    border: 1px solid #fff;
    background-color: initial;
    color: #ffff;
    border-radius: 5px;
    padding: 0px 15px;
    height: 40px;
}
.form-control,.form-select {
    height: 40px;
    font-size: 14px;
}
.btnClose {
    color: rgba(0,0,0,.45);
    position: absolute;
    right: 20px;
}
label.error {
    color:var(--main-color);
    margin-top: 5px;
}
.popup{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 999;
}
.content_popup{
    width: 370px;
    position: absolute;
    background-color: #fff;
    left:calc(50% - 185px);
    top:100px;
}
.head_popup{
    border-top:3px solid var(--main-color);
    height: 44px;
    background-color: #eee;
    text-align: center;
    color:var(--main-color);
    line-height: 42px;
    font-size: 18px;
}
.btnClose{
    position: absolute;
    right: 0px;
    top:0px;
    background-color: initial;
    border:none;
    height: 44px;
}
.btnClose svg{
    width: 12px;
}
.box_popup{
    padding:25px;
}
.footer_popup{
    background-color: #eee;
    padding:25px;
}
.footer_popup p{
    font-size: 12px;
    margin-bottom: 10px;
}
.popup a{
    color:#000;
    text-decoration: underline;
}
.lab_remember{
    display: flex;
}
.lab_remember input{
    width: 16px;
    margin-right: 5px;
}
.show_pass {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 22px;
    background-color: initial;
    color: rgba(95, 79, 80, 0.7);
    height:40px;
    width:40px;
}
.icon_success{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border:1px solid #23ae4a;
    color:#23ae4a;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
}
.icon_danger{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border:1px solid var(--main-color);
    color:var(--main-color);
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
}
.box_content .btn_login{
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 7px 15px;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-left: calc(50% - 75px);
    width: 150px;
}
.w-200{
    width: 200px;
}
.entry-content ul{
    margin-bottom: 15px;
    padding-left:20px;
}
.entry-content ul li{
    list-style: initial;
}
.item_bank{
    border:1px solid #d1d1d1;
    padding:20px;
    border-radius: 3px;
    display: flex;
    height: 120px;
    align-items: center;
    position: relative;
    margin-bottom: 24px;
    cursor: pointer;
}
.item_bank .logo_bank{
    width: 100px;
    margin-right: 5px;
}
.item_bank .des_bank h4{
    font-size:14px;
    margin-bottom: 5px;
    padding-right:20px;
}
.item_bank .des_bank{
    width: calc(100% - 105px);
}
.btn_del_bank{
    position: absolute;
    bottom: 12px;
    right:20px;
    font-size: 20px;
    color:#d1d1d1;
}
.btn_addbank{
    background-color: #f5f5f5;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    border: 1px dashed #d1d1d1;
    padding:20px;
    border-radius: 3px;
    display: flex;
    height: 120px;
    align-items: center;
    position: relative;
    margin-bottom: 24px;
    cursor: pointer;
}
.btn_addbank i{
    font-size: 26px;
}
.choseBank,.item_bank:hover{
    border:1px solid #249F6D;
}
.choseBank:before{
    content: "\f00c";
    position: absolute;
    top: 10px;
    right: 20px;
    color: #249F6D;
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 20px;
}
.alert-danger{
    background-color: #fff;
    color: var(--main-color);
    border: none;
    padding: 0;
}
.pagination-wrap a,.pagination-wrap span{
    display: block;
    border:1px solid #000;
    height:26px;
    min-width: 26px;
    text-align: center;
    padding:0px 5px;
    line-height: 26px;
    border-radius: 13px;
    margin:0px 3px;
    color:#000
}
.pagination-wrap span.disabled{
    background-color: #000 !important;
    opacity: 0.1 !important;
    color: #fff !important;
}
.pagination-wrap a:hover,.pagination-wrap .active a{
    background-color: #000;
    color:#fff;
}