/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

/* -------------------------------------------------------------------------- */
/*                          Global Card Styling                               */
/* -------------------------------------------------------------------------- */

.card {
	border: none;
	border-radius: 0.5rem;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	overflow: hidden;
}

.card:hover {
	box-shadow: 0 4px 18px rgba(0,0,0,0.09);
}

.card-header {
	background: linear-gradient(135deg, #2c7be5 0%, #1a68d1 100%);
	padding: 1rem 1.25rem;
	border: none;
}

.card-header h5,
.card-header h6 {
	color: #fff;
	margin: 0;
}

/* Kanban cards: inherit card background instead of blue gradient */
.kanban-item-card .card-header {
	background: inherit;
}

/* Order list row hover */
.orderlist-row:hover {
    background-color: rgba(44, 123, 229, 0.08) !important;
    transition: background-color 0.15s ease;
}
.orderlist-row td {
    transition: background-color 0.15s ease;
}
.card-header .card-header-title {
	color: #fff;
	font-weight: 600;
	margin: 0;
}

.card-header .badge {
	background: rgba(255,255,255,0.2);
	color: #fff;
	font-size: 0.7rem;
	padding: 0.3em 0.65em;
	border-radius: 50rem;
	font-weight: 600;
}

.card-header .btn-card-header {
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
	font-size: 0.7rem;
	padding: 0.2rem 0.6rem;
	border-radius: 0.25rem;
	transition: background 0.15s ease;
	text-decoration: none;
	cursor: pointer;
}

.card-header .btn-card-header:hover {
	background: rgba(255,255,255,0.3);
	color: #fff;
}

/* White text for links inside card-headers */
.card-header a:not(.btn-falcon-default):not(.btn-outline-secondary):not(.btn-light):not(.nav-link) {
	color: #fff !important;
}

/* Override: card-headers with nav tabs/pills keep their light background */
.card-header.bg-light {
	background: var(--falcon-light) !important;
}

.card-header.bg-light h5,
.card-header.bg-light h6 {
	color: #344050;
}

.card-header.bg-light a {
	color: inherit !important;
}

.card-body {
	padding: 1rem 1.25rem;
}

/* Scrollable card body */
.card-body.scrollbar {
	max-height: 380px;
	overflow-y: auto;
}

.card-body.scrollbar::-webkit-scrollbar {
	width: 4px;
}

.card-body.scrollbar::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,0.1);
	border-radius: 4px;
}

