/*Firefox*/
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--white);
}

/*Chrome, Edge, and Safari*/
*::-webkit-scrollbar {
    width: 6px;
    z-index: 999;
}

*::-webkit-scrollbar-track {
    background: var(--white);
}

*::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
    border: 3px solid #999;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
    border-radius: 10px;
    border: 3px solid var(--primary);
}


#toast-container .toast-close-button {
    color: rgba(255, 255, 255, 0.4);
}
#toast-container .toast-close-button:hover {
    color: #fff;
}

.float-right {
    float: right;
}
label {
    font-size: 13px !important;
}

.featured-image-cropme {
    background-color: #f1f1f1;
    /* background-image: url(../UploadLight.png); */
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 280px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 5px;
    border-radius: 10px;
}
.featured-image-cropme.empty-image {
    background-image: url(../UploadLight.png);
}
.featured-image-cropme.empty-image:hover {
    background-image: url(../UploadDark.png);
}
/*.card .card-title:before {
    content: "";
    height: 16px !important;
    width: 5px !important;
    background-color: #57ca60;
    position: relative;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 6px;
}*/
.card-subtitle {
    font-size: 13px;
    display: block;
    margin-top: 5px;
    color: #999;
    text-transform: none;
}

.disabled-customer-info {
    background-color: #eaeaea !important;
    min-height: 120px !important;
    border: 1px solid #c7c7c7;
}
.disabled-customer-info h4,
.disabled-customer-info h3,
.disabled-customer-info h5,
.disabled-customer-info p {
    margin:0;
}
.min-height-100px {
    min-height: 100px;
}
.min-height-80px {
    min-height: 80px;
}
.text-right {
    text-align: right;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered{
    margin-right: 10px;
}

.add_an_item {
    border: 1px solid #999;
    padding: 5px 10px;
    border-radius: 18px;
    transition: .3s;
}
.add_an_item:hover {
    color: #fff;
    background-color: var(--primary);
}

.modal-form {
    width: 100%;
}


/*chart of account start*/
.coa-single-account {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.tab-content .coa-single-account:last-child {
    border-bottom: none;
}
.coa-single-account .account-details {
    flex-basis: 25%;
}
.coa-single-account .account-description {
    flex-basis: 70%;
    padding-left: 25px;
    padding-right: 20px;
}
.coa-single-account .acc-edit-btn {
    flex-basis: 5%;
}
.coa-single-account .acc-name {
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}
.coa-single-account .acc-id {
    font-size: 12px;
    color: var(--primary);
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}
.coa-single-account .acc-last-tran {
    margin: 0;
    color: #545454;
    line-height: 1.4;
    margin-top: 7px;
}
.coa-single-account .account-description p {
    color: #545454;
    line-height: 1.4;
}
.coa-single-account .acc-edit-btn .aeb-btn {
    background-color: transparent;
    border: transparent;
    color: #b0b0b0;
    font-size: 16px;
    transition: .3s all ease;
}
.coa-single-account .acc-edit-btn .aeb-btn:hover {
    color: var(--primary);
}
.coa-single-account .coa_sub_cat_tab.nav-pills .nav-link {
    color: #4b4b4b;
    font-weight: 500;
    font-size: 12px;
}
.coa-single-account .coa_sub_cat_tab.nav-pills .nav-link.active {
    color: #fff;
}
.coa-single-account .coa_sub_cat_tab.nav-pills .nav-link:hover {
    color: var(--primary);
}
.coa-single-account .coa_sub_cat_tab.nav-pills .nav-link.active:hover {
    color: #fff;
}
.coa-single-account .add-new-sub-cat-account {
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    color: var(--primary);
    font-weight: 500;
}
.coa-single-account .add-new-sub-cat-account i.fa {
    border: 2px solid var(--primary);
    padding: 3px;
    border-radius: 50%;
    margin-right: 5px;
}
/*chart of account end*/

/*chart of account-2 start*/
.coa-single-account2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.tab-content .coa-single-account2:last-child {
    border-bottom: none;
}
/*.coa-single-account2 .account-no {
    flex-basis: 10%;
}*/
.coa-single-account2 .account-details {
    flex-basis: 30%;
}
.coa-single-account2 .account-description {
    flex-basis: 50%;
    padding-left: 25px;
    padding-right: 20px;
}
.coa-single-account2 .acc-edit-btn {
    flex-basis: 20%;
    text-align: right;
}
.btn.btn-set-opening-balance {
    background: var(--linear-gradient-1);
    color: #fff;
    font-weight: 700;
    padding: 4px 17px;
    font-size: 13px;
    border-radius: 50px;
    transition: all 0.3s;
}
.coa-single-account2 .acc-name {
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}
.coa-single-account2 .account_no {
    margin-bottom: 0;
}
.coa-single-account2.add-account-wrapper .account-details {
    flex-basis: 100%;
}
.coa-single-account2 .acc-id {
    font-size: 12px;
    color: var(--primary);
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}
.coa-single-account2 .acc-last-tran {
    margin: 0;
    color: #545454;
    line-height: 1.4;
    margin-top: 7px;
}
.coa-single-account2 .account-description p {
    color: #545454;
    line-height: 1.4;
}
.coa-single-account2 .acc-edit-btn .aeb-btn {
    background-color: transparent;
    border: transparent;
    color: #b0b0b0;
    font-size: 16px;
    transition: .3s all ease;
}
.coa-single-account2 .acc-edit-btn .aeb-btn:hover {
    color: var(--primary);
}
.coa-single-account2 .coa_sub_cat_tab.nav-pills .nav-link {
    color: #4b4b4b;
    font-weight: 500;
    font-size: 12px;
}
.coa-single-account2 .coa_sub_cat_tab.nav-pills .nav-link.active {
    color: #fff;
}
.coa-single-account2 .coa_sub_cat_tab.nav-pills .nav-link:hover {
    color: var(--primary);
}
.coa-single-account2 .coa_sub_cat_tab.nav-pills .nav-link.active:hover {
    color: #fff;
}
.coa-single-account2 .add-new-sub-cat-account {
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
    color: var(--primary);
    font-weight: 500;
}
.coa-single-account2 .add-new-sub-cat-account .plus-icon {
    border: 2px solid var(--primary);
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.coa-sc2-title {
    background-color: #ecf0f3;
    padding: 7px 10px;
    margin-bottom: 10px;
}
.coa-sc2-title h4 {
    margin: 0;
    font-weight: 500;
    font-size: 17px;
}
.coa-sc2-title h4 i{
    display: inline-block;
    margin-left: 5px;
    color: #555;
}
.switch-view-mode-btn-group {
    border: 1px solid #ccc;
}
.switch-view-mode-btn-group .active {
    background: var(--linear-gradient-1);
    background-size: 200%,1px;
    color: #fff;
}
.coa-tooltip .tooltip-inner {
    background-color: #fff;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid rgba(71,84,92,0.07);
    box-shadow: 0 4px 36px 4px rgb(0 0 0 / 10%);
}
.coa-tooltip.tooltip.show {
    opacity: 1;
}
/*chart of account-2 end*/


/*transaction start*/
.transaction-entry-wrapper .form-control.amount {
    border-width: 3px;
    font-size: 16px;
    font-weight: 600;
}
.transaction-entry-wrapper .amount-wrapper label {
    font-weight: 600;
}
.single-transaction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.single-transaction .st-date {
    flex-basis: 14%;
}
.single-transaction .st-description {
    flex-basis: 22%;
}
.single-transaction .st-account {
    flex-basis: 18%;
}
.single-transaction .st-category {
    flex-basis: 20%;
}
.single-transaction .st-amount {
    flex-basis: 15%;
}
.single-transaction .st-receipt {
    flex-basis: 5%;
    text-align: center;
    font-size: 16px;
}
.single-transaction .st-action {
    flex-basis: 6%;
}
.single-transaction.heading>div {
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}
.single-transaction .st-date p {
    margin: 0;
    font-size: 13px;
    color: #363636;
    font-weight: 500;
}
.single-transaction .st-date .transaction-type-xs {
    padding: 1px 10px;
    font-size: 10px;
    color: #fff;
    border-radius: 4px;
    line-height: 1.3;
}
.single-transaction .st-date .transaction-type-xs.primary {
    background-color: #e5ecff !important;
    color: var(--primary);
}
.single-transaction .st-date .transaction-type-xs.success {
    background-color: #e7ffee !important;
    color: #008912;
}
.single-transaction .st-date .transaction-type-xs.danger {
    background-color: #ffe4e4 !important;
    color: #d90000;
}
.single-transaction .st-description p {
    margin: 0;
    color: #363636;
    font-weight: 400;
    font-size: 13px;
}
.single-transaction .st-account p {
    margin: 0;
    color: #464646;
    font-size: 13px;
    text-align: center;
}
.single-transaction .st-category p {
    margin: 0;
    color: #464646;
    font-size: 13px;
    text-align: center;
}
.single-transaction .st-amount .amount-wc {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    margin-right: 15px;
}
.single-transaction .st-amount .amount-wc.deposit {
    color: var(--primary);
}
.single-transaction .st-amount .amount-wc.withdraw {
    color: #363636;
}
.single-transaction .st-amount .amount-wc .awc-currency {
    font-weight: 700;
}
.single-transaction .st-action .actions {
    display: flex;
    align-items: center;
}
.single-transaction .st-action .actions .btn-link{
    border: 1px solid var(--primary);
    /* padding: 1px 6.5px; */
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.6;
}
.single-transaction .st-btn.btn-approve {
    background-color: transparent;
    margin-right: 10px;
    outline: none;
    border: 2px solid #000;
    border-radius: 50%;
    padding: 4px 6px 2px 6px;
}
.single-transaction .st-btn.btn-approve.reviewed {
    background-color: var(--primary);
    border: 2px solid var(--primary);
    color: #fff;
}
.subtotal_info_wrapper .subtotal_wrapper {
    display: flex;
    justify-content: space-between;
    color: #303030;
    font-size: 13px;
    border-right: 3px solid #ddd;
    padding-right: 10px;
}
.subtotal_info_wrapper {
    padding: 15px 10px 10px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.subtotal_info_wrapper .subtotal_price {
    font-weight: 600;
}

.aas-selected-account {
    background-color: #fff;
    padding: 10px 25px 10px 15px;
    display: flex;
    justify-content: space-between;
    border-radius: 9px;
    border: 1px solid #a6c8e7;
    cursor: pointer;
    position: relative;
}
.aas-selected-account p {
    margin: 0;
}
.aas-selected-account .asssa-amount::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 16px;
    border-top: 3px solid #000000;
    border-left: 3px solid #000000;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    -webkit-transform: rotate(-225deg) translateY(-50%);
    transform: rotate(-136deg) translateY(0);
}
.aas-selected-account:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%) !important;
    border-color: #2046cf !important;
}
    /*transaction end*/


button.link {
    background: transparent;
    border: none;
    color: var(--primary);
    font-weight: 500;
}
button.link:hover {
    color: var(--secondary);
    font-weight: 500;
}
.swal2-styled.swal2-deny {
    border-radius: 40px !important;
    padding: 9px 30px;
}
.font-weight-normal {
    font-weight: normal !important;
}
.toplist{
    border-radius: 16px;
    background: #f1f5fe;
    padding: 4px;
    letter-spacing: 0;
    color: #333333;
}
.toplist div{
    text-align: center;
    padding: 10px 9px;
    border-radius: 12px;
    margin: 1px 5px;
    cursor: pointer;
    font-size: 14px;
}
.toplist div:hover{
    color: #001b66;
    background: #dee8fc;
}

.btnst.active{
    color: #001b66;
    font-weight: bold;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgb(71 84 92 / 20%);

}
.btnst.active:hover{
    background: #fff !important;

}
.contact_card{
    /*width: 620px;
    margin-left: -141px;*/
}
.inpunamestyle{
    position: absolute;
    width: 98px;

    left: 112px;
}
.col.btnst{
    width: 20px;
}

.stp input{
    border: 1px solid #a6c8e7 ;
    border-radius: 8px !important;
}
.stp select{
    border: 1px solid #a6c8e7 ;
    border-radius: 8px !important;

}
.stp textarea{
    border: 1px solid #a6c8e7 ;
    border-radius: 8px !important;
}

/*.stp textarea:focus{*/
    /*box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);*/
    /*border-color: #2046cf !important;*/
/*}*/
/*.stp select:focus{*/
    /*box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);*/
    /*border-color: #2046cf !important;*/
/*}*/

.stp input:focus{
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-bottom-color: #2046cf !important;
}
.stp select:focus{
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-color: #2046cf !important;
}
.stp textarea:focus{
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-color: #2046cf !important;
}

.modalstyle{
    min-width: 320px;
    max-width: 640px;
    margin-left: 80px;
}
.custy{
    position: absolute;
    left: 116px;
}
.contactst{
    margin-left: -7px;
    width: 20px;
    position: absolute;
}

.stp col-form-label {
    font-weight: bold;
    color: #68757d;
}
.pss{
    position: absolute;
    right: 445px;
    width: 69px;

}.psse{
     position: absolute;
     right: 394px;

}
 .pssee{
     position: absolute;
     right: 349px;

 }

.stp input.dangerinput{
     box-shadow: 0 0 0 3px rgb(223 48 48 / 11%) !important;
     border-color: #af2c2c !important;
 }
 .errorms{
     margin-top: 4px;
     font-size: 11px;
     display: inline-block;
 }
 /*.imgdiv{*/
     /*position: relative;*/
 /*}*/

 /*.img{
     position: relative;
     background: yellow;
     width: 146px;
     height: 138px;
     border-radius: 100%;
     left: 108px;
 }
 .imgdiv:before{
     left:-5px;
     right:-5px;
     bottom:-5px;
     background: blue;
     position: absolute;

 }
 .iconstyle{
     display: flex;
     border-radius: 100%;
     width: 30px;
     height: 30px;
     background: blue;
     text-align: center;
     align-items: center;
     justify-content: center;
     position: relative;
     left: 216px;
     top: -38px;
 }
*/
.profile-img-wrapper {
    position: relative;
}
.img {
    position: relative;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    left: calc(50% - 73px);
    border: 3.5px solid #a6c8e7;

}
.iconstyle {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 3px 5px;
    border-radius: 50%;
    line-height: 1.3;
    color: #cbcbcb;
    cursor: pointer;
    background: #7bafdf;
}
.iconstyle:hover {
    color: #fff;
}
.avatar {
    width: 98%;
    border-radius: 50%;
    position: relative;
    top: 1px;
    left: 1px;
}
#cameraicon{
    font-size: 17px;color: white;
}

