@import '_content/SharedComponents/SharedComponents.ycuspr3am4.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.hidden[b-yffzmlzrdn] {
    display: none !important;
}
#sidebar[b-yffzmlzrdn] {
    height: 100vh;
    width: 250px;
    background-color: #85253A;
    color: white;
    overflow-y: auto;
    display:block;
    /*display: block;*/
}
#mobsidebar[b-yffzmlzrdn] {
    position: relative;
    padding-bottom: 25px;
    width: 250px;
    background-color: #85253A;
    color: white;
    overflow-y: auto;
    z-index: 2000;
    display: none;
}


@media only screen and (min-width:1151px) {


    #mainbody[b-yffzmlzrdn] {
        height: 100vh;
        display: flex;
    }
    #sidebar[b-yffzmlzrdn] {
        display: block;
    }

/*    #sidebar {
        display:block;
    }

    #mobsidebar {
        display: none;
    }*/

    #bodyy[b-yffzmlzrdn] {
        width: calc(100% - 250px);
        display: flex;
        flex-direction: column;
    }

    #topnav[b-yffzmlzrdn] {
        height: 75px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        background-color: #F5F6FB;
        background-color: rgb(229, 228, 226,0.7);
    }

    #renderbody[b-yffzmlzrdn] {
        padding: 25px 20px 25px 20px;
        width: 100%;
        background-color: #F5F6FB;
        flex: 1;
        overflow-y: auto;
    }


}

@media only screen and (max-width:1150px){




    #mainbody[b-yffzmlzrdn] {
        width: 100%;
    }


   #sidebar[b-yffzmlzrdn] {
        display: none;
    }

    #mobsidebar[b-yffzmlzrdn] {
        display: none;
    }

    #bodyy[b-yffzmlzrdn] {
        width: 100%;
        position: absolute;
    }

    #topnav[b-yffzmlzrdn] {
        height: 75px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        background-color: #F5F6FB;
        background-color: rgb(229, 228, 226,0.7);
    }

    #renderbody[b-yffzmlzrdn] {
        padding: 25px 20px 25px 20px;
    }


}
/* /Layout/Sidebar.razor.rz.scp.css */
#sidebarmenu[b-suz578bfzo] {
    padding-top: 20px;
}


.sidebarmenuitem[b-suz578bfzo] {
    display: flex;
    gap: 8px;
    margin: 5px 10px 5px 10px;
    font-weight: 450;
    font-size: 15px;
    cursor: pointer;
    align-items: center;
}


.sidebarsubmenuitem[b-suz578bfzo] {
    display: flex;
    gap: 8px;
    margin: 7px 20px 7px 20px;
    font-weight: 200;
    font-size: 15px;
    cursor: pointer;
    align-items: center;
}

.sidebarsubsubmenuitem[b-suz578bfzo] {
    display: flex;
    gap: 8px;
    margin: 7px 33px 7px 33px;
    font-weight: 150;
    font-size: 15px;
    cursor: pointer;
    align-items: center;
}


#sidebarmenu img[b-suz578bfzo] {
    width: 18px;
}

#profilepic[b-suz578bfzo] {
    width: 50px;
    height: 50px;
    /* border:2px white solid; */
    border-radius: 50%;
}

    #profilepic img[b-suz578bfzo] {
        width: 100%;
    }

#profilediv[b-suz578bfzo] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

a[b-suz578bfzo] {
    text-decoration: none;
    color: white;
}

a:hover[b-suz578bfzo] {
    color: white;
}


#mobilecrossicondiv[b-suz578bfzo]{
    display:none;
}




@media only screen and (min-width:1151px) {
    #sidebarlogodiv[b-suz578bfzo] {
        transform: translateY(0px) !important;
    }
}

@media only screen and (max-width:1150px) {
    #mobilecrossicondiv[b-suz578bfzo] {
        display: flex;
        justify-content: flex-end;
    }

    #sidebarlogodiv[b-suz578bfzo] {
        transform: translateY(-10px) !important;
    }
}
/* /Layout/TopNav.razor.rz.scp.css */
.search-container[b-dag5bxkvf5] {
    position: relative;
    width: 250px;
}

    .search-container input[type="text"][b-dag5bxkvf5] {
        padding: 0px 30px 0px 30px;
        border-radius: 17px;
        height: 33px;
        width: 100%;
        border: none;
        background-color: white;
    }

    .search-container .search-icon[b-dag5bxkvf5] {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-53%);
    }

body:dir(ltr) .search-container .search-icon[b-dag5bxkvf5] {
    right: 10px;
}


    .search-container input[b-dag5bxkvf5]::placeholder{
        font-size:15px;
        opacity:0.9;
    }
#topnavv[b-dag5bxkvf5]{
    display: flex;
    gap: 13px;
}



#profilepicdiv[b-dag5bxkvf5] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}
    #profilepicdiv img[b-dag5bxkvf5]{
        width:32px;
    }

    @media only screen and (max-width:768px) {
        .search-container[b-dag5bxkvf5] {
            width: 170px;
        }
        #topnavv[b-dag5bxkvf5]{
            gap:7px!important;
        }
        #topnavv img[b-dag5bxkvf5]{
            width:15px!important;
        }
        #profilepicdiv[b-dag5bxkvf5] {
            width: 23px;
            height: 23px;

        }

            #profilepicdiv img[b-dag5bxkvf5] {
                width: 23px!important;
            }

        #toggleicondiv img[b-dag5bxkvf5] {
            width: 20px !important;
            transform: translateY(6px)!important;
        }
        .search-icon img[b-dag5bxkvf5]{
            width:12px!important;
        }
        .search-container input[b-dag5bxkvf5]::placeholder {
            font-size: 13px;

        }
        #firstdiv[b-dag5bxkvf5]{
            gap:15px!important;
        }
        #settingimg[b-dag5bxkvf5]{
            transform:translateY(0px)!important;
        }
    }

@media only screen and (max-width:400px){
    #firstdiv[b-dag5bxkvf5] {
        gap: 10px !important;
    }
    .search-container[b-dag5bxkvf5] {
        width: 150px;
    }

    #topnavv[b-dag5bxkvf5] {
        gap: 5px !important;
    }

        #topnavv img[b-dag5bxkvf5] {
            width: 13px !important;
        }

    #profilepicdiv[b-dag5bxkvf5] {
        width: 20px;
        height: 20px;
    }

        #profilepicdiv img[b-dag5bxkvf5] {
            width: 20px !important;
        }
    #toggleicondiv img[b-dag5bxkvf5] {
        width: 18px !important;
        transform: translateY(6px) !important;
    }
}






.dropdown-item[b-dag5bxkvf5] {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    cursor: pointer;
}

    .dropdown-item:hover[b-dag5bxkvf5] {
        background-color: #f1f1f1;
    }





.dropdown[b-dag5bxkvf5] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-dag5bxkvf5] {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
    right: -90px;
}



    .dropdown-content a:hover[b-dag5bxkvf5] {
        background-color: #f1f1f1;
    }

.dropdown:hover .dropdown-content[b-dag5bxkvf5] {
    display: block;
}

.dropdown:hover .dropbtn[b-dag5bxkvf5] {
    /*background-color: #3e8e41;*/
}


@media only screen and (max-width:350px){
    .search-container[b-dag5bxkvf5] {
        width: 130px;
        
    }

}
/* /Pages/AccountList/Components/AddAccountList.razor.rz.scp.css */


#inputdiv[b-xx7erf5g5q] {
    width: 450px;
    margin: auto;
}

label[b-xx7erf5g5q] {
    font-size: 12px;
    color: black;
    margin-bottom: 3px;
}

#popupheading[b-xx7erf5g5q] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}


@media only screen and (max-width:450px) {
    #inputdiv[b-xx7erf5g5q] {
        width: 320px;
    }
}


[b-xx7erf5g5q] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-xx7erf5g5q] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }
/* /Pages/AccountList/Components/AddIncome.razor.rz.scp.css */



#inputdiv[b-7mu3cud11g] {
    width: 600px;
    margin: auto;
}

#popupheading[b-7mu3cud11g] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}

.heightset[b-7mu3cud11g] {
    height: 120px;
}

[b-7mu3cud11g] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-7mu3cud11g] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }


@media only screen and (max-width:650px) {
    #inputdiv[b-7mu3cud11g] {
        width: 450px;
    }

    .heightset[b-7mu3cud11g] {
        height: 100px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-7mu3cud11g] {
        width: 320px;
    }

    .heightset[b-7mu3cud11g] {
        height: 80px;
    }
}
/* /Pages/AccountList/Components/PreviewAccount.razor.rz.scp.css */

.topcard[b-b032dx9qic] {
    width: 90%;
    background-color: white;
    border-radius: 7px;
}

.card[b-b032dx9qic] {
    height: 70px;
    border-radius: 7px;
    width: 90%;
    background-color: white;
    margin: 30px 0px;
}

.account-summary[b-b032dx9qic] {
    /*font-family: Arial, sans-serif;*/
    color: #333;
    margin: 20px;
}

h1[b-b032dx9qic] {
    font-size: 24px;
}

.favorite-icon[b-b032dx9qic] {
    color: #888;
    font-size: 18px;
}

.account-details p[b-b032dx9qic] {
    margin: 5px 0;
}

.balance-summary[b-b032dx9qic] {
    display: flex;
    gap:10%;
    justify-content:center;
    margin: 30px 0;
}

.balance-item p[b-b032dx9qic] {
    margin: 0;
    text-align: center;
}

.balance-item[b-b032dx9qic] {
    padding: 5px 10px;

}

.action-buttons[b-b032dx9qic] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 20px;
}
.actbtns[b-b032dx9qic]{
    display:none;
}

.btn[b-b032dx9qic] {
    /*background-color: #4CAF50;*/
    color: white;
    border: none;
    padding: 0px 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.btn-edit[b-b032dx9qic] {
    background-color: #FF9800;
}

.btn-more[b-b032dx9qic] {
    background-color: #607D8B;
}

.transactions-section[b-b032dx9qic] {

    padding-top: 20px;
}

.nav-tabs[b-b032dx9qic] {
    list-style-type: none;
    padding: 5px 0px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
}

    .nav-tabs .nav-item[b-b032dx9qic] {
        display: inline-block;
        width:33.3%;
/*        margin-right: 10px;*/
    }

    .nav-tabs .nav-link[b-b032dx9qic] {
        text-decoration: none;
        padding: 10px;
        color: #333;
    }

        .nav-tabs .nav-link.active[b-b032dx9qic] {
            font-weight: bold;
            color: #4CAF50;
            /*border-bottom: 2px solid #4CAF50;*/
        }

.transaction-info[b-b032dx9qic] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.transaction-image[b-b032dx9qic] {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
}

.btn-new-transaction[b-b032dx9qic] {
    display: inline-block;
    background-color: #8A2332;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
}
.dropdown[b-b032dx9qic] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-b032dx9qic] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 0px 20px;
    cursor: pointer;
}

.dropdown-menu[b-b032dx9qic] {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

    .dropdown-menu.show[b-b032dx9qic] {
        display: block;
    }

.dropdown-item[b-b032dx9qic] {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    cursor: pointer;
}

    .dropdown-item:hover[b-b032dx9qic] {
        background-color: #f1f1f1;
    }

.btn[b-b032dx9qic] {
    background-color: #8A2332;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

.btn-edit[b-b032dx9qic] {
    background-color: #FF9800;
}

.btn-more[b-b032dx9qic] {
    background-color: #607D8B;
}




.e-row[b-b032dx9qic] {
    position: relative; /* Set position relative for row */
}

.icon-container[b-b032dx9qic] {
    position: absolute;
    right: 150px; /* Adjust position as needed */
    display: none; /* Hide by default */
}

.e-row:hover .icon-container[b-b032dx9qic] {
    display: flex!important; /* Show on row hover */
}



@media only screen and (max-width:768px){
    .widthset[b-b032dx9qic]{
        width:100%!important;
    }
    .account-summary[b-b032dx9qic]{
        flex-wrap:wrap;
        row-gap:20px;
    }
    .topcard[b-b032dx9qic] {
        width: 100%;
    }
    .card[b-b032dx9qic] {
        width: 100%;
    }
    .action-buttons[b-b032dx9qic] {
        display: none;
    }

    .actbtns[b-b032dx9qic] {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-bottom: 10px;
    }
    h2[b-b032dx9qic]{
        text-align:center;
    }
}



@media only screen and (max-width:530px) {
    #scrollablediv[b-b032dx9qic]{
        overflow-x:scroll;
    }
}
/* /Pages/AccountList/Components/TransferReceipt.razor.rz.scp.css */
#pagemaindiv[b-7yb78lg98i] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding: 30px 20px 30px 20px;
    padding-top: 30px;
}

#popupheading[b-7yb78lg98i] {
    text-align: center;
    margin-top: 20px;
}

#maindiv[b-7yb78lg98i] {
    display: flex;
    justify-content: space-between;
    /*padding: 0px 2%;*/
}

#box1[b-7yb78lg98i] {
    width: 49%;
}

#box2[b-7yb78lg98i] {
    width: 49%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    background-color: white;
}

.company-info[b-7yb78lg98i] {
    display: flex;
    align-items: center;
    margin: 20px;
}

.logo[b-7yb78lg98i] {
    width: 90px;
    margin-right: 5px;
}

.details[b-7yb78lg98i] {
    line-height: 1.6;
}


.container[b-7yb78lg98i] {
    width: 100%;
    padding: 0px;
}

.section[b-7yb78lg98i] {
    padding-bottom: 25px;
    margin-bottom: 20px;
}

    .section h2[b-7yb78lg98i] {
        font-size: 18px;
    }

    .section p[b-7yb78lg98i] {
        margin: 0px 0px 7px 0px;
    }



    .section .date[b-7yb78lg98i] {
        font-weight: bold;
    }


.edit-btn[b-7yb78lg98i] {
    border: none;
    padding: 5px 13px;
    border-radius: 5px;
    cursor: pointer;
}

.dropdown[b-7yb78lg98i] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-7yb78lg98i] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

.dropdown-menu[b-7yb78lg98i] {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

    .dropdown-menu.show[b-7yb78lg98i] {
        display: block;
        right:10px;
    }

.dropdown-item[b-7yb78lg98i] {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    cursor: pointer;
}

    .dropdown-item:hover[b-7yb78lg98i] {
        background-color: #f1f1f1;
    }


@media only screen and (max-width:1024px) {
    #box1[b-7yb78lg98i] {
        width: 48%;
    }

    #box2[b-7yb78lg98i] {
        width: 48%;
    }
}

@media only screen and (max-width:768px) {
    #box1[b-7yb78lg98i] {
        width: 100%;
    }

    .container[b-7yb78lg98i] {
        width: 100%;
        padding: 15px 0px;
    }

    #box2[b-7yb78lg98i] {
        width: 100%;
        margin-top: 25px;
    }

    #maindiv[b-7yb78lg98i] {
        flex-wrap: wrap;
        padding: 0px 0px;
    }
}

.btn[b-7yb78lg98i] {
    background-color: #8A2332;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.btn-more[b-7yb78lg98i] {
    background-color: #607D8B;
}
/* /Pages/AccountReports/Components/AccountReports.razor.rz.scp.css */
#pagemaindiv[b-uojip1zc2v] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding:30px 20px 40px 20px;
    padding-top: 30px;

    
}


.box[b-uojip1zc2v]{
    width:47%;
}

@media only screen and (max-width:670px){
    .box[b-uojip1zc2v] {
        width: 100%;
    }
}
/* /Pages/AccountReports/Components/BalanceSheet.razor.rz.scp.css */
.width1[b-9zemy0g2b7]{
    width:60%;
}

.width2[b-9zemy0g2b7] {
    width: 10%;
    font-weight:600;
}

.width3[b-9zemy0g2b7] {
    width: 15%;
}

hr[b-9zemy0g2b7]{
    margin:3px;
}

#icondiv[b-9zemy0g2b7]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-9zemy0g2b7] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-9zemy0g2b7] {
        width: 500px;
    }
    .width3[b-9zemy0g2b7] {
        width: 135px;
    }
    .width2[b-9zemy0g2b7] {
        width: 75px;
    }

}
/* /Pages/AccountReports/Components/GeneralLedger.razor.rz.scp.css */
.width1[b-i0hs7996cv]{
    width:60%;
}

.width2[b-i0hs7996cv] {
    width: 10%;
    font-weight:600;
}

