﻿/* Your Global Styles */
:root .lpx-brand-logo {
    --lpx-logo: url('/image/getlogo');
    --lpx-logo-icon: url('/image/getlogo');
}
.top-header {
    background-color: var(--theme-color) !important;
}
    .top-header .header-contact li {
        color: #ffffff !important;
    }
    .top-header .header-dropdown li {
        color: #ffffff !important;
    }
.lpx-brand-logo {
    background-size: contain;
    height: 40px;
}

:root {
    --lpx-brand: #514e4e;
    --bs-dropdown-link-active-bg: #514e4e !important;
    --left-menu-bg-color: #FFF;
    --left-menu-color: #000;
    --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-bg: #CCC;
    --bs-code-color: #000;
    --bs-btn-bg: #605e71 !important;
}

.lpx-brand-logo {
    width: 100%;
    background-color: #FFF;
    border-radius: 5px;
}

.btn-secondary, .btn-secondary:hover {
    --bs-btn-bg: #605e71 !important;
    --bs-btn-border-color: #605e71;
    background-color: #605e71;
    border-color: #605e71;
}

.btn-primary, .btn-primary:hover {
    --bs-btn-bg: #292a2e;
    --bs-btn-border-color: #292a2e;
    background-color: #292a2e;
    border-color: #292a2e;
}

html, body {
    font-weight: 300 !important;
    background-color: #FFF !important;
}

.lpx-mobile-navbar, .user-menu-groups, .lpx-mobile-nav-items {
    background-color: var(--left-menu-bg-color);
}

#AbpContentToolbar {
    display: none !important;
}

.lpx-topbar-container {
    background-color: #FFF;
}

.user-menu-groups .btn-toggle {
    color: #807b7b;
}

.lpx-sidebar .lpx-logo-container {
    background-color: var(--left-menu-bg-color);
}

.lpx-sidebar {
    background-color: var(--left-menu-bg-color);
    color: var(--left-menu-color);
}

.lpx-sidebar-container .lpx-sidebar .lpx-nav .lpx-nav-menu {
    background-color: var(--left-menu-bg-color);
    color: var(--left-menu-color);
}

.lpx-nav-menu .lpx-menu-item-link.selected, .lpx-nav-menu .lpx-menu-item-link.expanded {
    background-color: var(--left-menu-bg-color);
    color: var(--left-menu-color);
}


.lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link.selected, .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link:hover {
    background-color: #cfcfcf;
}

.lpx-nav-menu .lpx-menu-item-link {
    color: var(--left-menu-color);
}

    .lpx-nav-menu .lpx-menu-item-link:hover {
        color: var(--left-menu-color);
    }

    .lpx-nav-menu .lpx-menu-item-link.selected .lpx-menu-item-icon, .lpx-nav-menu .lpx-menu-item-link.selected .dd-icon, .lpx-nav-menu .lpx-menu-item-link.expanded .lpx-menu-item-icon, .lpx-nav-menu .lpx-menu-item-link.expanded .dd-icon {
        color: #223d6f;
    }

.lpx-menu-item-icon:hover {
    color: #223d6f;
}




.error {
    color: red;
}

textarea.form-control {
    height: auto;
}

.badge {
    --bs-badge-font-size: 1em;
    --bs-badge-font-weight: 400;
    line-height: inherit;
}

.lpx-nav-menu .lpx-menu-item-link .lpx-menu-item-text {
    font-weight: 300;
}


.lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-text {
    width: 165px;
}

.dt-container .dt-scroll div.dt-scroll-body {
    min-height: 100%;
}

select.form-select option:checked, select.form-select option:focus, select.form-select option:active {
    background: var(--lpx-brand) !important;
}
.nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid var(--lpx-brand) !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--lpx-brand);
}

.form-check-input:checked {
    border-color: var(--lpx-brand) !important;
    background-color: var(--lpx-brand) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--lpx-brand) !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--lpx-brand) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #e3e3e3 !important
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--lpx-brand) !important;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: var(--lpx-brand) !important;
    color:#FFF !important;
}

.accordion-button:not(.collapsed) {
    color: var(--lpx-brand);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  
    background-color: var(--lpx-brand);
    border-color: var(--lpx-brand);
    
}

.select2-dropdown {
    z-index: 1055;
}


.nav-tabs .nav-item {
    background: #f5f5f7;
    border-radius: 10px;
    bottom: 0;
}

.nav-tabs .nav-item i.fa.fa-solid.fa-gears {
    padding-left: 5px;
    padding-right: 5px;
}


.select2 {
    width: 100% !important;
}


.blurred {
    filter: blur(4px);
    transition: filter 0.3s ease;
}

.unblurred {
    filter: none;
}

.login-page .theme-card .theme-form input {
    margin-bottom: 0 !important;
}

.iti__flag-container {
    padding: 14px !important;
}
.slick-slide img {
    max-height: 600px;
}


.pageHtml {
    height: 200px;
    background: #FFF;
    padding: 9px;
    border-radius: 10px;
}

.form-check-input {
    width: 1.4em;
    height: 1.4em;
    margin-right: 10px;
}

.wishlist-section tfoot tr td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.modal-content,
.btn,
.form-control,
.onhover-dropdown .onhover-show-div,
.theme-modal-2 .modal-header .btn-close,
.pixelstrap ul,
.header-compact .form_search,
.ajax-search .typeahead {
    border-radius: 10px !important;
}

