@charset "UTF-8";

/*!
 * Go Key Card Auth style
 * Auth.css
 * Version - 1.0.1

 * L’autorisation est accordée à toute personne qui en obtient une copie de ce style.
 * Il est strictement interdit de publier(vendre) sans l'autorisation préalable des auteurs.
 * Des spécialistes sont à l'origine des documents fournis.
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Quicksand:wght@300..700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');
@import url('../vendor/bootstrap/css/bootstrap.min.css');
@import url('typography.css');
@import url('color.css');
@import url('../vendor/gkc/toast.css');

/*  =========================================
*   ================ GENERAL ================
*/
* {
    font-family: var(--font-family);
    color: var(--dark);
    transition: all .3s linear;
}

html,
body {
    height: 100vh;
    overflow: hidden;
    background-color: #fff !important;
}


.bg-auth.primary {
    background-color: var(--primary);
}

.bg-auth {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 550px;
    width: 650px;
    height: 100%;
    background-color: var(--gray);
    z-index: 0;
}

/*  ========================================
*   ================ HEADER ================
*/

.form-control,
.form-select {
    --bs-border-color: #47474769;
    --bs-body-color: var(--dark);
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.form-control:focus,
.form-select:focus {
    outline: none !important;
    border-color: var(--secondary) !important;
    box-shadow: 0 0 0 3px #4a91e200 !important;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bg-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/** 
=========================================================
======================= VARIABLES =======================
=========================================================
 **/

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--light);
    background-color: var(--light);
}

*::-webkit-scrollbar {
    width: 10px;
    background-color: #36323a;
}

*::-webkit-scrollbar-thumb {
    background-color: #36323a !important;
}

::selection {
    background-color: var(--primary);
    color: var(--light);
}

::selection {
    background-color: var(--primary);
    color: var(--light);
}

/* VARIABLES */
:root {
    --primary: #4e2877;
    --secondary: #bc1e97;
    --tertiary: #985f09;
    --black: #000000;
    --light: #ffffff;
    --gray: #b3b3b3;

    --scrollbar-primary: #f3f3f3;
    --scrollbar-secondary: #f0f0f0;

    --font-family: "Outfit", sans-serif;
}