#cameraicon:hover{
    color:#e6e4f1;
}

.categoryproduct>.select2-container--default .select2-selection--single{
    border: 1px solid #a6c8e7 !important;
    border-radius: 8px !important;
}
.checkbox-info .checkbox{
    border-radius: 4px !important;
}


.subcat .select2-container--default .select2-selection--single {
    border: 1px solid #a6c8e7;
    border-radius: 8px !important;
}
.customerImageround{
    width: 100px;
    height: 100px;
    border-radius: 100%;

}
.customer_details_card{
    box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgb(82 63 105 / 5%);
    background: white;
    border-radius: 14px;
    padding: 14px 16px;
    min-height: 288px;

}
.customer_item{
    border-radius: 8px !important;
    border: 1px solid #e6e6e6;
    padding: 10px 20px;
    /*margin: 6px;*/
    background: #f7f8fd;

    font-size: 13px;
    font-weight: 500;
    color: #2b2f4c;

    height: 75px;
}
.customer_item.col-sm-4 {
    width: 31%;
    margin: 5px;
}
.basic-list-group .list-group li:hover{
    background: blue;
    color:white;
    cursor: pointer;
}
.cover-photo{
    overflow: hidden;
}
/*.cover-photo img{*/
    /*width: 100%;*/
    /*height: 9%;*/
    /*height: 225px;*/
/*}*/
.customer_input_item{
    height: 89px;
}
.customer_input_item input{
    border-radius: 0%;
    width: 100%;
}

.customer_details_card2 .col-sm-6{
    width: 46%;
    margin: 10px 12px;

}

.customer_details_card2 input {
    border: 1px solid #a6c8e7;
    border-radius: 8px !important;
}

.customer_details_card2 input:focus{
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-color: #2046cf !important;

}
.customer_details_card2{
    padding: 10px 30px;
    display: none;
    padding-top: 26px;
}
.itemnamesty{
    align-self: center;
    text-align: right;
}

.hide-menu .content-body {
    margin-left: auto;
}
.hide-menu .deznav {
    display: none;
}
.hide-menu .nav-control {
    display: none;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number].qty-input {
    -moz-appearance:textfield; /* Firefox */
}

/*quick-sale design start*/
.pos-product-list-wrapper {
    padding: 1rem;
}
.pos-single-service .card {
    margin-bottom: 6px;
    padding-bottom: 10px;
    border-radius: 10px;
    height: calc(100% - 15px);
    cursor: pointer;
    border: 1px solid #fff;
}
.pos-single-service.temporary-active .card {
    border-color: var(--primary);
}
.pos-single-service .card .card-body {
    padding: 5px 5px;
}
.posImg {
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}
.pos-single-service .pos-service-name p {
    margin-bottom: 0;
    margin-top: 10px;
    color: #2f2f2f;
    height: 30px;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 500;
}
.pos-single-service .pos-service-qty p {
    margin: 0 !important;
    color: #222;
    font-weight: 500;
    display: inline-block;
    border: 1px solid var(--primary);
    padding: 4px 15px 3px 15px;
    border-radius: 75px;
    line-height: 1;
    height: auto !important;
}
.pos-single-service .pos-service-qty-mobile {
    display: none;
}
.pos-single-service .pos-service-qty p span{
    line-height: 1;
}
.pos-single-service .pos-service-price p {
    margin: 0;
    color: var(--primary);
    font-weight: 600;
    font-size: 13px;
}
.qty-input-wrapper {
    display: flex;
    align-items: center;
}
.btn.qtychangebtn.minus {
    border-radius: 5px 0 0 5px;
    padding: 6px 11px 4px;
    height: 30px;
    background-color: #f5f5f5;
    color: #2b2f4c;
    cursor: pointer;
    /* width: 30px; */
    font-size: 10px;
}
.qty-input[type=number] {
    -moz-appearance: textfield;
}
.qty-input {
    padding: 0;
    margin: 0;
    width: 29px;
    text-align: center;
    border: 0;
    font-size: 15px;
    font-weight: 600;
}
.btn.qtychangebtn.plus {
    border-radius: 0 5px 5px 0;
    padding: 6px 11px 4px;
    height: 30px;
    background-color: #f5f5f5;
    color: #2b2f4c;
    cursor: pointer;
    /* width: 30px; */
    font-size: 10px;
}