.width3[b-i0hs7996cv] {
    width: 15%;
}

hr[b-i0hs7996cv]{
    margin:3px;
}

#icondiv[b-i0hs7996cv]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-i0hs7996cv] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-i0hs7996cv] {
        width: 500px;
    }
    .width3[b-i0hs7996cv] {
        width: 135px;
    }
    .width2[b-i0hs7996cv] {
        width: 75px;
    }

}
/* /Pages/AccountReports/Components/JournalEntries.razor.rz.scp.css */
.width1[b-a4xzm9wncp]{
    width:60%;
}

.width2[b-a4xzm9wncp] {
    width: 10%;
    font-weight:600;
}

.width3[b-a4xzm9wncp] {
    width: 15%;
}

hr[b-a4xzm9wncp]{
    margin:3px;
}

#icondiv[b-a4xzm9wncp]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-a4xzm9wncp] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-a4xzm9wncp] {
        width: 500px;
    }
    .width3[b-a4xzm9wncp] {
        width: 135px;
    }
    .width2[b-a4xzm9wncp] {
        width: 75px;
    }

}
/* /Pages/AccountReports/Components/ProfitAndLoss.razor.rz.scp.css */
.width1[b-6ax7o5blfh]{
    width:60%;
}

.width2[b-6ax7o5blfh] {
    width: 10%;
    font-weight:600;
}

.width3[b-6ax7o5blfh] {
    width: 15%;
}

hr[b-6ax7o5blfh]{
    margin:3px;
}

#icondiv[b-6ax7o5blfh]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-6ax7o5blfh] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-6ax7o5blfh] {
        width: 500px;
    }
    .width3[b-6ax7o5blfh] {
        width: 135px;
    }
    .width2[b-6ax7o5blfh] {
        width: 75px;
    }

}
/* /Pages/AccountReports/Components/TaxSummary.razor.rz.scp.css */
.width1[b-xebukyl3c5]{
    width:60%;
}

.width2[b-xebukyl3c5] {
    width: 10%;
    font-weight:600;
}

.width3[b-xebukyl3c5] {
    width: 15%;
}

hr[b-xebukyl3c5]{
    margin:3px;
}

#icondiv[b-xebukyl3c5]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-xebukyl3c5] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-xebukyl3c5] {
        width: 500px;
    }
    .width3[b-xebukyl3c5] {
        width: 135px;
    }
    .width2[b-xebukyl3c5] {
        width: 75px;
    }

}
/* /Pages/AccountReports/Components/TrialBalance.razor.rz.scp.css */
.width1[b-rb5s84jex4]{
    width:60%;
}

.width2[b-rb5s84jex4] {
    width: 10%;
    font-weight:600;
}

.width3[b-rb5s84jex4] {
    width: 15%;
}

hr[b-rb5s84jex4]{
    margin:3px;
}

#icondiv[b-rb5s84jex4]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-rb5s84jex4] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-rb5s84jex4] {
        width: 500px;
    }
    .width3[b-rb5s84jex4] {
        width: 135px;
    }
    .width2[b-rb5s84jex4] {
        width: 75px;
    }

}
/* /Pages/ApplicationManagement/Components/ApplicationManagementPreview.razor.rz.scp.css */
.fontcolor[b-4yrjrq50yv] {
    color: #595959;
}


#datedivwidth[b-4yrjrq50yv]{
    width:135px!important;
}

#employeedivwidth[b-4yrjrq50yv]{
    width:165px!important;
}

#typedivwidth[b-4yrjrq50yv]{
    width:90px!important;
}
#dutydivwidth[b-4yrjrq50yv] {
    width: 170px !important;
}

#reason[b-4yrjrq50yv]{
    width:185px!important;
}



@media only screen and (max-width:768px){
    .flex-wrapp[b-4yrjrq50yv]{
        flex-wrap:wrap;
    }
    .widthset[b-4yrjrq50yv]{
        width:50%!important;
    }
    .displayblock[b-4yrjrq50yv]{
        display:block!important;
    }

}

@media only screen and (max-width:600px) {
    .widthset[b-4yrjrq50yv] {
        width: 100% !important;
    }
    .display2block[b-4yrjrq50yv] {
        display: block !important;
    }

}
/* /Pages/ApplicationManagement/Components/UpdateStatus.razor.rz.scp.css */


#inputdiv[b-rmkg9qxrl8] {
    width: 450px;
    margin: auto;
}

#popupheading[b-rmkg9qxrl8]{
    padding-top:95px;
    text-align:center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-rmkg9qxrl8] {
        width: 320px;
    }
}

[b-rmkg9qxrl8] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-rmkg9qxrl8] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }
/* /Pages/Authentication/ForgotPassword.razor.rz.scp.css */
#forgotpasswordpage[b-b98cqqa29m] {
    display: flex;
    height: 100vh;
}

#forgotpassword[b-b98cqqa29m] {
    width: 100%;
    background: url('../images/Authentication/bgicons.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

a[b-b98cqqa29m]{
    text-decoration:none;
    font-weight:600;
}


#logodiv[b-b98cqqa29m] {
    width: 12%;
    margin: auto;
    margin-bottom: 3%;
}

    #logodiv img[b-b98cqqa29m] {
        max-width: 100%;
    }

    h6[b-b98cqqa29m]{
        font-size:14px;
        margin-bottom:50px;
    }

h5[b-b98cqqa29m], p[b-b98cqqa29m],h6[b-b98cqqa29m] {
    text-align: center;
}

#inputdiv[b-b98cqqa29m] {
    width: 25%;
    margin: auto;
}

input[b-b98cqqa29m] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin-bottom: 5px;
}

#uname[b-b98cqqa29m] {
    margin-bottom: 10px;
}

label[b-b98cqqa29m] {
    font-size: 12px;
    color: grey;
}

input[b-b98cqqa29m]::placeholder {
    color: black;
}

#sendotpbtn[b-b98cqqa29m], #updatebtn[b-b98cqqa29m] {
    width: 65%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 3px;
    cursor: pointer;
    color: white;
    font-size: 14px;
    margin-top: 10%;
    margin-bottom: 25px;
}



@media only screen and (max-width:1250px) {

    #logodiv[b-b98cqqa29m] {
        width: 15%;
    }
}

@media only screen and (max-width:1024px) {
    #logodiv[b-b98cqqa29m] {
        width: 20%;
        margin-bottom: 5%;
    }

    #inputdiv[b-b98cqqa29m] {
        width: 35%;
    }
}

@media only screen and (max-width:768px) {

    #logodiv[b-b98cqqa29m] {
        width: 25%;
    }

    #inputdiv[b-b98cqqa29m] {
        margin-top: 25px;
        width: 40%;
    }
}

@media only screen and (max-width:600px) {

    #logodiv[b-b98cqqa29m] {
        width: 30%;
        margin-bottom: 8%;
    }

    #inputdiv[b-b98cqqa29m] {
        width: 60%;
    }
}

@media only screen and (max-width:500px) {
    #logodiv[b-b98cqqa29m] {
        width: 35%;
    }

    #sendotpbtn[b-b98cqqa29m], #updatebtn[b-b98cqqa29m] {
        width: 80%;
    }
}

@media only screen and (max-width:450px) {

    #logodiv[b-b98cqqa29m] {
        width: 40%;
    }
    #inputdiv[b-b98cqqa29m] {
        width: 80%;
    }
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
#loginpage[b-0xffd4kq36] {
    display:flex;
    height:100vh;
}

#login[b-0xffd4kq36] {
    width: 100%;
    background: url('../images/Authentication/bgicons.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}




#logodiv[b-0xffd4kq36]{
    width:12%;
    margin:auto;
    margin-bottom:3%;
}

#logodiv img[b-0xffd4kq36] {
    max-width: 100%;
}

h2[b-0xffd4kq36],p[b-0xffd4kq36]{
    text-align:center;
    margin-bottom:2%;
}

#inputdiv[b-0xffd4kq36]{
    width:25%;
    margin:auto;

}

input[b-0xffd4kq36] {
    border: none;
    border-bottom: 1px grey solid;
    width:100%;
    margin-bottom:5px;
    
}
#uname[b-0xffd4kq36]{
    margin-bottom:30px;
}

label[b-0xffd4kq36]{
    font-size:12px;
    color:grey;
}

input[b-0xffd4kq36]::placeholder{
    color:black;
}

#loginbtn[b-0xffd4kq36]{
    width:65%;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
    border-radius:3px;
    cursor:pointer;
    color:white;
    font-size:14px;
    margin-top:10%;
    margin-bottom:25px;
}

span[b-0xffd4kq36]{
    font-weight:600;
}


@media only screen and (max-width:1250px) {

    #logodiv[b-0xffd4kq36] {
        width: 15%;
    }
}

@media only screen and (max-width:1024px) {
    #logodiv[b-0xffd4kq36] {
        width: 20%;
        /*margin-top:20%;*/
        margin-bottom:5%;
    }

    #inputdiv[b-0xffd4kq36]{
        width:35%;
    }

}

@media only screen and (max-width:768px) {

    #logodiv[b-0xffd4kq36] {
        width: 25%;
    }

    #inputdiv[b-0xffd4kq36] {
        margin-top:25px;
        width: 40%;
    }
}

@media only screen and (max-width:600px) {

    #logodiv[b-0xffd4kq36] {
        width: 30%;
        margin-bottom: 8%;
    }

    #inputdiv[b-0xffd4kq36] {
        width: 60%;
    }

}

@media only screen and (max-width:500px) {
    #logodiv[b-0xffd4kq36] {
        width: 35%;
    }
    #loginbtn[b-0xffd4kq36] {
        width:80%;
    }
}

@media only screen and (max-width:450px) {
    #logodiv[b-0xffd4kq36] {
        width: 40%;
    }
    #inputdiv[b-0xffd4kq36] {
        width: 80%;
    }

}
/* /Pages/Bank/Components/AddBank.razor.rz.scp.css */



#inputdiv[b-husqttnpg7] {
    width: 450px;
    margin: auto;
}


#popupheading[b-husqttnpg7] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-husqttnpg7] {
        width: 320px;
    }
}
/* /Pages/BodyType/Components/AddBodyType.razor.rz.scp.css */


#inputdiv[b-s1ebx5tp02] {
    width: 450px;
    margin: auto;
}



#popupheading[b-s1ebx5tp02] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}


@media only screen and (max-width:450px) {
    #inputdiv[b-s1ebx5tp02] {
        width: 320px;
    }
}
/* /Pages/Calendar/Components/Calendar.razor.rz.scp.css */
.box[b-p6drjmsnhp] {
    height: 120px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}



.divwidth[b-p6drjmsnhp] {
    width: 47%;
}


/*@media only screen and (max-width:550px) {
    .box {
        height: 180px;
    }


    .divwidth {
        width: 100%;
    }
}
*/
/* /Pages/ChartsOfAccounts/Components/AddChartOfAccount.razor.rz.scp.css */


#inputdiv[b-eqcqowt1rb] {
    width: 450px;
    margin: auto;
}

label[b-eqcqowt1rb] {
    font-size: 12px;
    color: black;
    margin-bottom: 3px;
}

#popupheading[b-eqcqowt1rb] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}


@media only screen and (max-width:450px) {
    #inputdiv[b-eqcqowt1rb] {
        width: 320px;
    }
}


[b-eqcqowt1rb] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-eqcqowt1rb] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }
/* /Pages/ChartsOfAccounts/Components/ChartsOfAccounts.razor.rz.scp.css */
table[b-hl5nu94pew] {
    width: 100%;
    height:100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: left;
    background-color: white;
}

th[b-hl5nu94pew], td[b-hl5nu94pew] {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

th[b-hl5nu94pew] {
    font-size: 16px;
    font-weight:600;
    padding: 8px 10px;
    /*background-color: #f2f2f2;*/
    color: white;
}

tr:hover[b-hl5nu94pew] {
    background-color: #f5f5f5;
}

.headingtr:hover[b-hl5nu94pew] {
    background-color: #8A2332;
}

.balance[b-hl5nu94pew] {
    text-align: right;
    position: relative;
}

.actions[b-hl5nu94pew] {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

tr:hover .actions[b-hl5nu94pew] {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.actions i[b-hl5nu94pew] {
    margin-left: 10px;
    cursor: pointer;
}
/* /Pages/CustomerDashboard/Components/CustomerDashboard.razor.rz.scp.css */
#topcardsdiv[b-k3iwdbt826] {
    display: flex;
    justify-content: center;
    gap: 2%;
    /*border:2px red solid;*/
}

.card[b-k3iwdbt826] {
    height: 70px;
    border-radius: 7px;
    width: 24%;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}

select[b-k3iwdbt826] {
    border: 1px #85253A solid;
    /*padding: 5px 10px 5px 5px;*/
    color: #85253A;
    padding: 3px 0px 3px 0px;
    font-size: 12px;
}

#chartsdiv[b-k3iwdbt826]{
    display:flex;
    gap:2%;
}

.chartdiv[b-k3iwdbt826] {
    width: 49%;
    border-radius: 7px;
    background: white;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}


@media only screen and (max-width:1024px) {
    #topcardsdiv[b-k3iwdbt826] {
        flex-wrap: wrap;
    }

    .card[b-k3iwdbt826] {
        width: 49%;
    }

    .cardmt10[b-k3iwdbt826] {
        margin-top: 10px;
    }
}

@media only screen and (max-width:950px) {
    #div100[b-k3iwdbt826]{
        width:100%!important;
    }
    #badgediv[b-k3iwdbt826]{
        min-width:85px!important;
    }
    #borderset[b-k3iwdbt826]{
        border-left:none!important;
        padding:0px!important;
    }
}

@media only screen and (max-width:900px) {
    .chartdiv[b-k3iwdbt826] {
        width: 100%;
    }
    #chartsdiv[b-k3iwdbt826] {
        row-gap:20px;
    }
    #fontsizeset[b-k3iwdbt826]{
        font-size:12px;
    }
}

@media only screen and (max-width:768px) {
    .chartdiv[b-k3iwdbt826]{
        width:100%;
    }
    #chartsdiv[b-k3iwdbt826] {
        row-gap:25px;
        flex-wrap:wrap;
    }

    #div100[b-k3iwdbt826] {
        flex-direction: column;
    }
    .div100width[b-k3iwdbt826]{
        width:100%!important;
        border:none!important;
        padding:0px!important;
    }
    #fontsizeset[b-k3iwdbt826] {
        font-size: 11px;
    }
}

@media only screen and (max-width:580px) {

    .card[b-k3iwdbt826] {
        width: 100%;
    }

    .cardmt10-2[b-k3iwdbt826] {
        margin-top: 10px;
    }
    #overflowsett[b-k3iwdbt826]{
        overflow-x:scroll;
        overflow-y:hidden;
    }
    #fontsizeset[b-k3iwdbt826] {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {


    #fontsizeset[b-k3iwdbt826] {
        height:45px!important;
    }
}





/* /Pages/CustomerRelation/Components/AddCustomerRelation.razor.rz.scp.css */

#inputdiv[b-89815jq77e] {
    width: 450px;
    margin: auto;
}


#popupheading[b-89815jq77e] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-89815jq77e] {
        width: 320px;
    }
}
/* /Pages/CustomerType/Components/AddCustomerType.razor.rz.scp.css */

#inputdiv[b-42ulnx4mq7] {
    width: 450px;
    margin: auto;
}


#popupheading[b-42ulnx4mq7] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-42ulnx4mq7] {
        width: 320px;
    }
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */

#dashboardpage[b-z1en0zm8bf]{
    padding:0px 10px 0px 10px;
}


#topcardsdiv[b-z1en0zm8bf]{
    display:flex;
    justify-content:space-between;
}

.card[b-z1en0zm8bf]{
    height:70px;
    border-radius:7px;
    width:23%;
    background-color:white;
    margin:0px 10px 15px 10px;
}

#sparkline-chart1[b-z1en0zm8bf], #sparkline-chart2[b-z1en0zm8bf], #sparkline-chart4[b-z1en0zm8bf] {
    width: 140px;
    height: 50px;
}


#metricdiv[b-z1en0zm8bf] {
    display: flex;
    justify-content: space-between;
    /*width:97%;*/
    width:100%;
    margin:auto;
/*    border:2px red solid;*/
}

.metricbox[b-z1en0zm8bf] {
    height: 145px;
    width: 23%;
    border-radius: 20px;
    color: white;
    padding: 12px 20px 12px 20px;
    margin: 7px;
}

