label{
    font-size:18px;
    text-transform: capitalize;
    color:#294A66;
    font-weight: bold;
}
.form-group{
    display: flex;
    flex-direction: column;
}
input.custom-field,select.custom-field{
    width:100%;
    border:none;
    outline:none!important;
    background-color: transparent!important;
    border-bottom:2px solid #294A66;
    padding-bottom: 1px;
    color:#294A66;
    font-size:16px;
    height:30px;
    margin-top: 10px;
    transition:all 0.75s ease;
    /* transition:border 0.5s ease; */
}
.custom-field:hover{
    border-bottom: 2px solid #4a8fc7;
    transition-delay: 0s;
}
.custom-field:active,.custom-field:focus{
    border-bottom: 2px solid #4a8fc7;
    color:#4a8fc7;
    padding-bottom: 7px;
    transition-delay: 0.1s;
    transition-duration: 1s;
}
.custom-button{
    min-width:60%;
    padding:7px 30px;
    background-color: #294A66;
    color:whitesmoke;
    border: none!important;
    outline: none!important;
    font-size: 16px;
    text-transform: capitalize;
    transition: all 0.75s ease;
}
.custom-button:hover{
    transform: scale(1.05);
}
.field-error{
    color:red;
    font-size:13px;
    font-weight: bold;
    text-transform: capitalize;
}
.errorBorder{
    border-bottom-color:#ff8080!important;
}
.invalid-field{
    border-bottom-color:#ff8080!important;
}
#custom-alert-container{
    position:absolute;
    overflow: hidden!important;
    display: flex;
    justify-content: center;
}
.custom-alert{
    position: relative;
    text-align: center;
    width:100%;
    font-size: 14px;
    font-weight: 600;
    padding:5px 10px;
    border-bottom:2px solid gray;
}
.custom-alert-error{
    border-color:red;
    color:red;
}
.custom-alert-success{
    border-color:green;
    color:green;
}