@charset "UTF-8";



/*----------

01. common style

----------*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;900&family=Raleway:wght@400;500;600;700;900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');



/* Your Global Styles */

:root .lpx-theme-dim, :root .lpx-theme-dark {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

:root .lpx-theme-light {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

.lpx-brand-name {
    display: none !important;
}


:root .lpx-brand-name {
    display: none !important;
}


:root .lpx-login-brand-text .lpx-brand-logo.lpx-login-logo {
    background-size: auto;
    height: stretch;
    width: initial;
    background-position: top;
}

:root .lpx-brand-name.lpx-login-name {
    display: none;
}



.lpx-logo-container {
    padding: 30px;
}

:root .lpx-login-bg {
    background-image: url('/images/logo/leptonx/icon.svg') !important;
}