.metricheading[b-z1en0zm8bf] {
    font-size: 1.1rem;
    font-weight: 400;
}

.metricnumber[b-z1en0zm8bf] {
    font-size: 1.5rem;
    font-weight: 500;
}

select[b-z1en0zm8bf] {
    /*border: 1px #85253A solid;*/
    /*padding: 5px 10px 5px 5px;*/
    /*color: #85253A;*/
    padding: 4px 0px 4px 0px;
    font-size: 12px;
}

.viewmoremetric[b-z1en0zm8bf] {
    width: 100px;
    border: none;
    border-radius: 5px;
    height: 24px;
    color: #85253A;
    padding: 2px 5px 2px 5px;
    background-color: white;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}



#metricbox1[b-z1en0zm8bf], #metricbox1 select[b-z1en0zm8bf] {
    background-color: #00E4E9;
}

#metricbox2[b-z1en0zm8bf], #metricbox2 select[b-z1en0zm8bf] {
    background-color: #FD7583;
}

#metricbox3[b-z1en0zm8bf], #metricbox3 select[b-z1en0zm8bf] {
    background-color: #09DD93;
}

#metricbox4[b-z1en0zm8bf], #metricbox4 select[b-z1en0zm8bf] {
    background-color: #FD9569;
}


@media only screen and (max-width:1700px) {
    #sparkline-chart1[b-z1en0zm8bf], #sparkline-chart2[b-z1en0zm8bf], #sparkline-chart4[b-z1en0zm8bf] {
        width: 135px;
        height: 45px;
    }

    .metricbox[b-z1en0zm8bf] {
        height: 140px;
        padding: 12px 10px 12px 10px;
    }
    .metricheading[b-z1en0zm8bf] {
        font-size: 1rem;
    }

    .metricnumber[b-z1en0zm8bf] {
        font-size: 1.3rem;
    }
/*    #metricdiv {
        width: 98%;
    }*/

}

@media only screen and (max-width:1500px) {
    #sparkline-chart1[b-z1en0zm8bf], #sparkline-chart2[b-z1en0zm8bf], #sparkline-chart4[b-z1en0zm8bf] {
        width: 130px;
        height: 42px;
    }

    .metricheading[b-z1en0zm8bf] {
        font-size: 1rem;
    }

    .metricnumber[b-z1en0zm8bf] {
        font-size: 1.3rem;
    }

    .metricbox[b-z1en0zm8bf] {
        height: 140px;
        width: 24%;
    }

    .viewmoremetric[b-z1en0zm8bf] {
        width: 90px;
    }
    select[b-z1en0zm8bf] {
        padding: 3px 3px 3px 3px;
    }

}


@media only screen and (max-width:1400px) {
    #sparkline-chart1[b-z1en0zm8bf], #sparkline-chart2[b-z1en0zm8bf], #sparkline-chart4[b-z1en0zm8bf] {
        width: 120px;
        height: 40px;
    }

    .metricheading[b-z1en0zm8bf] {
        font-size: 0.9rem;
    }

    .metricnumber[b-z1en0zm8bf] {
        font-size: 1.2rem;
    }

    .metricbox[b-z1en0zm8bf] {
        height: 135px;
        padding: 12px 13px 12px 13px;
    }

    select[b-z1en0zm8bf] {
        padding: 3px 3px 3px 3px;
    }

    .viewmoremetric[b-z1en0zm8bf] {
        width: 80px;
    }
}


@media only screen and (max-width:1120px) {

    #metricdiv[b-z1en0zm8bf] {
        flex-wrap: wrap;
    }

    .metricbox[b-z1en0zm8bf] {
        width: 47%;
    }
}
@media only screen and (max-width:1050px) {
    .metricbox[b-z1en0zm8bf] {
        width: 45%;
    }
}

@media only screen and (max-width:650px) {
    .metricbox[b-z1en0zm8bf] {
        width: 47%;
    }
}

@media only screen and (max-width:600px) {
    .metricbox[b-z1en0zm8bf] {
        width: 93%;
    }
}
@media only screen and (max-width:400px) {
    .metricbox[b-z1en0zm8bf] {
        width: 97%;
    }
}



body:dir(ltr) .metricheading[b-z1en0zm8bf]{
    font-size:22px;
}




#twochartparentdiv[b-z1en0zm8bf] {
    margin-top: 10px;
    display: flex;
/*    gap: 1%;
    justify-content: center;*/
    justify-content: space-between;
    /*flex-wrap: wrap;*/
}

#chart1div[b-z1en0zm8bf], #chart2div[b-z1en0zm8bf] {
    width: 48%;
    margin: 10px;
}


#mapandchartdiv[b-z1en0zm8bf] {
    /*margin-top: 10px;*/
    display: flex;
/*    gap: 1%;
    justify-content: center;*/
justify-content:space-between;
}

#mapdiv[b-z1en0zm8bf] {
    height: 500px;
    width: 48%;
    margin: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    overflow: hidden;
}

#map[b-z1en0zm8bf] {
    height: 90%;
    width: 100%;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-top: 15px;
}

#chartdiv[b-z1en0zm8bf] {
    height: 500px;
    width: 48%;
    margin: 10px;
/*    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;*/
    /*overflow: hidden;*/
}


.chartcontainer[b-z1en0zm8bf] {
    max-width: 100%;
    height: 250px;
    margin: 0px auto 5px auto;
    padding: 20px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-color: rgba(255, 255, 255, 0.8);

}

canvas[b-z1en0zm8bf] {
width:100%;
    height: auto;
    max-height:100%;
}


#salelistdiv[b-z1en0zm8bf] {
    /*height: 300px;*/
    /*width:96.9%;*/
    width:98.6%;
    
}

/*@media only screen and (max-width:1600px) {
    #chartdiv, #mapdiv {
        height: 450px;
    }
    #salelistdiv {
        height: 180px;
    }

    #map {
        height: 88%;
    }
}

@media only screen and (max-width:1500px) {
    #chartdiv, #mapdiv {
        height: 400px;
    }


}

@media only screen and (max-width:1350px) {
    #chartdiv, #mapdiv {
        height: 370px;
    }

    #map {
        height: 85%;
    }

}

@media only screen and (max-width:1300px) {
    #chartdiv, #mapdiv {
        height: 350px;
    }
}

@media only screen and (max-width:1180px) {
    #chartdiv, #mapdiv {
        height: 330px;
    }

    #map {
        height: 84%;
    }
}

*/




/*@media only screen and (max-width:1024px) {


    #chartdiv, #mapdiv {
        width: 44%;
        height: 290px;
    }

    #map {
        height: 83%;
    }
}
*/
@media only screen and (max-width:850px) {
    .chartcontainer[b-z1en0zm8bf] {
        height: 200px;
    }
}


@media only screen and (max-width:1024px) {
    .chartcontainer[b-z1en0zm8bf]{
        height:220px;
    }
}

@media only screen and (max-width:768px) {
    #mapandchartdiv[b-z1en0zm8bf] {
        flex-wrap: wrap;
    }

    #chartdiv[b-z1en0zm8bf], #mapdiv[b-z1en0zm8bf] {
        width: 96%;
    }

    #chartdiv[b-z1en0zm8bf] {
        height: 500px;
    }

    #mapdiv[b-z1en0zm8bf] {
        height: 380px;
    }

    #map[b-z1en0zm8bf] {
        height: 87%;
    }

/*    #salelistdiv {
        width: 96%;
    }*/
}

@media only screen and (max-width:650px) {


    #chartdiv[b-z1en0zm8bf] {
        height: 500px;
    }

    #mapdiv[b-z1en0zm8bf] {
        height: 350px;
    }

    #map[b-z1en0zm8bf] {
        height: 85%;
    }


    #twochartparentdiv[b-z1en0zm8bf]{
        flex-wrap:wrap;
    }

    #chart1div[b-z1en0zm8bf],chart2div[b-z1en0zm8bf]{
        width:96%;
    }

    .chartcontainer[b-z1en0zm8bf] {
        height: 240px;
    }
}



@media only screen and (max-width:570px) {


    #chartdiv[b-z1en0zm8bf] {
        height: 500px;
    }

    #mapdiv[b-z1en0zm8bf] {
        height: 320px;
    }

    #map[b-z1en0zm8bf] {
        height: 83%;
    }
}

@media only screen and (max-width:500px) {


    #chartdiv[b-z1en0zm8bf] {
        height: 550px;
    }
    #bestsellingbranddivheight[b-z1en0zm8bf]{
        height:290px!important;
    }

    .bestsellerbrand-separate-div[b-z1en0zm8bf]{
        width:45%!important;
        height:30%!important;

    }
    #top-selling-brands[b-z1en0zm8bf]{
        height:220px!important;
    }

    #mapdiv[b-z1en0zm8bf] {
        height: 300px;
    }

    #map[b-z1en0zm8bf] {
        height: 82%;
    }
}


@media only screen and (max-width:400px) {
    #mapdiv[b-z1en0zm8bf] {
        height: 270px;
    }

    #map[b-z1en0zm8bf] {
        height: 80%;
    }
}
















#itemlistdiv[b-z1en0zm8bf] {
    width: 100%;
    max-width: 100%;
    /*border: 2px red solid;*/
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
    /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);*/
    border: 0.5px #B6B6B6 solid;
    /*border-top: none;*/
    background-color: white;
    /*height:400px;*/
    max-height: 455px;
    overflow-y: auto;
    margin: auto;
    width: 96%;
    max-width: 97%;
    margin-top:17px;
}

.list-flex-container[b-z1en0zm8bf], .list-flex-container2[b-z1en0zm8bf] {
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
}

    .list-flex-container div[b-z1en0zm8bf] {
        border: 0.5px #B6B6B6 solid;
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        min-width: 150px;
        font-weight:600;
    }

    .list-flex-container2 div[b-z1en0zm8bf] {
        padding:7px 25px 2px 25px;
        flex: 1;
        box-sizing: border-box;
        min-width: 150px;
        border-bottom: 0.5px #B6B6B6 solid;
    }


    .list-flex-container .no[b-z1en0zm8bf], .list-flex-container2 .no[b-z1en0zm8bf] {
        flex: 0 0 250px;
    }

    .list-flex-container .item-name[b-z1en0zm8bf], .list-flex-container2 .item-name[b-z1en0zm8bf] {
        flex: 0 0 250px;
    }

    .list-flex-container .unit[b-z1en0zm8bf], .list-flex-container2 .unit[b-z1en0zm8bf] {
        flex: 0 0 250px;
    }

    .list-flex-container .quantity[b-z1en0zm8bf], .list-flex-container2 .quantity[b-z1en0zm8bf] {
        flex: 0 0 250px;
    }

    .list-flex-container .rate[b-z1en0zm8bf], .list-flex-container2 .rate[b-z1en0zm8bf] {
        flex: 0 0 200px;
    }

    .list-flex-container .amount[b-z1en0zm8bf], .list-flex-container2 .amount[b-z1en0zm8bf] {
        flex: 0 0 200px;
    }

    .list-flex-container .actions[b-z1en0zm8bf], .list-flex-container2 .actions[b-z1en0zm8bf] {
        flex: 0 0 150px;
    }




#bestsellers-gold-silver-bronze[b-z1en0zm8bf] {
/*    display: flex;
    justify-content: center;
    gap: 7%;
    text-align:center;*/

}



#bestsellers-gold[b-z1en0zm8bf] {
    background: url('../images/Dashboard/Gold.png');
    width: 130px;
    height: 185px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 13px;
}

#bestsellers-silver[b-z1en0zm8bf] {
    background: url('../images/Dashboard/Silver.png');
    width: 125px;
    height: 185px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 13px;
}

#bestsellers-bronze[b-z1en0zm8bf] {
    background: url('../images/Dashboard/Bronze.png');
    width: 125px;
    height: 185px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 13px;
}

#top-selling-brands[b-z1en0zm8bf] {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/

}


#brand1[b-z1en0zm8bf] {
    background: url(../images/Dashboard/BMW.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 90px;
}

#brand2[b-z1en0zm8bf] {
    background: url(../images/Dashboard/Ford.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 90px;
}

#brand3[b-z1en0zm8bf] {
    background: url(../images/Dashboard/Mitsubishi.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 90px;
}

#brand4[b-z1en0zm8bf] {
    background: url(../images/Dashboard/Honda.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 90px;
}

#brand5[b-z1en0zm8bf] {
    background: url(../images/Dashboard/Toyota.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 90px;
}

#brand6[b-z1en0zm8bf] {
    background: url(../images/Dashboard/Nissan.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 90px;
}


@media only screen and (max-width:768px){
    #twochartparentdiv[b-z1en0zm8bf] {
        flex-wrap: wrap;
        gap:22px;
    }

    #chart1div[b-z1en0zm8bf], #chart2div[b-z1en0zm8bf] {
        width: 100%;
        margin:0px!important;
    }

    #chartdiv[b-z1en0zm8bf] {
        margin: 12px 0px !important;
        width: 100% !important;
    }

    #itemlistdiv[b-z1en0zm8bf] {
        width: 100%;
    }
    #salelistdiv[b-z1en0zm8bf]{
        width:100%!important;
    }
    #mapdiv[b-z1en0zm8bf] {
        margin: 12px 0px !important;
        width: 100% !important;
    }

}

@media only screen and (max-width:450px) {
    .chartcontainer[b-z1en0zm8bf]{
        width:100%!important;

    }
}


@media only screen and (max-width:1000px){
    #topcardsdiv[b-z1en0zm8bf]{
        flex-wrap:wrap;
    }

    .card[b-z1en0zm8bf] {
        width: 48%;
        margin: 8.2px;
    }
    .cardmt10[b-z1en0zm8bf]{
        margin-top:10px;
    }
}

@media only screen and (max-width:877px) {


    .card[b-z1en0zm8bf] {
        margin: 7px;
    }

}

@media only screen and (max-width:768px) {
    .card[b-z1en0zm8bf] {
        width: 48%;
        margin: 10px 0px;
    }

}



@media only screen and (max-width:560px) {
    .card[b-z1en0zm8bf] {
        width: 100%;
    }
}


.profilediv[b-z1en0zm8bf] {
    display: flex;
    line-height: 15px;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    padding: 0px 35px;
    white-space: nowrap;
}

.profilepic[b-z1en0zm8bf] {
    width:95px;
    height:95px;
    background: url('../images/amcbestsellingbrandbgimg.png') no-repeat center;
    background-size:contain;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}


.topsellingbranddiv[b-z1en0zm8bf] {
    display: flex;
    line-height: 15px;
    gap: 3px;
    flex-direction: column;
    align-items: center;
    padding: 0px 35px;
    white-space: nowrap;
}

.topsellingbrandpic[b-z1en0zm8bf] {
    width: 158px;
    height: 110px;   
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#best-sellers-main-div[b-z1en0zm8bf]{
    height:180px!important;
}
/* /Pages/Default/Components/Default.razor.rz.scp.css */
.box[b-ihirpwa07n] {
    height: 120px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}

.box2[b-ihirpwa07n] {
    height: 200px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}

.box1[b-ihirpwa07n] {
    height: 200px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}


.divwidth[b-ihirpwa07n] {
    width: 47%;
}


@media only screen and (max-width:550px) {
    .box[b-ihirpwa07n] {
        height: 180px;
    }

    .box2[b-ihirpwa07n] {
        height: 260px;
    }

    .box1[b-ihirpwa07n] {
        height: 320px;
    }
    .divwidth[b-ihirpwa07n] {
        width: 100%;
    }
}
/* /Pages/DeliveryPhase/Components/AddDeliveryPhase.razor.rz.scp.css */

#inputdiv[b-90wt0w5cka] {
    width: 450px;
    margin: auto;
}


#popupheading[b-90wt0w5cka] {
    padding: 0px 30px 0px 30px;

}

@media only screen and (max-width:450px) {
    #inputdiv[b-90wt0w5cka] {
        width: 320px;
    }
}
/* /Pages/DeliverySteps/Components/AddDeliveryStep.razor.rz.scp.css */

#inputdiv[b-phrsscn4jm] {
    width: 450px;
    margin: auto;
}


#popupheading[b-phrsscn4jm] {
    padding: 0px 30px 0px 30px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-phrsscn4jm] {
        width: 320px;
    }
}
/* /Pages/Departments/Components/AddDepartment.razor.rz.scp.css */



#inputdiv[b-x5e9jrhwgx] {
    width: 450px;
    margin: auto;
}


