/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.22
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
*, :before, :after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}
:root {
	--background: 0 0% 97%;
	--foreground: 215 25% 27%;
	--card: 0 0% 100%;
	--card-foreground: 215 25% 27%;
	--popover: 0 0% 100%;
	--popover-foreground: 215 25% 27%;
	--primary: 215 32% 20%;
	--primary-foreground: 0 0% 98%;
	--secondary: 210 40% 96%;
	--secondary-foreground: 215 25% 27%;
	--muted: 210 40% 96%;
	--muted-foreground: 215 16% 47%;
	--accent: 206 100% 42%;
	--accent-foreground: 0 0% 98%;
	--destructive: 0 84% 60%;
	--destructive-foreground: 0 0% 98%;
	--border: 214 32% 91%;
	--input: 214 32% 91%;
	--ring: 206 100% 42%;
	--radius: .75rem;
	--sidebar-background: 0 0% 98%;
	--sidebar-foreground: 215 25% 27%;
	--sidebar-primary: 215 32% 20%;
	--sidebar-primary-foreground: 0 0% 98%;
	--sidebar-accent: 210 40% 96%;
	--sidebar-accent-foreground: 215 25% 27%;
	--sidebar-border: 214 32% 91%;
	--sidebar-ring: 206 100% 42%
}

.dark {
	--background: 215 32% 20%;
	--foreground: 0 0% 98%;
	--card: 215 32% 20%;
	--card-foreground: 0 0% 98%;
	--popover: 215 32% 20%;
	--popover-foreground: 0 0% 98%;
	--primary: 0 0% 98%;
	--primary-foreground: 215 32% 20%;
	--secondary: 217 33% 17%;
	--secondary-foreground: 0 0% 98%;
	--muted: 217 33% 17%;
	--muted-foreground: 215 20% 65%;
	--accent: 206 100% 42%;
	--accent-foreground: 0 0% 98%;
	--destructive: 0 63% 31%;
	--destructive-foreground: 0 0% 98%;
	--border: 217 33% 17%;
	--input: 217 33% 17%;
	--ring: 206 100% 42%;
	--sidebar-background: 215 32% 20%;
	--sidebar-foreground: 0 0% 98%;
	--sidebar-primary: 206 100% 42%;
	--sidebar-primary-foreground: 0 0% 98%;
	--sidebar-accent: 217 33% 17%;
	--sidebar-accent-foreground: 0 0% 98%;
	--sidebar-border: 217 33% 17%;
	--sidebar-ring: 206 100% 42%
}
body {
	background-color: #f7f7f7;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	color: hsl(var(--foreground));
}

h1, h2, h3, h4, h5, h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	margin-block-end: 0;
	margin-block-start: 0;
}
.bg-card
 {
	background-color: hsl(var(--card));
}
.rounded-lg {
	border-radius: var(--radius);
}
.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
ul.businesslist.hide_single {
	list-style: square;
	margin: 0;
	padding: 20px 0 20px 18px;
}
.single .hide_single {display: none}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border: 1px solid #666;
	border-radius: 3px;
	padding: .5rem 1rem;
	transition: all .3s;
	width: 100%;
	border-radius: 10px !important;
	border-color: #efefef !important;
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select, textarea:focus { 
	border-color: #404040; background: #efefef; color: #000; outline: none}
	
	.text-accent-foreground {
		color: hsl(var(--accent-foreground))
	}
	
	.text-blue-500 {
		--tw-text-opacity: 1;
		color: rgb(59 130 246 / var(--tw-text-opacity, 1))
	}
	
	.text-blue-600 {
		--tw-text-opacity: 1;
		color: rgb(37 99 235 / var(--tw-text-opacity, 1))
	}
	
	.text-card-foreground {
		color: hsl(var(--card-foreground))
	}
	
	.text-current {
		color: currentColor
	}
	
	.text-destructive {
		color: hsl(var(--destructive))
	}
	
	.text-destructive-foreground {
		color: hsl(var(--destructive-foreground))
	}
	
	.text-foreground {
		color: hsl(var(--foreground))
	}
	
	.text-foreground\/50 {
		color: hsl(var(--foreground) / .5)
	}
	
	.text-gray-600 {
		--tw-text-opacity: 1;
		color: rgb(75 85 99 / var(--tw-text-opacity, 1))
	}
	
	.text-gray-800 {
		--tw-text-opacity: 1;
		color: rgb(31 41 55 / var(--tw-text-opacity, 1))
	}
	
	.text-green-600 {
		--tw-text-opacity: 1;
		color: rgb(22 163 74 / var(--tw-text-opacity, 1))
	}
	
	.text-green-800 {
		--tw-text-opacity: 1;
		color: rgb(22 101 52 / var(--tw-text-opacity, 1))
	}
	
	.text-muted-foreground {
		color: hsl(var(--muted-foreground))
	}
	
	.text-orange-600 {
		--tw-text-opacity: 1;
		color: rgb(234 88 12 / var(--tw-text-opacity, 1))
	}
	
	.transition-colors {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4,0,.2,1);
		transition-duration: .15s;
	}
	
	.break-words {
		overflow-wrap: break-word
	}
	
	.rounded-\[2px\] {
		border-radius: 2px
	}
	
	.rounded-\[inherit\] {
		border-radius: inherit
	}
	
	.rounded-full {
		border-radius: 9999px
	}
	
	.rounded-lg {
		border-radius: var(--radius)
	}
	
	.rounded-md {
		border-radius: calc(var(--radius) - 2px)
	}
	
	.rounded-sm {
		border-radius: calc(var(--radius) - 4px)
	}
	
	.rounded-t-\[10px\] {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px
	}
	
	.rounded-t-lg {
		border-top-left-radius: var(--radius);
		border-top-right-radius: var(--radius)
	}
	
	.rounded-tl-sm {
		border-top-left-radius: calc(var(--radius) - 4px)
	}
	
	.border {
		border-width: 1px
	}
	
	.border-0 {
		border-width: 0px
	}
	
	.border-2 {
		border-width: 2px
	}
	
	.border-\[1\.5px\] {
		border-width: 1.5px
	}
	
	.border-y {
		border-top-width: 1px;
		border-bottom-width: 1px
	}
	
	.border-b {
		border-bottom-width: 1px
	}
	
	.border-l {
		border-left-width: 1px
	}
	
	.border-r {
		border-right-width: 1px
	}
	
	.border-t {
		border-top-width: 1px
	}
	
	.border-dashed {
		border-style: dashed
	}
	
	.border-\[--color-border\] {
		border-color: var(--color-border)
	}
	
	.border-border\/50 {
		border-color: hsl(var(--border) / .5)
	}
	
	.border-destructive {
		border-color: hsl(var(--destructive))
	}
	
	.border-destructive\/50 {
		border-color: hsl(var(--destructive) / .5)
	}
	
	.border-input {
		border-color: hsl(var(--input))
	}
	
	.border-primary {
		border-color: hsl(var(--primary))
	}
	
	.border-red-500 {
		--tw-border-opacity: 1;
		border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
	}
	
	.border-sidebar-border {
		border-color: hsl(var(--sidebar-border))
	}
	
	.border-slate-700 {
		--tw-border-opacity: 1;
		border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
	}
	
	.border-transparent {
		border-color: transparent
	}
	
	
	.elementor-shortcode table td, .elementor-shortcode  table th {
	 border: 0;
		
	}
	
	.elementor-shortcode .level-0 {
		background: #EA580C;
		text-align: center;
		width: auto;
		display: inline-block;
		padding: 3px 10px;
		color: #fff;
		font-weight: 700;
	}
	
	.elementor-shortcode .level-1 {
		background: red;
		text-align: center;
		width: auto;
		display: inline-block;
		padding: 3px 10px;
		color: #fff;
		font-weight: 700;
	}
	
	.elementor-shortcode .level-2 {
		background: 	 rgb(22 163 74 / var(--tw-text-opacity, 1));
		text-align: center;
		width: auto;
		display: inline-block;
		padding: 3px 10px;
		color: #fff;
		font-weight: 700;
	}

