/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* !* latin-ext *! */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* !* latin *! */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




html, body {
	margin: 8px 0;
	padding: 0;

	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;

	overflow-x: clip;
	background-color: #faf9f9;


}


#page {

	opacity: 0;

}




#spinner {
	left: 0;
	display: flex;
	position: absolute;
	justify-content: center;
	justify-items: center;
	align-items: center;
	min-height: 100vh;
	width: 100%;
	z-index: 1000;
	margin-top: -20%;

}





input.form-control {
	border: 1px solid #ced4da;
	border-radius: 6px;
	background-color: white;

}

input.form-check-input {
	border: 1px solid #ced4da;
	border-radius: 4px;
	background-color: white;
}

.form-floating label {
	color: #1a1a1a;
}




#header {

	text-align: center;
	width: 100%;
	font-size: 1.2rem;
	color: black;

	#contact-div {
		font-size: 0.9rem;
	}

	#contact-div a {
		color: #4d6365;
		text-decoration: none;
	}
}


.hr-separator {
	border-top: 1px solid #b8bec5;
	margin-top: 10px;
	margin-bottom: 10px;
}


.btn {
	border-radius: 6px;
}




.early-exit-container {

	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;


	padding: 12px 12px 30%;
}

.early-exit-message {
	text-align: center;
	width: 500px;
	height: 250px;

	div {

		line-height: 1.6rem;
	}

}

#size-finder-content {
	background-color: white;
	border: 1px solid #ced4da;
	border-radius: 12px;

	text-align: center;



	.available-at-text {
		font-weight: 500;

		.success-icon {
			display: block;
		}

		.result-header {
			font-size: 1.1rem;
			font-weight: 600;
		}

		.pair-of-units-text {
			font-size: 0.95rem;
			font-weight: 500;
		}
	}


	.available-at-other-site-container {

		.exact-size-not-available-msg {
			font-weight: 500;
		}

		.at-div {
			font-weight: 400;

		}

		.unit-found-size {
			font-weight: 700;
			font-size: 18pt;
		}

		.unit-name-pair {
			display: inline-block;

			font-weight: 500;
			font-size: 1.1rem;
			padding: 0 2px;
		}
		.other-site-name {
			display: block;
			font-weight: 500;
			font-size: 0.95rem;
		}
		#address-div {
			display: inline-block;
			font-weight: 400;
			font-size: 0.8rem;
		}
	}





}


#footer-image {
	height: 140px;
	width: auto;
	border-radius: 15%;

}



@media (max-width:768px) {

	.alertify-notifier.ajs-top {
		font-size: 0.8rem;
		top:8pt;
	}


}