/* Import Google font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

.remember-me{
  font-size: 15px;
}


.invalid-password-or-username{
  color: red;
  font-size: 16px;
  display: inline;
}
.invalid-password-or-username p{
  color: black;
  font-size: 16px;
}

.invalid-password-or-username span{
  color: black;
  font-size: 14px;
}

.icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-text i {
  margin-right: 5px; /* Adjust the margin as needed for spacing */
}

.error label {
  color: red;
}

.error input:focus ~ label,
.error input:valid ~ label{
  color: red;
}

.custom-input-field p{
  font-size: 18px;
  text-align: center;

}
.custom-input-field span{
  font-size: 14px;
  align-content: center;
  text-justify: auto;

}

.custom-input-field{
  position: relative;
}
.custom-input-field input{
  width: 100%;
  height: 60px;
  border-radius: 6px;
  font-size: 16px;
  padding: 0 15px;
  border: 0.5px solid #2d333a;
  background: #ffffff;
  color: black;
  outline: none;
}
.error input {
  border: 0.5px solid red;
}

.error input:focus{
  border: 1px solid red;
}
.custom-input-field label{
  position: absolute;
  padding-top: 2px;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 17px;
  pointer-events: none;
  transition: 0.3s;
}

.input-container input:focus,.custom-input-field input:focus{
  border: 1px solid #635dff;
  background: #ffffff;
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; /* Override background color */
}
.input-container input:focus ~ label, .custom-input-field input:focus ~ label,
.input-container input:valid ~ label,.custom-input-field input:valid ~ label {
  top: 10%;
  left: 8px;
  font-size: 14px;
  padding: 0 3px;
  color: #635dff;
  background: #ffffff;
}

.password-toggle {
  background: white;
  padding: 12px 15px 12px 15px;
  position: absolute;
  top: 57%; /* Adjust vertical positioning */
  right: 2px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 18px;
}
.user-create-password-toggle{
  background: transparent;
  padding: 5px 10px 5px 15px;
  position: absolute;
  top: 73%; /* Adjust vertical positioning */
  right: 15px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 16px;
}
.customer-create-country-select{
  background: transparent;
  padding: 0 7px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 15px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}

.ticket-create-airline-select{
  background: transparent;
  padding: 0 5px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 15px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}
.adjust-arrow{
  top: 53%; /* Adjust vertical positioning */
}
.adjust-arrow1{
  top: 53%; !important; /* Adjust vertical positioning */
}

.ticket-create-from-select{
  background: transparent;
  padding: 0 10px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 13px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}

.ticket-create-from-to-switch{
  /*background: ghostwhite !important;*/
  /*border: solid 1px #ced4db !important;*/
  border-radius: 20px !important;
  padding: 4px 6px!important;
  margin: 0 !important;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: -14px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 16px;
}

.ticket-create-to-select{
  background: transparent;
  padding: 0 5px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 7px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}

.ticket-create-passenger-select{
  background: transparent;
  padding: 0 5px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 175px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}

.new-passenger-button{
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 8px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  background: #117dc0 !important;
  color: white !important;
  cursor: pointer;
  border-radius: 0 4px 4px 0 !important;
}
.new-passenger-button:hover{
  background: #1288d2 !important;
}
.new-passenger-button:active{
  background: #117dc0 !important;
}
.visa-create-customer-select{
  background: transparent;
  padding: 0 5px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 175px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}
.new-customer-button{
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 8px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  background: #117dc0 !important;
  color: white !important;
  cursor: pointer;
  border-radius: 0 4px 4px 0 !important;
}
.new-customer-button:hover{
  background: #1288d2 !important;
}
.new-customer-button:active{
  background: #117dc0 !important;
}
.first-element-of-drop-down{
  border-radius: 8px 8px 0 0 !important;
}
.last-element-of-drop-down{
  border-radius: 0 0 8px 8px;
}

.visa-create-customer-select{
  background: transparent;
  padding: 0 5px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 175px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}

.visa-create-country-select{
  background: transparent;
  padding: 0 5px 0 0;
  position: absolute;
  top: 70%; /* Adjust vertical positioning */
  right: 15px; /* Adjust horizontal positioning */
  transform: translateY(-50%); /* Vertically center the icon */
  cursor: pointer;
  font-size: 12px;
}


.password-toggle-up{
  top: 50px;
}

.reset-password a {
  top: -3px;
  color: #635dff;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}

.reset-password a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 1.5px;
  bottom: -3px;
  left: 0;
  background-color: #635dff;
  transition: width 0.3s ease;
}

.reset-password a:hover::before {
  width: 100%;
}


/* Add these styles to your CSS */
.btn-modern {
  font-size: 18px;
  font-weight: bold;
  border: none;
  width: 100%;
  background: linear-gradient(to right, #117dc0, #117dc0 50%, #0d9fe1 50%, #0d9fe1);
  background-size: 200% 100%;
  color: #fff;
  padding: 16px 0 16px 0;
  border-radius: 5px;
  cursor: pointer;
  transition: background-position 0.3s ease, color 0.3s ease;
}

.btn-modern:hover {
  background-position: -100% 0;
  color: #fff; /* Change color if needed */
}
.btn-modern:active {
  background: #45a4d6 !important;
  border: 2px solid lightskyblue !important;
  padding: 14px 14px;

}

.user-create-save{
  width: 100px ;
}

.email-send{
  width: 100%;
  height: 100%;
  padding-bottom: 15px;
}

.resend-email {
  font-size: 18px;
  font-weight: bold;
  border: none;
  width: 100%;
  background: linear-gradient(to right, #45a4d6, #45a4d6 50%, #3589b5 50%, #3589b5);
  background-size: 200% 100%;
  color: #fff;
  padding: 16px 0 16px 0;
  border-radius: 45px;
  cursor: pointer;
  transition: background-position 0.3s ease, color 0.3s ease;
}

.resend-email:hover {
  background-position: -100% 0;
  color: #fff; /* Change color if needed */
}
.resend-email:active {
  background: #45a4d6 !important;
  border: 2px solid lightskyblue !important;
  padding: 14px 14px;

}

/* password-requirements.css */
.password-requirements {
  margin-top: 5px;
}

.password-requirements p {
  font-weight: normal;
  color: #333;
  margin-bottom: 5px;
  font-size: 14px;
  padding-left: 15px;
}

.password-requirements p.met {
  padding-left: 15px;
  color: green;
}
.password-requirements p.not-met {
  padding-left: 15px;
  color: red;
}
.password-requirements p.met:before {
  content: "✓";
  color: green;
}
.password-requirements p.not-met:before {
  content: "✗";
}


.password-requirements p.met-3 {
  padding-left: 25px;
  color: green;
}
.password-requirements p.not-met-3 {
  padding-left: 25px;
  color: red;
}
.password-requirements p.met-3:before {
  content: "✓";
  color: green;
}
.password-requirements p.not-met-3:before {
  content: "✗";
}