@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

html,
body,
body * {
    font-family: "Open Sans", sans-serif !important;
}

button,
input,
textarea,
select {
    font-family: "Open Sans", sans-serif !important;
}
/* MAIN LOGIN LANDING PAGE */
/* Sets main image size on login page */
.ts-no-padding img {
    width: auto;
    height: auto;
}

/* Sets login box background color and border */
.login-panel-main {
    background-color: rgba(143, 142, 142, 0.9) !important;
    border-radius: 20px !important;
    border: 3px solid #3c793f;
}

/* Sets main Login Panel Header Text */
.login-panel-title h1 {
    color: #3c793f !important;
    /* text-transform: uppercase; */
}

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

/* Sets login button */

.linkstar-page .login-submit-button {
    background-image: none !important;
    background-color: #FFFFFF !important;
    color: #939498 !important;
    border: 2px solid #939498 !important;
    border-radius: 10px !important;
    font-weight: bold;
}

.linkstar-page .login-submit-button:not(.disabled):hover {
    background-color: #3c793f !important;
    color: #FFFFFF !important;
    border-color: #3c793f !important;
}

/* Login button hover */
.linkstar-page .login-submit-button:not(.disabled):hover {
    background-color: #3c793f !important;
    color: #FFFFFF !important;
    border: 2px solid #3c793f !important;
}

/* 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-color: #3c793f;
    border-radius: 2px;
}

/* 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 {
    /* text-transform: uppercase; */
    font-weight: bold;
    font-size: 1.20rem;
}

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

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





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

/* 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: #939498 !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 #3c793f;
    border-radius: 10px !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: #FFFFFF !important;
    border-radius: 10px !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: #FFFFFF !important;
    color: #000000 !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: #939498;
    font-size: 1.00rem;
}
    /*font-weight: bold;
}

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

/* Apply active color when link is clicked or represents the current page */
#navbar-content .nav-link:hover,
#navbar-content .nav-link:focus,
#navbar-content .nav-link.active {
    background-color: #3c793f !important;
    color: #FFFFFF !important;
    border-radius: 6px;
}

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

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

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

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

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

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

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

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


/* ACCOUNT HOME PAGE */
/* Main account position hover */
.clickable-card:hover {
    background-color: #FFFFFF !important;
    cursor: pointer;
}
/* General panels */
.card,
.login-panel-main,
.clickable-card {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.linkstar-page .login-panel-main {
    background-color: rgba(255, 255, 255, 0.9
    ) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.85) inset !important;
    -webkit-text-fill-color: #000000 !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Outline primary buttons */
.btn-outline-primary {
    --bs-btn-color: #939498 !important;
    --bs-btn-border-color: #939498 !important;

    --bs-btn-hover-color: #FFFFFF !important;
    --bs-btn-hover-bg: #3c793f !important;
    --bs-btn-hover-border-color: #3c793f !important;

    --bs-btn-active-color: #FFFFFF !important;
    --bs-btn-active-bg: #3c793f !important;
    --bs-btn-active-border-color: #3c793f !important;

    border-radius: 10px !important;
    font-weight: 600;
}

/* Primary buttons */
.linkstar-page .btn-primary {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #939498 !important;
    border: 2px solid #939498 !important;
    border-radius: 10px !important;
    font-weight: 600 !important;

    box-shadow: none !important;
    background-image: none !important;
}

/* Hover / active */
.linkstar-page .btn-primary:hover,
.linkstar-page .btn-primary:focus,
.linkstar-page .btn-primary:active,
.linkstar-page .btn-primary.active,
.linkstar-page .btn-primary.show {
    background: #3c793f !important;
    background-color: #3c793f !important;
    color: #FFFFFF !important;
    border-color: #3c793f !important;

    background-image: none !important;
    box-shadow: none !important;
}

/* Nav tabs container */
.nav-tabs {
    border-bottom: 2px solid #939498 !important;
}

/* Individual tabs */
.nav-tabs .nav-link {
    color: #939498 !important;
    background-color: #FFFFFF !important;
    border: 2px solid transparent !important;
    border-radius: 10px 10px 0 0 !important;

    font-weight: 600;
    transition: all 0.2s ease;
}

/* Hover state */
.nav-tabs .nav-link:hover {
    background-color: #3c793f !important;
    color: #FFFFFF !important;
    border-color: #3c793f !important;
}

/* Active tab */
.nav-tabs .nav-link.active {
    background-color: #3c793f !important;
    color: #FFFFFF !important;
    border-color: #3c793f !important;
}

/* Remove button/text shadow effects */
.btn,
button,
input,
.nav-link,
.dropdown-item,
.login-panel-title h1,
.login-panel-nav,
.linkstar-page a {
    text-shadow: none !important;
}

/* Fix disappearing text on clickable cards */
.clickable-card:hover,
.clickable-card:hover * {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.navbar-toggler-icon {
    background-color: #3c793f !important;
}