Untitled

.text-small {
    font-size: .8rem;
}

.vendor-bank-info p,
.vendor-tax-info p {
    margin: 0;
    color: #263238;
}

/*****/

._searchbar {
    border: 1px solid #111110;
    border-radius: 10px;
}

.suggestion-container {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.suggestion-avtar {
    width: 40px;
    height: 40px;
}

.suggestion-avtar img {
    border-radius: 50px;
}

.suggestion-name {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
}

.suggestion-list {
    padding: 10px;
}

.suggestion-list:hover {
    background-color: #e3e1d3;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
}

.btn_counterparts {
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    display: flex;
    border: 2px solid #111110;
}

.button._adcounterclient.btn.btn-primary:hover {
    background-color: none !important;
}

.button._adcounterclient.btn.btn-primary {
    background-color: none !important;
}

._previewbasicinfo {
    font-size: 14px;
    font-weight: 500;
    background-color: #dcdcdc;
    padding: 10px;
    border-radius: 7px;
}

svg.MuiSvgIcon-root.custompreviewsvg {
    font-size: 13px;
}

/* preview-counterpart.css */

.preview-counterpart .container {
    max-width: 100%;
}

.preview-counterpart .row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 -15px;
}

.previewcolumn6 {
    background: #fcfaed;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .2);
    flex-basis: calc(50% - 10px);
    padding: 0 15px;
}

._individualcounter p {
    font-size: 12px;
}

._organizationcounter p {
    font-size: 12px;
}

.type_main {
    font-size: 13px;
}

._residential_addresspre p {
    font-size: 12px;
}

.registered_addresspre p {
    font-size: 12px;
}

.tax_idprev p {
    font-size: 12px;
}

.bank_accountprev p {
    font-size: 12px;
}

.list-enq-name {
    display: block;
    font-weight: 700;
    color: #263238;
}

.listbiller-table th {
    text-align: left !important;
}

.listbiller-tablecell {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #111110 !important;
}

.listbiller-tablecell svg {
    display: none;
}

.listbiller-tablelist {
    background: transparent;
}

tbody.listbiller-tablebody tr:nth-child(odd) {
    background-color: #ffffff61;
    color: #212529 !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px !important;
    background: #fff !important;
    border-radius: 8px;
}

tbody#listbillerbody::before {
    line-height: 1.5em;
    content: "-";
    color: white;
    /* to hide text */
    display: block;
}

table.listbiller-table tbody tr {
    background: #fff;
}

table.listbiller-table tbody tr td:first-child {
    border-radius: 7px 0px 0px 7px;
}

table.listbiller-table thead tr th:first-child {
    border-radius: 7px 0px 0px 7px;
}

table.listbiller-table tbody tr td:last-child {
    border-radius: 0 7px 7px 0;
}

table.listbiller-table thead tr th:last-child {
    border-radius: 0 7px 7px 0;
}

.listbiller-pagination {
    background-color: #fff;
}

.listbiller-addbiller {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.list-enq-city {
    color: gray;
    font-size: .85rem;
}

svg.MuiSvgIcon-root.editbtn {
    font-size: 15px !important;
}

svg.MuiSvgIcon-root.deletebtn {
    font-size: 15px !important;
}



/* AddBillPopUp */

.invoice_details button.MuiButtonBase-root.MuiIconButton-root {
    float: right;
}

div.invoice_details {
    padding: 10px 0px 0px 20px !important;
}

.addbil-tablecell {
    font-size: 14px;
}

.total_amount {
    padding: 10px 25px 0px 0px;
    display: flex;
}

._amount {
    text-align: right;
    padding-right: 35px;
}

._amount p {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.43;
}

._total {
    text-align: right;
    font-size: 13px;
    font-weight: 600;
}

#paybilltotal {
    background: #111110;
    width: 100px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    border-radius: 50PX;
}

#paybilldisable {
    width: 100px;
    height: 25px;
    font-size: 12px;
    border-radius: 50PX;
}

._checkboxvalue {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.addbilltablecell svg {
    display: none;
}

/* Pending */

.clientpayment {
    background: #fff;
    box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
    height: 100vh;
}

div#pending {
    margin-bottom: 10px;
}

#pending1 {
    margin-top: 15px;
}

.pendingh6 {
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #11111099;
}

.pendingbox {
    background: #fff;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px !important;
    border-radius: 10px;
}

.pendingboxh6 {
    font-size: 14px;
    font-weight: 600;
    color: #111110eb;
}

.pendingboxspan {
    font-size: 13px;
    font-weight: 400;
    color: #1111108a;
}

.pbadgeh6 {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}

.button_appdec {
    display: flex;
    gap: 10px;
    float: right;
}

.btn_approve {
    background: #111110;
    color: #fff;
    padding: 6px 21px;
    font-weight: 600;
    border-radius: 20px;
    font-size: 14px;
}

.btn_approve:hover {
    background: #111110;
    color: #fff;
    padding: 6px 21px;
    font-weight: 600;
    border-radius: 20px;
    font-size: 14px;
}

