/* put your own styles to customize and override the theme */

@keyframes floating {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-20px);
    }
    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}
.floating {
    animation: floating 2s ease-in-out infinite;
    z-index: 45;
}
html {
    scroll-behavior: smooth;
}
.form-label-group select {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;

}
.form-avatar-container  {
    transition: all 0.5s linear;
    width: 150px;
    height: 150px;
}
.form-avatar-container img {
    width: 150px;
    object-fit: cover;
    border-radius: 10px;
    border:3px solid #e3e3e3;
    box-shadow:0 0 8px #808080;
    transition: all 0.3s linear;
    cursor: pointer;
    max-height: 150px;
}
.form-avatar-container img:hover {
    transform: scale(1.5);
    width: 200px;
    position: absolute;
    z-index: 4;
}
@media (max-width:770px){
    .avatar-form-edit-container {
        display: flex !important;
        align-content: center;
        justify-content: center !important;

    }
    .avatar-form-edit-container .form-avatar-container {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin-top: 15px;
    }
    .form-button ,.form-button button {
        width: 100%;
        padding: 0 10px;
    }
}
.floating-button {
    position: fixed;
    bottom:75px;
    right: 70px;
    height: 100px;
    border-radius: 50%;
    width: 100px;
}

.form-avatar-container.mini img {
    max-height: 100px;
    min-height: 100px;
    object-fit: contain !important;
}