/**********************************************************************************************
** Html img elementinin drag drop özelliğini devre dışı bırakır.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

img {
    user-drag: none;
    -webkit-user-drag: none;
}

/**********************************************************************************************
** Html textarea elementinin resizing özelliğini devre dışı bırakır.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

textarea {
    resize: none;
}

/**********************************************************************************************
** This style hides the up and down arrow property of an input of type number.
**
**
** @filename => $style \main.core.min.css
**********************************************************************************************/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/**********************************************************************************************
** Bir servis isteği yapılırken ilgili butona prop disabled öğesi vererek tıklanmayı devre
** dışır bırakır.
**
** @filename => $style \main.core.min.css
**********************************************************************************************/

.loader {
    display: flex;
    justify-content: center;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

/**********************************************************************************************
**
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.g-recaptcha {
    margin: 0 auto;
    display: table;
}

/**********************************************************************************************
**
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.shake {
    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/**********************************************************************************************
**
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.swal-text {
    text-align: center;
    line-height: inherit;
}

/**********************************************************************************************
** json_dump fonksiyonu çağrıldığında symfony_vardumper paketinin stillerini aşağıdaki stiller
** ile değiştirir.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.sf-dump {
    background: #222 !important;
    color: #fff !important;
    font-family: monospace;
    font-size: 20px !important;
    padding: 10px;
}

.sf-dump-key {
    color: #ffcc00 !important;
}

.sf-dump-str {
    color: #7ec699 !important;
}

.sf-dump-num {
    color: #ff6b6b !important;
}