*{
    box-sizing: border-box;
    margin: 0;
}
body{
    margin: 0 !important;
    width: 100%;
    display: grid;
    grid-template-rows: 9% 82% 9%;
    height: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


.warning{
    background-color: #ff6c6c;
    border: none;
}

.warning::placeholder{
    color: white;
}





p{
    margin:0;
}

header, footer{
    background-color: rgb(253, 253, 84);
    width: 100%;
    /* height: 9%; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: x-large;
}

footer{
    font-size: small;
}



 .body-main-admin {
    background-color: rgb(249 249 249);
    width: 100%;
    /* height: 82%; */
    display: flex;
    justify-content: center;
    align-items: center;
}


/* login */


.container-login{
    background-color: #f6facf;
    width: 25%;
    border-radius: 8%;
    height: 60%;
    display: grid;
    grid-template-rows: 15% 85%;
}


.form-login{
    display: grid;
    grid-template-rows: 10% 13% 12% 13% 10% 13% 30%;
    margin: 5% 5% 5% 5%;

}

.form-login label{
    display: flex;
    align-items: center;
}

.form-login input[type="button"]{
    margin-top: 10%;
}

.form-login input[type="button"]:hover{
    background-color: rgb(239, 255, 159);
}


.container-login h1{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: initial;
    background:rgb(253, 253, 84);
    text-transform: uppercase;
}


.display-success-login
{
    background: aquamarine;
    display: grid;
    justify-content: center;
    align-items: center;
    /* margin: 5% 0%; */
    margin-top: 10%;
}




.display-success-error
{
    background: #ff6c6c;
    display: grid;
    justify-content: center;
    align-items: center;
    /* margin: 5% 0%; */
    margin-top: 10%;
}
/* login ends */







/* OVERLAYS */

.overlay-preview-customBill{
    position: absolute;
  width: 100%;
  height: 100%;
  background: aliceblue;
}




















/* Dashboard */

.admin-dashboard-container{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 12% 87.5%;
    grid-column-gap: 0.5%;
    background-color: cornsilk;
}


.admin-sidebar ol{
    PADDING: 4%;
    margin: 0;
    DISPLAY: GRID;
    /* grid-auto-rows: 9%; */
    grid-auto-rows: auto;
    grid-gap: 1%;
    height: 100%;
}

.admin-sidebar button{
    background-color: rgb(253, 253, 84);
    border: 1px solid black;
}

.abs-customer{
    position: absolute;
    top: 26%;
    display: grid;
    left: 12%;
    width: 7%;
    height: 18%;

}

.relative{
    position:relative;
}

.admin-mainbar{
    margin: 1% 1% 1% 0%;
    background-color: #f6facf;
    overflow: auto;
}

.container-rate-change, .container-add-customer, .container-add-stocks, .container-add-category, .container-change-admin-pwd, .container-add-chit-customer, .container-add-chitEntry, .container-add-dealer{
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.container-rate-change form, .container-add-customer form, .container-add-stocks form, .container-add-category form, .container-change-admin-pwd form, .container-add-chit-customer form, .container-add-chitEntry form, .container-add-dealer form{
    padding: 1%;
    background-color: #ffffff;
    width: 25%;
    /* border-radius: 8%; */
    height: 60%;
    display: grid;
    margin: 0;
    grid-template-rows: auto;
    gap: 6%;
}



.container-rate-change h1, .container-add-customer h1, .container-view-customers h1, .container-view-chit-customers h1, .container-view-chit-book h1, .container-view-dealers h1, .container-view-stocks h1, .container-add-shops h1, .container-customer-add-order h1, .container-add-stocks h1, .container-add-category h1, .container-change-admin-pwd h1, .container-add-chit-customer h1, .container-add-chitEntry h1, .container-add-dealer h1{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: initial;
    background-color: #fdfd54;

    text-transform: uppercase;
    color: black;
}


.container-view-customers h1, .container-view-chit-customers h1, .container-view-chit-book h1, .container-view-dealers h1, .container-customer-add-order h1{
    background-color: rgb(253 253 84);
}



/* container view customers, chit customers, dealers */

.container-view-chit-book{
width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 10% 80% 10%;
}
 .container-view-chit-customers>div, .container-view-dealers>div{
    display: grid;
    grid-template-rows: 10% 10% 80%;
    background-color: white;
}

.container-view-customers form, .container-view-chit-customers form, .container-view-chit-book, .container-view-dealers form {
    margin: auto;
}

.container-view-dealers form{
    width: 56%;
  height: 69%;
  display: grid;
  grid-template-columns: 40% 23% 23%;
  gap: 1%;
  margin: auto;
  justify-content: center;
  /* background: antiquewhite; */
}
 .container-view-chit-customers>div>div:first-child, .container-view-dealers>div>div:first-child{
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* width: 28%; */
    margin: auto;

}


.container-view-chit-customers>div>div:first-child, .container-view-dealers>div>div:first-child{
    width: 43%;
}

.results-customer-list table{
    display: block;
    width: 100%;
    height: 100%;
}

.results-customer-list table tr{
    display: grid;
    grid-template-columns: 10% 15% 20% 25% 20% 10%;
    width: 100%;
    height: 10%;
}

.container-view-chit-customers .results-customer-list table tr{
    grid-template-columns: 10% 10% 15% 13% 12% 10% 10% 10% 10% 10% 5%;
    /* grid-template-columns: 10% 20% 20% 25% 15% 10%; */
    /* grid-template-columns: 10% 20% 15% 30% 25%; */

}


.results-customer-list thead{
    display: block;
    width: 100%;
    height: 15%;
}

.results-customer-list thead tr{
    height: 100%;
}

.results-customer-list tbody{
    display: block;
    /* width: 100%; */
    height: 90%;
    overflow: auto;
}

.results-customer-list th{
    background-color: #fdfd98;
}

.results-customer-list td{
    background-color: #ededed;
}

.results-customer-list table tr > *{
display: flex;
justify-content: center;
align-items: center;
    /* display: block;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%; */
}

/* Chit entry */

.container-add-chitEntry div{
    display: grid;
    grid-template-columns: 49% 49%;
}
.container-add-chitEntry div label{
font-size: small;
  display: flex;
  align-items: center;
}

/* view dealers css  */

/* .container-view-dealers{
    display: grid;
    grid-template-rows: 10% 85% 5% !important;
    height: 100%;
} */






.results-dealers-list table{
    display: block;
    width: 100%;
    height: 100%;
}

.results-dealers-list table tr{
    display: grid;
    grid-template-columns: 10% 15% 20% 25% 20% 10%;
    width: 100%;
    height: 10%;
}

.container-view-dealers .results-dealers-list table tr{
    grid-template-columns: 15% 15% 20% 20% 15% 15%;
    /* grid-template-columns: 10% 10% 15% 13% 12% 10% 10% 10% 10% 10% 5%; */
    /* grid-template-columns: 10% 20% 20% 25% 15% 10%; */
    /* grid-template-columns: 10% 20% 15% 30% 25%; */

}


.results-dealers-list thead{
    display: block;
    width: 100%;
    height: 10%;
}

.results-dealers-list thead tr{
    height: 100%;
}

.results-dealers-list tbody{
    display: block;
    /* width: 100%; */
    height: 90%;
    overflow: auto;
}

.results-dealers-list th{
    background-color: #fdfd98;
}

.results-dealers-list td{
    background-color: #ededed;
}

.results-dealers-list table tr > *{
display: flex;
justify-content: center;
align-items: center;
    /* display: block;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%; */
}






/* 
.container-view-dealers table{
    display: grid;
    grid-template-rows: 7% 93%;
}

.container-view-dealers table > * {
    display: block;
}

.container-view-dealers form{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 44%;
    margin: auto;
}
.container-view-dealers thead tr{
    height: 100%;
}

.container-view-dealers tbody{
    overflow: auto;
}
.container-view-dealers tbody tr td > * {
    width: 100%;
}


.container-view-dealers tbody tr td input:first-child{
text-align: center;
}

.container-view-dealers thead tr, .container-view-dealers tbody tr{
   
    display: grid;
    align-items: center;
    background-color: #fdfd98;
    grid-template-columns: 5% 10% 10% 12% 10% 6% 12% 7% 8% 10% 10%;
}

 */



/* View dealers end */


/* View Book Customer Each */

.container-view-chit-book{
    display: grid;
    grid-template-rows: 10% 10% 71% 5%;
    row-gap: 1%;
}


/* .container-view-chit-book div{
    display: grid;
 grid-template-columns: 10% 10%; 
  grid-template-rows: 10% 89%;
  gap: 1%;
} */

.container-view-chit-book div{
    display: grid;
    grid-template-columns: 15% 15% 15% 15%;
    justify-content: center;
    align-items: center;
    gap: 1%;
}


.container-view-chit-book  label{
    display: flex;
    align-items: center;
}
/* 
.container-view-chit-book table tr td:nth-child(1){
    display: block;
    width: 8%;
} */



.container-view-chit-book table tr{
    display: grid;
  grid-template-columns: 8% 14% 12% 13% 13% 13% 13% 14%;
  /* grid-template-columns: 10% 15% 50% 25%; */
  width: 100%;
  height: 10%;
  
}

.container-view-chit-book table {
    display: block;
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.container-view-chit-book table thead{
    display: block;
    width: 100%;
    height: 18%;
}

.container-view-chit-book table tr > *{
    display: flex;
    justify-content: center;
    align-items: center;
}


.container-view-chit-book table th{
    background-color: #fdfd98;
}

.container-view-chit-book thead tr{
    height: 100%;
}

.container-view-chit-book tbody{
    height: 100%;
    overflow: scroll;
}



.container-view-chit-book tbody td{
    background-color: #ededed;
}

/* .container-view-chit-book table tr:first-child{
    height: 100%;
    align-items: center;
} */

/* add category */


.container-add-category form{
    height: 41%;
}

/* container biller starts */

.container-billing{
    display: grid;
    grid-template-rows: 60% 39%;
    gap: 1%;
    height: 100%;
}


.container-billing table{
    display: grid;
    grid-template-rows: 15% 75% 10%;
}

 .container-billing table > * {
    display: block;
}

.container-billing thead{
    position: sticky;
}

.container-billing table tbody{
    overflow: auto;
}

.container-billing tbody::-webkit-scrollbar{
    display: none;
}

.container-billing table > * > * {
    display: grid;
    grid-template-columns: 5% 15% 15% 10% 10% 15% 15% 15%;
    justify-content: center;
    align-items: center;
    background: #fdfd54;
}


.container-billing table tbody > * > * > *{
    width: 100%;
    text-align: center;
}


.container-billing > div {
    display: grid;
    grid-template-columns: 49% 40%;
    gap: 10%;
}


.container-billing > div > section:first-child{
    display: grid;
    grid-template-rows: 20% 80%;
    width: 46%;
    /* justify-content: center; */
}

.container-billing .container-bank-details{
    text-align: center;
}

.container-billing > div > section > div:not(:first-child){
    display: grid;
    width: 58%;
    margin: auto;
}


.container-billing tfoot> tr{
    /* display: flex;
    justify-content: flex-end;
    align-items: center; */
}


.container-billing tfoot>tr>td:first-child{
    padding-right: 2%;
}

.container-billing .container-bank-details> div{
    margin-top: 2%;
  height: 81%;
  display: grid;
  grid-template-columns: 49% auto;
}

.container-billing .container-bank-details> div> label{
    display: flex;
    justify-content: center;
    align-items: center;
}






.container-billing .table-exchange{
    display: grid;
    grid-template-rows:83% 15%;
    gap: 2%;
    
}

.container-billing .container-hold-exchange{
    display: grid;
    grid-template-columns:    19% 22% 20% 19% 12%;

 
  /* grid-template-columns: 23% 24% 23% 24%; */
  gap: 2%;
  align-items: center;
}

.container-billing .table-exchange tr{
    display: grid;
    /* grid-template-columns:50% 50%; */
    grid-template-columns: 35% 65%;
    background-color: #f6facf;
    overflow: auto;
}

.container-billing .table-exchange tbody{
    display: grid;
}

.container-billing .table-exchange tr:not(first-child) td{
    /* grid-template-rows: 40% auto; */
    display: flex;
    justify-content: end;
}

.container-billing .table-exchange tr:first-child td:first-child{
    display: grid;
  grid-template-columns: 49% auto;
}

.container-billing .table-exchange tfoot tr{
    /* display: flex; */
}
.container-billing .table-exchange span{
    width: auto;
}

.container-billing .table-exchange tr td:first-child{
    margin-right: 2%;
}

.container-billing .table-exchange tfoot tr td:first-child{
    display: flex !important;
}

.table-exchange button{
 width: 100%;   
 /* font-size: xx-small; */
}

.table-exchange tfoot{
    height: 100%;
}

/* container view stocks */

/* .container-view-stocks{
    display: grid;
    grid-template-rows: 10% 10% 80%;
    width: 100%;
    height: 100%;
    background-color: #fffdea; */
/* } */


.container-view-stocks>div{
    background-color: whitesmoke;
}



.container-view-stocks table{
    display: grid;
    grid-template-rows: 10% 90%;

}
 .container-view-stocks tbody, .container-view-stocks thead{
    display: block;
}


.container-view-stocks tbody{
    overflow: auto;
}

.container-view-stocks thead tr{
    height: 100%;
    background-color: #fdfd54;
}

.container-view-stocks tr{
    display: grid;
    grid-template-columns: 10% 15% 20% 20% 15% 10% 10%;
    /* grid-template-columns: 10% 25% 25% 25% 15%; */
}

.container-view-stocks tbody tr{
    height: 10%;
    background-color: floralwhite;
}

.container-view-stocks tbody::-webkit-scrollbar{
    display: none;
}

.container-view-stocks tr > * {
    display: flex;
    justify-content: center;
    align-items: center;
}



.container-view-stocks .fl-01{
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-view-stocks .no-results-container{
    display: grid;
    grid-template-rows: auto 10%;
}


/* container view stocks ends */

/* Change Password admin */
.container-change-passwordadmin{
display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}


.container-change-passwordadmin form{
padding: 1%;
  background-color: #ffffff;
  width: 25%;
  height: 60%;
  display: grid;
  margin: 0;
  grid-template-rows: auto;
  gap: 6%;
}


.container-change-passwordadmin form h1{
margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: initial;
  background-color: #fdfd54;
  text-transform: uppercase;
  color: black;
}
/* Add shops */


        .container-add-shops{
            display: grid;
            grid-template-rows: 10% 90%;
            height: 100%;
        }

        .container-add-shops form{
        
            display: grid;
            gap: 2%;
            grid-auto-columns: auto;
            padding-top: 1%;
        }



        .container-add-shops form > * {
            width: 30%;
            margin: auto;
            height: 100%;
            text-align: center;
            font-size: medium;
        }

        .container-add-shops form div{
            display: grid;
            gap: 3%;
            grid-template-columns: 49% 49%;
        }


        .container-add-shops .fl-01{
            display: flex;
            justify-content: center;
            align-items: center;
        }


        .container-add-shops .shop-added{
            background-color: aquamarine;
        }

        .container-add-shops .shop-notadded{
            background-color: #ff6c6c;
        }

/* container add customer order */


.container-customer-add-order{
    display: grid;
    grid-template-rows: 10% 89%;
    gap: 1%;
    height: 100%;
}


.container-customer-add-order form{
    display: grid;
    grid-template-rows: 13% 64% 10% 10%;;
    /* grid-template-rows: 10% 67% 10% 10%; */
    gap: 1%;
}

.co-exlabels div{
    display: grid;
    /* grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% ; */
    /* grid-template-columns: 6% 10% 12% 13% 6% 10% 12% 13%; */
    grid-template-columns: 9% 11% 13% 13% 9% 11% 13% 13%;
  gap: 1%;
}

.co-exlabels div label{
    display: flex;
    justify-content: center;
    align-items: center;
}


.container-customer-add-order form > div:first-child {
    /* display: flex;
    justify-content: center; */
    /* display: grid;
    width: 45%;
    margin: auto;
    height: 100%;
    grid-template-columns: 45% 45% 8%;
    align-items: center;
    gap: 1%; */
    display: grid;
  width: 100%;
  margin: auto;
  height: 100%;
  grid-template-columns: 40% 58%;
  align-items: center;
  gap: 2%;
}

/* .container-customer-add-order form > */

.container-customer-add-order form > div:nth-child(2){
    display: grid;
    width: 45%;
    margin: auto;
    height: 100%;
    grid-template-columns: 30% 50% 18%;
    align-items: center;
    gap: 1%;
}

.container-customer-add-order form > div:nth-child(2) > * {
    height: 100%;
}

.container-customer-add-order .no-such-customer-found{
    display: grid;
    width: 100%;
    margin: auto;
    height: 100%;
    grid-template-columns: 45% 25% 25%;
    align-items: center;
    gap: 1%;
    padding-left: 25%;
    padding-right: 25%;
    background: #ff9a9a;
}

.container-customer-add-order .no-such-customer-found > *{
    height: 100%;
}

.container-customer-add-order .flex-end{
    display: flex;
    justify-content: flex-end;
}

.container-customer-add-order .flex-end h6{
    /* margin-right: 1%; */
    font-size: medium;
    display: flex;
    align-items: center;
}

.container-customer-add-order .flex-end input{
    margin-right: 0.5%;
    margin-left: 1%;
}


.container-customer-add-order table{
    display: grid;
    grid-template-rows: 10% 90%;
}

.container-customer-add-order tr{
    display: grid;
    grid-template-columns: 5% 10% 9% 5% 7% 6% 8% 8% 8% 14% 10% 10%;
    /* grid-template-columns: 5% 10% 9% 5% 7% 6% 8% 10% 10% 10% 10% 10%; */
    /* grid-template-columns: 5% 10% 10% 10% 7% 10% 8% 10% 10% 10% 10%; */
    height: 10%;
    align-items: center;
}

.container-add-customer thead, tbody{
    display: block;
}

.container-customer-add-order thead tr{
    height: 100%;
    background-color: #fdfd54;
}

.container-customer-add-order tr input{
    width: 100%;
    /* height: 100%; */
}

.container-customer-add-order tbody{
    overflow: auto;
}

.container-customer-add-order tbody tr td:nth-child(10){
        display: grid;
        grid-template-columns: 10% auto 10% auto;
}

.container-customer-add-order tbody::-webkit-scrollbar{
    display: none;
}

.container-customer-add-order tr td:first-child{
    text-align: center;
}

.container-customer-add-order .co-cnm{
    display: grid;
    grid-template-columns: 46% 46% 5%;
    gap: 1%;
    padding-left: 2%;
    padding-right: 2%;
}

.container-customer-add-order .co-exlabels{
    display: grid;
  gap: 6%;
  height: 100%;
}

.container-customer-add-order .cus-order-grte{
    width: 100%;
    display: block;
}

/* Pay options css */

.div-pay-options{
    width: 100%;
    background-color: #fdfd54;
}
.div-pay-options label{
    display: flex;
    justify-content: center;
    align-items: center;
}

.pay-details{
    display: grid;
  grid-template-columns: 49% 49%;
  padding: 2%;
  row-gap: 5%;
  grid-template-rows: 30%;
  background: beige;
}


.wrapper-pay-btn{
    display: grid;
    grid-template-columns: 19% 19% 19% 19% 19%;
  /* grid-template-columns: 33% 33% 33%; */
  gap: 1%;
}


.pb-cnf{
    display: flex;
  justify-content: space-around;
  align-items: center;
  background: red;
}

.div-previewaddCustomerBox{
    display: flex;
    justify-content: center;



}

.div-pb-custmbt-close{
    display: flex;
    justify-content: space-around;
}
/* Utilities */



.flex{
    justify-content: center;
    align-items: center;
}

.grid-chk{
    grid-template-rows: 10% 90%;
}

.grid-chk1{
    grid-template-rows: 10% 10% 80%;
}

.active{
    display: flex;
    background-color: aquamarine;
}

.error{
    display: flex;
    background-color: red;
}

.button-active{
    background: #9ded86 !important;
    border: 1px solid black;
}

.bill-preview-overlay{
    position: absolute;
  width: 100%;
  background: #7eb7ff7a;
  height: 100%;
  /* margin: 0% 25%; */
  padding: 2% 25%;
}

.customer-order-preview{
    background-color: white;
    width: 100%;
    height: 100%;
    padding-top: 2%
    ;

}

.container-bill-preview-address{
    display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  

}

.flex-01{
    display: flex;
    justify-content: center;
    align-items: center;
}

.active-book{
    background-color: aquamarine;
    display: flex;
    justify-content: center;
    align-items: center;
}

.closed-book{
    background-color: #ff9a9a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hide{display: none !important; }
/* 

@media print{
    header{
        display: none;
    }

    .container-bill-preview-address{
        font-size: larger;
    }

    footer{
        display: none;
    }
} */
.admin-sidebar-above{
    display: none;
    overflow: scroll;
}

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

.container-billing .inp-subtotal{
	width: 100% !important;
}

.container-billing .table-exchange td input{
	width: 100% !important;

}

.container-billing .table-exchange tr td:nth-child(1){
font-size: small !important;
}

.container-billing .bank-details-form input{
	width: 100% !important;
	height: 70% !important;
}

.container-billing .table-exchange tr td:nth-child(2){
width: 100% !important;
}

.container-billing .table-exchange tr td:nth-child(2) input{
width: 100% !important;
}

.container-billing .container-hold-exchange input{
width: 100% !important;

}

.container-billing .table-exchange{
width: 100% !important;

}

/* 
.container-billing td .inp-exchange, .container-billing td .inp-discount, .container-billing td .inp-sgst, .container-billing td .inp-cgst, .container-billing td .finaltotal{
	width: 100% !important;
} */


.container-billing .table-exchange tfoot tr{
height: 50% !important;

}



.container-billing .table-exchange tfoot tr td{
height: 100% !important;

}


.container-billing .table-exchange tfoot td button{
font-size: 40% !important;
height: 90% !important;
display: flex;
  justify-content: start;
  align-items: center;
}

.container-billing .bank-details-form label{
font-size: small !important;

}



.container-billing .bank-details-form{
display: flex;
justify-content: center;
align-items: center;
}


.container-billing .table-exchange tr:not(first-child) td{
justify-content: start !important;
}

.container-billing table:nth-child(1) thead{
	font-size: small !important;
}


.container-billing .table-exchange tfoot tr{
	grid-template-columns: 23% 23% 23% 23% !important;
}

/*  Pending ORders */


.table-pending-invoices thead tr th{
 font-size: x-small !important;
}

.tbody-pending-invoice input[type="button"]{
 font-size: x-small !important;
}

.co-div-search input{
	width: 100% !important;
}

.table-pending-invoices tr td{
 font-size: x-small !important;
}

.table-pending-co tr td{
 font-size: x-small !important;
}

.table-pending-co input[type="button"]{
 font-size: x-small !important
}

.table-pending-co tr th{
 font-size: x-small !important;
}

  .container-login {
    width: 73% !important;
  }

    
    body {
      background-color: lightblue;
                grid-template-rows: 6% 88% 6% !important;

    }

   footer{
        font-size: small !important;
    }
    header{
        font-size: medium !important;
    }

    li{
        width: 311px;
    }

    li button{
        width: 100%;
        font-size: medium;
    }


   .admin-dashboard-container {
        grid-template-columns: none;
        grid-template-rows: 10% 88%;
        gap: 2%;
    }

    .admin-sidebar{
        display: none;
    }

    .admin-sidebar-above{
        display: block;
        overflow: scroll;
    }

    .admin-sidebar-above::-webkit-scrollbar{
        display: none;
    }
    
    .admin-sidebar-above nav{
        width: 100%;
    }


    
		.admin-sidebar-above ol li {
		    margin-right: 10px;
 	 			  display: flex;
 		   align-items: center;
			}
    
        .admin-sidebar-above ol{
            display: flex;
            list-style-type: none;
            overflow-x: auto;
            padding: 0;
            white-space: nowrap;
            width: 100%;
            max-width: 100%;
            height: 100%;
        }

        .admin-sidebar-above ol button{
            margin-right: 5%;
            height: 59%;
        }


        .admin-sidebar-above ol{
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  
        }

        .admin-sidebar-above ol::-webkit-scrollbar{
            display: none;
        }

.container-add-customer form{
width: 70% !important;
font-size: small;
}

.container-view-customers>div>div:first-child{
width: 100% !important;
}

.container-view-customers .results-customer-list table tr{
	font-size: small !important;
	grid-template-columns: 10% 15% 19% 25% 20% 10%;
}

/* Chits */


.container-add-chit-customer form{
width: 70% !important;
}

.container-view-chit-customers>div>div:first-child{
	width: 100% !important;
font-size: small; !important;
}

.container-view-chit-customers .results-customer-list table tr{
font-size: x-small !important;
}

.container-view-chit-customers .results-customer-list table tr button{
font-size: x-small !important;

}

.container-add-chitEntry form{
width: 76% !important;
height: 70% !important;
}

.container-view-chit-book{
width: 100% !important;
}

.container-view-chit-book table thead{

height: 12% !important;
}



.container-view-chit-book table tbody{

height: 88% !important;
}


.container-view-chit-book table tr{
font-size: 70% !important;
}


.container-view-chit-book h1{
background-color: rgb(253 253 84);
width: 100% !important;
display: flex !important;
justify-content: center;
align-items: center;
}

.container-view-chit-book div:nth-child(2) input{
width: 100% !important;
}

.container-view-chit-book div:nth-child(2){
  grid-template-columns: 25% 23% 25% 23% !important;
  font-size: small !important;
}



/* Stocks */

.container-add-stocks form{

width: 67% !important;
height: 65% !important;
}

.container-view-stocks .view-stocks-form input{
	width: 100% !important;
}

.container-stocks .container-view-stocks .view-stocks-form.yesf{
	width: 100% !important;
 	grid-template-columns: 25% 23% 5% 7% 5% 10% 15% !important;
	font-size: x-small !important;
	justify-content: center;
}

.container-stocks .container-view-stocks .view-stocks-form{
	width: 100% !important;
 	grid-template-columns: 25% 5% 7% 5% 10% 15% 23% !important;
	font-size: x-small !important;
	justify-content: center;
}

.container-view-stocks thead tr{
font-size: x-small !important;
}


.container-view-stocks tbody tr{
font-size: x-small !important;
}

.container-view-stocks tbody tr button{
/* display: flex;
align-items: center; */
}

.container-view-stocks tbody tr button{
font-size: x-small !important;
height: 90% !important;
}


/*  Dealers */


.container-dealers .header-section h1{

font-size: small !important;
}

.container-add-dealer form{

width: 67% !important;
height: 65% !important;
}

.container-dealers .main-sections .container-view-dealers div:first-child{
width: 100% !important;
font-size: small !important;
}

.container-dealers .main-sections .container-view-dealers form{
width: 100% !important;

}


.container-dealers .main-sections .container-view-dealers .tbody-result-dealers tr{
font-size: small !important;
}

.container-dealers .main-sections .container-view-dealers .tbody-result-dealers tr td:first-child{
font-size: x-small !important;
}

.container-dealers .container-add-dpentry form{
width: 83% !important;
height: 85% !important;
}

.container-dealers .container-dealer-view div:first-child input{
 width: 100% !important;

}

.container-dealers .container-dealer-view div{
grid-template-columns: 20% 25% 20% 25% !important;
 width: 100% !important;
font-size: small !important;
}

.container-dealers .container-dealer-view table tr{

width: 100% !important;
font-size: x-small !important;
}




.container-add-shops form > *{
width: 63% !important;
/* height: 85% !important; */
}

.container-add-category form{
width: 57% !important;
height: 40% !important;
}

.container-rate-change form{
width: 67% !important;
height: 60% !important;
}

.container-history .invoice-history .container-ih-storename{
width: 70% !important;
display: grid !important;
justify-content: center !important;
grid-template-columns: 55% 25% !important;
gap: 2% !important;
}

.container-history .invoice-history .container-ih-filters{
width: 100% !important;
display: grid !important;
justify-content: center !important;
grid-template-columns: 5% 15% 5% 15% 5% 7% 5% 7% 5% 7% !important;
gap: 2% !important;
font-size: small !important;
}


.container-history .invoice-history > * > input{
width: 100% !important;

}

.container-table-invoice-history table{
height: 100% !important;
}


.container-table-invoice-history table thead{
height: 10% !important;
}

.container-table-invoice-history table thead tr{
height: 100% !important;
font-size: 80% !important;
}

/* Main admin password change */

.container-change-admin-pwd form{
width: 70% !important;
    font-size: small;
  }



}


@media only screen and (width: 2880px) and (height: 1800px) {

}