.add-photo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.add-photo-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -60px; /* Adjust this to control horizontal space */
}

.add-photo-circle span {
    color: #007bff;
}

.custom-input {




    font-weight: bold;

}

.custom-input::placeholder {
    color: #007bff;
    opacity: 1; /* Make placeholder fully opaque */
}

/* Remove focus styles */
.custom-input:focus {
    outline: none;
    box-shadow: none;
}



/* Additional styling for form elements */
.form-row .col {
    padding-right: 5px; /* Adjust right padding */
    padding-left: 5px;  /* Adjust left padding */
}

/* Ensure the form-row children have no side padding */
.form-row .form-control {
    padding: .375rem .75rem;
}

/* Responsive adjustments may be necessary */
@media (max-width: 768px) {
    .add-photo-circle {
        margin-right: 0; /* Reset for smaller screens */
    }
}


#personOrCompany {
   display: inline-block;
   border: 1px solid #000;
   border-radius: 3px; /* Smaller radius for smaller buttons */
   overflow: hidden;
   font-size: 12px; /* Smaller font size */
 }

 #personOrCompany .button {
   padding: 5px 10px; /* Smaller padding */
   display: inline-block;
   background-color: #fff;
   cursor: pointer;
   transition: background-color 0.3s;
   line-height: 1; /* Adjust line height to match smaller font if necessary */
 }

 #personOrCompany .button:hover {
   background-color: #f0f0f0;
 }

 #personOrCompany .button.active, #personOrCompany .button:active {
   background-color: #ddd;
 }

 #personOrCompany .button:not(:first-child) {
   border-left: 1px solid #000;
 }


 .content {
   display: none;
 }

 .content.active {
   display: block;
 }