/* prettier-ignore */
:root {
    --z-index-dashboard-side: 8;
    --z-index-dashboard-header: 9;
    --z-index-header: 10;
    --z-index-footer: 15;
    --z-index-alert: 20;
	--store-dashboard-header-height: 7rem;
	--store-dashboard-list-top-padding: 2rem;
	--store-dashboard-side-width: 20rem;
	--store-dashboard-side-scroll-width: 1rem;
	--store-dashboard-side-right-padding: 2.5rem;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.footer,
.footer-lg {
    z-index: var(--z-index-footer);
}

.footer-lg {
  bottom: 0;
  width: 100%;
  height: 6rem;
  border-top: 1px solid var(--phoenix-navbar-footer-border-color);
  padding: 0 1.5rem;
  right: 0;
}
@media (min-width: 576px) {
  .footer-lg {
    height: 6rem;
  }
}
@media (min-width: 992px) {
  .footer-lg {
    padding: 0 2.5rem;
  }
}

.bs-alert {
    position: fixed;
    z-index: var(--z-index-alert);
    left: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    padding: 1rem !important;
}

.card .card-header[data-clock-over-time='none'] {
    background-color: #198754 !important;
}

.card .card-header[data-clock-over-time='over'] {
    background-color: #dc3545 !important;
}

.progress .progress-bar[data-clock-remain-time='none'] {
    background-color: #198754 !important;
}

.progress .progress-bar[data-clock-remain-time='half'] {
    background-color: #dc3545 !important;
}

.scrollbar::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar-thumb {
  visibility: visible !important;
}

.list.last-border-none tr:last-child {
    border-color: #ff000000 !important;
}

.form-control.valid-icon-password {
    padding-right: calc(2.5rem);
    background-position: right calc(0.3725em + 0.25rem + 2.5rem) center;
}

.form-control.valid-icon-password.is-valid {
    padding-right: calc(1.49em + 1rem + 2.5rem);
}

.form-control.valid-icon-password.is-invalid {
    padding-right: calc(1.49em + 1rem + 2.5rem);
}

.text-placeholder {
    color: #d3d3d3 !important;
}

.text-bg-danger {
    /* color: #ffffff !important; */
    background-color: #dc3545 !important;
}

.is-invalid .invalid-hidden {
    display: none;
}

.invalid-visible {
    display: none;
}

.is-invalid .invalid-visible {
    display: block;
}

.is-disabled .cursor-pointer {
	pointer-events: none;
}

.is-disabled .disabled-hidden {
    display: none !important;
}

.navbar-nav-divider li:not(:last-child)::after {
	content: "";
	background-color: var(--phoenix-border-color);
  
	width: 1px;
	height: 12px;

    margin-left: 0.5rem;
}

.store-dashboard-content {
    padding-top: var(--phoenix-navbar-top-height);
}

@media (min-width: 768px) {
    [data-navigation-type=horizontal] .store-dashboard-content {
        padding-top: var(--phoenix-navbar-top-height);
        padding-right: calc(1rem + 2.5rem + var(--store-dashboard-side-width)) !important;
    }
}

.store-dashboard-header {
    top: calc(var(--phoenix-navbar-top-height));
    border-bottom: 1px solid var(--phoenix-border-color);
    align-content: center !important;

    min-width: 100%;
    height: var(--store-dashboard-header-height);

    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}

@media (min-width: 576px) {
    [data-navigation-type=horizontal] .store-dashboard-header {
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }
}

@media (min-width: 768px) {
    [data-navigation-type=horizontal] .store-dashboard-header {
        position: fixed;
        z-index: var(--z-index-dashboard-header);
        top: calc(var(--phoenix-navbar-top-height));
        border-bottom: 1px solid var(--phoenix-border-color);
        
        margin-left: -2.5rem !important;
        margin-right: -2.5rem !important;
    }
}

.store-dashboard-list {
    padding-top: calc(var(--store-dashboard-list-top-padding)) !important;
}

@media (min-width: 768px) {
    [data-navigation-type=horizontal] .store-dashboard-list {
        padding-top: calc(var(--store-dashboard-list-top-padding) + var(--store-dashboard-header-height)) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) { 
    [data-navigation-type=horizontal] .store-dashboard-list > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.333333333%;
    }
}

@media (min-width: 1600px) and (max-width: 2000px) { 
    [data-navigation-type=horizontal] .store-dashboard-list > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
}

.store-dashboard-side {
    order: 0;
    width: 100% !important;
    padding-top: var(--store-dashboard-list-top-padding) !important;
}

@media (min-width: 768px) {
    [data-navigation-type=horizontal] .store-dashboard-side {
        position: fixed;
        z-index: var(--z-index-dashboard-side);
        order: 1;
        width: calc(var(--store-dashboard-side-width)) !important;
        height: 100vh;
        padding-top: calc(var(--phoenix-navbar-top-height) + var(--store-dashboard-header-height)) !important;
        right: var(--store-dashboard-side-right-padding);
        top: 0 !important;
    }
}

@media (min-width: 768px) {
    [data-navigation-type=horizontal] .store-dashboard-side-content {
	    padding-top: var(--store-dashboard-list-top-padding);
	    padding-bottom: var(--store-dashboard-list-top-padding);
		padding-right: var(--store-dashboard-side-scroll-width);
		margin-right: calc(-1 * var(--store-dashboard-side-scroll-width));
	    height: 100%;
		overflow: auto;
    }
}

.store-dashboard-side-content > * {
	margin-bottom: 1rem;
}

[data-navigation-type=horizontal] .navbar .navbar-overflow {
	overflow: auto;
	max-height: calc(100vh - var(--phoenix-navbar-top-height));
}

@media (min-width: 576px) {
    [data-navigation-type=horizontal] .navbar .navbar-overflow {
		overflow: visible;
    }
}

[data-navigation-type=horizontal] .navbar .navbar-overflow .nav-item .dropdown-menu {
    overflow: auto;
}

@media (min-width: 576px) {
	[data-navigation-type=horizontal] .navbar .navbar-overflow .nav-item .dropdown-menu {
		max-height: 60vh;
	}
}


/*# sourceMappingURL=user.min.css.map */