.turnstile-logo img{
	margin-top: 15px;
	margin-left: -15px;
	width: 120px;	
}

.turnstile-clerk-image img {
  margin-left: 15px;
  margin-top: -150px;
  width: 150px;
  height: 170px;
}
.turnstile-clerk-image h3 {
	padding-right: 160px !important;
} 
.turnstile-clerk-image p {
  padding-right: 160px !important;
}
/* PR 11804 START */
.turnstile-title h2{	
	text-transform: uppercase;
	color:white;
	margin-left: 10px;
}
.turnstile-title h3{	
	text-transform: uppercase;
	color:white;
	margin-top: -5px;
	margin-left: 15px;
}

.turnstile-clerk-name{
	margin-top: 70px !important;
}

@media (max-width: 1025px) { 
.turnstile-clerk-image img {
  margin-left: 15px;
  margin-top: -170px;
  width: 150px;
  height: 170px;
}
.turnstile-clerk-image h3 {
	font-size: 20px;
	padding-right: 160px !important;
} 
.turnstile-clerk-image p {
	font-size: 15px;
  padding-right: 160px !important;
}
}

@media (max-width: 575px) { 
	/* PR 11804 START */
	.turnstile-title h2 {
		display: none;
	}
	.turnstile-title h3 {
		display: none;
	}
	.turnstile-logo{
		text-align: center;
	}
}

@media (min-width: 576px) and (max-width: 767px) { 
	.turnstile-title {	
		padding-left: 70px;
	}
	.turnstile-title h2{	
		font-size: 18px !important;
		margin-left: 35px;
	}
	.turnstile-title h3{	
		font-size: 16px !important;
		margin-left: 35px;
	}
}

@media (min-width: 768px) and (max-width: 991px){ 
	.turnstile-title {	
		padding-left: 70px;
	}
	.turnstile-title h2{	
		font-size: 18px !important;
		margin-left: 35px;
	}
	.turnstile-title h3{	
		font-size: 16px !important;
		margin-left: 35px;
	}
}

@media (min-width: 1460px) and (max-width: 1800px){ 
	.turnstile-title h2{	
		font-size: 22px;
		margin-left: 10px;
	}
	.turnstile-title h3{	
		font-size: 20px;
		margin-top: -3px;
		margin-left: 15px;
	}
}

@media (min-width: 1190px) and (max-width: 1459px){ 
	.turnstile-title h2{	
		font-size: 18px !important;
		margin-left: 10px;
	}
	.turnstile-title h3{	
		font-size: 16px !important;
		margin-top: -3px;
		margin-left: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1189px){ 
	.turnstile-title {	
		padding-left: 60px !important;
	}
	.turnstile-title h2{	
		font-size: 18px !important;
	}
	.turnstile-title h3{	
		font-size: 16px !important;
	}
}
/* PR 11804 START */
.turnstile-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  padding-top: 10px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.turnstile-modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid rgb(219, 219, 219);
  border-radius: 20px;
  width: 40%;
  min-width: 420px !important;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  top: 30%;
}

.turnstile-modal-header {
  padding: 2px 16px;
  background-color: #2A3052;
  color: white;
  border-radius: 15px;
}

.turnstile-modal-body {padding: 2px 16px; 
  }

.turnstile-modal-footer {
  padding: 50px 2px 2px 16px;
  background-color: white;
  text-align: right;
}

.turnstile-card {
	width: 100%;
	text-align: center !important;
	padding: 25px 10px 25px 0px;	
}

.turnstile-card-item {
	border: 1px solid rgb(219, 219, 219);
  	border-radius: 20px;
  	padding: 40px 25px;
  	margin: 0 auto;
  	width: 70% ;
  	min-width: 350px;
}

.turnstile-help {
  color: blue;
  font-size: 15px;
  cursor: pointer; 
}

.customRefreshButton {
  background-color: #be8f00;
  color: white;
  border: none;
  padding: 7px 14px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.customRefreshButton:hover {
  background-color: #876705;
}

.error-card {
	width: 100%;
	text-align: center !important;
	padding: 15px 5px 15px 0px;	
}

.error-item {
	border: 1px solid rgb(219, 219, 219);
  	border-radius: 5px;
  	padding: 8px 5px;
  	margin: 0 auto;
}