#popupheading[b-x5e9jrhwgx] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-x5e9jrhwgx] {
        width: 320px;
    }
}


[b-x5e9jrhwgx] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-x5e9jrhwgx] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }
/* /Pages/DesignationLevel/Components/AddDesignationLevel.razor.rz.scp.css */


#inputdiv[b-5eplxggs50] {
    width: 450px;
    margin: auto;
}



#popupheading[b-5eplxggs50] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-5eplxggs50] {
        width: 320px;
    }
}
/* /Pages/Designation/Components/AddDesignation.razor.rz.scp.css */


#inputdiv[b-9f0b381lst] {
    width: 450px;
    margin: auto;
}



#popupheading[b-9f0b381lst] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-9f0b381lst] {
        width: 320px;
    }
}
/* /Pages/EducationalDegree/Components/AddEducationalDegree.razor.rz.scp.css */


#inputdiv[b-2ltbnnjw22] {
    width: 450px;
    margin: auto;
}



#popupheading[b-2ltbnnjw22] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-2ltbnnjw22] {
        width: 320px;
    }
}
/* /Pages/EmployeeManagement/Components/AddEmployee.razor.rz.scp.css */
#popupheading[b-oyfp3bgjj8] {
    padding: 0px 30px 0px 40px;
    text-align: center;
    margin:25px auto 20px auto;
}

#pagemaindiv[b-oyfp3bgjj8] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
}

#tabdiv[b-oyfp3bgjj8] {
    display: flex;
    width: 100%;
    margin: auto;
    text-align:center;
}
#formdiv[b-oyfp3bgjj8] {
    width: 95%;
    margin: auto;
    padding:20px 0px;
}

.tab[b-oyfp3bgjj8] {
    /*border: 2px red solid;*/
    width: 20%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #D9D9D9;
    cursor:pointer;
}

.inputdivwidth[b-oyfp3bgjj8]{
    width:30%;
}


@media only screen and (max-width:768px){
    .inputdivwidth[b-oyfp3bgjj8] {
        width: 47.5%;
    }
    #tabdiv[b-oyfp3bgjj8] {
        font-size:12px;
    }
}

@media only screen and (max-width:500px) {
    .inputdivwidth[b-oyfp3bgjj8] {
        width: 100%;
    }

    #tabdiv[b-oyfp3bgjj8] {
        font-size: 10px;
    }
    #margintopset[b-oyfp3bgjj8]{
        margin-top:0px!important;
    }
}

@media only screen and (max-width:370px) {

    #tabdiv[b-oyfp3bgjj8] {
        font-size: 8px;
    }
}
/* /Pages/Engine/Components/AddEngineType.razor.rz.scp.css */


#inputdiv[b-dmplgczxnd] {
    width: 450px;
    margin: auto;

}

input[b-dmplgczxnd] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    height: 35px;
    /*background-color: #F5F6FB;*/
}

label[b-dmplgczxnd] {
    font-size: 12px;
    color: grey;
}

input[b-dmplgczxnd]::placeholder {
    color: grey;
    opacity: 0.7;
}

select[b-dmplgczxnd] {
    width: 100%;
    margin-bottom: 18px;
    border-bottom: 1px grey solid;
}




#popupheading[b-dmplgczxnd] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-dmplgczxnd] {
        width: 320px;
    }
}
/* /Pages/EntityType/Components/AddEntityType.razor.rz.scp.css */


#inputdiv[b-52xpl05gsw] {
    width: 450px;
    margin: auto;
}



#popupheading[b-52xpl05gsw] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-52xpl05gsw] {
        width: 320px;
    }
}
/* /Pages/FranchiseProfile/Components/FranchiseProfile.razor.rz.scp.css */
.box[b-dju7tnk5cl] {
    height: 400px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}



.box1[b-dju7tnk5cl] {
    height: 350px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}


.divwidth[b-dju7tnk5cl] {
    width: 47%;
}


@media only screen and (max-width:550px) {
    .box[b-dju7tnk5cl] {
        height: 560px;
    }



    .box1[b-dju7tnk5cl] {
        height: 470px;
    }

    .divwidth[b-dju7tnk5cl] {
        width: 100%;
    }
}
/* /Pages/Franchises/Components/AddFranchise.razor.rz.scp.css */

#inputdiv[b-8aa62llykf] {
    width: 600px;
    margin: auto;
}


#popupheading[b-8aa62llykf] {
    padding: 0px 30px 0px 40px;
    text-align: center;
    /*margin-top: 65px;*/
}

#pagemaindiv[b-8aa62llykf] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding-top: 30px;
}

#tabdiv[b-8aa62llykf], #formdiv[b-8aa62llykf] {
    display: flex;
    width: 95%;
    margin: auto;
}

#formdiv[b-8aa62llykf] {
    padding: 25px 0px 25px 0px;
    flex-direction: column;
}

.tab[b-8aa62llykf] {
    /*border: 2px red solid;*/
    width: 25%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #D9D9D9;
}

.heightset[b-8aa62llykf] {
    height: 145px;
}

[b-8aa62llykf] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-8aa62llykf] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }

@media only screen and (max-width:650px) {
    #inputdiv[b-8aa62llykf] {
        width: 450px;
    }

    .heightset[b-8aa62llykf] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-8aa62llykf] {
        width: 320px;
    }

    .heightset[b-8aa62llykf] {
        height: 80px;
    }
}


.inputdivsize[b-8aa62llykf] {
    width: 32%;
}

#margingrid[b-8aa62llykf] {
    margin-top: 38px;
}


@media only screen and (max-width:1604px) {
    .inputdivsize[b-8aa62llykf] {
        width: 31.5%;
    }
}

@media only screen and (max-width:1355px) {
    .inputdivsize[b-8aa62llykf] {
        width: 31%;
    }
}

@media only screen and (max-width:800px) {

    .inputdivsize[b-8aa62llykf] {
        width: 47%;
    }

    #margingrid[b-8aa62llykf] {
        margin-top: 0px;
    }
}


@media only screen and (max-width:480px) {

    .inputdivsize[b-8aa62llykf] {
        width: 99%;
    }
}
/* /Pages/Franchises/Components/FranchiseProfile.razor.rz.scp.css */


.grid-container[b-vyhs8c8and] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px;
}

.item1[b-vyhs8c8and] {
    grid-column: 1 / 4;
    grid-row: 1 / 55;
}

.item2[b-vyhs8c8and] {
    grid-column: 4 / 13;
    grid-row: 1 / 5;
}

.item3[b-vyhs8c8and] {
    grid-column: 4 / 13;
    grid-row: 5 / 55;
}

.item4[b-vyhs8c8and] {
    grid-column: 1 / 4;
    grid-row: 55 / 80;
}

.item5[b-vyhs8c8and] {
    grid-column: 4 / 13;
    grid-row: 55 / 80;
}
.item6[b-vyhs8c8and] {
    grid-column: 4 / 13;
    grid-row: 81 / 100;
}

@media only screen and (max-width: 1300px) {
    .item1[b-vyhs8c8and] {
        grid-column: 1 / 4;
        grid-row: 5 / 55;
    }

    .item2[b-vyhs8c8and] {
        grid-column: 1 / 13;
        grid-row: 1 / 5;
    }
}

@media only screen and (max-width: 1024px) {
    .item1[b-vyhs8c8and] {
        grid-column: 1 / 5;
        grid-row: 55 / 100;
    }

    .item3[b-vyhs8c8and] {
        grid-column: 1 / 13;
        grid-row: 5 / 55;
    }

    .item4[b-vyhs8c8and] {
        grid-column: 5 / 10;
        grid-row: 55 / 78;
    }

    .item5[b-vyhs8c8and] {
        grid-column: 5 / 13;
        grid-row: 78 / 100;
    }
}

@media only screen and (max-width: 900px) {

    .item4[b-vyhs8c8and] {
        grid-column: 5 / 13;
        grid-row: 55 / 78;
    }

}

@media only screen and (max-width: 768px) {
    .item3[b-vyhs8c8and] {
        overflow-x: scroll;
        border-radius: 7px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    }

    .item1[b-vyhs8c8and] {
        grid-column: 1 / 7;
        grid-row: 55 / 100;
    }
    .item4[b-vyhs8c8and] {
        grid-column: 7 / 13;
        grid-row: 55 / 78;
    }

    .item5[b-vyhs8c8and] {
        grid-column: 7 / 13;
        grid-row: 78 / 100;
    }
    #topsmallboxdiv[b-vyhs8c8and] {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 600px) {

    .item1[b-vyhs8c8and] {
        grid-column: 1 / 13;
        grid-row: 55 / 100;
    }

    .item4[b-vyhs8c8and] {
        grid-column: 1 / 13;
        grid-row: 100 / 125;
    }

    .item5[b-vyhs8c8and]{
        grid-column: 1 / 13;
        grid-row: 125 / 160;
    }
}



#franchiselocationdiv[b-vyhs8c8and] {
    width: 25%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    /*height:1000px;*/
    padding:15px 10px 25px 10px;
    background-color:white;
}
#mobfranchiselocationdiv[b-vyhs8c8and] {
    width: 35%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    /*height:1000px;*/
    padding:15px 10px 25px 10px;
    background-color:white;
    display:none;
}


.topsmallboxes[b-vyhs8c8and] {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    height: 65px;
    width: 23.5%;
    background-color: white;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0px 10px 0px 10px;
}

select[b-vyhs8c8and] {
    border: 1px #85253A solid;
    /*    padding: 5px 10px 5px 5px;*/
    color: #85253A;
    font-size: 10px;
    padding: 3px 0px 3px 0px;
    margin-top:1px;
}

.settinginpdiv[b-vyhs8c8and]{
    width:29%;
}

#mainbox[b-vyhs8c8and] {
    width: 100%;box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);border-radius: 7px;height: 88.3%;margin-top: 7px;background-color: white;
}

#franchiseinfodiv[b-vyhs8c8and] {
    width: 25%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    /*height: 310px;*/
    background-color: white;
    padding: 15px 10px 20px 10px;
}

#listdiv[b-vyhs8c8and] {
    width: 73%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    background-color: white;
    /*height: 310px;*/
}

.profilediv[b-vyhs8c8and] {
    display: flex;
    line-height: 15px;
    gap: 8px;
    flex-direction: column;
    align-items: center;
}

.profilepic[b-vyhs8c8and]{
    width:45px;
    height:45px;
    border-radius:50%;
    overflow:hidden;
}

.featured-brand-divs[b-vyhs8c8and] {
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    border-radius: 50%;
    display:flex;
    justify-content:center;
    align-items:center;
}


#mobtopcardsdiv[b-vyhs8c8and] {
    display: none;
    justify-content: space-between;
    margin-bottom: 22px;
}


.webtopcard[b-vyhs8c8and]{
    display:flex;
}



@media only screen and (max-width:1350px){
    #piechartdiv[b-vyhs8c8and]{
        width:80%!important;
    }

}

@media only screen and (max-width:1300px){
    #mobtopcardsdiv[b-vyhs8c8and] {
        display: flex;
    }

    .webtopcard[b-vyhs8c8and] {
        display: none;
    }
    #mainbox[b-vyhs8c8and] {
        height: 100%;
        margin-top: 0px;
    }

}

@media only screen and (max-width:1024px) {
    #franchiselocationdiv[b-vyhs8c8and]{
        display:none;
    }
    #mobmainboxdiv[b-vyhs8c8and] {
        width: 100% !important;
    }
    #bottomdiv[b-vyhs8c8and]{
        width:63%;
        display:inline-block!important;
    }
    #mobfranchiselocationdiv[b-vyhs8c8and] {
        display:block;
    }
    #listdiv[b-vyhs8c8and] {
        width: 100%;
        margin-top: 13px;
    }
    #franchiseinfodiv[b-vyhs8c8and]{
        width:70%;
    }
    #mobdiv[b-vyhs8c8and]{
        display:flex!important;
    }
    #piechartdiv[b-vyhs8c8and] {
        width: 70% !important;
    }
}

@media only screen and (max-width:900px) {


    #franchiseinfodiv[b-vyhs8c8and] {
        width: 100%;
    }


}


@media only screen and (max-width:768px) {
    #expensechartoverflowfix[b-vyhs8c8and]{
        overflow-x:scroll;
    }
    .chartscrollfix[b-vyhs8c8and] {
        overflow-x: scroll;
        padding-bottom: 10px;
    }

    #mobtopcardsdiv[b-vyhs8c8and] {
        flex-wrap: wrap;
    }

    .topsmallboxes[b-vyhs8c8and]{
        width:48%;
    }
    .mt20[b-vyhs8c8and]{
        margin-top:15px;
    }
    #bottomdiv[b-vyhs8c8and] {
        width: 58%;
    }
    #mobfranchiselocationdiv[b-vyhs8c8and] {
        width: 40%;
    }
    #piechartdiv[b-vyhs8c8and] {
        width: 80% !important;
    }

}

@media only screen and (max-width:710px) {

    .mainboxmobtab[b-vyhs8c8and] {
        width: 116.666666667px!important;
    }
   .mobtabdiv[b-vyhs8c8and]{
       width:700px!important;
   }

    #mainbox[b-vyhs8c8and] {
        overflow-x: scroll;
    }
}

@media only screen and (max-width:600px) {


    #mobdiv[b-vyhs8c8and]{
        flex-wrap:wrap;
    }
    #bottomdiv[b-vyhs8c8and] {
        margin-top:22px;
        width: 100%;
    }

    #mobfranchiselocationdiv[b-vyhs8c8and] {
        width: 100%;
    }
    #listdiv[b-vyhs8c8and] {
        margin-top: 22px;
        margin-bottom:30px;
    }

    #fontsizeset[b-vyhs8c8and]{
        font-size:12px;
    }

}

@media only screen and (max-width:450px) {

    .topsmallboxes[b-vyhs8c8and] {
        width: 100%;
    }
    .mb20[b-vyhs8c8and]{
        margin-bottom:15px;
    }
    #fontsizeset[b-vyhs8c8and] {
        font-size: 10px;
    }
}


.grid-container2[b-vyhs8c8and] {
    display: grid;
    grid-template-columns: 21% 38% 38%;
    grid-template-rows: 80px auto 150px;
    gap: 1.5%;
    row-gap:20px;
    min-height: 500px;
}

.grid-item[b-vyhs8c8and] {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: white;
}

.iitem1[b-vyhs8c8and] {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.iitem2[b-vyhs8c8and] {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
}

.iitem3[b-vyhs8c8and] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.iitem4[b-vyhs8c8and] {
    grid-column: 3 / 4;
    grid-row: 2 / 4;
}

.iitem5[b-vyhs8c8and] {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

.iitem6[b-vyhs8c8and] {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}

#topcardsdiv[b-vyhs8c8and] {
    display: flex;
    justify-content: center;
    gap: 2%;
    /*border:2px red solid;*/
}

.card[b-vyhs8c8and] {
    height: 80px;
    border-radius: 7px;
    width: 24%;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
select[b-vyhs8c8and] {
    border: 1px #85253A solid;
    /*padding: 5px 10px 5px 5px;*/
    color: #85253A;
    padding: 3px 0px 3px 0px;
    font-size: 12px;
}


@media only screen and (max-width:1420px){
    #topcardsdiv[b-vyhs8c8and] {
        flex-wrap:wrap;
    }

    .card[b-vyhs8c8and] {
        width: 49%;
    }
    .cardmt10[b-vyhs8c8and]{
        margin-top:15px;
    }

    .grid-container2[b-vyhs8c8and] {
        grid-template-rows: 175px auto 150px;
    }
}

@media only screen and (max-width:768px) {

    .card[b-vyhs8c8and] {
        width: 100%;
    }
    .cardmt10-2[b-vyhs8c8and] {
        margin-top: 15px;
    }

    .grid-container2[b-vyhs8c8and] {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-template-rows: 360px auto 250px 150px;
        gap: 2%;
        row-gap: 20px;
    }


    .iitem1[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }

    .iitem2[b-vyhs8c8and] {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .iitem3[b-vyhs8c8and] {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
    }

    .iitem4[b-vyhs8c8and] {
        grid-column: 1 / 3;
        grid-row: 5 / 6;
    }

    .iitem5[b-vyhs8c8and] {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .iitem6[b-vyhs8c8and] {
        grid-column: 1 / 3;
        grid-row: 4 / 5;
    }

}

@media only screen and (max-width:500px) {

    .grid-container2[b-vyhs8c8and] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 360px auto 250px 150px 150px;
        row-gap: 20px;
    }

    .iitem2[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .iitem1[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    .iitem3[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }

    .iitem4[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 6 / 7;
    }

    .iitem5[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }

    .iitem6[b-vyhs8c8and] {
        grid-column: 1 / 2;
        grid-row: 5 / 6;
    }

}
/* /Pages/Holiday/Components/AddHoliday.razor.rz.scp.css */



#inputdiv[b-hs1lamuylt] {
    width: 450px;
    margin: auto;
}


#popupheading[b-hs1lamuylt] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-hs1lamuylt] {
        width: 320px;
    }
}
/* /Pages/InvoiceQuotationTemplate/Components/InvoiceQuotationTemplate.razor.rz.scp.css */
.box1[b-g5nxbk7woc] {
    /*height: 310px;*/
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}


.template-card[b-g5nxbk7woc] {
    width: 160px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    /* border-radius: 7px; */
    border: 1px solid rgba(0, 0, 0, .125);
}

    .template-card:hover[b-g5nxbk7woc] {
        box-shadow: 0px 0px 2px #8A2332;
    }

.selected-template[b-g5nxbk7woc] {
    border-color: #8A2332;
    box-shadow: 0px 0px 1px #8A2332;
}

.template-header[b-g5nxbk7woc] {
    height: 10px;
    background-color: #FF7F5D;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

.template-image[b-g5nxbk7woc] {
    width: 100%;
    height: auto;
}

.template-title[b-g5nxbk7woc] {
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 5px;
}
/* /Pages/JobStatus/Components/AddJobStatus.razor.rz.scp.css */



#inputdiv[b-vm85dpy1mh] {
    width: 450px;
    margin: auto;
}


#popupheading[b-vm85dpy1mh] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-vm85dpy1mh] {
        width: 320px;
    }
}
/* /Pages/Journals/Components/AddJournal.razor.rz.scp.css */
#pagemaindiv[b-hexybhbbb0]{
    /*background-color:white;*/
    /*padding:30px 20px;*/
}