.make_stiky {position: sticky; top: 10px; transition: all 0.2s ease;
	}
	
	.make_stiky.unstuck {
	  position: relative; /* Or static */
	  top: auto;
	}
.make_stiky.stuck {
	background: var(--e-global-color-accent);
	padding: 17px 26px;
	margin: 0 -26px;
	z-index: 99;
	box-shadow: 0px 7px 8px rgb(0 0 0 / 50%);

}

.sentinel {
  height: 1px;
}

.line-item {
	display: flex
;padding:  15px 0;
	width: 100%;
	flex-wrap: nowrap;
	gap: 20px;
	border-bottom: 1px solid #F2F5F8
}
.status-0 {
	color:red
}
.status-1 {
	color:green
}

.item-title {
	font-weight: 700;
	min-width: 25%;
}

.state-icon svg {
	width: 30px;
}

.item._33 {
	width: 33%;
}

@media screen and (max-width: 800px) {
 .responsive table {
	border: 0;
  }
.hide-mobile {display: none !important}
 .responsive table caption {
	font-size: 1.3em;
  }
  
 .responsive  table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
  }
 .responsive   table th
   {
	  font-weight: 700;
	  display: block;
  }
 .responsive  table tr {
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625em;
  }
  
 .responsive table td {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: .8em;
	text-align: right;
  }
  
 .responsive table td::before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-title);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
  }
  
 .responsive table td:last-child {
	border-bottom: 0;
  }
}


.pending-payment .page-content::after {
	content: "";
	
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
	height: 100%;
	
	padding: 40px 0; /* height of the banner */
	background-image: url(pending.png);
	background-repeat:  repeat ;
	background-color: rgba(255,255,255,.6);
	font-size: 100px;
	font-weight: bold;
	color: rgba(255, 0, 0, 0.08); /* subtle transparent text */
	text-align: center;
	z-index: 9999;
	
	pointer-events: all; /* block interactions */
}

/* Prevent copying/interaction of the underlying content */
.pending-payment .page-content {
	position: relative;

}


.status {
	background: #fff;
	padding: 5px 10px;
}

.status.level-0 {
	background: #EA580C;
	text-align: center;
	width: auto;
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	font-weight: 700;
}

.status.level-1 {
	background: red;
	text-align: center;
	width: auto;
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	font-weight: 700;
}

.status.level-2 {
	background: 	 rgb(22 163 74 / var(--tw-text-opacity, 1));
	text-align: center;
	width: auto;
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	font-weight: 700;
}

@media print {
	body.pending-payment * {
		display: none !important;
	}

	/* Optional: show a print-friendly message */
	body.pending-payment::before {
		content: "Pending Payment – Printing Disabled";
		display: block;
		font-size: 24px;
		color: red;
		text-align: center;
		margin-top: 100px;
	}
}
.report-image-gallery .gallery {
	display: flex; gap : 20px; margin-bottom: 50px;
}
.report-image-gallery .gallery  .gallery-item {width: 20%}
/* ---------- default (screen) ---------- */
.print-letterhead,
.print-spacer ,.user-inspector  #wpadminbar
{ display: none; }

html.user-inspector {
	margin-top: 0 !important;
}