@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --inter: "Inter";
    --primary: #242278;
    --secondary: #4e4dba;
}

* {
    font-family: var(--inter);
}

a {
    color: var(--primary);
}

.body {
    background: #eee url('/asset/images/bg.jpg') repeat;
    background-size: 280px;
    overscroll-behavior-y: contain;
}

h5.title,
h3.title {
    color: var(--primary);
}

img.logo-on-front {
    width: 120px;
    height: auto;
}

.container-install {
    position: relative;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 1rem 9%;
    text-align: right;
    width: 100%;
}

.container-install button {
    background: var(--primary);
    box-shadow: 0 2px 2px #aaa;
    border: 1px solid var(--primary);
    padding: 6px 1rem;
    font-size: .9rem;
    color: white;
}

.container-install button:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
}

.hidden {
    display: none;
}

.btn-primary.new {
    background: var(--primary);
    border: 1px solid var(--primary);
    padding: 6px 24px;
}

.btn-primary.new:hover {
    background: var(--secondary);
    border: 1px solid var(--secondary);
}

/* card login */
.card.card-login {
    border: none !important
}

.card .card-header {
    background: none !important;
    border-bottom: none !important;
}

.card .btn-default {
    background: #ddd;
}

.card .btn-default:hover {
    background: #ccc;
}

.card label {
    font-size: .85rem;
}

.card .btn {
    font-size: .9rem;
    padding: 10px 1.2rem;
}

.card .text-sm {
    font-size: .87rem;
}

.input-group-text {
    background: white;
}

.input-group span.input-group-text {
    color: var(--primary);
}

/* card login */