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

/* Sets login box background color and border */
.login-panel-main {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 40px !important;
    border: 5px solid #056241;
}

/* Sets main Login Panel Header Text Color */
.login-panel-title h1 {
    color: #000000 !important;
    font-weight: 500;
    text-shadow: 1px 1px 2px #0e0e0e9c;
}

/* Sets Main Login Box Username and Password Border Color */
.grid .form-floating .form-control {
    background-color: #ffffff !important;
    border: .5px solid #000000;
    border-radius: 10px !important;
}

/* Sets login button color */
.linkstar-page .login-submit-button{
	background-color: #056241 !important;
    border-radius: 10px !important;
    font-weight: bold;
}

/* Sets hover background and border for login button*/
.linkstar-page .login-submit-button:not(.disabled):hover {
    background-color: #94cc79 !important;
    color: #056241 !important;
    border-radius: 10px !important;
    font-weight: bold;
}

/*Gradient separator above Register and Forgot */
.col {
    position: relative;
    padding-top: 16px;
}
.col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #056241, #94cc79, #056241, transparent);
    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 {
    font-weight: bold;
    font-size: 1.20rem;
}

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

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





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

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




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

/* Sets submit button background color and border*/
.linkstar-page .mb-3.offset-0.offset-xxl-1 input.btn-primary {
    background-color: #056241 !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: #94cc79 !important;
    color: #056241 !important;
}



/* ONCE LOGGED IN */
/* Sets navigation bar background color */
nav.navbar {
    background-color: #FFFFFF!important;
    border: .5px solid #000000;
}

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

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

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

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

/* Dropdown text default state */
.dropdown-menu .dropdown-item {
    color: #000000 !important;
    font-weight: 600;
}

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

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

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

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

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

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

/* ACCOUNT HOME PAGE */
/* Main account position hover color */
.clickable-card:hover {
    background-color: #94cc79 !important;
    color: #ffffff !important;
    cursor: pointer;
}

/* Sets footer color when custom */
.ls-custom-footer,
.ls-custom-footer * {
    color: #ffffff !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.ls-custom-footer button:hover,
.ls-custom-footer a:hover,
.ls-custom-footer a:hover span {
    color: #94cc79 !important;
}

.table-primary, .ls-table-sticky thead th {
    background-color: #056241 !important;
}

/* NAV TABS */
.nav-tabs .nav-link:hover span {
    color: #056241;
}
.nav-tabs .nav-link.active {
    background-color: #ffffff !important;
    border-color: #dee2e6 #dee2e6 #ffffff;
}
.nav-tabs .nav-link.active span {
    color: #056241;
}

.nav-pills.filter-nav .nav-link.active,
.nav-pills.filter-nav .show > .nav-link {
    background-color: #94cc79 !important;
}



/* MAIN FOOTER CONTAINER */
.container-fluid.d-print-none.mt-auto.px-0 {
    position: relative;
    background: #056241; /* dark green */
    overflow: visible;
}

.container-fluid.d-print-none.mt-auto.px-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #94cc79;
    z-index: 2;
}

.container-fluid.d-print-none.mt-auto.px-0 {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 25px;
}

.container-fluid.d-print-none.mt-auto.px-0::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: #ffffff;
    clip-path: polygon(
        0 0,
        50% 80%,
        100% 0,
        100% 100%,
        0 100%
    );
}