.pincode-input-container {
	display: inline-flex;
	width: 100%;
  }
  .pincode-input-container input.first {
	border-radius: 15px;
  }
  .pincode-input-container input.mid {
	border-radius: 15px;
  }
  .pincode-input-container input.last {
	border-radius: 15px;
  }
  .pincode-input-text, .pincode-input-text.form-control {
	text-align: center;
	flex-grow: 1;
	height: 80px;
	margin: 0 .5rem;
	padding: 0;
  }
  @media (max-width: 767px) {
	.pincode-input-text, .pincode-input-text.form-control {
		text-align: center;
		flex-grow: 1;
		height: 50px;
		margin: 0 .2rem;
		
	  }
  }
  .pincode-input-text, .pincode-input-text.form-control:focus {
	outline: 5px solid #6737f2;
  }
  .pincode-input-text .filled {
	caret-color: transparent;
  }
  
  .pincode-input-error {
	clear: both;
  }
  
  .pincode-input-container.touch .pincode-input-text:focus, .pincode-input-container.touch .pincode-input-text:focus.form-control {
	outline: none;
	border: 0;
	box-shadow: none;
  }
  .pincode-input-container.touch .touchwrapper {
	position: relative;
	height: 100%;
	flex-grow: 1;
  }
  .pincode-input-container.touch .touchwrapper .pincode-input-text {
	display: flex;
	background: transparent;
	text-align: initial;
	border: 0;
	padding-left: 0;
	overflow: visible;
	box-shadow: none;
	transition: none;
  }
  .pincode-input-container.touch .touchwrapper .pincode-input-text.noletterspacing {
	letter-spacing: 0 !important;
	visibility: hidden;
  }
  .pincode-input-container.touch .touch-flex {
	display: flex;
	align-items: stretch;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  }
  .pincode-input-container.touch .touch-flex-cell {
	text-align: center;
	flex-grow: 1;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 15px;
	margin: 0 .2rem;

  }
  .modal-dialog .pincode-input-container.touch .pincode-input-text {
	z-index: 1042;
  }
  .modal-dialog .pincode-input-container.touch .touch-flex {
	z-index: 1041;
	pointer-events: none;
  }