@import url("bundle.css");

@import url("app.css");

.loading
{
    max-width: 125px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

form[name="send-message-form"]
{
    display: contents;
}

.shake 
{
    animation: shake 0.3s;
}

.swal-text
{
    text-align: center !important;
}

@keyframes shake 
{
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(5px);
    }
    75% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(5px);
    }
}

.index-js-center
{
    justify-content: center;
}

.tyn-number
{
    border-radius: 50%;
    border: 1px solid #dbeafe;
    padding: 0 8px;
    background: #dbeafe;
    font-family: auto;
    color: #475569;
    font-size: 13px;
}

textarea
{
    resize: none;
}

input[type="search"]::-webkit-search-decoration:hover,
input[type="search"]::-webkit-search-cancel-button:hover
{
    cursor:pointer;
}

.selected-image
{
    max-width: 100px;
    margin-left: 10px;
}

.selected-image-name
{
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.selected-file
{
    margin-left: 10px;
}

.selected-file-name
{
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
}