.auth-narrow {
            max-width: 520px;
            margin: 40px auto
        }

        .brand-top {
            font-weight: 800;
            color: #156184
        }

        .btn-brand {
            background: #156184;
            border-color: #156184;
            color: #fff
        }

        .btn-brand:hover {
            background: #135272;
            border-color: #135272
        }

        .btn-outline-brand {
            border-color: #156184;
            color: #156184;
            background: #fff
        }

        .password-wrapper {
            position: relative
        }

        .password-input {
            padding-right: 2.25rem
        }

        html[dir="rtl"] .password-input {
            padding-right: .75rem;
            padding-left: 2.25rem
        }

        .togglePassword {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 12px;
            cursor: pointer;
            color: #6c757d
        }

        html[dir="rtl"] .togglePassword {
            right: auto;
            left: 12px
        }

        .form-control:focus,
        .form-select:focus {
            border-color: #156184;
            box-shadow: 0 0 0 .2rem rgba(21, 97, 132, .25)
        }

        .form-control:hover,
        .form-select:hover {
            border-color: #156184
        }

        .auth-narrow .mb-2,
        .auth-narrow .mb-3 {
            margin-bottom: 14px !important
        }

        .btn-brand,
        .btn-outline-brand,
        .btn-outline-secondary {
            height: 46px
        }