a {
        text-decoration: none;
    }

    .card {
                    background: #FFFFFFFF;
                            border: 1px solid #EFEFEFFF;
            }

    .card-body {
        padding: 24px;
    }

    .card hr {
                    background-color: #646464FF;
            }

    .or-field {
        padding-top: 3px;
                    color: #646464FF;
            }

    .card .btn-primary {
                    background-color: #E22237FF;
            border-color: #E22237FF;
                            color: #FFFFFFFF;
            }

    .card .btn-info {
                    background-color: #E22237FF;
            border-color: #E22237FF;
                            color: #FFFFFFFF;
            }

    .card input[type="email"] {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .card input[type="text"] {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .card input[type="password"] {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .card input[type="email"]:focus {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .card input[type="text"]:focus {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .card input[type="password"]:focus {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

            .card input[type="password"]::placeholder {
            color: #CCCCCCFF;
        }
        .card input[type="email"]::placeholder {
            color: #CCCCCCFF;
        }
    
    .card a {
                    color: #E22237FF;
            }

    .modal {
                    color: #646464FF;
            }

    .modal-title {
                    color: #646464FF;
            }

    .modal-content {
                    background: #FFFFFFFF;
                            border-color: #EFEFEFFF;
            }

    .modal-content .modal-header {
                    border-color: #EFEFEFFF;
            }

    .modal-content .modal-footer {
                    border-color: #EFEFEFFF;
            }

    .modal-content label {
                    color: #CCCCCCFF;
            }

    .modal-content input[type="email"] {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .modal-content input[type="text"] {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .modal-content input[type="email"]:focus {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

    .modal-content input[type="text"]:focus {
                    color: #646464FF;
                            background-color: #FFFFFFFF;
            }

            .modal-content input[type="password"]::placeholder {
        color: #CCCCCCFF;
        }
        .modal-content input[type="email"]::placeholder {
        color: #CCCCCCFF;
        }
    
    .modal-content .btn-primary {
                    background-color: #E22237FF;
            border-color: #E22237FF;
                            color: #FFFFFFFF;
            }

    .modal-body {
        padding: 24px;
    }

    .logo-wrapper {
                    background-color: #FFFFFFFF;
            }

    .btn-passcode-modal {
                    background-color: #E22237FF !important;
            border-color: #E22237FF !important;
                    }

    .btn-check-passcode {
                    background-color: #E22237FF !important;
            border-color: #E22237FF !important;
                    }

    .btn-verify {
                    background-color: #E22237FF;
            border-color: #E22237FF;
                            color: #FFFFFFFF;
            }

    .modal-content .modal-title {
                    color: #646464FF;
            }

    .modal p {
        font-size: 1.1rem;
    }

    .no-border {
        border-bottom: 0px;
        padding-bottom: 0px;
    }

    .modal-footer {
        padding-top: 0px;
    }

    .h1, h1 {
        font-size: 2.5rem;
    }

    .btn-cancel {
        background: #cccccc;
    }

    .btn:hover
    {
        filter: brightness(85%);
    }

    .modal-footer .btn {
        min-width: 120px;
    }

    .p-y-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .p-b-25 {
        padding-bottom: 25px;
    }

    @media (min-width: 576px)
    {
        .modal-dialog {
            max-width: 654px !important;
            margin: 1.75rem auto;
        }
    }

    .validation-string {
        margin-left: 5px;
        margin-right: 5px;
        width: 60px !important;
    }

    .h1 {
        margin-top: 20px;
        margin-bottom: 30px;
    }