.btn_decline {
    border: 2px solid #111110;
    padding: 3px 20px;
    font-weight: 500;
    border-radius: 20px;
    font-size: 12px;
}

.usrsocial-h6 {
    margin: 0 !important;
}

/* Pending Css */

.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,
.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate {
    color: #111110;
}


/* tbody#billhistbody::before {
    line-height: 1.5em;
    content: "-";
    color: white;
    display: block;
} */


/* Previous button */

.prevbtn {
    height: 40px !important;
    width: 100% !important;
    color: #fff !important;
    background: gray !important;
}

.nextbtn {
    height: 40px !important;
    background: #111110 !important;
    width: 100% !important;
    color: #fff !important;
}

/* Add user btn */

.adduserbtn {
    border-radius: 50px !important;
    background: #111110 !important;
    color: #fff !important;
    box-shadow: 0px 1px 6px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14), 0px 2px 1px -1px rgba(204, 204, 204, 0.12);
}

.adduserbtn:hover {
    border-radius: 50px !important;
    background: #111110 !important;
    color: #fff !important;
    box-shadow: 0px 1px 6px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14), 0px 2px 1px -1px rgba(204, 204, 204, 0.12);
}

svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.adduserbtni {
    background: #fff !important;
    color: #111110 !important;
    border-radius: 50px !important;
}

.adduserbtn span svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.paybtn {
    background: #fff !important;
    color: #111110 !important;
    border-radius: 50px !important;
    font-size: 15px;
}

.adduserbtn span svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.addbtn {
    background: #fff !important;
    color: #111110 !important;
    border-radius: 50px !important;
    font-size: 15px;
}

.downloadcsv {
    border-radius: 50px !important;
    background: #111110 !important;
    color: #fff !important;
    box-shadow: 0px 1px 6px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14), 0px 2px 1px -1px rgba(204, 204, 204, 0.12);
}

.downloadcsv:hover {
    border-radius: 50px !important;
    background: #111110 !important;
    color: #fff !important;
    box-shadow: 0px 1px 6px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14), 0px 2px 1px -1px rgba(204, 204, 204, 0.12);
}

.uplaodcsv {
    border-radius: 50px !important;
    background: #111110 !important;
    color: #fff !important;
    box-shadow: 0px 1px 6px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14), 0px 2px 1px -1px rgba(204, 204, 204, 0.12);
}

.uplaodcsv:hover {
    border-radius: 50px !important;
    background: #111110 !important;
    color: #fff !important;
    box-shadow: 0px 1px 6px 0px rgba(142, 142, 142, 0.2), 0px 1px 1px 0px rgba(243, 243, 243, 0.14), 0px 2px 1px -1px rgba(204, 204, 204, 0.12);
}

/* Profile Tabs css */

#profiletab1>.MuiBox-root.css-19kzrtu {
    padding: 0;
    margin-top: 10px;
}

#profiletab2>.MuiBox-root.css-19kzrtu {
    padding: 0;
    margin-top: 10px;
}

.button_health {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #111110;
    cursor: pointer;
    padding: 5px 10px;
    margin-top: 10px;
}

.foinacemodalhhh {
    width: 89%;
    position: absolute;
    top: 67px !important;

    right: 73px
}

.finatabbtnnn {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #111110;
    cursor: pointer;
    padding: 5px 10px;
    gap: 7px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

}

.offcanvFinanceinfohaed.offcanvas-header {
    margin-left: auto;
}

.offcanvFinanceintitle {
    padding-left: 2%;
    font-size: 1.5em;
}

.fineditdelcolbtnn {
    text-align: right;
}

.editviewfinbtn {
    background-color: #111110;
    color: #fff;
    padding: 8px;
    margin: 0px 5px;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}

.actions_button {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #111110;
    cursor: pointer;
    padding: 5px 30px;
    gap: 7px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.actions_button_bill {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #111110;
    cursor: pointer;
    padding: 5px 10px;
    margin: 10px 30px;
    text-decoration: none;
    gap: 7px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.actions_button_bill:hover {
    color: #111110;
}

.r_slider_w {
    width: 89%;
    position: absolute;
    top: 67px !important;
    background-color: #ffffff;
    right: 73px;
}

.finainfobtoonstick {
    position: sticky;
    top: 0;
    background-color: white;
    /* Set the background color you want for the sticky header */
    z-index: 1;
    right: 73px;

}

.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.list_avatar.css-2s90m6-MuiAvatar-root {
    background: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.list_avatar img {
    width: 22px !important;
}

div#unpaid_listtext p {
    white-space: normal;

}

.finance_body {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    box-shadow: -5px 7px 20px 0px #aaa;
}

.finance_body::-webkit-scrollbar{
    display: none !important;
}

.header123 {
    flex-shrink: 0;
}

.header123 .MuiPaper-root{
    background-color: #f3f0eb !important;
    color: #9d5248 !important;
}

.footer123 {
    flex-shrink: 0;
}

.tab_css {
    display: flex;
    justify-content: space-between;
}