/* Modal menu ---------------------------------- */

#modalLinks {
	height: 0;
	width: 100%;
	opacity: 0;
	transition: height 0.25s ease-in;
	transition: opacity 0.05s ease-out;
	visibility: hidden;
}

/* Paging -------------------------------------- */
.paging-navigation {
	margin-left: auto;
	margin-top: 20px;
	
	font-size: 16px;
	
	padding: 1em;
}

/* Remove bullets and list indentation */
.paging-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.paging-navigation li {
	display: inline;
}

/* Give each link and the current item some padding to make them easy to click */
a.page-numbers,
span.page-numbers {
	padding: .3em .7em;
}

/* Link hover state */
a:hover.page-numbers {
	background-color: #F7F7FA;
	border-radius: 5px;
}

/* Current page bold and dark */
.paging-navigation .current {
	font-weight: bold;
	background-color: #0597F2;
	color: #fff;
	border-radius: 5px;
}

img.r-marker {
    filter: drop-shadow(3px 3px 8px rgb(0 0 0 / 0.2));
}

.calculation-result-box {
    background: #fcfcfd;
    box-shadow:
        0px 4px 8px -2px rgba(16, 24, 40, 0.1),
        0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 8px;

    .result {
        /* font-family: 'Inter'; */
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        /* identical to box height, or 133% */

        text-align: center;
    }
}

/* jQueryDialog */
.ui-dialog {
	border-radius: 20px;
}

.ui-dialog .ui-dialog-titlebar {
	background: none;
	border: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	border-radius: 15px;
	box-shadow: 0px 0px 50px #00000026;
	width: 30px;
	height: 30px;
}

.ui-widget-overlay {
	overflow: hidden;
}

/* Spinner */
.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

.lds-ring.lds-ring-small {
	width: 40px;
	height: 40px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #00f;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #00f transparent transparent transparent;
}

.lds-ring.lds-ring-small div {
	width: 24px;
	height: 24px;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#breadcrumbs {
	text-align: left;
	font: normal normal medium 12px/18px Poppins;
	letter-spacing: 0px;
	color: #7F8087;
	opacity: 1;
	margin-bottom: 20px;
}

.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 130px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.ui-autocomplete>li>div {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
	cursor: pointer;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.validation-error {
	border: 1px solid red !important;
}

.validation-message {
	color: red;
	font-size: 12px;
	height: 20px;
}




/*********** Baseline, reset styles ***********/
input[type="range"].price {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 100%;
  }
  
  /* Removes default focus */
  input[type="range"].price:focus {
	outline: none;
  }
  
  /******** Chrome, Safari, Opera and Edge Chromium styles ********/
  /* slider track */
  input[type="range"].price::-webkit-slider-runnable-track {
	background-color: #d4d4d4;
	border-radius: 10rem;
	height: 08px;
  }
  
  /* slider thumb */
  input[type="range"].price::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	margin-top: -8px; /* Centers thumb on the track */
	background-color: rgb(5 151 242);
	border-radius: 12px;
	border: 1px solid white;
	height: 24px;
	width: 24px;
	transition: all .1s;
  }
  
  input[type="range"].price:focus::-webkit-slider-thumb {
	/* outline: 3px solid #dc49df; */
	/* outline-offset: 0.125rem; */
	transform: scale(0.8)
  }
  
  /*********** Firefox styles ***********/
  /* slider track */
  input[type="range"].price::-moz-range-track {
	background-color: #d4d4d4;
	border-radius: 10rem;
	height: 08px;
  }
  
  /* slider thumb */
  input[type="range"].price::-moz-range-thumb {
	background-color: rgb(5 151 242);
	border: 1px solid white;
	border: none; /*Removes extra border that FF applies*/
	border-radius: 12px;
	height: 24px;
	width: 24px;
  }
  
  input[type="range"].price:focus::-moz-range-thumb {

	/* outline: 3px solid rgb(5 151 242); */
  }


* {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smooth: never;
}

body {
	overflow-x: hidden;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.pricer-loader {
	width: 16px;
	padding: 3px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: white;
	--_m: 
	  conic-gradient(#0000 10%,#000),
	  linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}

  button > .pricer-loader {
	display: none;
  }

  button.loading .pricer-loader {
	display: block;
  }

  .ui-autocomplete {
	z-index: 100;
	max-height: 280px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	/* padding-right: 20px; */
} 

.ui-autocomplete .ui-menu-item-wrapper {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: start;
	padding-left: 8px;
	padding-right: 8px;
	height: 40px;
	font-family: "Poppins", sans-serif;
}