.form-data-sec span{
    position:absolute;
    line-height:14px;
    font-size:14px;
}
/* Custom background color for success messages */
.toast-success {
    background-color: #28a745; /* Change to your desired color */
}

/* Custom background color for info messages */
.toast-info {
    background-color: #17a2b8; /* Change to your desired color */
}

/* Custom background color for warning messages */
.toast-warning {
    background-color: #ffc107; /* Change to your desired color */
}

/* Custom background color for error messages */
.toast-error {
    background-color: #dc3545; /* Change to your desired color */
}
.btn {
    position: relative;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #3498db; /* Primary color */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.spinner-border {
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    border: .25em solid #f3f3f3; /* Light grey */
    border-radius: 50%;
    border-right: .25em solid transparent;
    display: inline-block;
    height: 2rem;
    vertical-align: middle; /* Aligns the spinner in the middle of the button */
    width: 2rem;
    position: absolute;
    left: 10px; /* Adjust position as needed */
    padding:10px;
    margin-left:25px;
}

.spinner-border-sm {
    border-width: .2em;
    height: 1rem;
    width: 1rem;
}

@-webkit-keyframes spinner-border {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn.loading .spinner-border {
    display: inline-block; /* Show spinner when button has 'loading' class */
}