.pos-cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 2px solid var(--rgba-primary-2);
}
.pos-cart-wrapper .pos-cart-item:last-child {
    border-bottom: 2px solid var(--rgba-primary-6);
}
.pos-cart-item.item-header>div {
    text-align: center;
    justify-content: center;
}
.pos-cart-item.item-header {
    border-bottom: 1px solid #f5f5f5;
    background-color: var(--primary);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.pos-cart-item.item-header h5 {
    margin: 0;
    color: #fff;
}
.pos-cart-item .pci-product {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-basis: 33%;
    padding: 0 10px 0 0;
}
.pos-cart-item .pci-unit-price {
    flex-basis: 17%;
    position: relative;
    padding-right: 10px;
}
.pos-cart-item .pci-unit-price .pciup-input {
    height: 36px;
    border-radius: 8px;
    padding-left: 19px;
    font-weight: 500;
    color: #222;
    font-size: 13px;
}
.pos-cart-item .pci-unit-price::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    font-weight: 600;
    font-size: 13px;
    color: #222;
}
.pos-cart-item.item-header .pci-unit-price::before{
    content: "" !important;
}
.pos-cart-item .pci-qty {
    flex-basis: 17%;
}
.pos-cart-item .pci-vat-tax {
    flex-basis: 14%;
    text-align: center;
}
.pos-cart-item .pci-total {
    flex-basis: 16%;
    text-align: right;
    margin-right: 7px;
}
.pos-cart-item .pci-action {
    flex-basis: 3%;
    text-align: center;
}
.pos-cart-item .pci-product .pcip-img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 7px;
    border: 1px solid #ddd;
}
.pos-cart-item .pci-product .pcip-img {
    margin-right: 8px;
}
.pos-cart-item .pci-product .pcip-details .pcipd-title {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pos-cart-item .pci-product .pcip-details .pcipd-vt-info {
    margin: 0;
    font-size: 11px;
    line-height: 1.3;
    color: #777;
}
.pos-cart-item .pci-product .pcip-details .pcipd-vt-info .vt-percent{
    font-weight: 500;
    color: #222;
}
.pos-cart-item .pci-vat-tax .pci-vt-amount {
    margin: 0;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.pos-cart-item .pci-vat-tax .pci-vt-amount .mobile-vt-text {
    display: none;
}
.pos-cart-item .pci-total .pci-total-amount {
    margin: 0;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.pos-cart-item .pci-currency-symbol {
    font-weight: 600;
}

.pos-cart-item .pciup-input::-webkit-outer-spin-button,
.pos-cart-item .pciup-input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.pos-cart-item input[type=number].pciup-input {
    -moz-appearance:textfield; /* Firefox */
}

.pci-cart-remove-btn {
    background-color: transparent;
    border: none;
    color: #d4d4d4;
}
.pci-cart-remove-btn:hover {
    color: #df0202;
}

.pos-cart-footer-item {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}
.pos-cart-footer-item .pcfi-left {
    flex-basis: 35%;
}
.pos-cart-footer-item .pcfi-center {
    flex-basis: 46%;
}
.pos-cart-footer-item .pcfi-right {
    flex-basis: 19%;
}
.pos-cart-footer-item .pcfi-left p {
    font-size: 13px;
    color: #444;
    margin: 0;
    font-weight: 500;
}
.pos-cart-footer-item .discount-text-mobile {
    display: none;
}
.pos-cart-footer-item .pcfi-left>p>span.pcfi-total-item-number {
    font-weight: 600;
    font-size: 16px;
}
.pos-cart-footer-item .pcfi-right .pos-cart-amount {
    margin: 0;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    text-align: right;
    margin-right: 20%;
}
.pos-cart-footer-item .pcfi-right .pos-cart-amount .pci-currency-symbol {
    font-weight: 600;
}
.pos-cart-footer-item .pcfi-center p{
    text-align: right;
    color: #444;
    padding-right: 10px;
    font-size: 13px;
    margin: 0;
    font-weight: 500;
}
.pos-cart-footer-item .pcfi-center>div{
    text-align: right;
    color: #444;
    padding-right: 10px;
    font-size: 13px;
    margin: 0;
    font-weight: 500;
}
.discount-type-label {
    margin: 0;
    margin-right: 4px;
    height: 24px;
    background-color: #f5f5f5;
    color: #2b2f4c;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 5px;
    font-weight: 700;
    line-height: 1.7;
}
.discount-type-label:last-child {
    margin-right: 0;
}
.discount-type-label.checked {
    background-color: var(--primary);
    color: #fff;
}
.pcfi-center .text {
    display: inline-block;
    margin-right: 10px;
}
.pos_discount_amount_input {
    height: 32px;
    border-radius: 8px;
    font-weight: 500;
    color: #222;
    font-size: 13px;
    width: 80px;
}
.pos-discount-amount::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    font-weight: 600;
    font-size: 13px;
    color: #222;
}
.pos-discount-amount {
    position: relative;
    display: inline-block;
}
.pos_discount_amount_input::-webkit-outer-spin-button,
.pos_discount_amount_input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number].pos_discount_amount_input {
    -moz-appearance:textfield; /* Firefox */
}
.income_category_wrapper .nice-select>span.current {
    max-width: calc(100% - 20px);
    display: inline-block;
    overflow: hidden;
}
/*quick-sale design end*/


.customer__active_list{
    background:blue;
    color:white;
}
.icon-div-style-set{
    padding: 3px 9px;
    border-radius: 6px;
    background: #e5e5e5;
    font-size: 13px;
    border: 1px solid #dbc6c6;
    cursor:pointer;
}
.icon-div-style-set:hover{
    background: rgba(0, 0, 255, 0.42);
    color:white;
}
.customer_edit__h3{
    margin-bottom: 16px;
    margin-top: 1px;
    text-align: right;
}

.profile_data_name_style{
    font-weight: 600;
    color: #282525;
}
.infostyle{
    color: #7a6e6e;
}
.pl-3 {
    padding-left: 1rem !important;
}
.pr-3 {
    padding-right: 1rem !important;
}
.pos-search-input {
    border-radius: 30px;
    height: 46px;
}


/*table with flex design*/
/*invoice table start*/
.tdw-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.tdw-item.tdw-body {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
}
.tdw-item.tdw-body:last-child {
    border-bottom: none;
}
.tdw-item.tdw-header {
    padding-bottom: 13px;
    border-bottom: 1px solid #e5e5e5;
}
.tdw-item.tdw-header .tdwi-col {
    font-weight: 600;
    color: #222;
}
.tdw-item .tdwi-col.inv_no {
    flex-basis: 12%;
    display: flex;
    align-items: start;
}
.tdw-item .tdwi-col.customer_profile {
    flex-basis: 18%;
}
.tdw-item .tdwi-col.date {
    flex-basis: 10%;
}
.tdw-item .tdwi-col.total_amount {
    flex-basis: 15%;
}
.tdw-item .tdwi-col.due_amount {
    flex-basis: 15%;
}
.tdw-item .tdwi-col.status {
    flex-basis: 10%;
}
.tdw-item .tdwi-col.action_col {
    flex-basis: 15%;
    display: flex;
    justify-content: end;
}

.tdw-item .tdwi-col.action_col .dropdown {
    margin-left: 11px !important;
}
.table-user-profile .tup-img {
    margin-right: 7px;
    width: 37px;
    height: 37px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
}
.tdw-item .table-user-profile .tup-img img {
    width: 35px;
    height: 35px;
}
.tdw-item .table-user-profile .tup-title a {
    font-size: 12px;
    color: #333;
}
.tdw-item .table-user-profile .tup-title a:hover {
    color: var(--primary);
}
.tdw-item .invoice_no {
    font-weight: 600;
    color: #333;
}
.tdw-item .username {
    font-size: 10px;
    margin-bottom: 0;
    font-weight: normal;
}
.tdw-item .tdwi-col.date .show_date {
    color: #333;
    margin-bottom: 0;
    text-align: center;
}
.tdw-item .table-amount {
    margin-bottom: 0;
    color: #222;
    font-weight: 600;
    text-align: center;
}
.tdw-item .table-amount-title {
    display: none;
}
.status-wrapper {
    margin-bottom: 0;
    text-align: center;
}
.status-badge {
    padding: 1px 12px 2px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
}
.status-badge.success {
    background-color: #e7ffee;
    color: #008912;
}
.status-badge.danger {
    background-color: #ffe4e4;
    color: #d90000;
}
.status-badge.info {
    background-color: #fff4e0;
    color: #d78c01;
}
.status-badge.warning {
    background-color: #03A9F4;
    color: #fff;
}
.tdw-item .make-payment-btn {
    color: #fff !important;
    padding: 6px 12px;
    margin: 0;
}
.tdw-item .make-payment-btn:hover {
    /* text-decoration: underline; */
}
.tdw-item .reminder-btn {
    display: block;
    text-align: center;
    color: var(--primary);
    margin-top: 3px;
}
.tdw-item .reminder-btn:hover {
    text-decoration: underline;
}
.tdw-item .tdwi-col.action_col .dropdown .btn-link {
    border: 1px solid var(--primary);
    /* padding: 1px 6.5px; */
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.6;
}
.pos-payment-modal .pay-by label {
    font-size: 11px;
    color: #999;
}
.pos-payment-modal .pay-by .nice-select.wide {
    border-radius: 50px;
    line-height: 2.3;
}
.pos-payment-btn {
    padding: 14px 70px 14px 70px;
}
.total-payable-amount-wrapper .total-payable-amount {
    font-weight: 500;
    font-size: 14px !important;
    color: #222;
}
.total-payable-amount-wrapper .total-payable-amount .currency {
    font-weight: 600;
}
.due-amount-wrapper .due-amount {
    font-weight: 500;
    font-size: 14px !important;
    color: #222;
}
.due-amount-wrapper .due-amount .currency {
    font-weight: 600;
}
.paid_amount_input {
    text-align: right;
    height: 40px;
    color: #222;
    font-weight: 500;
}
.pr-0 {
    padding-right: 0;
}
/*invoice table end*/

/*invoice create start*/
.customer-info-add-btn.hide {
    display: none;
}
.customer-info-show.hide {
    display: none;
}
.customer-info-add-btn {
    width: 290px;
    height: 150px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
}
.customer-info-add-btn:hover {
    background-color: #f9f9f9;
}
.customer-info-add-btn .ciab-btn {
    background-color: transparent;
    border: transparent;
    font-size: 17px;
    font-weight: 500;
    color: var(--primary);
}
.customer-info-add-btn .ciab-btn i {
    font-size: 32px;
    display: block;
    margin-bottom: 8px;
    color: #aaa;
}

.invoice-select-customer {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    background-color: #fcfcfc;
    padding: 5px 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #f3f3f3;
    cursor: pointer;
}
.invoice-select-customer:hover {
    background-color: var(--rgba-primary-05);
}
.invoice-select-customer .isc-img {
    margin-right: 7px;
    width: 47px;
    height: 47px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
}
.invoice-select-customer .isc-img img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 100px;
    border: 1px solid #f0f0f0;
}
.invoice-select-customer .isc-info .name {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    margin-top: 3px;
}
.invoice-select-customer .isc-info .category {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    color: #777;
}
.invoice-select-customer .isc-info .phone {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    color: #777;
}
.invoice-select-customer-wrapper {
    max-height: 510px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 7px;
}

