:root {
    --lp-primary-color: #28317e;
    --lp-secondary-color: #a6bed8;
    --lp-content_title: #0a3b8a;
    --lp-th_head: #28317e;
    --lp-table_footer: #DBDBDB;
    --lp-table_header_bg: #bed2e8;
    --lp-top_strip: #28317e;
    --lp-btn_primary: #243361;
    --lp-lp_btn_primary_hover: #2b438d;
    --lp-lp_btn_primary_focus: rgb(37 65 149);
    --lp-tabs_color: #2549b9;
    --lp-label-color: #242428;
    --lp-body-color: #020202;
    --lp-body-white: #ffffff;
    --lp-font-xs: 0.67rem;
    --lp-font-xs-weight: 500;
    --lp-card-bg: #ffffff;
    --lp-card-bg-active: #fbfbfc;
    --lp-card-btn-bg: rgba(13, 12, 34, 0.10);
    --lp-card-btn-active-bg: rgba(13, 12, 34, 0.21);
    --lp-card-title: #0d0c22;
    /* --lp-table-odd: #f4f4f4; */
    /* --lp-table-even: #d6eefa; */
    --lp-table-odd: #d7d8db;
    --lp-table-even: #fff;
}

.navbar-brand img {
    max-height: unset;
    min-height: unset;
}

div.brand-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.unauthenticated div.brand-logo a img {
    width: 250px;
}

/*body.unauthenticated{
    background:white;
}*/
/*.authenticated div.brand-logo a img {
    width:110px;
}*/

.basic-layout .lp-btn-primary:not(select, a),
.jconfirm .jconfirm-box .jconfirm-buttons button.lp-btn-primary {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #254E97 25%, #254E97 53%, #254E97 59%, #001740 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #1E355E;
}

.basic-layout .lp-btn-primary:not(select, a):active,
.jconfirm .jconfirm-box .jconfirm-buttons button.lp-btn-primary:active {
    background: transparent linear-gradient(360deg, #FFFFFF 0%, #254E97 25%, #254E97 53%, #254E97 59%, #001740 100%) 0% 0% no-repeat padding-box;
}

.basic-layout #MainContainer,
.basic-layout #header {
    background: #ffffff !important;
}

.breadcrumb-item:not(.active) a {
    color: #243361 !important;
}

.breadcrumb-item.active {
    color: #FFFFFF !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--lp-btn_primary);
    background-color: var(--lp-btn_primary);
}

/* .nav-tabs .nav-link {
    background: transparent linear-gradient(180deg, #afffb4 0%, #4aa74a 100%) 0% 0% no-repeat padding-box !important;
} */

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    /* background: transparent linear-gradient(180deg, #37c13f 0%, #4aa74a 100%) 0% 0% no-repeat padding-box !important; */
    color: #fff;
}

body:not(.basic-layout) .container-option .lp-btn-success {
    background-color: #243361 !important;
}

.form-control:focus {
    border-color: #243361;
}

.lp-custom-nav-tab .active a {
    background-color: #2549b9 !important;
}

.lp-custom-nav-tab .lp-btn-primary {
    background-color: #243361;
    font-size: 0.7rem;
}

.lp-table-container,
.lp-border,
.navbar-toggler+#navbarNavDropdown ul[date-ref="main-nav"] .nav-link {
    border-color: #7AA1E0 !important;
}

.table-striped tbody tr:nth-of-type(odd),
table[role="grid"] tbody tr:nth-of-type(odd) {
    background-color: #f3fbfb;
}

.table-striped tbody tr:nth-of-type(even),
table[role="grid"] tbody tr:nth-of-type(even) {
    background-color: white;
}

.form-control:focus {
    border-color: #80bdff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
    background-image: url('/public/images/buttons/tab_default.png');
    color: #ffffff !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background-image: url('/public/images/buttons/tab_hover.png');
}

.nav-link.lc-finance-now-btn {
    background-image: url('/public/images/LiquidCare/finance_now_button.png');
}

.nav-link.lc-finance-now-btn:hover {
    background-image: url('/public/images/LiquidCare/finance_now_button.png');
}

@media only screen and (min-width: 1024px) {
    div.brand-logo {
        height: 70px;
    }

    .authenticated div.brand-logo a img {
        width: 200px;
    }
}

@media screen and (max-width: 1023px) {
    .authenticated div.brand-logo a img {
        width: 150px;
    }
}