html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Inter, system-ui, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}
body{
	font-family: Inter, system-ui, sans-serif;;
}
.btn-custom{
	background: white;
	color: blue;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-custom:hover{
	background: transparent;
	color: white;
	border:1px solid white;
}
header{
	border-bottom: 2px solid black;
}
.width-30{
	width: 30rem;
}
.width-20{
	width: 20rem;
}
.width-70{
	width: 70rem;
}
.border-1{
	border:1px solid black;
}
.cur-pointer{
	cursor: pointer;
}
.select2-dropdown,.select2-container--open {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.select2-container--default .select2-selection--single{
	border-radius: 0px!important;
	padding: 1.2rem !important;
	border: 1px solid black !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	padding: 0px !important;
	top: -0.8rem !important;
	position: relative !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
	top: -0.8rem !important;
	position: relative !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 41px !important;
	right: 13px !important;
}
.select2-dropdown{
	border: 1px solid black !important;
}
#signature-canvas{
	border:2px solid black !important;
	border-radius: 30px;
}
.visitor-review-badge{
	width: 400px;
	height: 190px;
	border: 1px solid black;
	display: block;
}
.visitor-review-img{
	height: 190px;
}
.badge-name{
	margin-top: 30px;
	font-size: 1.5rem;
	font-weight: bolder;
	color: #333;
}
.badge-company-name{
	margin-top: 20px;
	font-size: 1rem;
	font-weight: bolder;
	color: #a1a1a1;
}
.badge-visiting{
	margin-top: 20px;
	font-size: 1rem;
	font-weight: bolder;
	color: #a1a1a1;
}
.visitor-review-button{
	width: 400px;
	height: 40px;
	border: 1px solid black;
	display: block;
	border-top: none !important; 
}
.take-new-pic-button{
	width: 49%;
	display: inline-block;
	text-align: center;
	margin-top: 8px;
	border-right: 1px solid black !important;
	cursor: pointer;
}
.edit-details-button{
	width: 49%;
	display: inline-block;
	text-align: center;
	margin-top: 8px;
	cursor: pointer;
}
.navbar{
	z-index: 999;
	background: white !important;
}
.camera-overlay{
	width: 100%;
	max-width: 100% !important;
}
#camera {
    width: inherit;
    max-width: inherit !important;
    height: 90.8vh;
    object-fit: cover;
    object-position: top;
}
.camera-overlay-wrapper {
  	position: relative;
  	width: inherit;
  	height: inherit;
}
.camera-overlay-wrapper::after {
  	content: '';
  	position: absolute;
  	top: 45%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 500px;
  	height: 500px;
  	background: transparent;
  	border-radius: 50%;
  	box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
  	pointer-events: none;
}