/* MAIN LOGIN LANDING PAGE */
/* Sets main image size on login page */
.ts-no-padding img {
    width: auto;
    height: auto;
}

/* Sets login box*/
.login-panel-main {
    border-radius: 0px !important;
    background: rgb(from #FFFFFF r g b / .35) !important;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--bs-border-translucent);
    opacity: 0;
    transform: translateY(40px) scale(.98);
    animation: loginFadeUp 0.9s ease-out forwards;
    animation-delay: .25s;
}

/* Sets secondary login box*/
.login-panel-secondary {
    background: rgb(from #FFFFFF r g b / .35) !important;
    border-radius:0px 0px 35px 35px !important;
    padding: .1rem !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--bs-border-translucent);
}

/* Sets space before the image*/
.ts-no-padding img {
    margin-top: 7px;
}

/* Modern login panel fade animation */
@keyframes loginFadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(.96);
        filter: blur(8px);
    }
    60% {
        opacity: 1;
        transform: translateY(-4px) scale(1.01);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Sets main Login Panel Header Text */
.login-panel-title h1 {
    color: #14477b !important;
    text-transform: uppercase;
    font-weight: bold;
}

/* Sets Main Login Password Background and Border Color */
.grid .form-floating .form-control {
    background-color: #ffffff !important;
    border: .2px solid #14477b;
}

/* Sets login button color */
.linkstar-page .login-submit-button{
    background-color: #1d395f !important;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;

/* add smooth animation */
    transition: transform .18s ease, box-shadow .18s ease;
}

/* Sets hover background and border for login button*/
.linkstar-page .login-submit-button:not(.disabled):hover {
    background-color: #1d395f !important;
    color: #FFFFFF !important;
    font-weight: bold;
    text-transform: uppercase;
    transform: scale(1.06);
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* Line Between Register and Forgot */
.col {
    position: relative;
    padding-top: 16px;
}
.col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #bb964d;
}

/* Hide Password and Register Icons */
.bi-question-circle-fill::before {
    color: #bb964d !important;
}
.bi-book-fill::before {
    color: #bb964d !important;
}

/* Spacing between Forgot Password and Register */
.ts-no-padding {
    margin-bottom: 8px;
}

/* Sets Forgot Password and Register Font */
.login-panel-nav {
    font-weight: bold;
    letter-spacing: .075rem;
    text-transform: uppercase;
    font-weight: 700;
}

/* Sets Forgot Password and Register Text Color */
.linkstar-page a:not(.btn):not(.dropdown-item) {
    color: #595959;
}

/* Sets hover for Forgot Password and Register */
.linkstar-page a:not(.btn):not(.dropdown-item):hover {
    color: #595959;
}





/* THROUGHOUT LINKSTAR */
/* Bottom banner background color */
.container-fluid.d-print-none.mt-auto.px-0 {
    background-color: #14477b;
}

/* Bottom banner text color */
.ts-phcfooter-padding,
.ts-phcfooter-padding a,
.ts-phcfooter-padding span,
.ts-phcfooter-padding i,
.ts-disclaimer,
.ts-disclaimer span {
    color: #FFFFFF !important;
}


/* Reduce vertical padding across footer */
.ts-phcfooter-padding {
    padding: 6px 0 !important;
}

/* Reduce logo container spacing */
.ts-footer-logos {
    padding: 4px 0 !important;
    margin: 0 !important;
}

/* Tighten disclaimer spacing */
.ts-disclaimer {
    padding: 6px 0 10px 0 !important;
    margin: 0 !important;
    line-height: 1.2;
}



/* Logo in banner*/
.container-fluid.d-print-none.mt-auto.px-0 {
    position: relative;
}


/* Logo in banner*/
.ts-footer-logos {
    position: absolute;
    bottom: 5px;
    left: 18px;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Smaller logo */
.ts-logo-center img {
    max-height: 50px;
    width: auto;
}






/* SECURITY QUESTION POPUP */
/* Sets security question textbox and username textbox borders*/
#f {
    background-color: #ffffff !important;
    border: .5px solid #14477b;
}

/* Sets submit button background color and border*/
.linkstar-page .mb-3.offset-0.offset-xxl-1 input.btn-primary {
    background-color: #14477b !important;
    font-weight: bold;
    text-transform: uppercase;
}

/* Sets submit button background color and border hover*/
.linkstar-page .mb-3.offset-0.offset-xxl-1 input.btn-primary:not(.disabled):hover {
    background-color: #14477b !important;
    color: #FFFFFF !important;
    font-weight: bold;
    text-transform: uppercase;
    transform: scale(1.06);
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}





/* ONCE LOGGED IN */
/* Sets navigation bar background color */
nav.navbar {
    background-color: #14477b!important;
}

/* Sets navigation bar image*/
.navbar-brand img {
  height: auto;
  width: 100px;
}

/* Sets navigation bar text */
#navbar-content .nav-link {
	color: #FFFFFF !important;
    font-size: .8rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* Sets navigation bar text hover*/
#navbar-content .bg-primary .navbar-nav a.nav-link:hover {
    color: #ffffff !important;
}

/* Ensure nav links can position the underline pseudo-element */
#navbar-content .nav-link {
    position: relative;
}

/* Apply active color when link is clicked or represents the current page */
#navbar-content .nav-link.active,
#navbar-content .nav-link:focus {
    color: #ffffff !important;
}

/* Create and display underline for active or focused nav links */
#navbar-content .nav-link.active::after,
#navbar-content .nav-link:focus::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
}

/* Dropdown menu setup */
.dropdown-menu {
    background-color: #14477b !important;
}

/* Dropdown menu text */
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item span,
.dropdown-menu .dropdown-item strong,
.dropdown-menu li strong,
.dropdown-menu li span {
    color: #FFFFFF !important;
    text-transform: uppercase;
}

/* Hover / focus state */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    color: #FFFFFF !important;
    background-color: #14477b !important;
    text-transform: uppercase;
}

/* Divider color optional */
.dropdown-menu .dropdown-divider {
    border-color: rgba(255, 255, 255, 0.2);
}

/* Sets Primary Headers Throughout Pages */
.card-primary.card .card-header {
    background-color: #bb964d;
    color: #FFFFFF;
}

.h-100.row {
    color: #ffffff;
}
.h-100.row a,
.h-100.row button,
.h-100.row span {
    color: #ffffff !important;
}