/*================================================================================
	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: #06acc8;
    --hometex-primary-dark: #0588a5;
    --hometex-primary-darker: #04778f;
}

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

.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-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, 172, 200, 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, 172, 200, 0.25) !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 0 10px 1px rgba(6, 172, 200, 0.7) !important;
    background: linear-gradient(118deg, var(--hometex-primary), rgba(6, 172, 200, 0.7)) !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;
}

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

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

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

.hometex-dashboard {
    --hometex-ink: #0f2430;
}

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

.hometex-stat-card {
    border: 1px solid rgba(6, 172, 200, 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, 172, 200, 0.18), rgba(6, 172, 200, 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, 172, 200, 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, 172, 200, 0.12), rgba(6, 172, 200, 0.65));
    min-height: 24px;
}

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