.delivery-list ul{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; }
.delivery-list ul li{ display:flex; padding:10px; position:relative; width:calc(50% - 5px); border:1px solid rgba(0,0,0,.3); color:#084298; background-color:#eef4ff; border-color:rgb(182, 212, 254); margin:0 10px 10px 0; box-shadow:0 0 5px rgb(158, 198, 255); border-radius:5px; transition:all ease-in-out .5s; }
.delivery-list ul li .checkbox-icon{ position:absolute; right:0; top:0; padding:0; z-index:999; cursor:pointer; width:21px; line-height:21px;  border-radius:0 5px 0 0;  /*background:rgba(255,255,255,.3); box-shadow:0 0 5px rgba(0,0,0,.1);*/ text-align:center; font-size:16px; }
.delivery-list ul li:nth-child(2n){ margin-right:0; }
.delivery-list ul li:hover{ box-shadow:0 0 10px rgb(158, 198, 255); background-color:#f3f7ff; }
.delivery-list ul li .item-oty{ width:40px;  margin:0 10px 0 0; }
.delivery-list ul li .item-oty span{ display:block; width:40px; line-height:40px; text-align:center;  background:#000; color:#fff; font-size:15px; border-radius:50%;}
.delivery-list ul li .item-details{  text-align:left; width:100%;  }
.delivery-list ul li .item-details .customer-name{ font-weight:500; font-size:16px; padding:0 0 5px; line-height:normal; text-align:center; }
.delivery-list ul li .item-details .customer-address { color:black; padding:0 0 8px; line-height:normal; display:flex; justify-content:center; flex-wrap:wrap; position:relative; }
.delivery-list ul li .item-details .customer-address span{ display:flex; align-items:center; margin:0 6px 0 0; position:relative; }
.delivery-list ul li .item-details .customer-address span:last-child,
.delivery-list ul li .item-details .customer-address span.last-child{margin-right:0}
.delivery-list ul li .item-details .customer-address span a{display:flex; align-items:center; }
/*.delivery-list ul li .item-details .customer-address span:before{  content:""; position:absolute; right:-8px; top:4px; font-weight:bold; width:1px; height:12px; background:black; }*/
.delivery-list ul li .item-details .customer-address span.last:before{ display:none; }
.delivery-list ul li .item-details .customer-address span i { font-size:18px; margin:0 5px 0 0; }
.delivery-list ul li .item-details .customer-address span i.comment-green-text{ color:green; }
.delivery-list ul li .item-details .customer-address span.date{ background: url(../images/calendar.png) no-repeat 0 3px; padding: 0 0 0 20px; background-size: 17px auto; }
.delivery-list ul li .item-details .customer-address span.select-box{ width:90px; }
.delivery-list ul li .item-details .customer-address span.select-box select{ width:100%; border-radius:0; height: auto; padding: 3px 10px 3px 3px; background-position: right -13px center; }
.delivery-list ul li .item-details .customer-address {}
.msg-box{ position:absolute; top:99.99%; display:flex; opacity:0; visibility:hidden; transition: all ease-in-out .5s; justify-content:center; z-index:99; background:rgba(255,255,255,.85); min-width:100%; padding:7px; box-shadow:0 0 5px rgba(0, 0, 0, .5); border-radius:5px; }
.msg-box.show-pop{ opacity:1; visibility:visible; }
.msg-box input[type="text"]{ width:calc(100% - 60px); border:1px solid rgba(0, 0, 0, .2); padding:10px; border-radius:5px 0 0 5px; outline:none; }
.msg-box input[type="button"]{ width:60px; margin:0; color:#fff; border-radius:0 5px 5px 0; background-color:#3f51b5; border:1px solid #3f51b5; cursor:pointer; }
.delivery-list ul li .challan-box{ display:flex; justify-content:center; }
.delivery-list ul li .challan-box .challan-input{ display:block; margin:0 10px 0 0; width:130px; }
.delivery-list ul li .challan-box .challan-input:last-child{  }
.delivery-list ul li .challan-box .challan-input label{ display:block; margin:0 0 5px; color: #fff; border-radius:5px; background-color: #3f51b5; border:1px solid #3f51b5; box-shadow: none; cursor:pointer ; }
.delivery-list ul li .challan-box .challan-input label span{ display:block; text-align:center; padding:2px 5px 2px 20px; position:relative; }
.delivery-list ul li .challan-box .challan-input label span i{ position:absolute; left:11px; top:6px; }
.delivery-list ul li .challan-box .challan-input label input{ width:1px; height:1px; position:absolute; }
.delivery-list ul li .challan-box .challan-input .img-box{ width:100%; display:block; position:relative; }
.delivery-list ul li .challan-box .challan-input .img-box img{ width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; box-shadow:0 0 5px rgba(0,0,0,.1); border-radius:5px; }
.delivery-list ul li .challan-box .challan-input .img-box .delete-btn{ position:absolute; right:0; top:0; z-index:2; width:25px; height:25px; display:flex; justify-content:center; align-items:center; font-size:17px; cursor:pointer; }
@media(max-width:991px){
	.delivery-list ul li{width: 100%; margin: 0 0 10px; }
}
.modal-form-wrap.custom-scrollbar{ padding:0; }
.modal-form-wrap.custom-scrollbar .modal-form-box{ max-height:calc(100vh - 240px); overflow:auto; scroll-behavior:smooth; scrollbar-width:thin; padding:15px; }
.item-list-box{ margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid rgba(0, 0, 0, .15); }
.item-list-box:last-child{ margin:0; padding:0; border-bottom:0; }
.item-list-box ul{ list-style:none; padding:0; margin:0; }
.item-list-box ul li{ margin:0 0 5px; padding:0; line-height:normal; }
.popimg{ position:fixed; display:none; justify-content:center; align-items:center; z-index:99999; }
.popimg.show-pop{ display:flex; }
.popimg .popimg-overlay{ background:rgba(0, 0, 0, .5); position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:1 }
.popimg .popimg-box{ position:fixed; width:800px; left:50%; transform:translate(-50%, -50%); top:50%; z-index:2; max-height:calc(100vh - 50px); }
.popimg .popimg-box .close-btn{ position:absolute; right:0; top:-31px; font-size:15px; display:flex; width:auto; height:auto; align-items:center; justify-content:center; color:#fff; cursor:pointer; }
.popimg .popimg-box .close-btn span{ font-size:29px; display:inline-block; padding:0 0 0 2px; }
.popimg .popimg-box .popimg-box-img{ width:100%; overflow-y:auto; overflow-x:hidden; height:100%; max-height:calc(100svh - 50px); }
.popimg .popimg-box .popimg-box-img img{ width:100%; height:auto; }
.site-navbar-small .site-navbar .navbar-toolbar > li > a.navbar-avatar{ padding:0 10px; }
.site-navbar-small .site-navbar .navbar-toolbar > li > a.navbar-avatar .user-name{ line-height:60px; padding:0; }
.delivery-list ul li .checkbox-icon i.md-spinner{ animation:rotation 1s linear infinite; }
@keyframes rotation {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
} 
.page-login-delivery .vertical-align-middle { max-width: 100%; width: 350px; }
.page-login-delivery .vertical-align-middle form{ width:100%; }
.page-login-delivery .form-material .form-control{ padding:10px; }
.user-name { display: block; } 
@media(max-width:900px){
	.popimg .popimg-box{ width:calc(100% - 20px); left:10px; transform:translate(0, -50%); }
}