#popupheading[b-hexybhbbb0] {
    /*text-align: center;*/
}
#invoicebox[b-hexybhbbb0] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}
label[b-hexybhbbb0] {
    font-size: 12px;
    color: black;
    margin-bottom: 3px;
}
[b-hexybhbbb0] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-hexybhbbb0] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }

textarea[b-hexybhbbb0] {
    width: 100%;
    box-sizing: border-box; 
    padding: 10px;
    border:1px grey solid;
    border-radius:5px;
}


@media only screen and (max-width:1024px){
    .col1[b-hexybhbbb0]{
        width:270px!important;
    }    
    .col3[b-hexybhbbb0]{
        width:158px!important;
    }
    .col5[b-hexybhbbb0]{
        width:76px!important;
    }
    #listdiv[b-hexybhbbb0]{
        overflow-x:scroll;
    }

}

@media only screen and (max-width:580px){
    .flexwrapset[b-hexybhbbb0]{
        flex-wrap:wrap;
        gap:0px!important;
    }
    .divwidthset[b-hexybhbbb0]{
        width:100%!important;
    }
    #heightsett[b-hexybhbbb0]{
        height:20px;
    }
}
/* /Pages/Journals/Components/Journals.razor.rz.scp.css */
.width1[b-njj9q034kj]{
    width:60%;
}

.width2[b-njj9q034kj] {
    width: 10%;
    font-weight:600;
}

.width3[b-njj9q034kj] {
    width: 15%;
}

hr[b-njj9q034kj]{
    margin:3px;
}

#icondiv[b-njj9q034kj]{
    height:30px;
    /*display:inline-block;*/
    padding:0px 20px;
    visibility:hidden;
}

#journalentrydiv:hover #icondiv[b-njj9q034kj] {
    visibility:visible;
}

@media only screen and (max-width:900px) {
    .width1[b-njj9q034kj] {
        width: 500px;
    }
    .width3[b-njj9q034kj] {
        width: 135px;
    }
    .width2[b-njj9q034kj] {
        width: 75px;
    }

}

@media only screen and (max-width:940px) {
    #overflowset[b-njj9q034kj]{
        overflow-x:scroll;
    }

}
/* /Pages/Journals/Components/PreviewJournal.razor.rz.scp.css */
#pagemaindiv[b-tlajrec49t] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding: 30px 20px 30px 20px;
    padding-top: 30px;
}
#popupheading[b-tlajrec49t] {
    text-align: center;
}
#maindiv[b-tlajrec49t] {
    display: flex;
    justify-content: space-between;
    padding: 0px 2%;

}

#box1[b-tlajrec49t] {
    width: 45%;
}

#box2[b-tlajrec49t] {
    width: 45%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius:7px;
    padding:15px;
}

.company-info[b-tlajrec49t] {
    display: flex;
    align-items: center;
    margin: 20px;
}

.logo[b-tlajrec49t] {
    width: 90px;
    margin-right: 5px;
}
.details[b-tlajrec49t] {
    line-height: 1.6;
}


.container[b-tlajrec49t] {
    width: 100%;
    padding:15px 30px;
}

.section[b-tlajrec49t] {

    padding-bottom:25px;
    margin-bottom: 20px;
}

    .section h2[b-tlajrec49t] {
        font-size: 18px;

    }

    .section p[b-tlajrec49t] {
        margin: 0px 0px 7px 0px;
    }



    .section .date[b-tlajrec49t] {
        font-weight: bold;
    }


.edit-btn[b-tlajrec49t] {
    border: none;
    padding: 5px 13px;
    border-radius: 5px;
    cursor: pointer;
}

@media only screen and (max-width:1024px) {
    #box1[b-tlajrec49t] {
        width: 48%;
    }

    #box2[b-tlajrec49t] {
        width: 48%;
    }
}

@media only screen and (max-width:768px) {
    #box1[b-tlajrec49t] {
        width: 100%;
    }

    .container[b-tlajrec49t] {
        width: 100%;
        padding: 15px 0px;
    }

    #box2[b-tlajrec49t] {
        width: 100%;
        margin-top: 25px;
    }

    #maindiv[b-tlajrec49t] {
        flex-wrap: wrap;
        padding: 0px 0px;
    }
}
/* /Pages/Localisation/Components/Localisation.razor.rz.scp.css */
.box[b-d42ypw57pz] {
    height: 120px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}

.box2[b-d42ypw57pz] {
    height: 200px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}


.divwidth[b-d42ypw57pz]{
    width:47%;
}


@media only screen and (max-width:550px){
    .box[b-d42ypw57pz] {
        height: 180px;

    }
    .box2[b-d42ypw57pz] {
        height: 260px;

    }

    .divwidth[b-d42ypw57pz] {
        width: 100%;
    }
}
/* /Pages/LogisticsContacts/Components/AddLogisticsContacts.razor.rz.scp.css */

#inputdiv[b-1rwak1lly4] {
    width: 600px;
    margin: auto;
}


#popupheading[b-1rwak1lly4] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}




.heightset[b-1rwak1lly4] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-1rwak1lly4] {
        width: 450px;
    }

    .heightset[b-1rwak1lly4] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-1rwak1lly4] {
        width: 320px;
    }

    .heightset[b-1rwak1lly4] {
        height: 80px;
    }
}
/* /Pages/LogisticsFacility/Components/AddLogisticsFacility.razor.rz.scp.css */

#inputdiv[b-2sx4rdaph1] {
    width: 600px;
    margin: auto;
}


#popupheading[b-2sx4rdaph1] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}




.heightset[b-2sx4rdaph1] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-2sx4rdaph1] {
        width: 450px;
    }

    .heightset[b-2sx4rdaph1] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-2sx4rdaph1] {
        width: 320px;
    }

    .heightset[b-2sx4rdaph1] {
        height: 80px;
    }
}
/* /Pages/Logistics/Components/AddLogistics.razor.rz.scp.css */

#inputdiv[b-1l4tn3omzo] {
    width: 600px;
    margin: auto;
}


#popupheading[b-1l4tn3omzo] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}




.heightset[b-1l4tn3omzo] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-1l4tn3omzo] {
        width: 450px;
    }

    .heightset[b-1l4tn3omzo] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-1l4tn3omzo] {
        width: 320px;
    }

    .heightset[b-1l4tn3omzo] {
        height: 80px;
    }
}
/* /Pages/Manufacturer/Components/AddManufacturer.razor.rz.scp.css */

#inputdiv[b-dqlosvg795] {
    width: 450px;
    margin: auto;

}


#popupheading[b-dqlosvg795] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-dqlosvg795] {
        width: 320px;
    }
}

/* /Pages/Manufacturer/Components/AddManufacturerType.razor.rz.scp.css */

#inputdiv[b-qip876npu5] {
    width: 450px;
    margin: auto;
}


#popupheading[b-qip876npu5] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}



@media only screen and (max-width:450px) {
    #inputdiv[b-qip876npu5] {
        width: 320px;
    }
}

/* /Pages/Model/Components/AddModel.razor.rz.scp.css */

/*h3 {
    text-align: center;
    font-family: "Lexend", sans-serif;
    font-family: 'Lalezar';
}*/

#inputdiv[b-oowx2e6ux7] {
    width: 450px;
    margin: auto;
}

/*input {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    height: 35px;*/
/*background-color: #F5F6FB;*/
/*}*/

/*label {
    font-size: 12px;
    color: black;
    opacity: 1;

    
}

input::placeholder {
    color: grey;
    opacity: 0.7;

}

select {
    width: 100%;
    margin-bottom: 18px;
    border-bottom: 1px grey solid;
}
*/




#popupheading[b-oowx2e6ux7] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 22px;
}


@media only screen and (max-width:450px) {
    #inputdiv[b-oowx2e6ux7] {
        width: 320px;
    }
}
/* /Pages/Occupation/Components/AddOccupation.razor.rz.scp.css */


#inputdiv[b-pzrwg0m9t1] {
    width: 450px;
    margin: auto;
}



#popupheading[b-pzrwg0m9t1] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-pzrwg0m9t1] {
        width: 320px;
    }
}
/* /Pages/Order/Components/Orders.razor.rz.scp.css */
@media only screen and (max-width:800px) {
    #chartmaindiv[b-6jnzzgbfl4] {
        flex-wrap: wrap;
    }

    .chartdiv[b-6jnzzgbfl4] {
        width: 100% !important;
    }

    .mt20[b-6jnzzgbfl4] {
        margin-top: 20px;
    }
}
/* /Pages/PartCategory/Components/AddPartCategory.razor.rz.scp.css */

#inputdiv[b-bg6liezcsl] {
    width: 450px;
    margin: auto;
}


#popupheading[b-bg6liezcsl] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-bg6liezcsl] {
        width: 320px;
    }
}
/* /Pages/PartSubCategory/Components/AddPartSubCategory.razor.rz.scp.css */

#inputdiv[b-uz1bzi9azt] {
    width: 450px;
    margin: auto;
}


#popupheading[b-uz1bzi9azt] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-uz1bzi9azt] {
        width: 320px;
    }
}
/* /Pages/Parts/Components/AddPart.razor.rz.scp.css */

h3[b-x6nhw0lb53] {
    text-align: center;
    font-family: "Lexend", sans-serif;
}

#inputdiv[b-x6nhw0lb53] {
    width: 450px;
    margin: auto;

}

input[b-x6nhw0lb53] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    height: 35px;
    /*background-color: #F5F6FB;*/
}

label[b-x6nhw0lb53] {
    font-size: 12px;
    color: black;
}

input[b-x6nhw0lb53]::placeholder {
    color: grey;
    
}

#popupheading[b-x6nhw0lb53] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-x6nhw0lb53] {
        width: 320px;
    }
}
/* /Pages/Parts/Components/AddPartGroup.razor.rz.scp.css */

#inputdiv[b-f2t2t8l8py] {
    width: 450px;
    margin: auto;

}


#popupheading[b-f2t2t8l8py] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}

input[b-f2t2t8l8py] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    height: 35px;
    /*background-color: #F5F6FB;*/
}

label[b-f2t2t8l8py] {
    font-size: 12px;
    color: black;
 
}

input[b-f2t2t8l8py]::placeholder {
    color: grey;

}

@media only screen and (max-width:450px) {
    #inputdiv[b-f2t2t8l8py] {
        width: 320px;
    }
}
/* /Pages/Parts/Components/AddPartGroupPartsMapping.razor.rz.scp.css */


#inputdiv[b-slvod6rq6b] {
    width: 450px;
    margin: auto;
}



#popupheading[b-slvod6rq6b] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align:center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-slvod6rq6b] {
        width: 320px;
    }
}
/* /Pages/Parts/Components/AddReplacementPartsMapping.razor.rz.scp.css */



#inputdiv[b-bspok8nsn9] {
    width: 450px;
    margin: auto;

}


#popupheading[b-bspok8nsn9] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-bspok8nsn9] {
        width: 320px;
    }
}
/* /Pages/Parts/Components/AddSubPartGroup.razor.rz.scp.css */



#inputdiv[b-p6138e8ktt] {
    width: 450px;
    margin: auto;

}

input[b-p6138e8ktt] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    height: 35px;
    /*background-color: #F5F6FB;*/
}

label[b-p6138e8ktt] {
    font-size: 12px;
    color: grey;
}

input[b-p6138e8ktt]::placeholder {
    color: grey;
    opacity: 0.7;
}

select[b-p6138e8ktt] {
    width: 100%;
    margin-bottom: 18px;
    border-bottom: 1px grey solid;
}





#popupheading[b-p6138e8ktt] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}


@media only screen and (max-width:450px) {
    #inputdiv[b-p6138e8ktt] {
        width: 320px;
    }
}
/* /Pages/PortsAndBorders/Components/AddPortsAndBorders.razor.rz.scp.css */

#inputdiv[b-sbq7nvqyik] {
    width: 600px;
    margin: auto;
}


#popupheading[b-sbq7nvqyik] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}




.heightset[b-sbq7nvqyik] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-sbq7nvqyik] {
        width: 450px;
    }

    .heightset[b-sbq7nvqyik] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-sbq7nvqyik] {
        width: 320px;
    }

    .heightset[b-sbq7nvqyik] {
        height: 80px;
    }
}
/* /Pages/Procurement/Components/Procurement.razor.rz.scp.css */
#pagemaindiv[b-b9a2cp9l1f] {
    width: 100%;
/*    background-color: white;
    border-radius: 20px;
    padding-top: 30px;
    padding: 5px 25px 25px 25px;*/
}


#popupheading[b-b9a2cp9l1f] {
    /*text-align: center;*/
}

#invoicebox[b-b9a2cp9l1f] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}
#formdiv[b-b9a2cp9l1f] {
    padding: 10px 0px 25px 0px;
    flex-direction: column;
}

#typeradioboxdiv[b-b9a2cp9l1f] {
    margin-bottom: 30px;
}

.inputdivbox[b-b9a2cp9l1f] {
    width: 21%;
}

@media only screen and (max-width:950px) {
    #typeradioboxdiv[b-b9a2cp9l1f] {
        width: 85% !important;
    }
}

@media only screen and (max-width:790px) {
    #typeradioboxdiv[b-b9a2cp9l1f] {
        width: 100% !important;
    }
}

@media only screen and (max-width:768px) {
    .inputdivbox[b-b9a2cp9l1f] {
        width: 47%;
    }
}


#itemlistdiv[b-b9a2cp9l1f] {
    width: 100%;
    max-width: 100%;
    /*border: 2px red solid;*/
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
    /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);*/
    border: 0.5px #B6B6B6 solid;
    border-top: none;
}

.list-flex-container[b-b9a2cp9l1f], .list-flex-container2[b-b9a2cp9l1f] {
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
}

    .list-flex-container div[b-b9a2cp9l1f] {
        border: 0.5px #B6B6B6 solid;
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }

    .list-flex-container2 div[b-b9a2cp9l1f] {
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }


    .list-flex-container .no[b-b9a2cp9l1f], .list-flex-container2 .no[b-b9a2cp9l1f] {
        flex: 0 0 11%;
        height: 28px;
    }

    .list-flex-container .item-name[b-b9a2cp9l1f], .list-flex-container2 .item-name[b-b9a2cp9l1f] {
        flex: 0 0 30%;
    }

    .list-flex-container .unit[b-b9a2cp9l1f], .list-flex-container2 .unit[b-b9a2cp9l1f] {
        flex: 0 0 11%;
    }

    .list-flex-container .quantity[b-b9a2cp9l1f], .list-flex-container2 .quantity[b-b9a2cp9l1f] {
        flex: 0 0 12%;
    }

    .list-flex-container .rate[b-b9a2cp9l1f], .list-flex-container2 .rate[b-b9a2cp9l1f] {
        flex: 0 0 15%;
    }

    .list-flex-container .amount[b-b9a2cp9l1f], .list-flex-container2 .amount[b-b9a2cp9l1f] {
        flex: 0 0 11%;
    }

    .list-flex-container .actions[b-b9a2cp9l1f], .list-flex-container2 .actions[b-b9a2cp9l1f] {
        flex: 0 0 10%;
    }




