html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

body {
    background: linear-gradient(120deg, #0d0d0d, #1a1a1a);
    color: #fff;
    min-height: 100vh;
}

.brand-section {
    padding: 4rem;
    background-color: #201d1c;
}

.brand-section-right {
    background-color: #1b1817;
}


.brand-title {
    font-size: 3rem;
    font-weight: 700;
}

.brand-text {
    color: #b5b5b5;
    max-width: 420px;
}

.login-card {
    background: #111;
    border-radius: 16px;
    padding: 3rem;
    width: 100%;
    max-width: 420px;
}

.form-control {
    background: #1c1c1c;
    border: none;
    color: #fff;
    height: 48px;
}

    .form-control:focus {
        background: #1c1c1c;
        color: #fff;
        box-shadow: 0 0 0 0.2rem #4f7083;
    }

.btn-login {
    background: linear-gradient(135deg, #0098ea, #3fb9fb);
    border: none;
    height: 48px;
    font-weight: 600;
}

    .btn-login:hover {
        opacity: 0.9;
    }

.forgot-link {
    font-size: 0.9rem;
    color: #aaa;
    text-decoration: none;
}

    .forgot-link:hover {
        color: #ff8800;
    }

.footer-links a {
    color: #aaa;
    font-size: 0.85rem;
    margin-right: 1rem;
    text-decoration: none;
}

    .footer-links a:hover {
        color: #ff8800;
    }

.language-switch {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.dropdown-menu {
    background: #1c1c1c;
    border: none;
}

.dropdown-item {
    color: #fff;
}

    .dropdown-item:hover {
        background: #2a2a2a;
        color: #ff8800;
    }

.forgot-link {
    font-size: 0.9rem;
    color: #aaa;
    text-decoration: none;
}

    .forgot-link:hover {
        color: #0098ea;
    }

/* LANGUAGE */
.language-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.offcanvas {
    background: #111;
    width: 280px !important;
    border-left: #aaa;
}

.list-group-item {
    background: transparent;
    color: #fff;
    border: none;
    padding: 1rem 1.5rem;
    cursor: pointer;
}

    .list-group-item:hover {
        background: #1f1f1f;
    }

.active-language {
    background: #1f1f1f;
    border-left: 4px solid #ff8800;
}
/* Hide Google default UI */
.goog-te-banner-frame,
.goog-logo-link,
.goog-te-gadget {
    display: none !important;
}

body {
    top: 0 !important;
}

.text-muted {
    color: #787878bf !important;
}


.offcanvas-header h5 {
    color: #ffffff;
}

.field-icon {
    float: right;
    right: 11px;
    margin-top: -31px;
    position: relative;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
}