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

.form-floating {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.form-floating > label {
    width: 100%;
}

.form-floating,
.input-group,
#return_f,
#loginSubmit,
#forgotSubmit,
#registerSubmit{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

#loginSubmit,
#forgotSubmit,
#registerSubmit,
.linkstar-page .btn {
    display: block;
}


.login-panel-main {
    position: relative;
    overflow: hidden;
    clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
    max-width: 800px;
    width: 120%;
}

.login-panel-main::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/img2/login-box.jpg") center/cover no-repeat;
    z-index: 0;
    transform: none;
}

.login-panel-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.login-panel-main > * {
    position: relative;
    z-index: 2;
}



#welcome-holder-0,
#welcome-holder-1,
#welcome-holder-2 {
    background: #243746;
    color: #fff;

    padding: 12px 20px;
    padding-left: 25px;
    margin-bottom: 10px;

    font-weight: 400;
    text-transform: uppercase;

    transform: skewX(-4deg);
    
    text-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

#welcome-holder-0:not(.ts-hidden),
#welcome-holder-1:not(.ts-hidden),
#welcome-holder-2:not(.ts-hidden) {
    display: inline-block;
}


.login-panel-title {
        margin-bottom: 0!important;
}


/* Sets main Login Panel Header Text */
.login-panel-title h1 {
    color: #FFFFFF !important;
    text-transform: uppercase;
    background-color: #4C9C2E;

    padding: 12px 20px;
    padding-left: 25px;
    margin-bottom: 10px;

    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 1px;

    transform: skewX(-4deg);
    
    text-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* Sets Main Login Password Background and Border Color */
.grid .form-floating .form-control {
    background-color: #FFFFFF !important;
    border-radius: 0px !important;
    
}

/* Sets login button */
.linkstar-page .login-submit-button,
.linkstar-page #forgotSubmit{
    background-image: none !important;
	background-color: #4C9C2E !important;
    color: #FFFFFF;
    border-radius: 0px !important;
    font-weight: bold;
    text-transform: uppercase;
}

/* Sets hover background and border for login button*/
.linkstar-page .login-submit-button:not(.disabled):hover {
    background-color: #243736 !important;
    color: #FFFFFF !important;
    border-radius: 0px !important;
    font-weight: bold;
    text-transform: uppercase;
}

/* Hide Password and Register Icons */
.bi-question-circle-fill::before {
    content: none !important;
}
.bi-book-fill::before {
    content: none !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;
    font-size: 1.20rem;
}

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

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





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

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

/* Sets footer color when custom */
.component-column a,
.component-column button {
    color: #FFFFFF !important;
}

.component-column a:hover,
.component-column button:hover,
.component-column a:focus,
.component-column button:focus {
    color: #FFFFFF !important;
}



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

/* Sets submit button background color and border*/
.linkstar-page .mb-3.offset-0.offset-xxl-1 input.btn-primary {
    background-image: none !important;
    background-color: #4C9C2E !important;
    border-radius: 0px !important;
    font-weight: bold;
}

/* 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: #243736 !important;
    color: #FFFFFF !important;
}





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

/* Sets navigation bar text */
.nav-link {
	color: #243736;
    font-size: 1.00rem;
    font-weight: bold;
}

/* Sets navigation bar text hover*/
.bg-primary .navbar-nav a.nav-link:hover {
    color: #4C9C2E !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: #4C9C2E !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: #4C9C2E;
}

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

/* Dropdown menu text */
.dropdown-menu .dropdown-item {
    color: #243736 !important;
    /* text-transform: uppercase; */
    font-weight: 600;
}

/* Hover / focus state */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    color: #243736 !important;
    background-color: #FFFFFF !important;
}

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

/* Sets Primary Buttons Throughout Pages */
.linkstar-page .btn-primary {
    background-image: none !important;
	background-color: #4C9C2E !important;
    color: #FFFFFF !important;
}

/* Sets Primary Button Hover Throughout Pages */
.linkstar-page .btn-primary:not(.disabled):hover {
    background-color: #243736 !important;
    color: #FFFFFF !important;
}

/* Sets Secondary Buttons Throughout Pages */
.linkstar-page .btn-secondary {
     background-image: none !important;
	background-color: #4C9C2E !important;
    color: #FFFFFF !important;
}

/* Sets Secondary Button Hover Throughout Pages */
.linkstar-page .btn-secondary:not(.disabled):hover{
    background-color: #243736 !important;
    color: #FFFFFF !important;
}