@charset "utf-8";
/* CSS Document */
.appPic {
		max-width: 250px;
	}
.headCont {
		max-height: 80px;
	}
	.pad-20 {
		padding: 20px;
	}
	.main-font {
		font-size: 36px; font-weight: bold; color: black; margin-top: 20px
	}
	.main-font-small {
		font-size: 18px; font-weight: bold; color: black; margin-top: 5px
	}
	.start-in {
		border: solid 1px #000000;
		background-color: #F9FAFB;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.start-in:hover {
		border: solid 1px #A0090F;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 20px;
		background-color: #F9FAFB;
		cursor: pointer;
		box-shadow: 0px 0px 10px 5px #A0090F;
	}
.start-in-select {
		border: solid 1px #000000;
		padding: 20px;
		border-radius: 10px;
		margin-bottom: 20px;
		background-color: #F9FAFB;
		cursor: pointer;
		box-shadow: 5px 5px 5px 1px #000000;
		
	}
	.boxPic {
		display: block;
	}
@media only screen and (max-width: 600px) {
		.appPic {
		max-width: 150px;
	}
	.headCont {
		max-height: 50px;
	}
	.pad-20 {
		padding: 10px;
	}
	.main-font {
		font-size: 20px; font-weight: bold; color: black; margin-top: 10px;
	}
	.main-font-small {
		font-size: 14px; font-weight: bold; color: black; margin-top: 5px
	}
	.boxPic {
		display: none;
	}
}
.fawesome-border {
		border: solid 2px #FFFFFF;
		border-radius: 20%;
		padding: 5px;
		font-size: 18px;
		color: #FFFFFF;
		width: 40px;
	}
	.fawesome-border:hover {
		border: solid 2px #A0090F;
		border-radius: 20%;
		padding: 5px;
		font-size: 18px;
		color: #A0090F;
		cursor: Pointer;
		width: 40px;
	}
	.back-blue {
		background-color: #000000;
	}
	.back-light-blue {
		background-color: #161C21;
	}
	.white-box {
		margin-left: auto; margin-right: auto; background-color: white; padding: 30px; border-radius: 10px;
	}
	.circleempty {
				border-radius: 50%;
				border: solid 1px #CCCCCC;
				width: 50%;
				width: 25px;
				height: 25px;
			}
.circlecheck {
				border-radius: 50%;
				border: solid 1px green;
				background-color: green;
				width: 50%;
				width: 25px;
				height: 25px;
				color: white;
			}
.group{
  position:relative;
}
.group>label{
  padding:0 0.2em;
  position:absolute;
  top:-0.8em;
  left:1em;
  background-color:white;
	color: #666666;
	font-size: 14px;
}

.group>input{
  padding:0.8em;
  border-radius: 0.5em;
  border: 1px solid #CED4DA;
  outline:none;
}
.group-error{
  position:relative;
}
.group-error>label{
  padding:0 0.2em;
  position:absolute;
  top:-0.8em;
  left:1em;
  background-color:white;
	color: red;
	font-size: 14px;
}

.group-error>input{
  padding:0.8em;
  border-radius: 0.5em;
  border: 1px solid red;
  outline:none;
}
.groupt{
  position:relative;
}
.groupt>label{
  padding:0 0.2em;
  position:absolute;
  top:-0.8em;
  left:1em;
  background-color:white;
	color: #666666;
	font-size: 14px;
}

.groupt>input{
  padding:0;
  outline:none;
}
.currency-input-container {
    position: relative; /* Essential for positioning the pseudo-element */
}

.currency-input-container::before {
    content: "$"; /* The dollar sign character */
    position: absolute; /* Position the symbol relative to the container */
    left: 10px; /* Adjust as needed for desired spacing */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for perfect vertical centering */
    color: #333; /* Optional: style the symbol color */
    pointer-events: none; /* Allows clicks to pass through to the input */
}

.currency-input-container input {
    padding-left: 25px; /* Add padding to the input to make space for the symbol */
    /* Add desired input styling here (border, width, etc.) */
}
.btn-v-black {

			background-color: #000000;
			font-size: 16px;
			font-weight: bold;
			padding-right: 40px;
			padding-left: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			border-radius: 50px;
			color: #FFFFFF;
		}
.btn-v-black:hover {

			background-color: #383838;
			font-size: 16px;
			font-weight: bold;
			padding-right: 40px;
			padding-left: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			border-radius: 50px;
			color: #FFFFFF;
		}
.btn-v-black-sm {

			background-color: #000000;
			font-size: 12px;
			font-weight: bold;
			padding-right: 20px;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 25px;
			color: #FFFFFF;
		}
.btn-v-black-sm:hover {

			background-color: #383838;
			font-size: 12px;
			font-weight: bold;
			padding-right: 20px;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 25px;
			color: #FFFFFF;
		}
.btn-v-red {

			background-color: #550508;
			font-size: 16px;
			font-weight: bold;
			padding-right: 40px;
			padding-left: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			border-radius: 50px;
			color: #FFFFFF;
		}
.btn-v-red:hover {

			background-color: #A0090F;
			font-size: 16px;
			font-weight: bold;
			padding-right: 40px;
			padding-left: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			border-radius: 50px;
			color: #FFFFFF;
		}
.btn-v-red-sm {

			background-color: #550508;
			font-size: 12px;
			font-weight: bold;
			padding-right: 20px;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 25px;
			color: #FFFFFF;
		}
.btn-v-red-sm:hover {

			background-color: #A0090F;
			font-size: 12px;
			font-weight: bold;
			padding-right: 20px;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 25px;
			color: #FFFFFF;
		}
	.font-white {
		color: #FFFFFF;
	}
input[type="date"]::-webkit-date-and-time-value {
  text-align: left !important;
}