.fa-spin-2x {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 1s infinite linear;
}
#scantaginput {
	border: 1px solid #ddd;
    background-color: #f3f6f9;
    color: #000;
    height: 55px;
    font-size: 22px;
}
.searchresult.active {
  background: #ddd;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}
.lev1_slimscroller {
	overflow-y: scroll;
    scrollbar-color: #e9ecf3 #575d77;
}
.table.bs5 { 
	border: 0; 
}
.table.bs5 th, .table.bs5 td { 
	border: 0 !important; 
	border-bottom: 1px solid #dee2e6 !important; 
}
.table.bs5 thead th { 
	border-bottom: 2px solid #000 !important; 
}
.swal2-popup {
	font-size: 16px;
}
.routedefinition {
	margin-bottom: 0;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fafafa;
}

tr[data-cpid] {
    transition: background-color 1s;
}
tr[data-cpid].highlighted {
    background-color: #ffffcc;
}

#season_2 {
	background: #ddd;
    padding: 10px;
    margin-bottom: 10px;
}
.prodcountrow {
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	padding-top: 10px;
}
.swal2-icon.swal2-info.swal2-icon-show div.swal2-icon-content {
	font-size: 55px;
}
.swal2-container.swal2-center.swal2-backdrop-show {
	z-index: 10050;	
}
.last_del_info {
    border: 1px solid #999;
    display: inline-block;
    padding: 3px 5px;
    font-size: 12px;
    font-family: monospace;
    margin-top: 3px;
    background: #f5f2f2;
}
.last_del_info.red {
	background: #ffc3c3;
}
.glowing-effect {
    border: 3px solid rgba(255, 255, 0, 1);  /* Yellow border for glowing effect */
    box-shadow: 0 0 5px rgba(255, 255, 0, 0.8), 0 0 10px rgba(255, 255, 0, 0.8), 0 0 15px rgba(255, 255, 0, 0.8);
    animation: glow-border 1.5s ease-in-out infinite alternate;
	z-index: 1;
}

@keyframes glow-border {
    0% { 
        border-color: rgba(255, 255, 0, 1);
        box-shadow: 0 0 5px rgba(255, 255, 0, 0.8), 0 0 10px rgba(255, 255, 0, 0.8), 0 0 15px rgba(255, 255, 0, 0.8);
    }
    100% { 
        border-color: rgba(255, 255, 0, 0.5);
        box-shadow: 0 0 20px rgba(255, 255, 0, 1), 0 0 25px rgba(255, 255, 0, 0.7), 0 0 30px rgba(255, 255, 0, 0.5);
    }
}
@keyframes pulsate {
    0% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(0.8);
    }
    100% {
        filter: brightness(1);
    }
}

.highlight-pulsate {
    animation: pulsate 2s infinite;
}
.actual_route_order {
	display:none;
	padding:2px;
}

#routeprogressound {
	position: absolute;
    right: 7px;
}
.progress-bar-success-custom {
	background-color: #36d3c3
}
.routeprogressbars .progress-bar-custom:hover {
	filter: brightness(0.8); /* Darkens the element */
}
.deliveryprogressmainbox {
	cursor: pointer;
}
.progress_custom {
	display: flex;
    /*justify-content: space-between;*/
    margin-bottom: 15px;
	/*overflow-x: auto;*/
}
.progress-bar-custom {
	flex: 1;
    margin: 0 0px;
    height: 20px;
	font-size: 10px;
}

input[className='user_pin_input_mask'] {
	text-security: disc;
	-webkit-text-security: disc;
	-moz-text-security: disc;
}
.swal2-container.swal2-fade.swal2-shown {
	z-index: 10051;
}
.trackordershow {
	display:none;
}
#customerlocationsmap, #companiesmap, #showallcustomerlocationsmap {
	width: 100%;
	height: 1000px;
}
.trackorderterms {
	border: 1px solid;
	padding: 15px;
	margin: 15px;
	font-size: 16px;
	background: #ddd;
}
.editcpdirectcontainer input {
	min-width: 50px
}
#deliverylogportlet .dt-buttons {
	margin-top:5px;
}
.page-content {
	padding-top: 0px !important;
}

.tabbable-bordered {
	margin-top: 0px !important;
}

tr.extrainfo {
	display:none;
}

.bt {
	border-top: 1px dotted #3598dc !important;
}
.bb {
	border-bottom: 1px dotted #3598dc !important;
}
.bl {
	border-left: 1px dotted #3598dc !important;
}
.br {
	border-right: 1px dotted #3598dc !important;
}

.dz-preview, .dz-processing, .dz-image-preview, .dz-success, .dz-complete {
	display: inline-block !important;
	padding: 10px;
}
.dz-success-mark, .dz-error-mark {
	display: none !important;
}

.imagethumb:hover {
	border: 1px solid #377ad5;
}

.navbar-fixed-top {
    z-index: 995 !important;
}
.nopadding {
   /*padding-right: -10px !important;*/
}
/*
.selected {
	border: 1px solid #a3ccff !important;
	background: aliceblue;
}*/
.error {
	background: #ffe0e0 !important;
}
.isdragging {
	background: #e9f2fd !important;
}
.success {
	background: #a8e8a8 !important;
}

