/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

:root {
    --hometex-primary: #062b66;
    --hometex-primary-dark: #041b3f;
    --hometex-primary-darker: #04132e;
    --hometex-accent: #078b49;
    --hometex-accent-dark: #056c39;
    --hometex-admin-bg: #eef3f4;
    --hometex-admin-ink: #041b3f;
}

:root {
    --purple: var(--hometex-primary);
}

body {
    color: var(--hometex-admin-ink);
    background:
        radial-gradient(circle at top right, rgba(7, 139, 73, 0.08), transparent 26rem),
        linear-gradient(180deg, #f8fafc 0%, var(--hometex-admin-bg) 100%) !important;
}

.text-primary,
a.text-primary {
    color: var(--hometex-primary) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--hometex-primary-dark) !important;
}

.brand-text,
.main-menu .navbar-header .brand-text,
h2.brand-text,
.navbar-brand .brand-text {
    color: var(--hometex-primary) !important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background: linear-gradient(135deg, var(--hometex-primary), var(--hometex-primary-dark)) !important;
    background-color: var(--hometex-primary) !important;
    border-color: var(--hometex-primary) !important;
    color: #fff !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(6, 43, 102, 0.25) !important;
}

.btn-outline-primary,
.fc .fc-button,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--hometex-primary) !important;
    border-color: var(--hometex-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.fc .fc-button:hover,
.fc .fc-button:focus,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--hometex-primary) !important;
    color: #fff !important;
    border-color: var(--hometex-primary) !important;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus,
.fc .fc-button:focus {
    box-shadow: 0 0 0 .2rem rgba(6, 43, 102, 0.25) !important;
}

.btn-flat-primary,
.btn-light-primary {
    background-color: rgba(6, 43, 102, 0.08) !important;
    border-color: transparent !important;
    color: var(--hometex-primary) !important;
}

.btn-flat-primary:hover,
.btn-light-primary:hover,
.btn-flat-primary:focus,
.btn-light-primary:focus {
    background-color: rgba(7, 139, 73, 0.12) !important;
    color: var(--hometex-accent-dark) !important;
}

.btn-relief-primary,
.btn-gradient-primary {
    background: linear-gradient(135deg, var(--hometex-primary), var(--hometex-accent)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(6, 43, 102, 0.22) !important;
}

.btn-primary i,
.btn-outline-primary i,
.btn-flat-primary i,
.btn-light-primary i,
.btn-relief-primary i,
.btn-gradient-primary i {
    color: currentColor !important;
}

.btn-link,
a.text-link,
a[href].text-primary,
.link-primary {
    color: var(--hometex-primary) !important;
}

.badge-primary,
.bg-primary,
.border-primary,
.pagination .page-item.active .page-link,
.progress .progress-bar.bg-primary,
.progress-bar {
    background-color: var(--hometex-primary) !important;
    border-color: var(--hometex-primary) !important;
    color: #fff !important;
}

.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-light .navigation li ul .active,
.main-menu.menu-dark .navigation li ul .active,
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a,
.vertical-overlay-menu .dropdown-notification .dropdown-menu-header,
.dropdown-notification .dropdown-menu.dropdown-menu-right::before {
    background-color: var(--hometex-primary) !important;
    border-color: var(--hometex-primary) !important;
    color: #fff !important;
}

.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-light .navigation li ul .active,
.main-menu.menu-dark .navigation li ul .active {
    box-shadow: 0 12px 24px rgba(6, 43, 102, 0.28) !important;
    background: linear-gradient(118deg, var(--hometex-primary), var(--hometex-accent)) !important;
}

.pace .pace-progress,
.menu-toggle i,
.modern-nav-toggle i {
    color: var(--hometex-primary) !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--hometex-primary) !important;
    background-color: var(--hometex-primary) !important;
}

.main-menu.menu-light {
    background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%) !important;
    border-right: 1px solid rgba(6, 43, 102, 0.08);
}

.main-menu .navbar-header {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(6, 43, 102, 0.08);
}

.main-menu.menu-light .navigation > li > a,
.main-menu.menu-light .navigation > li ul li > a {
    color: #41526b;
}

.main-menu.menu-light .navigation > li > a:hover,
.main-menu.menu-light .navigation > li ul li > a:hover {
    color: var(--hometex-primary) !important;
    background: rgba(7, 139, 73, 0.07) !important;
}

.header-navbar,
.header-navbar.navbar-shadow,
.header-navbar.floating-nav {
    border: 1px solid rgba(6, 43, 102, 0.08);
    box-shadow: 0 16px 36px rgba(4, 27, 63, 0.08) !important;
}

.content-area-title h3 {
    color: var(--hometex-primary-dark);
}

.card {
    border: 1px solid rgba(6, 43, 102, 0.06);
    box-shadow: 0 14px 32px rgba(4, 27, 63, 0.06);
}

