label.error {
    color: red !important;
}
#order_datatable_filter{
display: none;
}
input.error,
.custom-control.error {
    border-color: red !important;
}
#vendor-btn{
    margin-right: 2.3%;
}
#vendor-filter{
    margin-left: 2%;
}
.dt-buttons{display:unset;}
.filter-customer-section .txn-create-js,
#datatable_paginate,
#datatable_filter{float: right;}
#datatable_length,
#datatable_info{width: 50%;}
#datatable_length,
#datatable_filter,
#datatable_info,
#datatable_paginate{display: inline-block;}
/* Dashboard Css start */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
.dashboard-content{padding-block: 25px;}
.filter-section{text-align: right;margin-bottom: 15px;}
.filter-section .filter-select{padding: 10px;}
.filter-section .filter-select .filter-option{padding-block: 5px;}
.order-card .custom-card-title,
.shipment-card .custom-card-title,
.transition-card .custom-card-title,
.customer-card .custom-card-title,
.order-location-card .custom-card-title,
.top-product-card .custom-card-title,
.top-customers-card .custom-card-title{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.custom-card-days{text-align: right;margin-bottom: 0;}
.pending-order-card{text-align: center;box-shadow: inset 3px 3px 8px 0px #e6e6e6;background-color: #ffffff;margin-bottom: 10px;}
.pending-order-number{margin-bottom: 0;font-size: 25px;font-family: "Rubik", sans-serif;}
.pending-order-title{font-size: 14px;margin-bottom: 0;text-align: center;font-weight: 600;font-family: "Rubik", sans-serif;}
.pending-order-card.bg-danger{box-shadow: none;}
.pending-order-card.bg-danger .pending-order-number{color: #ffff;}

.order-card,
.shipment-card,
.transition-card,
.customer-card,
.chart-card,
.order-location-card,
.top-customers-card,
.top-product-card{border-radius: 5px;}


/* Transition Section Start */
.transition-table th{white-space: nowrap;}
.transition-table td{text-align: center;}
.transition-table::-webkit-scrollbar,
.order-location-table::-webkit-scrollbar {width: 5px;}
.transition-table::-webkit-scrollbar-track,
.order-location-table::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 0px;}
.transition-table::-webkit-scrollbar-thumb,
.order-location-table::-webkit-scrollbar-thumb{background: rgb(131, 131, 131); border-radius: 0px;}
.transition-table::-webkit-scrollbar-thumb:hover,
.order-location-table::-webkit-scrollbar-thumb:hover {background: #3b3b3b;}
.bank-transaction-table table tr th,
.bank-transaction-table table tr td{border: 1px solid #d4d4d4;vertical-align: middle;text-align: center;}
/* Transition Section End */

.order-location-card table th,
.order-location-card table td,
.top-product-table table th,
.top-product-table table td,
.top-customers-table  table th,
.top-customers-table table td{white-space: nowrap;}
#piechart svg{width: 600px;margin-inline: auto;}
#piechart svg:nth-child(2) rect{width: 100%;}
@media(max-width: 1199.98px){
    #piechart svg{width: 768px;}
}
@media(max-width: 1023.98px){
    .logo-horizontal{width: 60px;margin-inline: auto;}
    .logo-horizontal img{width: 100%;}
}
@media(max-width: 576.98px){
    #piechart svg{width: 100%;}
    .order-card .custom-card-title, .shipment-card .custom-card-title, .transition-card .custom-card-title, .customer-card .custom-card-title, .order-location-card .custom-card-title{font-size: 16px;}
    .custom-card-days{text-align:  left;margin-bottom: 15px;}
}
.search-container {
    position: relative;
    }
    .datatable-search {
        padding-right: 50px; /* space for the icon */
    }
    .cancel-icon {
          position: absolute;
          right: 25px;
          top: 50%;
          transform: translateY(-50%);
          cursor: pointer;
          color: #aaa;
}

    #createInvoiceForm .table.table-bordered,
    #createInvoiceForm .table.table-bordered th,
    #createInvoiceForm .table.table-bordered td,
    #createInvoiceForm .table .form-select,
    #createInvoiceForm .table .form-control {border-color: #000000;}
    #createInvoiceForm .form-group{margin-bottom: 0;}

    #editInvoiceForm .table.table-bordered,
    #editInvoiceForm .table.table-bordered th,
    #editInvoiceForm .table.table-bordered td,
    #editInvoiceForm .table .form-select,
    #editInvoiceForm .table .form-control {border-color: #000000;}
    #editInvoiceForm .form-group{margin-bottom: 0;}
    .body,
    td,
    th,
    p,
    h1,h2,h3,h4,h5,h6,button,label,span,input{
        font-size: 14px;
        font-weight: bold;
    }