.status-line-width[b-b9a2cp9l1f] {
    width: 23%;
}

#d-to-s[b-b9a2cp9l1f] {
    width: 17%;
}

#s-to-p[b-b9a2cp9l1f] {
    width: 16%;
}

#p-to-r[b-b9a2cp9l1f] {
    width: 17%;
}

#r-to-a[b-b9a2cp9l1f] {
    width: 16%;
}



/*@media only screen and (max-width:640px) {
    .status-line-width {
        width: 70px;
    }

    #d-to-s {
        width: 20px;
    }

    #s-to-p {
        width: 18px;
    }

    #p-to-r {
        width: 21px;
    }

    #r-to-a {
        width: 21px;
    }
}
*/

/*@media only screen and (max-width:520px) {
    .status-line-width {
        width: 60px;
    }

    #d-to-s {
        width: 10px;
    }

    #s-to-p {
        width: 8px;
    }

    #p-to-r {
        width: 11px;
    }

    #r-to-a {
        width: 11px;
    }
}*/


@media only screen and (max-width:440px) {
    /*    .status-line-width {
        width: 40px;
    }*/
    #draftfivv[b-b9a2cp9l1f] {
        font-size: 10px;
    }

    .dropdowndivwidthset[b-b9a2cp9l1f] {
        width: 100% !important;
    }
}

@media only screen and (max-width:380px) {
    /*    .status-line-width {
        width: 30px;
    }*/
    #draftfivv[b-b9a2cp9l1f] {
        font-size: 9px;
        padding: 0px !important;
    }
}


@media only screen and (max-width:1600px) {
    .list-flex-container .no[b-b9a2cp9l1f], .list-flex-container2 .no[b-b9a2cp9l1f] {
        flex: 0 0 150px;
        height: 28px;
    }

    .list-flex-container .item-name[b-b9a2cp9l1f], .list-flex-container2 .item-name[b-b9a2cp9l1f] {
        flex: 0 0 450px;
    }

    .list-flex-container .unit[b-b9a2cp9l1f], .list-flex-container2 .unit[b-b9a2cp9l1f] {
        flex: 0 0 165px;
    }

    .list-flex-container .quantity[b-b9a2cp9l1f], .list-flex-container2 .quantity[b-b9a2cp9l1f] {
        flex: 0 0 200px;
    }

    .list-flex-container .rate[b-b9a2cp9l1f], .list-flex-container2 .rate[b-b9a2cp9l1f] {
        flex: 0 0 165px;
    }

    .list-flex-container .amount[b-b9a2cp9l1f], .list-flex-container2 .amount[b-b9a2cp9l1f] {
        flex: 0 0 165px;
    }

    .list-flex-container .actions[b-b9a2cp9l1f], .list-flex-container2 .actions[b-b9a2cp9l1f] {
        flex: 0 0 150px;
    }

    #listfooter[b-b9a2cp9l1f] {
        width: 1440px;
    }
}

[b-b9a2cp9l1f] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-b9a2cp9l1f] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }








@media only screen and (max-width:768px) {
    #flexwrapbox[b-b9a2cp9l1f] {
        flex-wrap: wrap;
    }

    .widthsetbox[b-b9a2cp9l1f] {
        width: 100% !important;
    }

    #payto-textalignset[b-b9a2cp9l1f] {
        text-align: left !important;
    }
}
/* /Pages/Procurement/Components/UpdateStatus.razor.rz.scp.css */


#inputdiv[b-a07rm37l23] {
    width: 450px;
    margin: auto;
}

#popupheading[b-a07rm37l23]{
    padding-top:95px;
    text-align:center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-a07rm37l23] {
        width: 320px;
    }
}

[b-a07rm37l23] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-a07rm37l23] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }
/* /Pages/ProductGroup/Components/AddProductGroup.razor.rz.scp.css */

#inputdiv[b-x47ak7j8bu] {
    width: 450px;
    margin: auto;
}


#popupheading[b-x47ak7j8bu] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-x47ak7j8bu] {
        width: 320px;
    }
}
/* /Pages/ProductIdentity/Components/AddProductIdentity.razor.rz.scp.css */

#inputdiv[b-yk6sehiynf] {
    width: 450px;
    margin: auto;
}


#popupheading[b-yk6sehiynf] {
    padding: 0px 30px 0px 40px;
    margin-top: 65px;
}



@media only screen and (max-width:450px) {
    #inputdiv[b-yk6sehiynf] {
        width: 320px;
    }
}
/* /Pages/Product/Components/AddProduct.razor.rz.scp.css */

#inputdiv[b-ei0vvw5nc7] {
    width: 600px;
    margin: auto;
}


#popupheading[b-ei0vvw5nc7] {
    padding: 0px 30px 0px 40px;
    text-align:center;
    /*margin-top: 65px;*/
}

#pagemaindiv[b-ei0vvw5nc7]{
    width:100%;
    background-color:white;
    border-radius:20px;
    padding-top:30px;
}

#tabdiv[b-ei0vvw5nc7], #formdiv[b-ei0vvw5nc7] {
    display: flex;
    width: 95%;
    margin: auto;
}
    #formdiv[b-ei0vvw5nc7]{
        padding:25px 0px 25px 0px;
    }

    .tab[b-ei0vvw5nc7] {
        /*border: 2px red solid;*/
        width: 20%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #D9D9D9;
    }

.heightset[b-ei0vvw5nc7] {
    height: 145px;
}

[b-ei0vvw5nc7] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top:8px;
    margin-bottom:22px;
}

[b-ei0vvw5nc7] .styled-textarea:focus 
{
    border-color: #8A2332;
    outline: none;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-ei0vvw5nc7] {
        width: 450px;
    }

    .heightset[b-ei0vvw5nc7] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-ei0vvw5nc7] {
        width: 320px;
    }

    .heightset[b-ei0vvw5nc7] {
        height: 80px;
    }
}


.inputdivsize[b-ei0vvw5nc7]{
    width:300px;
}
/* /Pages/PurchaseOrderTracking/PurchaseOrderTracking.razor.rz.scp.css */
#pagemaindiv[b-1wobpxn07s] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding-top: 30px;
    padding: 5px 20px 5px 20px;
}


#popupheading[b-1wobpxn07s] {
    text-align: center;
}

#belowheadingbox[b-1wobpxn07s] {
    display: flex;
    /*border:2px red solid;*/
    padding: 0px 15px 0px 15px;
}

#belowheadingboxmobile[b-1wobpxn07s]{
    width:85%;
    margin:auto;
    display:none;
}
#trackboxmobile[b-1wobpxn07s] {
    width: 100%;
    background-color: #D9D9D9;
}
#trackboxinputdivmobile[b-1wobpxn07s] {
    text-align: center;
    height: 55px;
    padding:8px;
}

    #trackboxinputdivmobile input[b-1wobpxn07s]{
        text-align:center;
    }

    #trackboxbtndivmobile[b-1wobpxn07s] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px;
        color: white;
    }

#trackbox[b-1wobpxn07s] {
    width: 420px;
    margin: auto;
    height: 50px;
    display: flex;
}

#trackboxinputdiv[b-1wobpxn07s] {
    width: 73%;
    background-color: #D9D9D9;
    padding:3px 15px 3px 15px;
}

#trackboxinputdiv input[b-1wobpxn07s] {
margin-top:1px;
}


#trackboxbtndiv[b-1wobpxn07s] {
    width: 27%;
/*    background-color: #85253A;*/
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
}



#printbtn[b-1wobpxn07s]{
    width:65px;
    height:28px;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:200;
    border-radius:5px;

}

hr[b-1wobpxn07s] {
    height: 2px;
    background-color: #c4c4c4;
    opacity: 1;
}

#printandnotidiv[b-1wobpxn07s]{
    display:flex !important;
}

#forresponsive[b-1wobpxn07s]{
    display:none;
}
@media only screen and (max-width:768px) {
    #printandnotidiv[b-1wobpxn07s] {
        display: none !important;
    }
    #forresponsive[b-1wobpxn07s] {
        display: block;
        height:25px;
    }
}

@media only screen and (max-width:500px) {
    #belowheadingbox[b-1wobpxn07s] {
        display: none;
    }
    #belowheadingboxmobile[b-1wobpxn07s]{
        display:block;
    }
    #formob[b-1wobpxn07s]{
        display:block!important;
        text-align:center;
    }
    .mt10[b-1wobpxn07s]{
        margin-top:12px;
    }
}

@media only screen and (max-width:380px) {
    #belowheadingboxmobile[b-1wobpxn07s] {
        width: 95%;
    }
}

.casediv1widthsetmob[b-1wobpxn07s] {
    width: 700px;
}
.casediv2widthsetmob[b-1wobpxn07s] {
    width: 900px;
}
.casediv3widthsetmob[b-1wobpxn07s] {
    width: 850px;
}
/* /Pages/PurchaseOrder/Components/CreatePurchaseOrder.razor.rz.scp.css */
#pagemaindiv[b-e2hevs24cm] {
    width: 100%;
/*    background-color: white;
    border-radius: 20px;
    padding-top: 30px;
    padding: 5px 25px 25px 25px;*/
}


#popupheading[b-e2hevs24cm] {
    /*text-align: center;*/
}
#invoicebox[b-e2hevs24cm] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}
#formdiv[b-e2hevs24cm] {
    padding: 10px 0px 25px 0px;
    flex-direction: column;
}

#typeradioboxdiv[b-e2hevs24cm] {
    margin-bottom: 30px;
}

.inputdivbox[b-e2hevs24cm] {
    width: 48%;
}

@media only screen and (max-width:950px) {
    #typeradioboxdiv[b-e2hevs24cm] {
        width: 85% !important;
    }
}

@media only screen and (max-width:790px) {
    #typeradioboxdiv[b-e2hevs24cm] {
        width: 100% !important;
    }
}

@media only screen and (max-width:768px) {
    .inputdivbox[b-e2hevs24cm] {
        width: 48%;
    }

    #remarksdiv[b-e2hevs24cm] {
        width: 100% !important;
    }
}

@media only screen and (max-width:600px) {
    .inputdivbox[b-e2hevs24cm] {
        width: 100%;
    }
}


#itemlistdiv[b-e2hevs24cm] {
    width: 100%;
    max-width: 100%;
    /*border: 2px red solid;*/
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
    /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);*/
    border: 0.5px #B6B6B6 solid;
    border-top: none;
}

.list-flex-container[b-e2hevs24cm], .list-flex-container2[b-e2hevs24cm] {
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
}

    .list-flex-container div[b-e2hevs24cm] {
        border: 0.5px #B6B6B6 solid;
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }

    .list-flex-container2 div[b-e2hevs24cm] {
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }


    .list-flex-container .no[b-e2hevs24cm], .list-flex-container2 .no[b-e2hevs24cm] {
        flex: 0 0 12%;
        height: 28px;
    }

    .list-flex-container .item-name[b-e2hevs24cm], .list-flex-container2 .item-name[b-e2hevs24cm] {
        flex: 0 0 40%;
    }

    .list-flex-container .unit[b-e2hevs24cm], .list-flex-container2 .unit[b-e2hevs24cm] {
        flex: 0 0 1%;
    }

    .list-flex-container .quantity[b-e2hevs24cm], .list-flex-container2 .quantity[b-e2hevs24cm] {
        flex: 0 0 12%;
    }

    .list-flex-container .rate[b-e2hevs24cm], .list-flex-container2 .rate[b-e2hevs24cm] {
        flex: 0 0 15%;
    }

    .list-flex-container .amount[b-e2hevs24cm], .list-flex-container2 .amount[b-e2hevs24cm] {
        flex: 0 0 13%;
    }

    .list-flex-container .actions[b-e2hevs24cm], .list-flex-container2 .actions[b-e2hevs24cm] {
        flex: 0 0 12%;
    }




/*.status-line-width {
    width: 100px;
}

#d-to-s {
    width: 50px;
}

#s-to-p {
    width: 43px;
}

#p-to-r {
    width: 53px;
}

#r-to-a {
    width: 53px;
}*/


.status-line-width[b-e2hevs24cm] {
    width: 23%;
}

#d-to-s[b-e2hevs24cm] {
    width: 17%;
}

#s-to-p[b-e2hevs24cm] {
    width: 16%;
}

#p-to-r[b-e2hevs24cm] {
    width: 17%;
}

#r-to-a[b-e2hevs24cm] {
    width: 16%;
}


@media only screen and (max-width:640px) {
    /*    .status-line-width {
        width: 70px;
    }

    #d-to-s {
        width: 20px;
    }

    #s-to-p {
        width: 18px;
    }

    #p-to-r {
        width: 21px;
    }

    #r-to-a {
        width: 21px;
    }*/
}


/*@media only screen and (max-width:520px) {
    .status-line-width {
        width: 60px;
    }

    #d-to-s {
        width: 10px;
    }

    #s-to-p {
        width: 8px;
    }

    #p-to-r {
        width: 11px;
    }

    #r-to-a {
        width: 11px;
    }
}*/


@media only screen and (max-width:440px) {
    /*    .status-line-width {
        width: 40px;
    }*/

    #draftfivv[b-e2hevs24cm] {
        font-size: 10px;
    }
}

@media only screen and (max-width:380px) {
    /*    .status-line-width {
        width: 30px;
    }*/
    #draftfivv[b-e2hevs24cm] {
        font-size: 9px;
        padding: 0px !important;
    }
}


@media only screen and (max-width:1460px) {
    .list-flex-container .no[b-e2hevs24cm], .list-flex-container2 .no[b-e2hevs24cm] {
        flex: 0 0 160px;
        height: 28px;
    }

    .list-flex-container .item-name[b-e2hevs24cm], .list-flex-container2 .item-name[b-e2hevs24cm] {
        flex: 0 0 350px;
    }

    .list-flex-container .unit[b-e2hevs24cm], .list-flex-container2 .unit[b-e2hevs24cm] {
        flex: 0 0 165px;
    }

    .list-flex-container .quantity[b-e2hevs24cm], .list-flex-container2 .quantity[b-e2hevs24cm] {
        flex: 0 0 160px;
    }

    .list-flex-container .rate[b-e2hevs24cm], .list-flex-container2 .rate[b-e2hevs24cm] {
        flex: 0 0 165px;
    }

    .list-flex-container .amount[b-e2hevs24cm], .list-flex-container2 .amount[b-e2hevs24cm] {
        flex: 0 0 180px;
    }

    .list-flex-container .actions[b-e2hevs24cm], .list-flex-container2 .actions[b-e2hevs24cm] {
        flex: 0 0 130px;
    }

    #listfooter[b-e2hevs24cm] {
        width: 1120px;
    }
}


[b-e2hevs24cm] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-e2hevs24cm] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }



@media only screen and (max-width:768px) {
    #flexwrapbox[b-e2hevs24cm] {
        flex-wrap: wrap;
    }

    .widthsetbox[b-e2hevs24cm] {
        width: 100% !important;
    }

    #payto-textalignset[b-e2hevs24cm] {
        text-align: left !important;
    }
}
/* /Pages/Quotations/Components/Quotations.razor.rz.scp.css */
#pagemaindiv[b-jt807pv5di] {
    width: 100%;
/*    background-color: white;
    border-radius: 20px;
    padding-top: 30px;
    padding: 5px 25px 25px 25px;*/
}
#invoicebox[b-jt807pv5di] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}

#popupheading[b-jt807pv5di] {
    /*text-align: center;*/
}

#formdiv[b-jt807pv5di] {
    padding: 10px 0px 25px 0px;
    flex-direction: column;
}

#typeradioboxdiv[b-jt807pv5di] {
    margin-bottom: 30px;
}

.inputdivbox[b-jt807pv5di] {
    width: 21%;
}

