﻿/*
This is the style sheet to change colors
*/

header.main__header { background: #007abf; }
a { color: #007abf; }
a:hover { color: #007abf; }
h1 { color: #007abf; }
h2 { color: #007abf; }
h3 { color: #007abf; }
h3 a { color: #007abf; }
h3 a:hover { color: #007abf; }
h4 { color: #007abf; }
h4 a { color: #afafaf; }
h4 a:hover { color: #007abf; }
h5 { color: #007abf; }
.primaryBackground { background: #007abf; }
.grayBackground { background: #eeeeee; color: #636666; }
.grayBackground  a { color: #636666; }
.newToEclubHeader { color: #ffffff; }
.newToEclubText { color: #ffffff; }
.navbar-default .navbar-brand a { color: #ffffff; }
.navbar-default .navbar-brand span { color: #007abf; }
.navbar-default .navbar-brand a span { color: #007abf; }
.navbar-default .navbar-nav { /*border-bottom: 2px solid #ffffff;*/ }
.navbar-default .navbar-nav>li>a { color: #ffffff; border-bottom: 2px solid #ffffff; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li:hover>a { color: #ffffff; background: #97c93d; border-bottom: 2px solid #97c93d; }
.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover { color: #393a3a; background: #97c93d; border-bottom: 2px solid #ffffff; }
ul.dropdown-menu li { background: rgba(39,43,46,0.9); border-bottom: 1px solid #3d3a44; }
ul.dropdown-menu>li>a { color: #bdbdbd; }
ul.dropdown-menu>li>a:hover { color: #1493c9; }
.navbar-default .navbar-nav>.open>a,  .navbar-default .navbar-nav>.open>a:hover,  .navbar-default .navbar-nav>.open>a:focus { color: #ec6d07; }

/*Buttons*/
.btn-secondary { color: #444444; border: 1px solid #eeeeee; background: #eeeeee; }
.btn-secondary:hover,  .btn-secondary:focus { color: #666666; border: 1px solid #eeeeee; background: #eeeeee; }
.btn-primary { color: #ffffff; border: 1px solid #1493c9; background: #007abf; }
.btn-primary:hover,  .btn-primary:focus { color: #000000; border: 1px solid #97c93d; background: #97c93d; }

/* Aside */
aside h3 { border-top: 1px solid #cccccc; }
aside ul li { border-bottom: 1px solid #cccccc; }

/* Main Content*/
.main-content h2 { border-top: 1px solid #cccccc; }

/* Footer */
footer { background: #333333; color: #cccccc; }
footer h3 { color: #ffffff; }
footer hr { border-top: 1px solid #47454a; }
footer p span { color: #ffffff; }
footer a {color: #fff;}

.GridTable th {
    background-color: #007abf;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #007abf;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

/* Treeview Styles */

.NodeStyle {
    color: #007abf;
}

.HoverNodeStyle {
    color: #007abf;
}

.SelectedNodeStyle {
    color: #007abf;
}

/* nav search */
.navSearch {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navSearch:before,
.navSearch:after {
  display: table;
  content: " ";
}

.navSearch:after {
  clear: both;
}

.navSearch > li {
  position: relative;
  display: block;
}

.navSearch > li > a {
  position: relative;
  display: block;
  padding: 5px 6px;
}

.navSearch > li > a:hover,
.navSearch > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.navSearch > li.disabled > a {
  color: #999999;
}

.navSearch > li.disabled > a:hover,
.navSearch > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.navSearch .open > a,
.navSearch .open > a:hover,
.navSearch .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.navSearch .open > a .caret,
.navSearch .open > a:hover .caret,
.navSearch .open > a:focus .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}

.navSearch .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.navSearch > li > a > img {
  max-width: none;
}

@media(max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #007abf; }
	.dropdown-toggle { color: #007abf; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #ffffff; background-color: #222222; }
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #ffffff; background-color: transparent; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active { background-color: #cccccc; }
	.navbar-default .navbar-toggle { border-color: #ffffff; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
	.navbar-default .navbar-toggle:hover .icon-bar { background-color: #ffffff; }
	.navbar-default .navbar-nav > li.open { border-bottom: 1px solid #007abf; }
	.navbar-default .nav-justified>li.dropdown:hover, .navbar-default .nav-justified>li.dropdown.active { border-top: 0px solid #adc648; }
}

a.btn.btn-primary {
    color: #ffffff;
}

a.btn{
    background-color: #007ABF;
    color:#eeeeee;
}
a.btn:hover {
    background-color: #97c93d;
    color: #eeeeee;
}

/*Buttons*/
a.btn, .btn, a.btn-secondary,
.btn-secondary, input[type=file]::file-selector-button, a.btn-primary,
.btn-primary {
    display: inline-block;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: "Open Sans", sans-serif;
    color: #2b2b2b;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background: #eeeeee;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
}

input[type=file]::file-selector-button, a.btn-primary,
.btn-primary {
    color: #fff;
    border: 1px solid #3278c5;
    background: #1493c9;
    padding: 6px 20px 6px 20px;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2em;
}

    input[type=file]:hover::file-selector-button,
    .btn-primary:hover, input[type=file]:focus::file-selector-button,
    .btn-primary:focus {
        color: #1493c9 !important;
        border: 1px solid #1493c9;
        background: none;
    }

@media (max-width: 767px) {
    input[type=file]::file-selector-button, a.btn-primary,
    .btn-primary {
        white-space: normal !important;
    }
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: #636666 !important;
    border: 1px solid #eeeeee !important;
    background: #eeeeee !important;
}

select.error, textarea.error, input.error {
    outline: max(2px, 0.15em) solid red !important;
    outline-offset: max(2px, 0.15em);
    box-shadow: none;
}

select:focus, textarea:focus, input:focus {
    border-color: #1493c9 !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[type=file]::file-selector-button {
    -webkit-appearance: none;
}

    input[type=file]::file-selector-button:hover, input[type=file]::file-selector-button:focus {
        color: #1493c9 !important;
        border: 1px solid #1493c9;
    }

input[type=checkbox] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin-left: -30px !important;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

    input[type=checkbox]::before {
        content: "";
        width: 0.65em;
        height: 0.65em;
        -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        /* Windows High Contrast Mode */
        background-color: currentColor;
    }

    input[type=checkbox]:checked:before {
        transform: scale(1);
    }

    input[type=checkbox]:disabled {
        --form-control-color: var(--form-control-disabled);
        color: var(--form-control-disabled);
        cursor: not-allowed;
    }

label.checkbox {
    margin-left: 20px;
}

.help-tip {
    background: #1493c9;
    font-weight: normal;
    top: -5px;
}

header.main__header {
    background: #1493c9;
    color: #506984;
}

header .powered-by {
    background: #eeeeee;
    text-align: right;
    padding: 5px 25px;
    margin-bottom: -1px;
}

@media (max-width: 767px) {
    header .powered-by {
        text-align: center;
    }
}

header .powered-by figure img {
    max-height: 30px;
    filter: grayscale(1);
}

@media (max-width: 767px) {
    header .powered-by figure img {
        max-height: 20px;
    }
}

header .powered-by figure figcaption {
    color: black;
}

/*Buttons*/
a.btn, .btn, a.btn-primary,
.btn-primary, a.btn-secondary,
.btn-secondary, input[type=file]::file-selector-button {
    display: inline-block;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: "Open Sans", sans-serif;
    color: #2b2b2b;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background: #eeeeee;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
}

a.btn-primary,
.btn-primary, input[type=file]::file-selector-button {
    color: #000000;
    border: 1px solid #ff9224;
    background: #ff9224;
    padding: 6px 20px 6px 20px;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2em;
}

    .btn-primary:hover, input[type=file]:hover::file-selector-button,
    .btn-primary:focus, input[type=file]:focus::file-selector-button {
        color: #fff !important;
        border: 1px solid #1493c9;
        background: #1493c9;
    }

@media (max-width: 767px) {
    a.btn-primary,
    .btn-primary, input[type=file]::file-selector-button {
        white-space: normal !important;
    }
}

.icon-scale {
    max-width: 100%;
    max-height: 64px;
    height: 100%;
    margin-top: 18px;
    margin-bottom: 5px;
}
/*# sourceMappingURL=styles_.css.map */

/*Default Landing page SSO styling*/
.default > section.main__middle__container.grayBackground.front form.form-inline {
    display: none;
}

.default > section.main__middle__container.grayBackground.front > div:nth-child(2) {
    display: none;
}

.default #ctl00_ContentPlaceHolder1_welcomeMessage {
    font-size: 0px;
}

    .default #ctl00_ContentPlaceHolder1_welcomeMessage::after {
        content: "If you registered for your Go Premium benefits through your GTE online banking or mobile app, please go there to access your benefits or any alerts.";
        display: flex;
        justify-content: center;
        margin: 20px 50px 20px 50px;
        color: #636666;
        font-size: 16px;
    }

/* Hide login prompt */
.default #ctl00_ContentPlaceHolder1_eclub_default_section > div:nth-child(2) > div > div:nth-child(3),
.default #ctl00_ContentPlaceHolder1_eclub_default_section > div:nth-child(2) > div > div.form-group.text-center,
.default #ctl00_ContentPlaceHolder1_eclub_default_section > div:nth-child(3) {
    display: none;
}

.default #ctl00_ContentPlaceHolder1_CustomRegistration > p.text-center.newToEclubText {
    font-size: 0px;
}

.default > section.main__middle__container.primaryBackground.front > .container > #ctl00_ContentPlaceHolder1_signUpDiv > P {
    font-size: 0px;
    position: relative;
}

.default #ctl00_ContentPlaceHolder1_CustomRegistration > p.text-center.newToEclubText::after {
    content: "Go to your GTE online banking to access your benefits today.";
    font-size: 16px;
    line-height: 1.4;
    display: block;
    text-align: center;
}

/* hide button */
#ctl00_ContentPlaceHolder1_signUpDiv > p {
    display: none;
}

/*Login OLB only*/
.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > h1 {
    font-size: 0px;
}

    .login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > h1::after {
        Content: "Welcome to Go Premium";
        font-size: 44px;
        display: flex;
        justify-content: center;
        text-align: center;
    }

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > p:nth-child(4) {
    font-size: 0px;
}

    .login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > p:nth-child(4)::after {
        Content: "Access Managed by your Financial Institution";
        font-size: 32px;
        display: flex;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 0px !important;
        margin-bottom: 24px;
        padding-top: 27px;
        font-weight: 300;
        color: #007abf;
        font-family: Comfortaa, 'Open Sans', sans-serif;
        text-align: center;
        position: relative;
        top: 25px;
    }

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > div.input-group.margin-bottom-sm {
    display: none;
}

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > p:nth-child(10) {
    display: none;
}

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > p:nth-child(11)::after {
    content: "This site is for viewing and managing benefits only. If you need help with login, account setup, or password reset your financial institution will assist you directly.";
    display: flex;
    justify-content: center;
    text-align: center;
    color: #636666;
    margin-bottom: 40px
}

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlLogin > div > p:nth-child(11) > a {
    display: none;
}
/*Login account recovery OLB only*/
.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(5), #ctl00_ContentPlaceHolder1_pnlForgotUName > div > div:nth-child(6), #ctl00_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(8), #ctl00_ContentPlaceHolder1_pnlForgotUName > div > div:nth-child(9), #ctl00_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(11) {
    display: none;
}

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(3) {
    font-size: 0px;
}

    .login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(3)::after {
        content: "To recover access to your benefits, please return to your online banking platform.";
        font-size: 16px;
    }

.login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(4) {
    font-size: 0px;
}

    .login #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_pnlForgotUName > div > p:nth-child(4)::after {
        content: "Account Recovery must be completed through your financial institution to ensure your security.";
        font-size: 16px;
    }

/*interim OLB only*/

.interim .signInHeader {
    margin-bottom: 50px;
}

.interim .btn-primary, .interim .btn-secondary {
    display: none;
}

.interim .newToEclubText {
    font-size: 0;
}

.interim .newToEclubText::before {
    content: "This site is for viewing and managing benefits only. If you need help with login, account setup, or password reset your financial institution will assist you directly.";
    font-size: 16px;
}

.interim .primaryBackground {
    background: transparent;
}

.interim .newToEclubHeader {
    font-size: 0;
    color: #007abf !important;
}

.interim .newToEclubHeader::before {
    content: "Access Managed by your Financial Institution";
    font-size: 30px;
}

.interim .newToEclubText {
    color: #000 !important;
 }

.interim .grayBackground > .row:first-of-type > div > h2,
.interim .grayBackground > .row:first-of-type > div > p,
.interim .grayBackground > .row:first-of-type > div > br {
    display: none;
}

#lnkJointAccount {
    display: none;
}

#aspnetForm > div:nth-child(8) > div > section > div.main__middle__container.primaryBackground > div > div {
    display: none;
}
