@import url('fonts.css');
@import url('theme.css');

html,
body {
    height: 100%;
}

body.app-body {
    margin: 0;
    overflow: hidden;
    font-family: "DM Sans", sans-serif;
    background: var(--bg-deep);
    color: var(--text-primary);
    min-height: 100vh;
}

.message {
    border: none;
    box-shadow: none;
    padding: 12px 18px;
    color: white!important;
}

.message.error {
    background-color: var(--bs-danger);
}
.message.info, .message.notice {
    background-color: var(--bs-primary);
}
.message.warning {
    background-color: var(--bs-warning);
}

/************************* BOOTSTRAP OVERRIDE *************************/

.form-control {
    border-radius: 999px;
    padding: 11px 18px;
    font-size: 14px;
    border: 1px solid rgba(30, 30, 80, .12);
    color: #0F0F2A;
    background: #fff;
    box-shadow: none;
}

.form-control:focus {
    border-color: #3535E8;
    box-shadow: 0 0 0 3px rgba(53,53,232,.12);
}

.btn {
    border-radius: 999px;
    padding: 11px 24px;
    font-size: 14px;
    border-color: rgba(30, 30, 80, .12);
}

.modal-title {
    font-weight: 700;
}