/* Card variant: muted header (grey gradient) */
.card-header-muted {
	background: linear-gradient(135deg, #748194 0%, #5e6e82 100%);
}

/* Card variant: light header (keeps original Falcon look) */
.card-header-light {
	background: #f9fafd;
	border-bottom: 1px solid #edf2f9;
}

.card-header-light h5,
.card-header-light h6,
.card-header-light .card-header-title {
	color: #344050;
}

.card-header-light a {
	color: #344050 !important;
}

.card-header-light .btn {
	color: #344050 !important;
	border-color: #d8e2ef;
}

/* -------------------------------------------------------------------------- */

.bg-ldh-green { background-color: #ae2525;  color: white !important; }
.bg-ldh-lightgreen { background-color: #b4d1b5;  color: black !important; }
.bg-ldh-black { background-color: #1d1c1a;  color: white !important; }
.bg-ldh-orange { background-color: #cc784d; color: black !important; }
.bg-ldh-red { background-color: #913b2d; color: black !important; }

.border-bottom-lightgrey {
	border-bottom: 1px solid lightgrey !important;
}

a {
	color: black !important;
}

.btn-success {
	border-color: #dcdfe5;
	color: #2c343d;
}

.btn-falcon-default:hover, btn-success {
	border-color: #f5f5f5;
	
}

.progress {
	position: relative;
}
.progress-bar {
	overflow: hidden;
	z-index: 1;
}
.progress-label {
	color: #000;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	z-index: 2;
	width: 100%;
	text-align: center;
	font-size: 0.6rem;
	justify-content: center;  
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;  
	margin-top: 1px;
	}
	
select {
	font-size: 0.875rem !important;
}
	
	
	
.timeline-with-icons {
  border-left: 1px solid hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
}

.timeline-with-icons .timeline-item {
  position: relative;
}

.timeline-with-icons .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline-with-icons .timeline-icon {
  position: absolute;
  left: -48px;
  background-color: hsl(217, 88.2%, 90%);
  color: hsl(217, 88.8%, 35.1%);
  border-radius: 50%;
  height: 31px;
  width: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.truckorder_rollout	{
	display: none;
}

.dynamictxt {

}

.margin-left-100 {
	margin-left: 100px !important;
}

.bg-ldh {
	background-color: #fbe2e2 !important;
}

.logequipmentview_img_small {
	width: 20px !important;
}

.logequipmentview_img_big {
	width: 35px!important;
}

#map_canvas {
	height: 300px;
	padding: 10px;

}

#map_logcanvas {
	height: 600px;
	padding: 10px;

}

label.UploadField {

	display: inline-block;
	height: 50px;
	padding-top: 50px;
	padding-left: 20px;	
	min-width: 150px;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background-color: #ffffff;
	border: 2px solid #333c34;
	margin-top: 10px;
	margin-bottom: 10px;  						  
}

/* Look like a clicked/depressed button */
label.UploadField:hover {
	opacity: 0.4;
	box-shadow: 0px 6px 9px -3px rgba(0,0,0,0.2);
}

/* Look like a clicked/depressed button */
label.UploadField:active {
	border: 6px solid #333c34;
	background-color: #CDFFCA;
	box-shadow: 0px 6px 9px -3px rgba(0,0,0,0.2);
}

/* This is the part that actually hides the Choose file text box for camera inputs */
label.UploadField input[accept*="camera"] {
  display: none;
}	




/* CALENDER CLASSES */

.delivery:before {
  display: inline-block;
  content: ' ';
  background-image: url('/img/arrow_order_right_green.png');
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 9px;
  left: 5px;
  z-index: 99999;
}	

.delivery_self:before {
  background-image: url('/img/arrow_order_right_black.png');
}	

.delivery div {
	margin-left: 3px;
}

.pickups:before {
  display: inline-block;
  content: ' ';
  background-image: url('/img/arrow_order_left_red.png');
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 9px;
  left: 5px;
  z-index: 99999;

}

.pickups_self:before {
  background-image: url('/img/arrow_order_right_black.png');
}	


.pickups div {
	margin-left: 3px;
}



.stop:before {
  display: inline-block;
  content: ' ';
  background-image: url('/img/curvyroad.png');
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 9px;
  left: 5px;
  z-index: 99999;
}

.stop div {
	margin-left: 3px;
	color: #000000 !important;	
}

.bg-yellow {
	background-color: yellow !important;
	color: black;
}

.cursor {
	cursor: pointer;
}	


.truck_DEACTIVATED:before {
  display: block;
  content: '';  
  margin-top: 2px;
  margin-right: 2px;
  background-size: 19px 19px;
  height: 19px;
  width: 19px;
  float: left;

}

.calender_order_in_truck {
	margin-left: 15px !important;
	margin-top: -2px !important;
}

.calender_order_in_truck:after {
  display: inline-block;
  content: ' ';
  background-image: url('/img/sub_icon.png');
  background-size: 12px 20px;
  height:20px;
  width: 12px;
  position: absolute;
  top: 3px;
  left: -10px;
  z-index: 99999;  
}

.calender_tripevent, .calender_tripevent div {
	background-color:  !important;
	color: #000000 !important;
}


/* STATUS CLASSESS */

/* Status 1 */	
.order_awaiting, .order_awaiting div{	
	background-color: #0020ff !important;
	color: #FFFFFF !important;
}

/* Status 2 */	
.order_in_Service, .order_in_Service div{	
	background-color: #fffe00 !important;
	color: #000000 !important;
}

/* Status 3 */
.order_ready_to_pack, .order_ready_to_pack div{
	background-color: #00fd00 !important;
	color: #000000 !important;
}

/* Status 4 */
.order_packing, .order_packing div{
	background-color: #800f82 !important;
	color: #FFFFFF !important;
}

/* Status 5 */
.order_on_hold, .order_on_hold div{
	background-color: #ff1700 !important;
	color: #FFFFFF !important;
}

/* Status 6 */
.order_ready_to_send, .order_ready_to_send div{
	background-color: #000000 !important;
	color: #FFFFFF !important;
}

/* Status 7 */
.order_on_transit, .order_on_transit div{
	background-color: #839e88 !important;
	color: #000000 !important;
}

/* Status 8 */
.order_at_customer, .order_at_customer div{
	background-color: #00feff !important;
	color: #000000 !important;
}



/* Status 9 */
.order_ldh_hands, .order_ldh_hands div{
	background-color: #DCAB8A !important;
	color: #000000 !important;
}

/* Status 10 */
.order_back_at_ldh, .order_back_at_ldh div{
	background-color: #5D6C53 !important;
	color: #FFFFFF !important;
}

/* Status 11 */
.order_scan_done, .order_scan_done div{
	background-color: #FF6200 !important;
	color: #000000 !important;
}

/* Status 12 */
.order_finished, .order_finished div{
	background-color: #ff2aff !important;
	color: #000000 !important;
}


.form-verysmall {

	background-image: none;
	padding: 4px;
	padding-left: 10px;
	width: 40px !important;
	
}

label.ui-checkboxradio-label {

    --falcon-btn-padding-y: 0.1875rem;
    --falcon-btn-padding-x: 0.75rem;
    --falcon-btn-font-size: 0.875rem;
    --falcon-btn-border-radius: 0.25rem
    --falcon-btn-font-weight: 500 !important;
    --falcon-btn-line-height: 1. !important5;
    --falcon-btn-color: #5e6e82 !important;
    --falcon-btn-bg: transparent !important;
    --falcon-btn-border-width: var(--falcon-border-width) !important;
    --falcon-btn-border-color: transparent !important;
    --falcon-btn-hover-border-color: transparent !important;
    --falcon-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    --falcon-btn-disabled-opacity: 0.65 !important;
    --falcon-btn-focus-box-shadow: 0 0 0 0 rgba(var(--falcon-btn-focus-shadow-rgb), .5) !important;
    
    display: inline-block !important;
    padding: var(--falcon-btn-padding-y) var(--falcon-btn-padding-x) !important;
    font-family: var(--falcon-btn-font-family) !important;
    font-size: var(--falcon-btn-font-size) !important;
    font-weight: var(--falcon-btn-font-weight !important);
    line-height: var(--falcon-btn-line-height) !important;
    color: var(--falcon-btn-color !important);
    text-align: center !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    border: var(--falcon-btn-border-width) solid var(--falcon-btn-border-color) !important;    
	color: var(--falcon-btn-falcon-default-color) !important;
    background-color: var(--falcon-btn-falcon-background) !important;
    border-color: var(--falcon-btn-falcon-background) !important;
    -webkit-box-shadow: var(--falcon-btn-falcon-box-shadow) !important;
    box-shadow: var(--falcon-btn-falcon-box-shadow) !important;    
     font-weight: bold !important;
    
    
}

label.ui-checkboxradio-label:hover { 
    border-color: black !important;   
    text-color: black !important;

}
label.ui-checkboxradio-checked {

    background-color: #dfffe4 !important;
    
}

/* ========================================================================================================= */
/* == Media queries ======================================================================================== */
/* ========================================================================================================= */

@media (min-width: 300px) {

	#topsearchbar {
		position: absolute;
		margin: auto;
		width: 90vw;
		left: 10px;
		right: 20px;
		top: 60px;
		display: none;	
		background: rgb(237,241,250);
		background: linear-gradient(180deg, rgba(237,241,250,1) 0%, rgba(237,241,250,1) 50%, rgba(237,241,250,0) 100%);		
		height: 100px;
	}

	.dynamic_form_txt {
		font-size: 10px !important;
	}	
	
	.brickclass { width: 50%;  }	
	
    /**************************************************/
    /* Small devices (landscape phones, 576px and up) */
    /**************************************************/
    @media (min-width: 576px) {
    

		
        /* END "sm-" 576px and up */
        
        
    }

    /**************************************************/
    /* // Medium devices (tablets, 768px and up) */
    /**************************************************/
    @media (min-width: 768px) {


		.dynamic_form_txt {
			font-size: 10px !important;
		}	    

        /* END "md-" 768px and up */
        
		.brickclass { width: 32%;  }	        
    }

    /**************************************************/
    /* // Large devices (desktops, 992px and up) */
    /**************************************************/
    @media (min-width: 992px) {
    
		   
		.dynamic_form_txt {
			font-size: 12px !important;
		}			
		
		#topsearchbar {
			position: static;
			margin: auto;
			width: 100%;
			display: block;
			background: ;
			background: ;		
			height: 40px;
		}	
				


        /* END "lg-" 992px and up */
    }

    /**************************************************/
    /* // Extra large devices (large desktops, 1200px and up) */
    /**************************************************/
    @media (min-width: 1200px) {
	  	

		.dynamic_form_txt {
			font-size: 13px !important;
		}						


        /* END "xl-" 1200px and up */
    }
    
    /**************************************************/
    /* // Extra Extra large devices (large large desktops, 1400px and up) */
    /**************************************************/
    @media (min-width: 1400px) {
	
		.dynamic_form_txt {
			font-size: 14px !important;
		}			

        /* END "xxl-" 1400px and up */
    }    
    
}