/* =========================================================
|--------------------------------------------------------------------------
| ARQUIVO:
| /public/assets/css/global/utilities.css
|--------------------------------------------------------------------------
| UTILITÁRIOS
|--------------------------------------------------------------------------
========================================================= */


/* =========================================================
DISPLAY
========================================================= */

.flex
{
    display: flex;
}

.flex-center
{
    display: flex;

    align-items: center;

    justify-content: center;
}

.flex-between
{
    display: flex;

    align-items: center;

    justify-content: space-between;
}


/* =========================================================
TEXT ALIGN
========================================================= */

.text-center
{
    text-align: center;
}

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}


/* =========================================================
MARGINS
========================================================= */

.mt-1 { margin-top: 10px; }

.mt-2 { margin-top: 20px; }

.mt-3 { margin-top: 30px; }

.mt-4 { margin-top: 40px; }

.mt-5 { margin-top: 50px; }


.mb-1 { margin-bottom: 10px; }

.mb-2 { margin-bottom: 20px; }

.mb-3 { margin-bottom: 30px; }

.mb-4 { margin-bottom: 40px; }

.mb-5 { margin-bottom: 50px; }


/* =========================================================
WIDTH
========================================================= */

.w-100
{
    width: 100%;
}


/* =========================================================
HIDE
========================================================= */

.hidden
{
    display: none !important;
}