@media only screen and (max-width:950px) {
    #typeradioboxdiv[b-jt807pv5di] {
        width: 85% !important;
    }
}

@media only screen and (max-width:790px) {
    #typeradioboxdiv[b-jt807pv5di] {
        width: 100% !important;
    }
}

@media only screen and (max-width:768px) {
    .inputdivbox[b-jt807pv5di] {
        width: 47%;
    }
}

.status-bar[b-jt807pv5di] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.status-item-container[b-jt807pv5di] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.status-circle[b-jt807pv5di] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    position: relative;
}

    .status-circle.active[b-jt807pv5di] {
        background-color: #007bff;
        border-color: #007bff;
    }

.status-text[b-jt807pv5di] {
    position: absolute;
    top: 30px; /* Adjust the position to align below the circle */
    width: 100px; /* Adjust width if necessary */
    text-align: center;
    font-size: 12px; /* Adjust font size if necessary */
}

#itemlistdiv[b-jt807pv5di] {
    width: 100%;
    max-width: 100%;
    /*border: 2px red solid;*/
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
    /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);*/
    border: 0.5px #B6B6B6 solid;
    border-top: none;
}

.list-flex-container[b-jt807pv5di], .list-flex-container2[b-jt807pv5di] {
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
}

    .list-flex-container div[b-jt807pv5di] {
        border: 0.5px #B6B6B6 solid;
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }

    .list-flex-container2 div[b-jt807pv5di] {
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }


    .list-flex-container .no[b-jt807pv5di], .list-flex-container2 .no[b-jt807pv5di] {
        flex: 0 0 9%;
        height: 28px;
    }

    .list-flex-container .item-name[b-jt807pv5di], .list-flex-container2 .item-name[b-jt807pv5di] {
        flex: 0 0 24%;
    }

    .list-flex-container .unit[b-jt807pv5di], .list-flex-container2 .unit[b-jt807pv5di] {
        flex: 0 0 10%;
    }

    .list-flex-container .quantity[b-jt807pv5di], .list-flex-container2 .quantity[b-jt807pv5di] {
        flex: 0 0 10%;
    }

    .list-flex-container .rate[b-jt807pv5di], .list-flex-container2 .rate[b-jt807pv5di] {
        flex: 0 0 12%;
    }

    .list-flex-container .total[b-jt807pv5di], .list-flex-container2 .total[b-jt807pv5di] { /* New Field */
        flex: 0 0 14%;
    }

    .list-flex-container .Discount[b-jt807pv5di], .list-flex-container2 .Discount[b-jt807pv5di] {
        flex: 0 0 12%;
    }
    .list-flex-container .AAD[b-jt807pv5di], .list-flex-container2 .AAD[b-jt807pv5di] {
        flex: 0 0 12%;
    }

    .list-flex-container .Tax[b-jt807pv5di], .list-flex-container2 .Tax[b-jt807pv5di] {
        flex: 0 0 14%;
    }

    .list-flex-container .amount[b-jt807pv5di], .list-flex-container2 .amount[b-jt807pv5di] {
        flex: 0 0 16%;
    }

    .list-flex-container .actions[b-jt807pv5di], .list-flex-container2 .actions[b-jt807pv5di] {
        flex: 0 0 8%;
    }




.status-line-width[b-jt807pv5di] {
    width: 23%;
}

#d-to-s[b-jt807pv5di] {
    width: 17%;
}

#s-to-p[b-jt807pv5di] {
    width: 16%;
}

#p-to-r[b-jt807pv5di] {
    width: 17%;
}

#r-to-a[b-jt807pv5di] {
    width: 16%;
}



/*@media only screen and (max-width:640px) {
    .status-line-width {
        width: 70px;
    }

    #d-to-s {
        width: 20px;
    }

    #s-to-p {
        width: 18px;
    }

    #p-to-r {
        width: 21px;
    }

    #r-to-a {
        width: 21px;
    }
}
*/

/*@media only screen and (max-width:520px) {
    .status-line-width {
        width: 60px;
    }

    #d-to-s {
        width: 10px;
    }

    #s-to-p {
        width: 8px;
    }

    #p-to-r {
        width: 11px;
    }

    #r-to-a {
        width: 11px;
    }
}*/


@media only screen and (max-width:440px) {
    /*    .status-line-width {
        width: 40px;
    }*/
    #draftfivv[b-jt807pv5di] {
        font-size: 10px;
    }

    .dropdowndivwidthset[b-jt807pv5di] {
        width: 100% !important;
    }
}

@media only screen and (max-width:380px) {
    /*    .status-line-width {
        width: 30px;
    }*/
    #draftfivv[b-jt807pv5di] {
        font-size: 9px;
        padding: 0px !important;
    }
}


@media only screen and (max-width:1600px) {
    .list-flex-container .no[b-jt807pv5di], .list-flex-container2 .no[b-jt807pv5di] {
        flex: 0 0 100px;
        height: 28px;
    }

    .list-flex-container .item-name[b-jt807pv5di], .list-flex-container2 .item-name[b-jt807pv5di] {
        flex: 0 0 380px;
    }

    .list-flex-container .unit[b-jt807pv5di], .list-flex-container2 .unit[b-jt807pv5di] {
        flex: 0 0 150px;
    }

    .list-flex-container .quantity[b-jt807pv5di], .list-flex-container2 .quantity[b-jt807pv5di] {
        flex: 0 0 150px;
    }

    .list-flex-container .rate[b-jt807pv5di], .list-flex-container2 .rate[b-jt807pv5di] {
        flex: 0 0 150px;
    }

    .list-flex-container .total[b-jt807pv5di], .list-flex-container2 .total[b-jt807pv5di] { /* New Field */
        flex: 0 0 150px;
    }

    .list-flex-container .Discount[b-jt807pv5di], .list-flex-container2 .Discount[b-jt807pv5di] {
        flex: 0 0 150px;
    }
    .list-flex-container .AAD[b-jt807pv5di], .list-flex-container2 .AAD[b-jt807pv5di] {
        flex: 0 0 150px;
    }

    .list-flex-container .Tax[b-jt807pv5di], .list-flex-container2 .Tax[b-jt807pv5di] {
        flex: 0 0 150px;
    }

    .list-flex-container .amount[b-jt807pv5di], .list-flex-container2 .amount[b-jt807pv5di] {
        flex: 0 0 150px;
    }

    .list-flex-container .actions[b-jt807pv5di], .list-flex-container2 .actions[b-jt807pv5di] {
        flex: 0 0 120px;
    }

    #listfooter[b-jt807pv5di] {
        width: 1440px;
    }
}

[b-jt807pv5di] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-jt807pv5di] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }








@media only screen and (max-width:768px) {
    #flexwrapbox[b-jt807pv5di] {
        flex-wrap: wrap;
    }

    .widthsetbox[b-jt807pv5di] {
        width: 100% !important;
    }

    #payto-textalignset[b-jt807pv5di] {
        text-align: left !important;
    }
}
/* /Pages/RegionalSettings/Area/Components/AddArea.razor.rz.scp.css */

#inputdiv[b-tjsbz3z99f] {
    width: 600px;
    margin: auto;
}


#popupheading[b-tjsbz3z99f] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}

.widthsetform[b-tjsbz3z99f]{
    width:47%;
}


.heightset[b-tjsbz3z99f] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-tjsbz3z99f] {
        width: 450px;
    }

    .heightset[b-tjsbz3z99f] {
        height: 110px;
    }

    .widthsetform[b-tjsbz3z99f] {
        width: 100%;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-tjsbz3z99f] {
        width: 320px;
    }

    .heightset[b-tjsbz3z99f] {
        height: 80px;
    }
}
/* /Pages/RegionalSettings/City/Components/AddCity.razor.rz.scp.css */

#inputdiv[b-n1up3999il] {
    width: 600px;
    margin: auto;
}


#popupheading[b-n1up3999il] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}

.widthsetform[b-n1up3999il] {
    width: 47%;
}


.heightset[b-n1up3999il] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-n1up3999il] {
        width: 450px;
    }

    .heightset[b-n1up3999il] {
        height: 110px;
    }
    .widthsetform[b-n1up3999il] {
        width: 100%;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-n1up3999il] {
        width: 320px;
    }

    .heightset[b-n1up3999il] {
        height: 80px;
    }
}
/* /Pages/RegionalSettings/Country/Components/AddCountry.razor.rz.scp.css */

#inputdiv[b-96rev03ng1] {
    width: 600px;
    margin: auto;
}


#popupheading[b-96rev03ng1] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}



.heightset[b-96rev03ng1] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-96rev03ng1] {
        width: 450px;
    }

    .heightset[b-96rev03ng1] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-96rev03ng1] {
        width: 320px;
    }

    .heightset[b-96rev03ng1] {
        height: 80px;
    }
}
/* /Pages/RegionalSettings/Currency/Components/AddCurrency.razor.rz.scp.css */

#inputdiv[b-0myhkmdj3l] {
    width: 600px;
    margin: auto;
}

.widthsetform[b-0myhkmdj3l] {
    width: 47%;
}

#popupheading[b-0myhkmdj3l] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}
.heightset[b-0myhkmdj3l] {
    height: 145px;
}
#marginset[b-0myhkmdj3l] {
    margin-top: 38px;
}


@media only screen and (max-width:650px) {
    #inputdiv[b-0myhkmdj3l] {
        width: 450px;
    }
    .widthsetform[b-0myhkmdj3l] {
        width: 100%;
    }
    #marginset[b-0myhkmdj3l] {
        margin-top: 0px;
    }
    .heightset[b-0myhkmdj3l] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-0myhkmdj3l] {
        width: 320px;
    }

    .heightset[b-0myhkmdj3l] {
        height: 80px;
    }
}
/* /Pages/RegionalSettings/Province/Components/AddProvince.razor.rz.scp.css */

#inputdiv[b-dvkx5towzi] {
    width: 600px;
    margin: auto;
}


#popupheading[b-dvkx5towzi] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}



.heightset[b-dvkx5towzi] {
    height: 145px;
}


@media only screen and (max-width:650px) {
    #inputdiv[b-dvkx5towzi] {
        width: 450px;
    }

    .heightset[b-dvkx5towzi] {
        height: 110px;
    }
}
/* /Pages/RegionalSettings/Tax/Components/AddTax.razor.rz.scp.css */

#inputdiv[b-gkfowv2yw1] {
    width: 600px;
    margin: auto;
}

.widthsetform[b-gkfowv2yw1] {
    width: 47%;
}

#popupheading[b-gkfowv2yw1] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}

.heightset[b-gkfowv2yw1]{
    height:145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-gkfowv2yw1] {
        width: 450px;
    }
    .heightset[b-gkfowv2yw1] {
        height: 110px;
    }
    .widthsetform[b-gkfowv2yw1] {
        width: 100%;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-gkfowv2yw1] {
        width: 320px;
    }
    .heightset[b-gkfowv2yw1] {
        height: 80px;
    }
}
/* /Pages/SalaryStructure/Components/AddSalaryStructure.razor.rz.scp.css */



#inputdiv[b-0h57bppd6u] {
    width: 450px;
    margin: auto;
}


#popupheading[b-0h57bppd6u] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-0h57bppd6u] {
        width: 320px;
    }
}
/* /Pages/SalesReport/Components/SalesReport.razor.rz.scp.css */
#pagemaindiv[b-h4e21pfc0z] {
    width: 100%;
    background-color: white;
    border-radius: 20px;
    padding-top: 30px;
}

#popupheading[b-h4e21pfc0z] {
    text-align: center;
}
/* /Pages/Scheduling/Components/Scheduling.razor.rz.scp.css */
.box[b-mrv4cstt4u] {
    height: 120px;
    border-radius: 7px;
    width: 100%;
    background-color: white;
    margin: 10px 0px 30px 0px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}



.divwidth[b-mrv4cstt4u] {
    width: 47%;
}


/*@media only screen and (max-width:550px) {
    .box {
        height: 180px;
    }


    .divwidth {
        width: 100%;
    }
}
*/
/* /Pages/Status/Components/AddStatus.razor.rz.scp.css */


#inputdiv[b-49s8iuzluu] {
    width: 450px;
    margin: auto;
}



#popupheading[b-49s8iuzluu] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-49s8iuzluu] {
        width: 320px;
    }
}
/* /Pages/StockLocationType/Components/AddStockLocationType.razor.rz.scp.css */


#inputdiv[b-w3wrv74xfj] {
    width: 450px;
    margin: auto;
}



#popupheading[b-w3wrv74xfj] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-w3wrv74xfj] {
        width: 320px;
    }
}
/* /Pages/StockReceiveNote/Components/AddStockReceiveNote.razor.rz.scp.css */
#pagemaindiv[b-s7zcbda4to] {
    width: 100%;
    /*background-color: white;*/
    /*border-radius: 20px;*/
    /*padding-top: 30px;*/
    /*padding: 5px 25px 25px 25px;*/
}

#invoicebox[b-s7zcbda4to] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}

#popupheading[b-s7zcbda4to] {
    /*text-align: center;*/
}

#formdiv[b-s7zcbda4to] {
    padding: 10px 0px 25px 0px;
    flex-direction: column;
}

#typeradioboxdiv[b-s7zcbda4to] {
    margin-bottom: 30px;
}

.inputdivbox[b-s7zcbda4to] {
    width: 48%;
}

@media only screen and (max-width:950px) {
    #typeradioboxdiv[b-s7zcbda4to] {
        width: 85% !important;
    }
}

@media only screen and (max-width:790px) {
    #typeradioboxdiv[b-s7zcbda4to] {
        width: 100% !important;
    }
}

@media only screen and (max-width:768px) {
    .inputdivbox[b-s7zcbda4to] {
        width: 48%;
    }

    #remarksdiv[b-s7zcbda4to] {
        width: 100% !important;
    }
}

@media only screen and (max-width:600px) {
    .inputdivbox[b-s7zcbda4to] {
        width: 100%;
    }
}


#itemlistdiv[b-s7zcbda4to] {
    width: 100%;
    max-width: 100%;
    /*border: 2px red solid;*/
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
    /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);*/
    border: 0.5px #B6B6B6 solid;
    border-top: none;
}

.list-flex-container[b-s7zcbda4to], .list-flex-container2[b-s7zcbda4to] {
    display: flex;
    flex-wrap: nowrap;
    min-width: 100%;
}

    .list-flex-container div[b-s7zcbda4to] {
        border: 0.5px #B6B6B6 solid;
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }

    .list-flex-container2 div[b-s7zcbda4to] {
        padding: 2px 25px;
        flex: 1;
        box-sizing: border-box;
        /*min-width: 150px;*/
    }


    .list-flex-container .no[b-s7zcbda4to], .list-flex-container2 .no[b-s7zcbda4to] {
        flex: 0 0 11%;
        height: 28px;
    }

    .list-flex-container .item-name[b-s7zcbda4to], .list-flex-container2 .item-name[b-s7zcbda4to] {
        flex: 0 0 34%;
    }

    .list-flex-container .unit[b-s7zcbda4to], .list-flex-container2 .unit[b-s7zcbda4to] {
        flex: 0 0 1%;
    }

    .list-flex-container .quantity[b-s7zcbda4to], .list-flex-container2 .quantity[b-s7zcbda4to] {
        flex: 0 0 16%;
    }

    .list-flex-container .rate[b-s7zcbda4to], .list-flex-container2 .rate[b-s7zcbda4to] {
        flex: 0 0 12%;
    }

    .list-flex-container .amount[b-s7zcbda4to], .list-flex-container2 .amount[b-s7zcbda4to] {
        flex: 0 0 13%;
    }

    .list-flex-container .actions[b-s7zcbda4to], .list-flex-container2 .actions[b-s7zcbda4to] {
        flex: 0 0 11%;
    }




/*.status-line-width {
    width: 100px;
}

#d-to-s {
    width: 50px;
}

#s-to-p {
    width: 43px;
}

#p-to-r {
    width: 53px;
}

#r-to-a {
    width: 53px;
}*/


.status-line-width[b-s7zcbda4to] {
    width: 23%;
}

#d-to-s[b-s7zcbda4to] {
    width: 17%;
}

#s-to-p[b-s7zcbda4to] {
    width: 16%;
}

#p-to-r[b-s7zcbda4to] {
    width: 17%;
}

#r-to-a[b-s7zcbda4to] {
    width: 16%;
}


@media only screen and (max-width:640px) {
    /*    .status-line-width {
        width: 70px;
    }

    #d-to-s {
        width: 20px;
    }

    #s-to-p {
        width: 18px;
    }

    #p-to-r {
        width: 21px;
    }

    #r-to-a {
        width: 21px;
    }*/
}


