/* prettier-ignore */
/* ============================== */
/* # base # */
/* ============================== */
: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;
}

img[src=""], img:not([src]) {
    display: none;
}

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

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

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

/* ============================== */
/* # footer # */
/* ============================== */
.footer {
    padding: 0 2.5rem !important;
}

.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 2.5rem;
    right: 0;
}
@media (min-width: 576px) {
  .footer-lg {
    height: 6rem;
  }
}
@media (min-width: 992px) {
  .footer-lg {
    padding: 0 2.5rem;
  }
}

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

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

/* ============================== */
/* # group # */
/* ============================== */
.group-divider  {
    row-gap: 0.5rem;
}

.group-divider > div {
    white-space: nowrap;
    position: relative;
}

.group-divider > div:not(:last-child) {
    margin-right: 3rem;
}

.group-divider > div:not(:last-child)::after {
	content: "";
	position: absolute;
	background-color: var(--phoenix-border-color);  
  
	width: 1px;
	height: 12px;

	right: -1.5rem;
	top: 50%;
    transform: translate(50%, -50%);
}

/* ============================== */
/* # progress # */
/* ============================== */
.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 # */
/* ============================== */
.scrollbar::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar-thumb {
    visibility: visible !important;
}

/* ============================== */
/* # table # */
/* ============================== */
.table-px tr th:first-child, .table-px tr td:first-child { padding-left: 1.5rem !important; }
.table-px tr th:last-child, .table-px tr td:last-child { padding-right: 1.5rem !important; }

.table-px-0 tr th:first-child, .table-px-0 tr td:first-child { padding-left: 0rem !important; }
.table-px-0 tr th:last-child, .table-px-0 tr td:last-child { padding-right: 0rem !important; }

.table-px-1 tr th:first-child, .table-px-1 tr td:first-child { padding-left: 0.25rem !important; }
.table-px-1 tr th:last-child, .table-px-1 tr td:last-child { padding-right: 0.25rem !important; }

.table-px-2 tr th:first-child, .table-px-2 tr td:first-child { padding-left: 0.5rem !important; }
.table-px-2 tr th:last-child, .table-px-2 tr td:last-child { padding-right: 0.5rem !important; }

.table-px-3 tr th:first-child, .table-px-3 tr td:first-child { padding-left: 1rem !important; }
.table-px-3 tr th:last-child, .table-px-3 tr td:last-child { padding-right: 1rem !important; }

.table-px-4 tr th:first-child, .table-px-4 tr td:first-child { padding-left: 1.5rem !important; }
.table-px-4 tr th:last-child, .table-px-4 tr td:last-child { padding-right: 1.5rem !important; }

@media (min-width: 576px) {
	.table-px-sm tr th:first-child, .table-px-sm tr td:first-child { padding-left: 2.5rem !important; }
	.table-px-sm tr th:last-child, .table-px-sm tr td:last-child { padding-right: 2.5rem !important; }
}

.table-sticky {
    overscroll-behavior: none;
}

.table-sticky thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #ffffff;
    box-shadow: inset 0 -1.5px 0 0 var(--phoenix-table-border-color);
}

.modal-dialog-scrollable :has(.table-sticky) {
    overflow-y: hidden !important; 
    display: flex;
    flex-direction: column;
}

.table-y-borderless tbody tr:first-child {
    border-top-style: hidden !important;
}

.table-y-borderless tbody tr:last-child {
    border-bottom-style: hidden !important;
}

.table-last-borderless tbody tr:last-child {
    border-bottom-style: hidden !important;
}

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

    margin-left: 0.5rem;
}

[data-navigation-type=horizontal] .navbar .navbar-overflow {
	overflow: auto;
	max-height: calc(100vh - var(--phoenix-navbar-top-height));
}
@media (min-width: 768px) {
    [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: 768px) {
	[data-navigation-type=horizontal] .navbar .navbar-overflow .nav-item .dropdown-menu {
		max-height: 60vh;
	}
}

/* ============================== */
/* # form # */
/* ============================== */
.form-control.readonly-as-disabled:read-only {
    color: var(--phoenix-quaternary-color);
    background-color: rgba(var(--phoenix-gray-100-rgb), 0.7);
    opacity: 1;
	pointer-events: none;
}

.form-control.picker:read-only {
    cursor: pointer;
}

.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);
}

.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;
}

/* ============================== */
/* # page # */
/* ============================== */
.page-link {
    white-space: nowrap !important;
}

/* ============================== */
/* # flatpickr # */
/* ============================== */
.flatpickr-calendar.flatpickr-monthSelect-theme-light,
.flatpickr-calendar.flatpickr-monthSelect-theme-dark {
	width: 324px !important;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer {
    width: 282px;
    min-width: 282px;
    max-width: 282px;
}

.flatpickr-monthSelect-months {
	margin: 0;
	flex-wrap: wrap;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

.flatpickr-monthSelect-month {
    margin: 4px !important;
	color: var(--phoenix-body-color);
	font-size: 1rem;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
    display: inline-block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 0;
    width: 86px !important;
	max-width: 86px !important;
}

.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
	background-color: var(--phoenix-flatpickr-calendar-day-hover-bg);	
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
    background-color: var(--phoenix-tertiary-bg);
	box-shadow: none;
    color: var(--phoenix-body-color);
    border: 0;
}

.flatpickr-monthSelect-month.selected {
	background-color: rgba(var(--phoenix-primary-rgb), 0.25);
}

.flatpickr-monthSelect-month.selected:hover, 
.flatpickr-monthSelect-month.selected:focus {
    background-color: rgba(var(--phoenix-primary-rgb), 0.35);
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today {
	background-color: rgba(var(--phoenix-primary-rgb), 0.15);
}

.flatpickr-monthSelect-month.flatpickr-disabled,
.flatpickr-monthSelect-month.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,0.1)
}

.flatpickr-monthSelect-month.flatpickr-disabled {
	color: rgba(57,57,57,0.3)
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover {
	background-color: var(--phoenix-flatpickr-calendar-day-hover-bg);
	color: var(--phoenix-quaternary-color);
}

.flatpickr-input:disabled {
    cursor: not-allowed;
	background-color: rgba(var(--phoenix-gray-100-rgb), 0.7);
}

/* ============================== */
/* # store-dashboard # */
/* ============================== */
.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;
}

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