.flex-no-data {
    flex-basis: 100%;
    justify-content: center;
    text-align: center;
}
.flex-no-data p {
    margin: 0;
    color: #a1a1a1;
}
/*Firefox*/
.invoice-select-customer-wrapper  {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--white);
}
/*Chrome, Edge, and Safari*/
.invoice-select-customer-wrapper::-webkit-scrollbar {
    width: 2px !important;
    z-index: 999;
}
.invoice-select-customer-wrapper::-webkit-scrollbar-track {
    background: var(--white);
}
.invoice-select-customer-wrapper::-webkit-scrollbar-thumb {
    background-color: #f2f2f2;
    border-radius: 10px;
    border: 3px solid #f2f2f2;
}
.invoice-select-customer-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
    border-radius: 10px;
    border: 3px solid var(--primary);
}
.invoice-customer-search-wrapper {
    display: flex;
    margin-bottom: 15px;
}
.invoice-customer-search-wrapper .icsw-search-input {
    flex-basis: 80%;
    position: relative;
}
.invoice-customer-search-wrapper .add_customer_from_invoice_btn {
    flex-basis: 20%;
}
.icsw-search-input>input {
    height: 46px;
    padding: 5px 10px 5px 30px;
    border: 1px solid #a6c8e7;
    border-radius: 8px !important;
    transition: all .3s ease;
    font-size: 13px;
    width: 100%;
}
.icsw-search-input:before {
    content: "⚲";
    position: absolute;
    font-size: 25px;
    top: 4px;
    transform: rotate(-40deg);
    left: 8px;
}
.icsw-search-input>input:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-color: #2046cf !important;
}
.invoice-customer-search-wrapper .add_customer_from_invoice_btn>button {
    height: 46px;
    width: 46px;
    float: right;
    padding: 0;
    border-radius: 5px;
}
.customer-info-show p{
    margin-bottom: 0;
    line-height: 1.6;
    font-size: 14px;
    color: #444;
}
.customer-info-show .bill-to {
    font-weight: 500;
    font-size: 14px;
    color: #222;
    margin-bottom: 10px;
}
.customer-info-show .customer-company-name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
}
.customer-info-show .customer-name {
    margin-bottom: 3px;
}
.customer-info-show .customer-address-2 {
    margin-bottom: 6px;
}
.customer-info-show .customer-phone {
    margin-bottom: 5px;
}
.customer-info-show .cis-btn {
    color: var(--primary);
    position: relative;
    font-size: 13px;
    font-weight: 500;
    transition: all .3s ease;
}
.customer-info-show .cis-btn:hover {
    text-decoration: underline;
}
.customer-info-show i.fa {
    font-size: 8px;
    color: #999;
    margin: 0 5px;
}
/*.select2-container--default .like_form_control_input {
    background: #fff;
    border: 0.0625rem solid #f2f2f2;
    padding: 0.3125rem 0.25rem;
    color: #6e6e6e;
    height: 3rem;
    border-radius: 1rem;
}*/
.select2-container--default .like_form_control_input {
    background: #fff;
    border: 1px solid #a6c8e7;
    padding: 0.3125rem 1.25rem;
    color: #444;
    height: 46px;
    border-radius: 8px;
    font-size: 13px;
}
.select2-container--default .like_form_control_input.select2-selection--single .select2-selection__placeholder {
    color: #747474;
}
.select2-container--default .like_form_control_input .select2-selection__arrow {
    top: 0.6rem;
}

/*invoice create table*/
.invoice-create-table-wrapper input::-webkit-outer-spin-button,
.invoice-create-table-wrapper input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.invoice-create-table-wrapper input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.invoice-create-table-wrapper .form-control {
    border: 0.0625rem solid #dedede;
    border-radius: 10px;
}

.ict-full-tr {
    padding: 15px 20px;
}
.invoice-create-table .ict-full-tr:last-child {
    background-color: #6dbcff1a;
}
.ict-full-tr.ictft-header {
    padding: 0;
    /*border-bottom: 1px solid #d9d9d9;*/
}

.inv-create-table-card .card-header {
    background-color: #0d47d517;
    border-radius: 20px 20px 0px 0px;
}
.inv-create-table-card .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.ict-full-tr.ictft-header .item-amount {
    text-align: right;
}
.ict-full-tr.ictft-header .item-qty {
    text-align: center;
}
.ict-full-tr.ictft-header .item-price {
    text-align: center;
}
.ict-full-tr.ictft-header .ict-item-tr>div {
    font-size: 14px;
    color: var(--primary);
    font-weight: 500;
}
.ict-item-tr {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}
.ict-item-tr .item-name {
    flex-basis: 25%;
    padding-right: 8px;
    display: flex;
    align-items: center;
}
.ict-item-tr .item-description {
    flex-basis: 31%;
    padding-right: 8px;
    padding-left: 8px;
}
.ict-item-tr.ict-item-tr-purchase .item-description {
    flex-basis: 56%;
    padding-right: 8px;
    padding-left: 8px;
}
.ict-item-tr .item-qty {
    flex-basis: 9%;
    padding-right: 8px;
    padding-left: 8px;
}
.ict-item-tr .item-qty label {
    display: none;
}
.ict-item-tr .item-price {
    flex-basis: 10%;
    padding-right: 8px;
    padding-left: 8px;
}
.ict-item-tr .item-price label {
    display: none;
}
.ict-item-tr .item-amount {
    flex-basis: 10%;
    padding-right: 5px;
    padding-left: 8px;
}
.ict-item-tr .item-amount label {
    display: none;
}
.ict-item-tr .item-action {
    flex-basis: 3%;
    padding-left: 8px;
    text-align: right;
}
.ict-item-tr .item-name p {
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
}
.ict-item-tr .item-amount .ia-amount {
    margin-bottom: 0;
    text-align: right;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.ict-item-tr .item-description textarea {
    padding-top: 11px;
    max-height: 200px;
    /*min-height: 50px;*/
    /*height: auto !important;*/
}
.ict-item-tr .item-amount .ia-amount .c-sign {
    font-weight: 600;
}
.ict-item-tr .item-remove-btn {
    border: 0;
    background: transparent;
    color: #ddd;
}
.ict-item-tr .item-remove-btn:hover {
    color: #df0202;
}

.ict-vat-tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}
.ict-vat-tr .vat-left-space {
    flex-basis: 56%;
    padding-right: 8px;
    padding-left: 8px;
}
.ict-vat-tr .vat-input {
    flex-basis: 26%;
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ict-vat-tr .vat-input .vi-text {
    flex-basis: 37%;
    text-align: right;
    padding-right: 15px;
}
.ict-vat-tr .vat-input .vi-text p{
    margin-bottom: 0;
    font-weight: 500;
    color: #222;
}
.ict-vat-tr .vat-input .vi-input {
    flex-basis: 63%;
}
.ict-vat-tr .vat-input .vi-input select {
    cursor: pointer;
}
.ict-vat-tr .vat-input .vi-input select:hover {
    cursor: pointer;
}
.ict-vat-tr .vat-amount {
    flex-basis: 15%;
    text-align: right;
    padding-right: 5px;
}
.ict-vat-tr .vat-action {
    flex-basis: 3%;
    padding-left: 8px;
    text-align: right;
}
.ict-vat-tr .item-remove-btn {
    border: 0;
    background: transparent;
    color: #ddd;
}
.ict-vat-tr .item-remove-btn:hover {
    color: #df0202;
}
.ict-vat-tr .vat-amount .va-amount {
    margin-bottom: 0;
    text-align: right;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.ict-vat-tr .vat-amount .va-amount .c-sign {
    font-weight: 600;
}
.invoice-create-table-wrapper .nice-select {
    line-height: 2.5;
}
.invoice-create-table-wrapper .nice-select:after {
    /*top: calc(50% - 7px);*/
}
.description-editor {
    border: 0.0625rem solid #dedede;
    border-radius: 10px;
    background: #fff;
    padding: 0.3125rem 1.25rem;
    padding-top: 11px;
    color: #444;
    min-height: 43px;
    font-size: 13px;
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 0;
}
.description-editor:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%) !important;
    border-color: #2046cf !important;
}
.description-editor[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555;
}


.add-item-row {
    /*padding: 13px 20px;*/
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    transition: .3s all ease;
    cursor: pointer;
}
.add-item-row .add-item-btn {
    padding: 13px 20px;
}
.add-item-row:hover {
    background-color: #fafafa;
}