.badge-light-primary,
.bg-light-primary,
.bg-label-primary,
.avatar.bg-light-primary {
    background-color: rgba(6, 43, 102, 0.1) !important;
    color: var(--hometex-primary) !important;
}

.badge-light-primary i,
.bg-light-primary i,
.bg-label-primary i,
.text-primary i,
.text-primary .feather,
i.text-primary,
.feather.text-primary {
    color: currentColor !important;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--hometex-accent) !important;
    box-shadow: 0 0 0 .2rem rgba(7, 139, 73, 0.15) !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--hometex-primary) !important;
    background-color: var(--hometex-primary) !important;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before,
.custom-radio .custom-control-input:focus ~ .custom-control-label::before,
.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(7, 139, 73, 0.14) !important;
}

.main-menu.menu-light .navigation > li > a i,
.main-menu.menu-light .navigation > li ul li > a i {
    color: #60728b;
}

.main-menu.menu-light .navigation > li > a:hover i,
.main-menu.menu-light .navigation > li ul li > a:hover i {
    color: var(--hometex-primary) !important;
}

.main-menu.menu-light .navigation > li.active > a i,
.main-menu.menu-light .navigation li ul .active i,
.main-menu.menu-light .navigation > li.active > a span,
.main-menu.menu-light .navigation li ul .active span {
    color: #fff !important;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background: linear-gradient(135deg, var(--hometex-primary), var(--hometex-accent)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(6, 43, 102, 0.18);
}

.nav-pills .nav-link:hover,
.nav-tabs .nav-link:hover {
    color: var(--hometex-primary) !important;
}

.nav-pills .nav-link.active:hover,
.nav-tabs .nav-link.active:hover {
    color: #fff !important;
}

.page-link {
    color: var(--hometex-primary) !important;
}

.page-link:hover {
    color: var(--hometex-accent-dark) !important;
    background-color: rgba(7, 139, 73, 0.08) !important;
}

.pagination .page-item.active .page-link {
    color: #fff !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--hometex-primary) !important;
    color: #fff !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(7, 139, 73, 0.08) !important;
    color: var(--hometex-primary) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected=true] {
    background-color: var(--hometex-primary) !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--hometex-accent) !important;
    box-shadow: 0 0 0 .2rem rgba(7, 139, 73, 0.12) !important;
}

.swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, var(--hometex-primary), var(--hometex-primary-dark)) !important;
}

.hometex-shell .hometex-shell-hero {
    background: linear-gradient(130deg, rgba(6, 43, 102, 0.14) 0%, #ffffff 48%, rgba(6, 43, 102, 0.05) 100%);
}

.hometex-shell .hometex-shell-stat {
    border: 1px solid rgba(6, 43, 102, 0.2) !important;
    border-radius: 1rem;
}

.hometex-shell .hometex-shell-stat .avatar {
    width: 2.5rem;
    height: 2.5rem;
}

.hometex-dashboard {
    --hometex-ink: #041b3f;
}

.hometex-hero-card {
    background: linear-gradient(135deg, rgba(6, 43, 102, 0.14), #ffffff 60%, rgba(6, 43, 102, 0.05));
}

.hometex-stat-card {
    border: 1px solid rgba(6, 43, 102, 0.16) !important;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}

.hometex-stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hometex-stat-icon i {
    font-size: 18px;
}

.hometex-progress .progress-bar {
    border-radius: 999px;
}

.hometex-mini-chart {
    min-height: 210px;
}

.hometex-mini-bar-wrap {
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 0;
}

.hometex-mini-bar {
    width: 100%;
    border-radius: 0.75rem 0.75rem 0.25rem 0.25rem;
    background: linear-gradient(180deg, rgba(6, 43, 102, 0.18), rgba(6, 43, 102, 0.88));
    position: relative;
    min-height: 14px;
}

.hometex-mini-bar span {
    position: absolute;
    top: -1.6rem;
    left: 0;
    width: 100%;
    text-align: center;
    color: #59636d;
    font-size: 11px;
}

.hometex-mini-label {
    width: 100%;
    text-align: center;
    margin-top: 12px;
    color: #6d7a82;
    font-size: 11px;
    text-transform: uppercase;
}

.hometex-dashboard .list-group-item {
    border-color: rgba(6, 43, 102, 0.12) !important;
}

.hometex-dashboard .card {
    border-radius: 1rem;
}

.hometex-chart-bars {
    min-height: 220px;
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
}

.hometex-chart-bar {
    flex: 1;
    position: relative;
    border-radius: 0.9rem 0.9rem 0.25rem 0.25rem;
    background: linear-gradient(180deg, rgba(6, 43, 102, 0.12), rgba(6, 43, 102, 0.65));
    min-height: 24px;
}

.hometex-chart-bar span {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -1.5rem;
    left: 0;
}