@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');
@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
    text-transform:uppercase;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

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

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.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: #29a9e1;
    }

        .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
    }

.form-custom.form-control {
    border-top: 1px solid lightgrey !important;
    border-left: 1px solid lightgrey !important;
    border-right: 1px solid lightgrey !important;
    border-radius: 5px !important;
}

    .form-control:active {
        border: none;
    }

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

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

.main-container {
    width: 100%;
    background-size: cover;
}

.app-background {
    background-color: #f5F7FF;
}

.main-render-container {
    background-image: url("../bgVerifi3D.png");
    background-size: cover;
}

.third-party-btn-text {
    color: #000;
    text-transform: uppercase;
}

.third-party-btn {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    opacity: 0.7;
    text-transform: uppercase;
}

    .third-party-btn:hover {
        opacity: 1;
        color: #fff;
        background-color: #f5f5f5;
        border-color: #f5f5f5;
    }

.dropdown-item img {
    min-width: 40px;
}

.btn-trial {
    background-color: #e16627;
    color: #fff;
    border-color: #e16627;
    text-transform: uppercase;
}

    .btn-trial:hover {
        opacity: 0.8;
        color: #fff;
    }

.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;
}
.input-label {
    z-index: 9;
}

.input-box {
    z-index: 99;
}

.logo-container {
    background-color: #343a40;
    color: #fff;
}

    .logo-container img {
        width: 300px;
    }

.dropdown-toggle::after {
    color: black;
}

.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;
}

.instruction {
    font-size: 12px;
    padding: 4px;
    text-align: center;
    background: #80808014;
}
/* JQuery UI overrides */
.ui-autocomplete {
    background-color: white;
}
    .ui-autocomplete li {
        border-bottom: 1px solid lightgrey;
        transition: all 0.5s ease;
    }
    .ui-autocomplete li:hover {
        border-bottom: 1px solid lightgrey;
        background-color:aliceblue;
    }
* {
    list-style: none;
    text-decoration: none;
}

.lower-alpha-order-list {
    list-style: lower-alpha !important
}

.auto-order-list {
    list-style: auto !important
}

li {
    font-size: 18px;
}

ul {
    padding: 0;
}

a {
    text-decoration: none;
}

.log-off {
    position: absolute;
    right: 0;
    background-color: #E16627;
    margin: 10px; 
    height:50px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
    .log-off a {
        color: #fff;
        font-size: 19px !important;
        font-weight:500;
        border: none;
        text-decoration: none;
    }
select {
    width: 100% !important;
    padding: 5px 0 5px 0;
}
.dropdown-toggle::after {
    color: #fff !important;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "⌄";
    font-size:18px; 
    margin-top: -12px;
    margin-left: 10px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.dropdown-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
}
.index-card-container{
    display:flex;
    align-items:center;
    justify-content:center;
}
.index-card {
    margin: 34px 5px;
    height: 200px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 1s ease;
}
.admin-card {
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}
.index-card:hover{
   box-shadow:2px 3px 8px #999;
}
.admin-card-image{
    height:80px;
    width:80px;
}
.admin-card-image img{
    height:100%;
    width:100%;
}
.admin-title{
    text-decoration:none !important;
    font-size:18px !important;  
    font-weight:400;
    padding:5px;
    color:#000;
}
a{
    text-decoration:none !important;
}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 18px !important;
    border-bottom-left-radius: 18px !important;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
    border: 1px solid lightgrey !important;
    border-left: 1px solid #fff !important;
}
.autocomplete-item {
    padding: 5px;
    cursor: pointer;
}
.autocomplete-item:hover {
    background-color: #f2f2f2;
}
#autocomplete-results {
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    z-index: 999;
    background-color: #fff;
}

.select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-selection__arrow {
    height: 39px !important;
}

.select2-selection__clear {
    height: 39px !important;
}

.validation-summary-errors {
    white-space: pre-line;
}

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;
}