.add-item-row .add-inv-item-btn {
    border: none;
    background-color: transparent;
    color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    transition: .3s all ease;
}
.add-item-row .add-inv-item-btn i {
    border: 2px solid var(--primary);
    margin-right: 5px;
    padding: 1px 3px;
    border-radius: 50px;
    line-height: 1.4;
    height: 26px;
    width: 26px;
    font-size: 15px;
    transition: .3s all ease;
}

.add-item-row:hover .add-inv-item-btn i {
    background-color: var(--primary);
    color: #fff;
}

.icf-single-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 20px;
}
.icf-single-row .icfsr-left {
    flex-basis: 82%;
}
.icf-single-row .icfsr-amount {
    flex-basis: 15%;
    text-align: right;
}
.icf-single-row .icfsr-right-gap {
    flex-basis: 3%;
}
.icf-single-row .icfsr-left p {
    text-align: right;
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
}
.icf-single-row .icfsr-amount .icfsra-amount {
    margin-bottom: 0;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    padding-right: 5px;
}
.icf-single-row .icfsr-amount .icfsra-amount .c-sign {
    font-weight: 600;
}
.icf-single-row .discount_area_wrapper {
    text-align: right;
    font-size: 14px;
    color: #333;
}
.icf-single-row .inv-discount-amount {
    display: inline-block;
    position: relative;
}
.icf-single-row .inv-discount-amount .inv_discount_amount_input {
    width: 80px;
    height: 32px;
    padding-left: 21px;
    border-radius: 8px;
}
.icf-single-row .inv-discount-amount::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 8px;
    font-weight: 600;
    font-size: 13px;
    color: #222;
}
.icf-single-row.grand_total .icfsr-left p {
    font-weight: 600;
    font-size:15px;
}
.icf-single-row.grand_total .icfsr-amount .icfsra-amount {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
.inv_note_box {
    padding: 0px 20px;
}
.invoice_note_textarea {
    border: none;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
    min-height: 50px !important;
}
.invoice_note_textarea:focus {
    border: none !important;
    box-shadow: none !important;
}

.footer-text-wrapper .accordion-header {
    box-shadow: none;
    background-color: var(--rgba-primary-1);
    font-size: 14px;
    font-weight: 500;
}
.footer-text-wrapper textarea {
    padding: 0;
    border-radius: 0;
    min-height: 100px;
}
.footer-text-wrapper textarea:focus {
    border: none !important;
    box-shadow: none !important;
}
.footer-text-wrapper {
    border-radius: 14px;
}

input:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%) !important;
    border-color: #2046cf !important;
}
textarea:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%) !important;
    border-color: #2046cf !important;
}


.invoice-item-search-wrapper {
    display: flex;
    margin-bottom: 15px;
}
.invoice-item-search-wrapper .iisw-search-input {
    flex-basis: 65%;
    position: relative;
}
.invoice-item-search-wrapper .add_item_from_invoice_btn {
    flex-basis: 35%;
}
.iisw-search-input>input {
    height: 46px;
    padding: 5px 10px 5px 30px;
    border: 1px solid #a6c8e7;
    border-radius: 8px !important;
    transition: all .3s ease;
    font-size: 13px;
    width: 100%;
}
.iisw-search-input:before {
    content: "⚲";
    position: absolute;
    font-size: 25px;
    top: 4px;
    transform: rotate(-40deg);
    left: 8px;
}
.iisw-search-input>input:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-color: #2046cf !important;
}
.invoice-item-search-wrapper .add_item_from_invoice_btn>button {
    height: 46px;
    float: right;
    padding: 0 13px;
    border-radius: 5px;
    font-size: 13px;
}

.invoice-item-search-wrapper .iisw-custom-item-input {
    flex-basis: 80%;
    position: relative;
}
.invoice-item-search-wrapper .add_custom_item_in_invoice_btn {
    flex-basis: 20%;
}
.iisw-custom-item-input>input {
    height: 46px;
    padding: 5px 10px 5px 35px;
    border: 1px solid #a6c8e7;
    border-radius: 8px !important;
    transition: all .3s ease;
    font-size: 13px;
    width: 100%;
}
.iisw-custom-item-input:before {
    content: "+";
    position: absolute;
    font-size: 25px;
    top: 10px;
    left: 4px;
    font-weight: 600;
    border: 1px solid #b6b6b6;
    border-radius: 50px;
    line-height: 1;
    padding: 0 4px;
}
.iisw-custom-item-input>input:focus {
    box-shadow: 0 0 0 3px rgb(32 70 207 / 20%);
    border-color: #2046cf !important;
}
.invoice-item-search-wrapper .add_custom_item_in_invoice_btn>button {
    height: 46px;
    width: 46px;
    float: right;
    padding: 0;
    border-radius: 5px;
}
.invoice-custom-item-add-wrapper {
    border: 1px solid var(--primary);
    padding: 11px 10px;
    border-radius: 8px;
    flex-wrap: wrap;
    position: relative;
}
.flex-basis-100 {
    flex-basis: 100%
}
.invoice-custom-item-add-wrapper .custom-item-close-btn {
    position: absolute;
    right: 3px;
    top: 3px;
    border: 1px solid red;
    color: red;
    background: transparent;
    border-radius: 50px;
    padding: 0 3px;
    line-height: 1;
}
.add-custom-item-wrap-btn {
    border: none;
    background-color: transparent;
    color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    transition: .3s all ease;
    margin-bottom: 10px;
}
.add-custom-item-wrap-btn i {
    border: 2px solid var(--primary);
    margin-right: 5px;
    padding: 1px 3px;
    border-radius: 50px;
    line-height: 1.4;
    height: 26px;
    width: 26px;
    font-size: 15px;
    transition: .3s all ease;
}

.invoice-select-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    cursor: pointer;
    border-radius: 10px;
    padding-left: 5px;
}
.invoice-select-item:hover {
    background-color: #fbfbfb;
}

.invoice-select-item .isi-left {
    flex-basis: 80%;
    display: flex;
    align-items: center;
    justify-content: start;
}
.invoice-select-item .isi-left .isil-img {
    margin-right: 7px;
}
.invoice-select-item .isi-left .isil-img img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
}
.invoice-select-item .isi-left .isil-info {
}
.invoice-select-item .isi-left .isil-info .name {
    margin-bottom: 2px;
}
.invoice-select-item .isi-left .isil-info .category {
    margin-bottom: 0;
}
.isi-right .isir-amount {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    text-align: right;
}
.isi-right .isir-amount .c-sign {
    font-weight: 600;
}
.invoice-select-item .isi-right {
    flex-basis: 20%;
}
.invoice-select-item-wrapper {
    max-height: 510px;
    overflow-x: scroll;
    padding-right: 7px;
}

/*Firefox*/
.invoice-select-item-wrapper  {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--white);
}
/*Chrome, Edge, and Safari*/
.invoice-select-item-wrapper::-webkit-scrollbar {
    width: 2px !important;
    z-index: 999;
}
.invoice-select-item-wrapper::-webkit-scrollbar-track {
    background: var(--white);
}
.invoice-select-item-wrapper::-webkit-scrollbar-thumb {
    background-color: #f2f2f2;
    border-radius: 10px;
    border: 3px solid #f2f2f2;
}
.invoice-select-item-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
    border-radius: 10px;
    border: 3px solid var(--primary);
}



