.main-content-area .main-card{min-height: 500px;}
.text-sm {font-size: 13px !important;}
.text-gradient.text-info {background-image:linear-gradient(310deg, #8f1c20, #ff0008);}
.bg-gradient-info {background-image: linear-gradient(310deg, #8f1c20 0%, #ff0008 100%);}
.form-switch .form-check-input:checked {background-color: #8f1c20;border-color: #8f1c20;}
.form-control{font-size:13px;}
.form-control:focus {border-color: #f39797;box-shadow: 0 0 0 2px #f39797;}
.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {background-image: linear-gradient(310deg, #8f1c20 0%, #ff0008 100%);}
.bg-gradient-primary {background-image: linear-gradient(310deg, #8f1c20 0%, #ff0008 100%);}
.btn-primary{background:#d20b12;}
.btn-primary:hover, .btn.bg-gradient-primary:hover {background-color: #ff0008;border-color: #ff0008;}
.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon i{color:#fff !important;top: 0px;}

.new-list-table {padding-top:10px;}
.new-list-table .table thead th{padding: 15px 9px !important;}
.new-list-table .table tbody tr:last-child td {border-width: 1px ;}
.new-list-table .table-bordered > :not(caption) > * > *{border-width: 1px;border-color: #e9ecef;}

.new-list-table .table td,.new-list-table .table th{white-space: inherit;}

#cust{position: relative;}
#cust .dropdown-content{border: none;}

.customer-list .dropdown-content{}
/* The container <div> - needed to position the dropdown content */
.customer-list .dropdown{position: relative;display: inline-block;}
/* Dropdown Content (Hidden by Default) */
.customer-list .dropdown-content {display: block;position: absolute;background-color:#f7f8f9;min-width: 230px;z-index: 1;height:320px;overflow: hidden;overflow-y: scroll;}
/* Links inside the dropdown */
.customer-list .dropdown-content a {padding:5px 15px;text-decoration: none;display: block;font-size:13px;border: 1px solid #d2d6da;color: #5d6d7d;cursor: pointer;}
/* Change color of dropdown links on hover */
.customer-list .dropdown-content a:hover{background-color: #f1f1f1}
.customer-list .area-text{font-size: 12px;font-weight: 600;margin-top: 10px;}

.page-item.active .page-link {z-index: 3;color: #fff;background-image: linear-gradient(310deg, #8f1c20 0%, #ff0008 100%);border-color: #ea0606;}

#exp_buttons div.dt-buttons{float: right !important;}
#exp_buttons button{background-image: linear-gradient(310deg, #8f1c20 0%, #ff0008 100%);color: #fff;letter-spacing: -0.025rem;text-transform: uppercase;box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07);background-size: 150%;background-position-x: 25%;font-weight: 700;text-align: center;border-radius: 0.5rem;border: none;}
#exp_buttons button span{font-size: 0.75rem;}
#exp_buttons .buttons-excel{background-image: linear-gradient(310deg, #73bf11 0%, #82d616 100%);}
#exp_buttons .buttons-csv{background-image:linear-gradient(310deg, #23a8bd 0%, #00f3ff 100%);}

.machine-dis span,.remarks-text{font-size: 0.75rem;font-weight: 700;margin-bottom: 0.5rem;color: #344767;margin-left: 0.25rem;}

tr > td:last-of-type {/* styling here */width: 205px;}

.login-footer .copyright{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center !important;}

tr:nth-child(2n) {background-color:#f7f7f7 !important;}


label,.form-label{margin-left: 0;}

.contact-group-wrapper table ul{padding: 0;margin-bottom:0;}
.contact-group-wrapper table li{display: inline-block;vertical-align: middle;}
.contact-group-wrapper table .updateallform li{width: 49%;}
.contact-group-wrapper table .updateallform li.cus-btn{width:100%;}
.contact-group-wrapper .cus-name{width:280px;word-break: break-all;word-wrap: break-word;white-space: break-spaces;}
.contact-group-wrapper .cus-no{width:160px;}
.contact-group-wrapper li.cus-btn{width:95px;}

.account-action .dropdown:not(.dropdown-hover) .dropdown-menu{padding:0 !important;margin:0 !important;background:#fff;}
.account-action .dropdown-menu li a{padding:10px 15px !important;border-radius: 5px;}

.pagination{margin-top:15px;}
#exportContent .table tbody tr:last-child td {border-width: 1px;}


.recent-customers-block{position: relative;}
.recent-customers-block ul{padding:0;}
.recent-customers-block li{list-style: none;}
.recent-customers-block h5{color: #344767;font-size:12px;margin:0 0 2px;}
.recent-customers-block p{font-weight: 500;color: #67748e;font-size:12px;}
.recent-customers-block .view-link{position: absolute;top:10px;right:20px;}

.recent-customers-block ul.rb li {list-style: none;margin: 0 0 0 10px;min-height: 50px;border-left: 1px dashed #000;padding: 0 0 11px 30px;position: relative;}
.recent-customers-block ul.rb li:last-child {border-left: 0;}
.recent-customers-block ul.rb li::before {position: absolute;left:-10px;top:0;content: " ";border: 8px solid rgb(236, 237, 238);border-radius: 500%;background: #d20b12;height: 20px;width: 20px;transition: all 500ms ease-in-out;}
.recent-customers-block ul.rb li:hover::before {border-color: #232931;transition: all 1000ms ease-in-out;}
.recent-customers-block ul.rb li .timestamp {color: #d20b12;position: relative;width: 100px;font-size: 12px;}
  
td.machine-dis{width:250px;}

.pending-status-cart{color:#a1001b;margin:10px;}
.completed-status-cart{color:#ff0000;margin:10px;}

.item-new-small{width: 360px;}
.qty-new-small{width: 100px;}
.action-new-small{}

.bill_items_table tr > td:last-of-type {width: auto;}

.search_vcno {border: 1px solid #d2d6da;border-radius: 5px;margin-top: 10px;font-size: 12px;padding: 5px 10px;color: #000;display: block;width:100%;}

.customer-list .dropdown-content{}
/* The container <div> - needed to position the dropdown content */
.customer-list .dropdown{position: relative;display: inline-block;}
/* Dropdown Content (Hidden by Default) */
.search_vcno_list {display: block;position: absolute;background-color:#f7f8f9;min-width: 230px;z-index: 1;height:125px;overflow: hidden;overflow-y: scroll;padding:0;}
.search_vcno_list li{list-style: none;}
/* Links inside the dropdown */
.search_vcno_list li {padding:5px 15px;text-decoration: none;display: block;font-size:13px;border: 1px solid #d2d6da;color: #5d6d7d;cursor: pointer;}
/* Change color of dropdown links on hover */
.search_vcno_list li:hover{background-color: #f1f1f1}
.customer-list .area-text{font-size: 12px;font-weight: 600;margin-top: 10px;}
.contact-group-wrapper .pagination li {width: auto;}

.demo-0{position: relative;padding:20px 0;}
.demo-0 .avoid-print #container .reveal-modal{top: 15%;height: 100vh;}
.demo-0 .avoid-print #container .reveal-modal canvas{width:40%;}


@media only screen and (max-width:980px){
    .row{display: block;}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ flex:auto;width:100%;}
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{ flex:auto;width:100%;}
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ flex:auto;width:100%;}
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{ flex:auto;width:100%;}
    .card-header .d-flex{display: block !important;}
    .card-header .form-control{width: 100% !important;margin: 10px 0;}
    .card-header .col-6.text-end{text-align:left !important;}
    .card-header .col-8.pt-4,.card-header .pt-4{padding-top: 0 !important;}
    .card-header h5{padding-bottom:15px;}

    table thead {display: none;}
    table td {display: block;}
    table td::before {content: attr(label);font-weight: 700 ;width: 100%;min-width:100%;display: block;font-weight: 700 !important;margin-bottom:5px;color: #8392AB !important;font-size: 0.65rem !important;opacity: 0.7 !important;}
    .new-list-table .table,.new-list-table tbody,.new-list-table tr{width: 100%;display: block;}
    .new-list-table tr{margin-bottom: 15px;}
    .new-list-table .table td {display: block;width:100%;}
    .pagination{display: block;margin: 0;}
    .pagination li{display: inline-block;vertical-align: middle;margin-bottom: 5px;}
    .account-action {position: relative;}
    .account-action .dropdown-menu{position: absolute;top:0;background: #fff;}
    .account-action .dropdown:not(.dropdown-hover) .dropdown-menu{top: 30px;}
    td.machine-dis {width:100%;}

    tr > td:last-of-type {width: 100%;}
}