@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');

html, body {
    font-family: "Noto Sans";
}

h5 {
    font-family: Noto Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 32.02px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.body2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20.02px;
    letter-spacing: 0.17000000178813934px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.form-control-lg {
    border: 1px solid #D0D5DD;
    width: 100%;
    border-radius: 8px;
    height: 56px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.button-large {
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.46000000834465027px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

input::placeholder {
    color: #98a2b3;
}

.custom-shadow {
    box-shadow: 0px 2px 1px -1px #00000033, 0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001F;
}

.has-float-label {
    position: relative;
    font-size: 70%;
}

    .has-float-label label {
        position: absolute;
        opacity: 1;
        transition: all .2s;
        top: -.5em;
        left: .75rem;
        z-index: 3;
        line-height: 1;
        padding: 0 1px;
        color: #0000ff;
    }

        .has-float-label label::after {
            content: " ";
            display: block;
            position: absolute;
            background: #fff;
            height: 2px;
            top: 50%;
            left: -.2em;
            right: -.2em;
            z-index: -1;
        }

    .has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
        opacity: 0
    }

    .has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
        opacity: 0
    }

    .has-float-label .form-control:placeholder-shown:not(:focus) + label {
        font-size: 150%;
        opacity: .5;
        top: .3em;
        color: grey !important
    }

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    border-color: #0000ff !important;
    box-shadow: none !important;
}

input[type="text"],
input[type="email"],
input[type="password"] {
    box-shadow: none !important;
}

.btn-login {
    background-color: #0000ff;
    color: #f5f7ff;
    border-color: #0000ff;
}

    .btn-login:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.btn-secondary {
    background-color: #999B9E !important;
    border: #999B9E !important;
    text-transform: uppercase;
}

    .btn-secondary .third-party-btn-text {
        color: #fff !important;
        text-transform: uppercase;
    }

    .btn-secondary:hover {
        background-color: #999B9E !important;
        border-color: #6c757d !important;
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        background-color: #999B9E !important;
        border-color: #999B9E !important;
    }

.btn-outline-secondary:hover {
    background-color: #fff !important;
    color: #999B9E !important;
}

.btn-outline-secondary {
    border: 2px solid #999B9E !important;
    color: #999B9E !important;
    text-transform: uppercase;
}

.btn-authorize-success {
    background-color: #0000FF !important;
    border: solid #0000FF 1px !important;
    border-radius: 8px !important;
    width: 100px !important;
    text-transform: uppercase;
    color: #fff;
}

    .btn-authorize-success:hover {
        opacity: 0.9;
        border: solid #0000FF 1px !important;
        border-radius: 8px !important;
        color: #fff;
    }

.btn-authorize-cancel {
    background-color: #ffffff !important;
    border: solid #0000FF 1px !important;
    border-radius: 8px !important;
    color: #0000FF;
    width: 120px;
    text-transform: uppercase;
}

    .btn-authorize-cancel:hover {
        opacity: 0.9;
        border: solid #0000FF 1px !important;
        border-radius: 8px !important;
        color: #0000FF;
    }
    
ul.admin-options li {
    list-style-type: square !important;
}

    ul.admin-options li a {
        color: #000;
        text-decoration-line: none;
    }

        ul.admin-options li a:hover {
            color: #0000FF;
            text-decoration-line: none;
        }

.btn-verified-primary {
    background-color: #0000FF;
    color: #fff;
    border: none;
    text-transform: uppercase;
}
.btn-verified-primary:hover {
    background-color: #0000FF;
    color: #fff;
    border: none;
    opacity:0.9;
}
.btn-back {
    background-color: #0000FF;
    color: #fff;
    text-transform: uppercase;
    border: none;
}
.btn-back:hover{
    color:#fff;
    opacity:0.9;
}