@charset "UTF-8";
/* CSS Document */

.clear{ clear: both;}

body{ font-size: 12px !important; color: #000;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ color: #000;}
table{ color: #000 !important;}
.form-label{ color: #000;}

.app-content { padding-top: 0px !important;}

.asiafeed_logo{ width: 156px;}
.asiafeed_logo2{ width: 55px;}
.brand-logo{ margin: 0px !important; margin-bottom: 15px !important;}
.btn_arrow{ background:url("../images/btn_arrow.svg") no-repeat; width: 6px; height: 6px; display: inline-block; margin-left: 7px; position: relative; top: -1px;}

.acountstatement_table{ font-size: 11px;}

.acountstatement_table thead { font-size: 12px;}


.table thead th, .table tfoot th{ font-size: 12px;}

 
 
.align_right{ text-align: right}

 

.dashboard_header{ background: #fff; padding: 7px 15px;}
.header_logo{ width: 55px; height: 56px;}

nav ul{ list-style: none; margin: 0px; padding: 0px;}
nav ul li{ display: inline-block; }
nav ul li:last-child{ float: right; font-weight: bold;}
.logout_btn{ background: url("../images/logout_btn.svg") no-repeat; width:24px; height: 24px; display: inline-block; position: relative; margin-left: 15px;
top: 5px; cursor: pointer;}
.header_username{ margin-right: 10px;}


.section_accountsbox{ background: #fff; border-radius: 8px; padding: 15px; margin-bottom: 30px; cursor: pointer;}
.section_accountsbox_active{ background: #EBE9F4;}
.section_accountsbox:hover{  background: #EBE9F4;}


.dashboard_section{ margin-top: 30px;}
.accountstatment_section{ }


.heading1{ font-size: 18px; color: #000; padding: 0px; margin: 0px; line-height: 18px; font-weight: 400;}
.cust_text{ color: #EC5351; margin-top: 15px; }
.cust_name{ font-weight: bold; margin-top: 5px; }
ul.accounts_listbox{ list-style: none; margin: 0px; padding: 0px;}
ul.accounts_listbox li{ display: inline-block; padding-right: 13px;}
ul.accounts_listbox li:last-child{ float: right; padding-right: 0px;}

.account_numberbox{ width: 28px; height: 28px; border-radius: 50%; background: #F3F2F7; display: inline-block; text-align: center; line-height: 28px; font-size: 18px; font-weight: 400;
position: relative; top: -10px; }

.account_custtext{ color: #EC5351;}
.account_username{ font-weight: 700; margin-top: 3px;}

.account_price{ font-size: 18px; font-weight: 700; color: #16C96A; text-align: right;}


.ministatement_section{ margin-top: 15px;}

.ministatement_section table tbody tr{background: #fff;}

.ministatement_section table thead th:first-child{ border-top-left-radius: 8px; }
.ministatement_section table thead th:last-child{ border-top-right-radius: 8px; }

.button_box{ text-align: center; margin-bottom: 30px;} 



ul.statement_header{ list-style: none; padding: 0px; margin: 0px;}
ul.statement_header li{ display: inline-block; line-height: 19px; vertical-align: middle;} 
 
.statement_headerlogo{ width: 81px; height: 82px;}
.statement_header_company{ font-size: 16px; font-weight: 700; margin-bottom: 9px;}

.statement_rightbox{ text-align: right;}

.accountstatment_box{ background: #EEECFF; border-radius: 4px; color: #7362F4; font-weight: 700; padding: 10px 17px; display: inline-block; margin-bottom: 10px;}
.accountstatment_boxtext{ font-weight: 700; margin-top: 10px;}

.accountstatment_boxtext span{ font-weight: 400;}





.fullstatment_section table tbody tr:last-child td{background: #f3f2f7; font-weight:700; border: 0px;  }
.fullstatment_section table tbody tr td:first-child{ width: 125px;}

.fullstatment_section table tbody tr:last-child td:last-child{ border-bottom-right-radius: 8px;}
.fullstatment_section table tbody tr:last-child td:first-child{ border-bottom-left-radius: 8px;}

.fullstatment_searchbox{ padding: 30px; margin-top: 30px;}

.statmentinput_box{ margin-top: 5px;}
.statmentinput_formbtn{ margin-top: 25px;}


.dashboard_section_mobile{ display: none;}

.totalbalance_box{ background: #F4F3FA; font-size: 14px; font-weight: 700; border-radius: 8px; padding: 10px; margin-top: 12px; }
.totalbalance_icon{ background:url("../images/bag.svg") no-repeat; width: 24px; height: 24px; display: inline-block; background-size: 100%; margin-right: 10px; position: relative; top: 5px;}


.mobilestatmentmainbox{ margin-top: 15px;}

ul.mobile_accountstatment{ list-style: none; padding: 0px; margin: 0px; margin-bottom: 15px;}
ul.mobile_accountstatment li{ display: inline-block; width: 32%; text-align: right; line-height: 21px;}
ul.mobile_accountstatment li:first-child{ text-align: left;} 



ul.mobile_accountstatment2{ list-style: none; padding: 0px; margin: 0px; margin-bottom: 15px;}
ul.mobile_accountstatment2 li{ display: inline-block; width: 49%; text-align: right; line-height: 21px;}
ul.mobile_accountstatment2 li:first-child{ text-align: left;} 



.statment_destext{ margin-bottom: 5px;}

.mobilestatmentmainbox{ border-bottom: solid 1px #E0E0E0; padding-bottom: 15px;}

ul.account_totalbox{ list-style:none; padding: 0px; margin: 0px;}
ul.account_totalbox li{ display: inline-block; width: 49%; font-weight: 700; padding-top: 15px;}

ul.account_totalbox li:nth-child(even){ text-align: right;}


.userlist_section{ max-width: 1250px; margin: auto;  margin-top: 30px;}
.userlist_name{ position: relative; margin-left: 20px; top: 4px; white-space: nowrap; }

.userlist_section .table-responsive{ background: #fff; white-space: nowrap;}
.adduser_btn{ position: relative; top: -10px;}


.small_section {
    max-width: 600px;
    margin: auto; margin-top: 30px;
}

.profile_imgbox {
    position: relative;
    width: 135px;
    height: 135px;
    background: #000;
    border-radius: 100%;
    margin: auto;
    background-size: cover!important;
    background-position: 50% 50%!important;
}
.profile_editbtn {
    background: url(../images/profile_editbtn.svg) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: 50%;
}
.addaccount_btn{ padding: 5px; font-size: 11px; margin-top: 5px;}

.accounts_deletebtn{ float: right; position: relative; top: -7px;}



.welcome_sectionbox{ margin-top: 30px;}
.total_userbox{ background:url("../images/total_userbg.svg") no-repeat; background-position: bottom; background-size: 100%;}
.total_accountsbox{ background:url("../images/total_accountsbg.svg") no-repeat; background-position: bottom; background-size: 100%;}
.usernamebox{ padding-top: 30px; padding-bottom: 30px;}