/*@media only screen and (max-width:520px) {
    .status-line-width {
        width: 60px;
    }

    #d-to-s {
        width: 10px;
    }

    #s-to-p {
        width: 8px;
    }

    #p-to-r {
        width: 11px;
    }

    #r-to-a {
        width: 11px;
    }
}*/


@media only screen and (max-width:440px) {
    /*    .status-line-width {
        width: 40px;
    }*/

    #draftfivv[b-s7zcbda4to] {
        font-size: 10px;
    }
}

@media only screen and (max-width:380px) {
    /*    .status-line-width {
        width: 30px;
    }*/
    #draftfivv[b-s7zcbda4to] {
        font-size: 9px;
        padding: 0px !important;
    }
}


@media only screen and (max-width:1460px) {
    .list-flex-container .no[b-s7zcbda4to], .list-flex-container2 .no[b-s7zcbda4to] {
        flex: 0 0 160px;
        height: 28px;
    }

    .list-flex-container .item-name[b-s7zcbda4to], .list-flex-container2 .item-name[b-s7zcbda4to] {
        flex: 0 0 350px;
    }

    .list-flex-container .unit[b-s7zcbda4to], .list-flex-container2 .unit[b-s7zcbda4to] {
        flex: 0 0 165px;
    }

    .list-flex-container .quantity[b-s7zcbda4to], .list-flex-container2 .quantity[b-s7zcbda4to] {
        flex: 0 0 180px;
    }

    .list-flex-container .rate[b-s7zcbda4to], .list-flex-container2 .rate[b-s7zcbda4to] {
        flex: 0 0 140px;
    }

    .list-flex-container .amount[b-s7zcbda4to], .list-flex-container2 .amount[b-s7zcbda4to] {
        flex: 0 0 180px;
    }

    .list-flex-container .actions[b-s7zcbda4to], .list-flex-container2 .actions[b-s7zcbda4to] {
        flex: 0 0 130px;
    }

    #listfooter[b-s7zcbda4to] {
        width: 1135px;
    }
}


[b-s7zcbda4to] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-s7zcbda4to] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }



@media only screen and (max-width:768px) {
    #flexwrapbox[b-s7zcbda4to] {
        flex-wrap: wrap;
    }

    .widthsetbox[b-s7zcbda4to] {
        width: 100% !important;
    }

    #payto-textalignset[b-s7zcbda4to] {
        text-align: left !important;
    }
}
/* /Pages/StockReport/Components/AddStockReport.razor.rz.scp.css */


#inputdiv[b-eiw9y4dleg] {
    width: 450px;
    margin: auto;
}



#popupheading[b-eiw9y4dleg] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-eiw9y4dleg] {
        width: 320px;
    }
}
/* /Pages/SubOccupation/Components/AddSubOccupation.razor.rz.scp.css */


#inputdiv[b-5ozlsz9ixm] {
    width: 450px;
    margin: auto;
}



#popupheading[b-5ozlsz9ixm] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-5ozlsz9ixm] {
        width: 320px;
    }
}
/* /Pages/SupplierContacts/Components/AddSupplierContacts.razor.rz.scp.css */

#inputdiv[b-ciwxsfybid] {
    width: 600px;
    margin: auto;
}


#popupheading[b-ciwxsfybid] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}




.heightset[b-ciwxsfybid] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-ciwxsfybid] {
        width: 450px;
    }

    .heightset[b-ciwxsfybid] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-ciwxsfybid] {
        width: 320px;
    }

    .heightset[b-ciwxsfybid] {
        height: 80px;
    }
}
/* /Pages/Supplier/Components/AddSupplier.razor.rz.scp.css */

#inputdiv[b-zomt4l77rh] {
    width: 600px;
    margin: auto;
}


#popupheading[b-zomt4l77rh] {
    padding: 0px 30px 0px 40px;
    /*margin-top: 65px;*/
}




.heightset[b-zomt4l77rh] {
    height: 145px;
}

@media only screen and (max-width:650px) {
    #inputdiv[b-zomt4l77rh] {
        width: 450px;
    }

    .heightset[b-zomt4l77rh] {
        height: 110px;
    }
}



@media only screen and (max-width:450px) {
    #inputdiv[b-zomt4l77rh] {
        width: 320px;
    }

    .heightset[b-zomt4l77rh] {
        height: 80px;
    }
}
/* /Pages/Tickets/Components/AddTicket.razor.rz.scp.css */



#inputdiv[b-tapr76dyfy] {
    width: 450px;
    margin: auto;
}


#popupheading[b-tapr76dyfy] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 65px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-tapr76dyfy] {
        width: 320px;
    }
}


[b-tapr76dyfy] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    border-radius: 3px;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;

}

    [b-tapr76dyfy] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }



.card[b-tapr76dyfy] {
    width: 100%;
    height: 120px;
    border: 1px dashed grey;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: box-shadow 0.3s ease;
}

    .card:hover[b-tapr76dyfy] {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

.card-content[b-tapr76dyfy] {
    text-align: center;
    color: grey;
}

    .card-content .icon[b-tapr76dyfy] {
        font-size: 33px;
    }

    .card-content .text[b-tapr76dyfy] {
        font-size: 14px;
    }
/* /Pages/Transactions/Components/NewExpense.razor.rz.scp.css */
#pagemaindiv[b-2h6ryxnjok] {
    /*background-color:white;*/
    /*padding:30px 20px;*/
}

#popupheading[b-2h6ryxnjok] {
    /*text-align: center;*/
}

#invoicebox[b-2h6ryxnjok] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}

label[b-2h6ryxnjok] {
    font-size: 12px;
    color: black;
    margin-bottom: 3px;
}

[b-2h6ryxnjok] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-2h6ryxnjok] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }

textarea[b-2h6ryxnjok] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px grey solid;
    border-radius: 5px;
}


@media only screen and (max-width:1024px) {
    .col1[b-2h6ryxnjok] {
        width: 270px !important;
    }

    .col3[b-2h6ryxnjok] {
        width: 158px !important;
    }

    .col5[b-2h6ryxnjok] {
        width: 76px !important;
    }

    #listdiv[b-2h6ryxnjok] {
        overflow-x: scroll;
    }
}

@media only screen and (max-width:580px) {
    .flexwrapset[b-2h6ryxnjok] {
        flex-wrap: wrap;
        gap: 0px !important;
    }

    .divwidthset[b-2h6ryxnjok] {
        width: 100% !important;
    }

    #heightsett[b-2h6ryxnjok] {
        height: 20px;
    }
}
/* /Pages/Transactions/Components/NewIncome.razor.rz.scp.css */
#pagemaindiv[b-6bw4td0h3z] {
    /*background-color:white;*/
    /*padding:30px 20px;*/
}

#popupheading[b-6bw4td0h3z] {
    /*text-align: center;*/
}

#invoicebox[b-6bw4td0h3z] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}

label[b-6bw4td0h3z] {
    font-size: 12px;
    color: black;
    margin-bottom: 3px;
}

[b-6bw4td0h3z] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-6bw4td0h3z] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }

textarea[b-6bw4td0h3z] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px grey solid;
    border-radius: 5px;
}


@media only screen and (max-width:1024px) {
    .col1[b-6bw4td0h3z] {
        width: 270px !important;
    }

    .col3[b-6bw4td0h3z] {
        width: 158px !important;
    }

    .col5[b-6bw4td0h3z] {
        width: 76px !important;
    }

    #listdiv[b-6bw4td0h3z] {
        overflow-x: scroll;
    }
}

@media only screen and (max-width:580px) {
    .flexwrapset[b-6bw4td0h3z] {
        flex-wrap: wrap;
        gap: 0px !important;
    }

    .divwidthset[b-6bw4td0h3z] {
        width: 100% !important;
    }

    #heightsett[b-6bw4td0h3z] {
        height: 20px;
    }
}
/* /Pages/Transactions/Components/Transactions.razor.rz.scp.css */
.card[b-t4ly7d9e1z] {
    height: 70px;
    border-radius: 7px;
    width:32%;
    background-color: white;
}

#carddiv[b-t4ly7d9e1z]{
    display:flex;
    justify-content:space-between;
    margin-top:5px;
    padding-top:5px;
}


@media only screen and (max-width:700px) {
    #fontsizeset[b-t4ly7d9e1z]{
        font-size:10px;
    }
}

@media only screen and (max-width:600px) {
    #carddiv[b-t4ly7d9e1z] {
        flex-wrap:wrap;
        row-gap:15px;
    }
    .card[b-t4ly7d9e1z] {
        width: 49%;
    }
    #profitcard[b-t4ly7d9e1z]{
        width:100%!important;
    }
}

@media only screen and (max-width:420px) {


    .card[b-t4ly7d9e1z] {
        width: 100%;
    }


}
/* /Pages/Transfers/Components/NewTransfer.razor.rz.scp.css */
#pagemaindiv[b-chbvcfy8xh] {
    /*background-color:white;*/
    /*padding:30px 20px;*/
}

#popupheading[b-chbvcfy8xh] {
    /*text-align: center;*/
}

#invoicebox[b-chbvcfy8xh] {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
}

label[b-chbvcfy8xh] {
    font-size: 12px;
    color: black;
    margin-bottom: 3px;
}

[b-chbvcfy8xh] .styled-textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border: 1px solid grey;
    box-sizing: border-box;
    resize: none; /* Prevents resizing by the user */
    overflow-y: auto; /* Adds vertical scroll if needed */
    transition: border-color 0.3s;
    margin-top: 8px;
    margin-bottom: 22px;
}

    [b-chbvcfy8xh] .styled-textarea:focus {
        border-color: #8A2332;
        outline: none;
    }

textarea[b-chbvcfy8xh] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px grey solid;
    border-radius: 5px;
}


@media only screen and (max-width:1024px) {
    .col1[b-chbvcfy8xh] {
        width: 270px !important;
    }

    .col3[b-chbvcfy8xh] {
        width: 158px !important;
    }

    .col5[b-chbvcfy8xh] {
        width: 76px !important;
    }

    #listdiv[b-chbvcfy8xh] {
        overflow-x: scroll;
    }
}

@media only screen and (max-width:580px) {
    .flexwrapset[b-chbvcfy8xh] {
        flex-wrap: wrap;
        gap: 0px !important;
    }

    .divwidthset[b-chbvcfy8xh] {
        width: 100% !important;
    }

    #heightsett[b-chbvcfy8xh] {
        height: 20px;
    }
}
/* /Pages/Trim/Components/AddTrim.razor.rz.scp.css */


#inputdiv[b-i09ssu22f8] {
    width: 450px;
    margin: auto;
}



#popupheading[b-i09ssu22f8] {
    padding: 0px 30px 0px 30px;
    float: right;
    font-size: 22px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-i09ssu22f8] {
        width: 320px;
    }
}
/* /Pages/Trim/Components/AddTrimDetails.razor.rz.scp.css */



#inputdiv[b-x3lrd3ojzv] {
    width: 450px;
    margin: auto;

}

input[b-x3lrd3ojzv] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    height: 32px;
    /*background-color: #F5F6FB;*/
}

label[b-x3lrd3ojzv] {
    font-size: 12px;
    color: grey;
}

input[b-x3lrd3ojzv]::placeholder {
    color: grey;
    opacity: 0.7;
}

select[b-x3lrd3ojzv] {
    width: 100%;
    margin-bottom: 18px;
    border-bottom: 1px grey solid;
}


#popupheading[b-x3lrd3ojzv] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 20px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-x3lrd3ojzv] {
        width: 320px;
    }
}
/* /Pages/Vehicles/Components/AddVehicle.razor.rz.scp.css */
h3[b-f3579vwjkh] {
    text-align: center;
    font-family: "Lexend", sans-serif;
}

#inputdiv[b-f3579vwjkh] {
    width: 25%;
    margin: auto;
}

input[b-f3579vwjkh] {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    margin-bottom: 18px;
    font-family: "Lexend", sans-serif;
    /*background-color: #F5F6FB;*/
}

label[b-f3579vwjkh] {
    font-size: 12px;
    color: grey;
    font-family: "Lexend", sans-serif;
}

input[b-f3579vwjkh]::placeholder {
    color: black;
    opacity: 0.8;
}

select[b-f3579vwjkh] {
    width: 100%;
    margin-bottom: 18px;
    border-bottom: 1px grey solid;
    font-family: "Lexend", sans-serif;
}
/* /Pages/Vehicles/Components/AddVehicleCategory.razor.rz.scp.css */
#inputdiv[b-mnqkb874dg] {
    width: 450px;
    margin: auto;
}

#popupheading[b-mnqkb874dg] {
    padding: 0px 30px 0px 30px;
    float: right;
    /*margin-top: 75px;*/
    font-size:18px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-mnqkb874dg] {
        width: 320px;
    }
}
/* /Pages/Warehouse/Components/AddWarehouse.razor.rz.scp.css */


#inputdiv[b-5arb5qurue] {
    width: 450px;
    margin: auto;
}



#popupheading[b-5arb5qurue] {
    padding: 0px 30px 0px 30px;
    float: right;
    text-align: center;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-5arb5qurue] {
        width: 320px;
    }
}
/* /Pages/WheelDrive/Components/AddWheelDrive.razor.rz.scp.css */



#inputdiv[b-dcdqxjg44v] {
    width: 450px;
    margin: auto;
}




#popupheading[b-dcdqxjg44v] {
    padding: 0px 30px 0px 30px;
    float: right;
    margin-top: 75px;
    font-size: 18px;
}

@media only screen and (max-width:450px) {
    #inputdiv[b-dcdqxjg44v] {
        width: 320px;
    }
}
/* /Shared/Components/AMCDateInput.razor.rz.scp.css */
.input[b-0rk7fzutkr]  input {
    border: 1px #DADADA solid;
    background-color: white;
    /*border-bottom: 1px grey solid;*/
    width: 100%;
    margin: auto;
    height: 35px;
    margin-bottom: 2px;
    /*color: #AEAEAE;*/
    font-size: 13px;
    padding: 10px;
    border-radius: 3px;
}

.input[b-0rk7fzutkr]  label {
    font-size: 14px;
    color: black;
}

.input[b-0rk7fzutkr]  input::placeholder {
    color: #AEAEAE;
    opacity: 1;
}
/* /Shared/Components/AMCInputImage.razor.rz.scp.css */
.upload-image[b-ptg67bbj5y]
{
    width: 100px;
    height: 100px;
    cursor: pointer;
}
/* /Shared/Components/AMCInputNumber.razor.rz.scp.css */
.input[b-bqdn9a7ipw]  input {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    height: 35px;
    margin-bottom:2px;
}

.input[b-bqdn9a7ipw]  label {
    font-size: 12px;
    color: black;
}

.input[b-bqdn9a7ipw]  input::placeholder {
    color: grey;
    opacity: 1;
}
/* /Shared/Components/AMCInputText.razor.rz.scp.css */
.input[b-r7pgk31xql]  input {
    border: none;
    border-bottom: 1px grey solid;
    width: 100%;
    margin: auto;
    height: 35px;
    margin-bottom:2px;
}

.input[b-r7pgk31xql]  label {
    font-size: 12px;
    color: black;

}

.input[b-r7pgk31xql]  input::placeholder {
    color: grey;
    opacity: 1;
}
/* /Shared/Components/CustomSnackBar.razor.rz.scp.css */



/* /Shared/Components/IntTelInputCustom.razor.rz.scp.css */
.intl-field[b-yrokcqqn2d]
{
    position : relative;
}

label[b-yrokcqqn2d] {

    font-size: 12px;
    color: black;
}
/* /Shared/Components/PhoneNumberInput.razor.rz.scp.css */
[b-qbo4rm63s8] .iti--allow-dropdown {
    width: 100%;
}

    [b-qbo4rm63s8] .iti--allow-dropdown input {
        height: 35px;
        width: 100%;
        border: none;
        border-bottom: 1px grey solid;
        /*border-radius: 4px;*/
    }

/*        ::deep .iti--allow-dropdown input:focus {
            border: 2px solid var(--mud-palette-primary) !important;
            outline: none;
        }

.IntlTel-Container.error ::deep .iti--allow-dropdown input {
    border: 2px solid darkred !important;
    outline: none;
}*/

.IntlTel-Container[b-qbo4rm63s8] {
    margin-bottom: 19px;
}