a,
a:focus,
a:hover {
    color: #0c4863;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    color: #ffffff;
    text-shadow: none; /* Prevent inheritance from `body` */
    background-color: #0c4863;
    border: .05rem solid #f0f0f0;
}


*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    scrollbar-width: thin;
}

/* Track */
*::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f1f1f1;
}

/* Handle */
*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #a0a0a0;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

html,
body {
    position: relative;
    min-height: 800px;
}

body.no-cover {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}

.banner-img {
    max-width: 260px;
    max-height: 200px;
}

.card-container  {
    background-color: #fefefe;
    min-width: 550px;
    margin-top: 20px;
    border-radius: 10px;
    padding: 1.5rem 1.5rem 40px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.federal-warn {
    background-color: #f0f0f0;
    font-size: 0.80rem;
    max-width: 500px;
}

@media screen and (max-width: 580px) {
    .card-container {
        min-width: 340px !important;
    }

    .container {
        max-width: unset !important;
    }

    .federal-warn {
        margin: auto;
        max-width: 310px;
    }
}

.form-signin-heading {
    padding: 10px;
}

.ornl-img {
  max-width: 300px;
  width: 100%;
}

.footer-text {
    padding-top: 10px;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: local('Kanit'), local('Kanit-Regular'), url('/auth/css/fonts/Kanit-aa23b7b4bcf2b8f0e876106bb3de69c6.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;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url('/auth/css/fonts/Roboto-479970ffb74f2117317f9d24d9e317fe.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;
}

.error-header {
    font-family: 'Kanit', sans-serif;
    font-size: 8rem;
    font-weight: 500;
    color: black;
}

.error-sub-header {
    font-family: 'Kanit', sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 3px;
}

.errorColor {
    color: #b50909;
}

.required {
    color: #b50909;
}

.successColor {
    color: #006600;
}

.has-error {
    border-color: #b50909 !important;
}

.msg-header {
    font-family: 'Kanit', sans-serif;
    font-size: 1.25rem;
    min-height: 100px;
}

.msg-body {
    max-width: 600px;
}

.form-dims {
    max-width: 900px !important;
    padding-top: 10px;
}

.tab-content {
    min-height: 350px;
}

.password-container {
    margin-top: 30px;
    margin-bottom: 15px;
}

.password-req {
    font-size: 0.85rem;
}