.iipl-selected-item-info {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
}
.iipl-selected-item-info .iipl-sii-img img {
    width: 45px;
    height: 45px;
    border-radius: 100px;
    border: 1px solid #ddd;
}
.iipl-selected-item-info .iipl-sii-info {
    margin-left: 10px;
}
.iipl-selected-item-info .iipl-sii-info .name {
    margin: 0;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.iipl-selected-item-info .iipl-sii-info .category {
    margin: 0;
    font-size: 12px;
}
.iipl-selected-item-purchase-list {
    margin-top: 20px;
}
.iipl-selected-item-purchase-list .iipl-sip-item {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    margin-bottom: 15px;
}
.iipl-selected-item-purchase-list .iipl-sip-item.no-item {
    justify-content: center;
}
.iipl-selected-item-purchase-list .iipl-sip-item.no-item p{
    font-size: 16px;
    margin-bottom: 0;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-sl {
    flex-basis: 5%;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-sl p {
    margin: 0;
    font-size: 17px;
    color: #222;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other {
    flex-basis: 95%;
    border: 1px solid var(--primary);
    padding: 5px 10px;
    border-radius: 12px;
    cursor: pointer;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .date {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .price-qty {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .date p {
    margin: 0;
    color: #222;
    font-size: 13px;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .date p span{
    /*font-weight: 600;*/
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .price-qty p {
    margin: 0;
    color: #222;
    font-size: 14px;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .price-qty p span{
    font-weight: 600;
}
.iipl-selected-item-purchase-list .iipl-sip-item .iipl-sipi-other .date .expire-date {
    padding: 2px 15px;
    border-radius: 20px;
    color: #fff;
    background-color: var(--primary);
}
.iipl-back-button-wrapper {
    /*margin-bottom: 20px;*/
    margin-right: 10px;
}
.iipl-back-button {
    border: transparent;
    background-color: transparent;
    color: var(--primary);
    /*padding: 4px 12px;*/
    /*border-radius: 15px;*/
}
.iipl-selected-item-info-wrapper {
    display: flex;
    align-items: center;
}

/*invoice create end*/

/*chart of accounts start*/
.custom-tab-2 {
    text-align: center;
    margin: 0 auto;
}
.custom-tab-2 .card {
    display: inline-block;
    border-radius: 16px;
    background: var(--linear-gradient-1);
    background-size: 200%,1px;
    padding: 10px 30px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 0;
}
.custom-tab-2 .card .card-body {
    padding: 0;
}
.custom-tab-2 .nav-tabs .nav-link {
    text-align: center;
    padding: 5px 9px;
    border-radius: 7px;
    margin: 1px 5px;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
}
.custom-tab-2 .nav-tabs {
    border-bottom: none;
}
.custom-tab-2 .nav-tabs .nav-link:hover {
    color: #001b66;
    background: #dee8fc;
}
.custom-tab-2 .nav-tabs .nav-link.active {
    color: #001b66;
    font-weight: 500;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgb(71 84 92 / 20%);
}
.coa_sub_cat_tab {
    border-right: 1px solid #eee;
}

.coa_sub_cat_tab .nav-link {
    font-size: 12.5px;
    font-weight: 400;
    color: #444;
}
.coa_sub_cat_tab .nav-link.active,
.coa_sub_cat_tab .show > .nav-link {
    background-color: transparent;
    box-shadow: none;
    color: var(--primary);
    font-weight: 500;
}
.coa_sub_cat_tab .nav-link.active {
    position: relative;
    transition: all .5s ease;
}
.coa_sub_cat_tab .nav-link.active:before {
    content: "";
    height: calc(100% - 23px);
    width: 3px;
    position: absolute;
    background-color: var(--primary);
    border-radius: 10px;
    transition: all .5s ease;
}
.coa_sub_cat_tab .nav-link.active span {
    display: inline-block;
    margin-left: 13px;
    transition: all .5s ease;
}
/*chart of accounts end*/


@media only screen and (min-width: 36rem) {
    #addCustomerModal .modal-dialog {
        max-width: 400px;
    }
    #addInvoiceItemModal .modal-dialog {
        max-width: 500px;
    }
    #selectCustomerModal .modal-dialog {
        max-width: 400px;
    }
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.show-only-mobile {
    display: none;
}
.mobile-item-amount-gap {
    display: none;
}
.nav-header {
    z-index: 1000;
}
.header {
    z-index: 999;
}
.customer-create-form label {
    text-align: right;
}

.category-name-wrapper {
    text-align: center;
}
.category-name-wrapper .category-name {
    display: inline-block;
    color: var(--primary);
    font-size: 14px;
    border: 1px solid var(--primary);
    padding: 2px 10px;
    border-radius: 50px;
    margin: 0;
    line-height: 2;
}
.table-sub-cat-list th {
    font-weight: 600;
    font-size: 14px;
    color: #555;
}
.mr-10px {
    margin-right: 10px;
}
.transaction-top-wrapper {
    text-align: right;
}


/*customer list page start*/
.customer-card {
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);

    margin: 5px 0;
    padding: 7px 7px 6px 15px;
    position: relative;
}
.customer-card:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.customer-card:before {
    background-color: var(--primary);
}
.customer-card.inactive:before {
    background-color: #aeaeae;
}
.cc-customer-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    flex-basis: 100%;
}
.cc-customer-info .ccci-ab-info {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-basis: 60%;
    flex-wrap: wrap;
    border-right: 1px solid var(--primary);
}
.cc-customer-info .ccci-action {
    /*align-self: flex-end;*/
    flex-basis: 5%;
}
.cc-customer-info .ccsw-due-amount {
    /*text-align: right;*/
    flex-basis: 35%;
    padding-left: 10px;
}
.cc-customer-info .ccci-img {
    margin-right: 10px;
}
.cc-customer-info .ccci-ab-info .ccci-other-informations {
    flex-basis: 100%;
    margin-top: 9px;
}
.cc-customer-info .ccci-ab-info .ccci-other-informations .cccioi-text {
    margin-bottom: 0;
}
.cc-customer-info .ccci-ab-info .ccci-other-informations .cccioi-text label {
    margin-bottom: 0;
}

.cc-customer-info .ccci-img img{
    width: 45px;
    height: 45px;
    border-radius: 100px;
    border: 1px solid #d5d5d5;
    padding: 2px;
}
.cc-customer-info .ccci-info {

}
.cc-customer-info .ccci-info h3 {
    margin-bottom: 0;
    font-size: 14px;
}
.cc-customer-info .ccci-info h3 a{

}
.cc-customer-info .ccci-info p {
    margin-bottom: 0;
    color: #343434;
    font-size: 12px;
}
.cc-customer-info .ccsw-due-amount .ccswda-small-text{
    font-size: 11px;
    margin-bottom: 5px;
    color: var(--primary);
}
.cc-customer-info .ccsw-due-amount .ccswda-due-amount{
    margin: 0;
    color: #222;
    font-size: 14px;
    font-weight: 500;
}
.cc-customer-info .ccsw-due-amount .ccswda-due-amount span{
    display: block;
    font-weight: 600;
}
.cc-customer-info .ccsw-due-amount .ccswda-inv-created {

    font-size: 11px;
    font-weight: 500;
    margin-top: 6px;
}
.cc-customer-info .ccsw-due-amount .ccswda-inv-created span{
    font-size: 13px;
    display: block;
}
.cc-status-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
    padding: 1px 10px 1px 10px;
    border-top: 2px dashed #eee;
    margin-top: 7px;
}
.cc-status-wrap .ccsw-status .form-check-input {
    min-width: 40px;
}
.cc-status-wrap .ccsw-due-amount {

}
.cc-status-wrap .ccsw-due-amount p{
    margin: 0;
    font-size: 13px;
    color: #222;
    font-weight: 500;
}
.cc-status-wrap .ccsw-due-amount p span{
    font-weight: 600;
}
.customer-switch .form-check-input{
    width: 50px;
}
.add-item-mobile-button {
    position: fixed;
    z-index: 99;
    bottom: 65px;
    right: 10px;
    /*display: inline-block !important;*/
    /*width: 45px;*/
    text-align: center;
    /*padding: 0 !important;*/
    height: 40px;
    font-size: 14px;
    width: auto;
    padding: 0 15px !important;
}
.inner-text-copy-button {
    background-color: transparent;
    border-color: transparent;
    line-height: 1;
    margin-left: 10px;
    color: var(--primary);
}
.inner-text-copy-button.show-copied {
    position: relative;
}
.inner-text-copy-button.show-copied:after {
    content: "Text Copied";
    /* position: absolute; */
    top: 0;
    left: 0;
}
/*customer list page end*/

/*customer list 1 design start*/
.customer-card1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin: 5px 0;
    padding: 5px 5px;
    /* box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%); */
    border-bottom: 1px solid #f5f5f5;
    color: #222;
}
.customer-card1.cc1-header {
    border-bottom: 1px solid #e5e5e5;
}
/* .customer-card1:before {
    background-color: var(--primary);
}
.customer-card1:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.customer-card1.inactive:before {
    background-color: #aeaeae;
} */
.customer-card1 a {
    color: #222;
}
.customer-card1 a:hover {
    color: var(--primary);
}
.customer-card1.cc1-header p {
    color: #222;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}
.customer-card1.cc1-header .cc1-customer-info {
    justify-content: center;
}
.customer-card1.cc1-header .cc1-action {
    text-align: right;
}
.customer-card1.cc1-header .cc1-action p{
    text-align: right;
}

.customer-card1 .cc1-customer-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    flex-basis: 25%;
}
.customer-card1 .cc1ci-img {
    margin-right: 6px;
}
.customer-card1 .cc1-customer-info .cc1ci-img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100px;
    border: 2px solid #f0f0f0;
    padding: 1px;
}
.customer-card1 .cc1ci-info h3 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #222;
}
.customer-card1 .cc1ci-info p {
    margin-bottom: 0;
    font-size: 12px;
}
.customer-card1 .cc1-email {
    flex-basis: 10%;
}
.vendor-card-wrapper-card .customer-card1 .cc1-email {
    flex-basis: 12%;
}
.customer-card1 .cc1-phone {
    flex-basis: 10%;
}
.customer-card1 .cc1-due-amount {
    flex-basis: 15%;
}
.vendor-card-wrapper-card .customer-card1 .cc1-due-amount {
    flex-basis: 10%;
}
.customer-card1 .cc1-total-invoice {
    flex-basis: 10%;
}
.customer-card1 .cc1-customer-since {
    flex-basis: 10%;
}
.customer-card1 .cc1-action {
    flex-basis: 15%;
    text-align: right;
}
.vendor-card-wrapper-card  .customer-card1 .cc1-action {
    flex-basis: 14%;
}
.badge-customer-since {
    background-color: #ededed;
    color: #707070;
    padding: 2px 16px;
    font-weight: 500;
    font-size: 1em;
}
.customer-card1 .cc1-pay-due {
    display: none;
}
.customer-card1 .cc1-action .btn-link {
    border: 1px solid var(--primary);
    /* padding: 1px 6.5px; */
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.6;
}
.customer-card1 .cc1-action .dropdown {
    display: inline-block;
}
.customer-card1 .cc1-email p {
    margin-bottom: 0;
    text-align: center;
}
.customer-card1 .cc1-phone p {
    margin-bottom: 0;
    text-align: center;
}
.customer-card1 .cc1-due-amount p {
    margin-bottom: 0;
    text-align: center;
    color: #222;
    font-size: 13px;
    font-weight: 600;
}
.customer-card1 .cc1-total-invoice p {
    margin-bottom: 0;
    text-align: center;
}
.customer-card1 .cc1-customer-since p {
    margin-bottom: 0;
    text-align: center;
}
.customer-card1 .mobile-title{
    display: none;
}
.customer-card1 .mobile-fixed-label {
    display: none;
}
/*customer list 1 design end*/

/*item list page start*/
.single-item-card {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    padding: 10px 10px 10px 13px;
    border-radius: 8px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    margin: 5px 0;
    position: relative;
}
.single-item-card:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.single-item-card:before {
    background-color: var(--primary);
}
.single-item-card.inactive:before {
    background-color: #aeaeae;
}
.single-item-card .sic-product {
    flex-basis: 40%;
    display: flex;
    justify-content: start;
    align-items: center;
    /* flex-wrap: wrap; */
}
.single-item-card .sic-qty .stock-title-text {
    display: none;
}
.single-item-card .sic-sell-price {
    flex-basis: 20%;
    text-align: right;
}
.single-item-card .sic-qty {
    flex-basis: 15%;
    text-align: center;
}
.single-item-card .sic-status {
    flex-basis: 20%;
    text-align: center;
}
.single-item-card .sic-action {
    flex-basis: 5%;
    text-align: right;
}
.single-item-card.table-header p{
    font-weight: 600;
    color: #222;
    font-size: 14px;
    margin: 0;
}


.single-item-card .sic-product .sicp-img {
    margin-right: 10px;
}
.single-item-card .sic-product .sicp-img img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #ddd;
    padding: 1px;
}
.single-item-card .sic-product .sicp-info {

}
.single-item-card .sic-product .sicp-info .sicpi-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.single-item-card .sic-product .sicp-info .sicpi-title p {
    margin: 0;
    color: #222;
    font-weight: 500;
}
.single-item-card .sic-product .sicp-info .sicpi-subtitle {

}
.single-item-card .sic-product .sicp-info .sicpi-subtitle p {
    margin: 0;
}
.single-item-card .sic-product .sicp-info .sicpi-subtitle p span:first-child {
    margin-right: 15px;
}
.single-item-card .sic-product .sicp-info .sicpi-type span {
    padding: 2px 10px;
    font-size: 10px;
    /* color: #fff; */
    border-radius: 3px;
    line-height: 1.3;
}
.single-item-card .sic-product .sicp-info .sicpi-type span:first-child {
    margin-right: 2px;
}
.single-item-card .sic-product .sicp-info .sicpi-type .product-inventory-type {
    display: inline-block;
    width: 110px;
    text-align: center;
}
.single-item-card .sic-product .sicp-info .sicpi-type .product-type-variation, .single-item-card .sic-product .sicp-info .sicpi-type .product-type-variation-single {
    display: inline-block;
    width: 70px;
    text-align: center;
}
.single-item-card .sic-product .sicp-info .sicpi-type span.with-inventory {
    background-color: var(--primary);
}
.single-item-card .sic-product .sicp-info .sicpi-type span.without-inventory {
    background-color: #cc0000 !important;
}
.single-item-card .sic-sell-price p{
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.single-item-card .sic-qty p {
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.single-item-card .sic-qty a {
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.single-item-card .sic-action .item-status-dropdown {
    display: none;
}
/*item list page end*/

/*invoice details page start*/
.invoice-details-top .idt-invoice-number {
    margin-bottom: 0;
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.invoice-details-top .idt-invoice-date {
    background-color: var(--primary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 2px 10px;
    display: flex;
    justify-content: space-between;
}
.invoice-to-text {
    font-size: 13px;
    color: #333;
    margin-bottom: 0;
}
.idt-customer-info .idt-itd-bold {
    color: #222;
    font-size: 13px;
    font-weight: 600;
    display: block;
}
.idt-customer-info .idt-itd-normal {
    color: #222;
    font-size: 13px;
    display: block;
}
.idt-company-info .invoice-from-details {
    text-align: right;
}
.idt-company-info .idt-ifd-bold {
    color: #222;
    font-size: 13px;
    font-weight: 600;
    display: block;
}
.idt-company-info .idt-ifd-normal {
    color: #222;
    font-size: 13px;
    display: block;
}

.idw-single-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}
.idw-single-item.item-header {
    margin-bottom: 15px;
}
.idw-single-item.item-header p {
    text-align: left;
    font-weight: 600;
    color: #222;
    font-size: 14px;
}

.idw-single-item .item {
    flex-basis: 30%;
}
.idw-single-item .description {
    flex-basis: 30%;
}
.idw-single-item .qty {
    flex-basis: 5%;
}
.idw-single-item .unit-price {
    flex-basis: 10%;
}
.idw-single-item .vat-amount {
    flex-basis: 10%;
}
.idw-single-item .amount {
    flex-basis: 15%;
}

.idw-single-item .item p{
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
}
.idw-single-item .description p{
    margin-bottom: 0;
}
.idw-single-item .qty p{
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
    text-align: center;
}
.idw-single-item .unit-price p{
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
    text-align: right;
}
.idw-single-item .vat-amount p{
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
    text-align: right;
}
.idw-single-item .amount p{
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
    text-align: right;
}

.idw-single-item.footer-item {
    border-bottom: none;
    padding: 2px 0;
}
.idw-single-item.footer-item.fi-total {
    border-bottom: 1px solid var(--rgba-primary-3);
}
.idw-single-item.footer-item .fi-left {
    flex-basis: 75%;
}
.idw-single-item.footer-item .fi-right {
    flex-basis: 25%;
}
.idw-single-item.footer-item.fi-total p {
    font-weight: 600;
}
.idw-single-item.footer-item.due-amount p {
    font-weight: 600;
}
.idw-single-item.footer-item .fi-left p {
    margin-bottom: 0;
    text-align: right;
    font-size: 13px;
    color: #333;
}
.idw-single-item.footer-item .fi-right p {
    margin-bottom: 0;
    text-align: right;
    font-size: 13px;
    color: #222;
    font-weight: 600;
}
.idw-single-item.footer-note-item .note {
    flex-basis: 100%;
}
.idw-single-item.footer-note-item .note p {
    margin-bottom: 0;
    color: #333;
    white-space: break-spaces;
}
.idw-single-item .mobile-text-title {
    display: none;
}

.ipw-single-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}
.ipw-single-item .date {
    flex-basis: 30%;
}
.ipw-single-item .payment-method {
    flex-basis: 40%;
}
.ipw-single-item .amount {
    flex-basis: 30%;
}
.ipw-single-item p {
    font-size: 13px;
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
}
.ipw-single-item .amount p {
    font-weight: 600;
    text-align: right;
}
.ipw-single-item.header-item p{
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}
/*invoice details page end*/

/*income by customer report start*/
.income-by-customer-wrapper {
    margin-top: 30px;
}
.income-by-customer-wrapper .ibcw-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}
.income-by-customer-wrapper .ibcw-item .ibcw-customer {
    flex-basis: 50%;
}
.income-by-customer-wrapper .ibcw-item .ibcw-all-income {
    flex-basis: 25%;
    text-align: right;
}
.income-by-customer-wrapper .ibcw-item .ibcw-paid-income {
    flex-basis: 25%;
    text-align: right;
}
.income-by-customer-wrapper .ibcw-item p {
    margin: 0;
    color: #222;
    font-size: 14px;
}
.income-by-customer-wrapper .ibcw-item .ibcw-all-income a {
    margin: 0;
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
}
.income-by-customer-wrapper .ibcw-item .ibcw-paid-income a {
    margin: 0;
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
}
.income-by-customer-wrapper .income-by-customer-wrapper .ibcw-item.ibcw-header {
    background-color: #d4dde3;
}
.income-by-customer-wrapper .income-by-customer-wrapper .ibcw-item.ibcw-total-header {
    background-color: transparent;
}
.income-by-customer-wrapper .income-by-customer-wrapper .ibcw-item.ibcw-total-header p{
    font-size: 16px;
    font-weight: 600;
}
.income-by-customer-wrapper .income-by-customer-wrapper .ibcw-item.ibcw-header p {
    font-weight: 600;
    font-size: 15px;
}
.income-by-customer-wrapper .ibcw-footer.ibcw-item p {
    font-weight: 600;
    font-size: 17px;
}
.income-by-customer-wrapper .ibcw-footer.ibcw-item {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}
/*income by customer report end*/

/*aged receivables report start*/
.aged-receivables-wrapper {

}
.arw-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.arw-item.arw-header {
    background-color: #d4dde3;
}
.arw-item.arw-header p{
    font-size: 15px;
    font-weight: 500;
}
.arw-item.arw-footer {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}
.arw-item.arw-footer p{
    font-size: 15px;
    font-weight: 500;
}
.arw-item p {
    margin: 0;
    color: #222;
    font-weight: 400;
    font-size: 13px;
}
.arw-item .arw-customer {
    flex-basis: 22%;
}
.arw-item .arw-not-yet {
    flex-basis: 13%;
    text-align: right;
}
.arw-item .arw-30-days {
    flex-basis: 13%;
    text-align: right;
}
.arw-item .arw-60-days {
    flex-basis: 13%;
    text-align: right;
}
.arw-item .arw-90-days {
    flex-basis: 13%;
    text-align: right;
}
.arw-item .arw-more-days {
    flex-basis: 13%;
    text-align: right;
}
.arw-item .arw-total {
    flex-basis: 13%;
    text-align: right;
}
/*aged receivables report end*/


/*user list page start*/
.single-user-card {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    padding: 10px 10px 10px 13px;
    border-radius: 8px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    margin: 5px 0;
    position: relative;
}
.single-user-card:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.single-user-card:before {
    background-color: var(--primary);
}
.single-user-card.inactive:before {
    background-color: #aeaeae;
}
.single-user-card .suc-user {
    flex-basis: 32%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}
.single-user-card .suc-phone {
    flex-basis: 20%;
    text-align: right;
}
.single-user-card .suc-email {
    flex-basis: 23%;
    text-align: center;
}
.single-user-card .suc-status {
    flex-basis: 20%;
    text-align: center;
}
.single-user-card .suc-action {
    flex-basis: 5%;
    text-align: right;
}
.single-user-card.table-header p{
    font-weight: 600;
    color: #222;
    font-size: 14px;
    margin: 0;
}
.single-user-card .suc-user .sicp-img {
    margin-right: 10px;
}
.single-user-card .suc-user .sicp-img img {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #ddd;
    padding: 1px;
}
.single-user-card .suc-user .sicp-info .sicpi-title p {
    margin: 0;
    color: #222;
    font-weight: 500;
}
.single-user-card .suc-phone p{
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.single-user-card .suc-email p {
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.single-user-card .suc-action .item-status-dropdown {
    display: none;
}
/*user list page end*/


/*role list start*/
.single-role-card {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    padding: 10px 10px 10px 13px;
    border-radius: 8px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    margin: 5px 0;
    position: relative;
}
.single-role-card:before {
    background-color: var(--primary);
}
.single-role-card:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.single-role-card p {
    margin: 0;
}
.single-role-card .src-role {
    flex-basis: 25%;
}
.single-role-card .src-description {
    flex-basis: 30%;
}
.single-role-card .src-permission {
    flex-basis: 15%;
}
.single-role-card .src-status {
    flex-basis: 20%;
}
.single-role-card .src-action {
    flex-basis: 10%;
    text-align: right;
}
.single-role-card .src-permission .src-permission-button {
    border: 1px solid var(--primary);
    padding: 5px;
    border-radius: 4px;
    color: #000;
}
.single-role-card .src-permission .src-permission-button:hover{
    background: var(--primary);
    color: #fff;
}
.single-role-card .src-role p {
    font-weight: 600;
    color: #222;
    font-size: 14px;
}
.single-role-card .src-description p {
    font-weight: 400;
    color: #222;
    font-size: 14px;
}
.single-role-card.table-header p {
    font-weight: 600;
    color: #222;
    font-size: 14px;
    margin: 0;
}
/*role list end*/
.profile-img-edit {
    bottom: 0px;
    left: 38px;
    background: var(--primary);
    color: #fff;
    padding: 3px 5px 0px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 5px 5px 5px 5px;
}
.profile-img-edit label {
    color: #fff;
    cursor: pointer;
    margin: 0;
}
/*====================*/
.payment-img-box img , .payment-logo img {
    width: 150px;
}


/* Invoice Return start */

/*table with flex design*/
/*invoice table start*/
.ritdw-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0px;
    line-height: 1.2;
}
.ritdw-item.ritdw-body {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
}

.ritdw-item.ritdw-body:last-child {
    /* border-bottom: none; */
}
.ritdw-item.ritdw-header {
    padding-bottom: 13px;
    border-bottom: 1px solid #e5e5e5;
}
.ritdw-item.ritdw-header .ritdw-col {
    font-weight: 600;
    color: #222;
    /* font-size: 13px; */
    text-align: center;
}
.ritdw-item .ritdw-col.inv_no {
    flex-basis: 10%;
}
.ritdw-item .ritdw-col.customer_profile {
    flex-basis: 15%;
}
.ritdw-item .ritdw-col.date {
    flex-basis: 10%;
}
.ritdw-item .ritdw-col.total_invoice_number {
    flex-basis: 12%;
}
.ritdw-item .ritdw-col.return_amount {
    flex-basis: 10%;
}
.ritdw-item .ritdw-col.available_return_amount {
    flex-basis: 13%;
}
.ritdw-item .ritdw-col.due_amount {
    flex-basis: 10%;
}
.ritdw-item .ritdw-col.payment_status {
    flex-basis: 10%;
}
.ritdw-item .ritdw-col.action_col {
    flex-basis: 10%;
    display: flex;
    justify-content: end;
    text-align: center;
}
.ritdw-item .ritdw-col.action_col .dropdown {
    margin-left: 11px !important;
}
.ritdw-item .ritdw-col.action_col .make-payment-btn-wrapper {
    display: none;
}
.ritdw-item .table-user-profile .tup-img img {
    width: 35px;
    height: 35px;
}
.ritdw-item .table-user-profile .tup-title a {
    font-size: 12px;
    color: #333;
}
.ritdw-item .table-user-profile .tup-title a:hover {
    color: var(--primary);
}
.ritdw-item .invoice_no {
    font-weight: 600;
    color: #333;
}
.ritdw-item .ritdw-col.date .show_date {
    color: #333;
    margin-bottom: 0;
    text-align: center;
}
.ritdw-item .table-amount {
    margin-bottom: 0;
    color: #222;
    font-weight: 600;
    text-align: center;
}
.ritdw-item .table-amount-title {
    display: none;
}
.ritdw-item .make-payment-btn {
    /* color: var(--primary); */
    font-weight: 500;
    line-height: 1.7;
}
.ritdw-item .make-payment-btn:hover {
    text-decoration: underline;
}
.ritdw-item .ritdw-col.action_col .dropdown .btn-link {
    border: 1px solid var(--primary);
    /* padding: 1px 6.5px; */
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.6;
}

/* Invoice Return end */
.card.contact_card {
    height: auto;
    margin-bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 8px;
}
.contact_card .card-header {
    padding: 8px 10px;
    text-align: center;
    justify-content: center;
}
.contact_card .card-header .card-title{
    font-size: 16px;
}
.contact_card .card-body {
    padding: 15px 15px;
}

.customer-contact-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}
.customer-contact-box-wrapper .customer-contact-box:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.customer-contact-box .name {
    flex-basis: calc(100% - 26px);
}
.customer-contact-box .action .btn {
    padding: 0;
    margin-top: 25px;
}
.customer-contact-box .email {
    flex-basis: 48%;
}
.customer-contact-box .phone {
    flex-basis: 48%;
}
.pay-due-amount-wrapper {
    margin-bottom: 0;
}
.pay-due-amount-wrapper .amount {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    display: block;
    line-height: 1.3;
}
.pay-due-amount-wrapper .text {
    line-height: 1.3;
    display: block;
}
.amount-input {
    border-width: 3px;
    font-size: 16px;
    font-weight: 600;
}
.highlight-input {
    border-width: 3px;
    font-size: 12px;
    font-weight: 600;
}
.payment-modal-total-due {
    font-size: 18px;
    font-weight: 500;
}
.payment-modal-total-due span{
    color: var(--primary);
    font-weight: 700;
}

.send-reminder-btn-wrapper {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.send-reminder-btn-wrapper .send-reminder-btn {
    /* background-color: #fff;
    border: none;
    padding: 17px 30px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition: 0.3s all ease; */
}
.send-reminder-btn-wrapper .send-reminder-btn:hover {
    /* background-color: var(--primary);
    color: #fff;
    transition: 0.3s all ease; */
}

/* dispatch page design start */
/*invoice table start*/
.dispatch-tdw-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.dispatch-tdw-item.tdw-body {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
}
.dispatch-tdw-item.tdw-body:last-child {
    border-bottom: none;
}
.dispatch-tdw-item.tdw-header {
    padding-bottom: 13px;
    border-bottom: 1px solid #e5e5e5;
}
.dispatch-tdw-item.tdw-header .tdwi-col {
    font-weight: 600;
    color: #222;
}
.dispatch-tdw-item .tdwi-col.inv_no {
    flex-basis: 10%;
}
.dispatch-tdw-item .tdwi-col.customer_profile {
    flex-basis: 20%;
}
.dispatch-tdw-item .tdwi-col.date {
    flex-basis: 10%;
}
.dispatch-tdw-item .tdwi-col.total_amount {
    flex-basis: 10%;
}
.dispatch-tdw-item .tdwi-col.due_amount {
    flex-basis: 10%;
}
.dispatch-tdw-item .tdwi-col.status {
    flex-basis: 10%;
}
.dispatch-tdw-item .tdwi-col.action_col {
    flex-basis: 20%;
    display: flex;
    justify-content: end;
}

.dispatch-tdw-item .tdwi-col.action_col .dropdown {
    margin-left: 11px !important;
}

.dispatch-tdw-item .table-user-profile .tup-img img {
    width: 35px;
    height: 35px;
}
.dispatch-tdw-item .table-user-profile .tup-title a {
    font-size: 12px;
    color: #333;
}
.dispatch-tdw-item .table-user-profile .tup-title a:hover {
    color: var(--primary);
}
.dispatch-tdw-item .invoice_no {
    font-weight: 600;
    color: #333;
}
.dispatch-tdw-item .tdwi-col.date .show_date {
    color: #333;
    margin-bottom: 0;
    text-align: center;
}
.dispatch-tdw-item .table-amount {
    margin-bottom: 0;
    color: #222;
    font-weight: 600;
    text-align: center;
}
.dispatch-tdw-item .table-amount-title {
    display: none;
}
.dispatch-tdw-item .make-payment-btn {
    color: #fff !important;
    padding: 6px 12px;
    margin: 0;
}
.dispatch-tdw-item .make-payment-btn:hover {
    /* text-decoration: underline; */
}
.dispatch-tdw-item .reminder-btn {
    display: block;
    text-align: center;
    color: var(--primary);
    margin-top: 3px;
}
.dispatch-tdw-item .reminder-btn:hover {
    text-decoration: underline;
}
.dispatch-tdw-item .tdwi-col.action_col .dropdown .btn-link {
    border: 1px solid var(--primary);
    /* padding: 1px 6.5px; */
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.6;
}
.dispatch-tdw-item .make-payment-btn-text {
    display: inline-block;
    margin-right: 5px;
}
/* dispatch page design end */

.small-select2 .select2-container--default .like_form_control_input {
    height: 30px;
}
.small-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.6;
}
.small-select2 .select2-container--default .like_form_control_input .select2-selection__arrow {
    top: 2px;
    border-radius: 5px !important;
}
.lh-1 {
    line-height: 1 !important;
}