.routeselect {
	padding: 10px;
    margin: 10px;
	cursor:pointer;
}
.bg-blue .routeselect {
    border: 2px solid white;
	background: #3598dc;
}
.bg-blue .routeselect:hover {
	background: rgba(163, 200, 226, 0.5);
}
.bg-grey-steel .routeselect, .bg-grey-steel .routeselect.active {
    border: 2px solid black;
}

.routeselect.active {
    border: 2px solid white;
	background: #3598dc;
}
.routeselect.active:after {
   content: "\f00c";
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
   float: right;
}

.searchresults, .adhoc-searchresults {
	background: white;
	border: 1px solid #3b3f51;
    border-top: 0px;
	position: absolute;
	padding: 0px !important;
	z-index: 999;
}
.searchresults  .searchresult, .adhoc-searchresults .searchresult { 
	padding: 7px 17px;
	cursor: pointer;
}
.searchresults  .searchresult:hover, .adhoc-searchresults .searchresult:hover { 
	background: #ddd;
}

.pswp__button.pswp__button--share {
	display: none !important;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject {
    margin-left: 6px !important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message {
    margin-left: 6px !important;
}

.onlinestatus {
	float: right;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border-radius: 10px !important;
	text-align:center;
	color: white;
	font-size: smaller;
}
.onlinestatus.offline {
	background: #909090;
}
.onlinestatus.online {
	background: #4ec54e;
}
.onlinestatus.idle {
	background: orange;
}

.page-quick-sidebar-wrapper {
	border: 2px solid;
	overflow-y: scroll;
}

.chat-form {
    bottom: 0px;
	margin-top: 0px !important;
	position: fixed;
    width: 515px;
	z-index: 9999999;
}
.chats li .avatar {
	font-size: 30px;
    background: #ddd;
    text-align: center;
}
.chats li.in .avatar {
	margin-left: 5px;
}
.page-quick-sidebar-wrapper .scroller {
	padding: 10px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time {
	margin-right: 5px;
}
.chats .chatmessage:last-child {
	margin-bottom: 75px !important;
}

.customersuggestion {
	border: 1px solid #999;
    border-radius: 10px !important;
    padding: 2px 5px;
    margin-top: 5px;
	margin-right: 5px;
    display: inline-block;
}
.customersuggestion.active  {
	background: #51af4b;
    border-color: #3598dc;
    color: white;
}
.customersuggestion.active:hover  {
	background: #51af4b;
    border-color: #3598dc;
    color: white;
}
.customersuggestion:hover {
	background-color: #fff;
	cursor:pointer;
}
.customersuggestion .fa {
	display: none;
}
.customersuggestion.active .fa {
	display: inline;
}

.chats li {
    list-style: inherit !important;
}

#customersuggestions_wrapper {
	display:none;
}

#customersuggestions_wrapper .fa-chevron-down {
	position:absolute; 
	right: 10px; 
	top:10px;
	cursor:pointer;
}

.chatmessage .body {
	color: #000 !important;
}
.deliverylog td {
	padding: 3px !important;
}
.deliverylog td ul {
	margin-bottom: 0px !important;
}
.systemlog {
	display:none;
}
#packinglist {
	display:none;
}

#signorder {
	display:none;
	position: relative;
	width: 504px;
	margin: 30px 30px 30px 0px;
}
#signorder canvas {
	border: 2px solid #ddd;
}

.previmg {
	max-width: 150px; 
	width: 150px;
	margin: 10px;
    border: 2px solid #999;
}
.uploadedimg {
	max-width: 150px; 
	width: 150px;
	margin: 10px;
    border: 2px solid #8cc58a;
}
.dashboard-stat2 .display .icon {
    position: absolute;
    right: 30px;
}

.invoicerow:hover, .invoicerow:hover input {
	background: #f5f5f5;
}

.btn-fullscreen {
	float: right;
    margin-top: 3px;
    margin-right: 20px;
}

.routetitle {
	padding: 5px;
	background: #ddd;
}
.routelocation {
	border: 1px solid #fff;
	margin-bottom: 5px;
	padding: 5px;
}
.routelocation:hover {
	border: 1px solid #999;
	cursor:pointer;
}

.routelocation.selected {
	background: #c3e6ff;
}
.routelocation .fa-arrow-down {
	position: absolute;
	margin-left: -6px;
}
.routeinfo {
	display:none;
}
.routeinfo.selected {
	background: white;
    border-left: 2px dashed;
    padding-left: 5px;
	padding-right: 10px;
}
.routeinfo.selected span {
	float: right;
}
.tableexport-caption {
	display:none;
}
.form-control:focus {
    border: 2px solid green;
}

#customerproductlist_wrapper > .row > .col-md-12 {
	margin-bottom: 5px;
}
#customerproductlist_wrapper > .row > .col-md-12 > .dt-buttons {
	margin-top: 0px;
}

.drivefrom, .driveto {
	border: 2px solid #6190f1;
}
.driveto {
	border-bottom: 2px solid #6190f1 !important;
}