@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
font-family: "bagisto-admin";
src: url("../fonts/bagisto-admin.woff?jwnnow") format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "fontawesome";
src: url("../fonts/fontawesome.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
*,:before,:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb
}
:before,:after {
--tw-content: ""
}
html,:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent
}
body {
margin: 0;
line-height: inherit
}
hr {
height: 0;
color: inherit;
border-top-width: 1px
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
h1,h2,h3,h4,h5,h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
b,strong {
font-weight: bolder
}
code,kbd,samp,pre {
font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0
}
button,select {
text-transform: none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none
}
:-moz-focusring {
outline: auto
}
:-moz-ui-invalid {
box-shadow: none
}
progress {
vertical-align: baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
margin: 0
}
fieldset {
margin: 0;
padding: 0
}
legend {
padding: 0
}
ol,ul,menu {
list-style: none;
margin: 0;
padding: 0
}
dialog {
padding: 0
}
textarea {
resize: vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder,textarea::placeholder {
opacity: 1;
color: #9ca3af
}
button,[role=button] {
cursor: pointer
}
:disabled {
cursor: default
}
img,svg,video,canvas,audio,iframe,embed,object {
display: block;
vertical-align: middle
}
img,video {
max-width: 100%;
height: auto
}
[hidden] {
display: none
}
*,:before,:after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style:
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 16px;
padding-left: 16px
}
@media (min-width: 1920px) {
.container {
max-width:1920px
}
}
::-moz-selection {
background-color:var(--side-bar, #B40D71);
color: #f5f5f5
}
::selection {
background-color:var(--side-bar, #B40D71) !important;
color: #f5f5f5
}
body {
--tw-bg-opacity: 1;
background-color: rgb(247 246 246 / var(--tw-bg-opacity));
font-family: poppins,sans-serif
}
button:disabled {
cursor: not-allowed;
opacity: .5
}
button:disabled:hover {
cursor: not-allowed;
opacity: .5
}
.draggable-ghost {
opacity: .5;
background: #e0e7ff
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "bagisto-admin" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #392540;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1 !important;
}
.sidebar-cust-class [class^=icon-],.sidebar-cust-class [class*=" icon-"] {
color: #ffffffb3
}
.sidebar-cust-class.expanded .sub-cust-arrow-main>a {
padding: 20px 30px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px
}
.sidebar-cust-class.expanded .sub-cust-arrow-main.active>a,.sidebar-cust-class.expanded .sub-cust-arrow-main>a:hover {
background-color: #fff
}
.sidebar-cust-class.expanded .sub-cust-arrow-main>a p {
font-size: 18px
}
.sidebar-cust-class.expanded .sub-cust-arrow-main.active>a p,.sidebar-cust-class.expanded .sub-cust-arrow-main>a:hover p {
color:var(--side-bar, #B40D71);
}
.sidebar-cust-class.expanded .sub-cust-arrow-main.active .cls-custom:not(.sidebar-collapsed .sidebar-cust-class.expanded .sub-cust-arrow-main.active .cls-custom) {
background-color: transparent;
padding-left: 4rem
}
.sidebar-cust-class.expanded .sub-cust-arrow-main.active>a span,.sidebar-cust-class.expanded .sub-cust-arrow-main>a:hover span {
color:var(--side-bar, #B40D71);
}
.sidebar-cust-class.expanded .sub-cust-arrow-main>a.have-sub-menu:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
right: 20px
}
.sidebar-cust-class.expanded .sub-cust-arrow-main {
padding-left: 20px
}
.sidebar-collapsed .sidebar-cust-class.expanded .sub-cust-arrow-main>a {
padding: 20px 0;
border-radius: 0;
justify-content: center;
color: #fff
}
.sidebar-collapsed .sidebar-cust-class.expanded .sub-cust-arrow-main {
padding-left: 0
}
html.dark [class^=icon-],html.dark [class*=" icon-"] {
color: #d1d5db
}
.box-shadow {
border-width: 1px;
--tw-shadow: 0px 0px 0px 0px rgba(0,0,0,.03),0px 1px 1px 0px rgba(0,0,0,.03),0px 3px 3px 0px rgba(0,0,0,.03),0px 6px 4px 0px rgba(0,0,0,.02),0px 11px 4px 0px rgba(0,0,0,0),0px 17px 5px 0px rgba(0,0,0,0);
--tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 17px 5px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.box-shadow:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(31 41 55 / var(--tw-border-opacity))
}
.icon-magic:before {
content: "\e94b";
}
.icon-zoom:before {
content: "\e94c";
}
.icon-ar:before {
content: "\e94a";
}
.icon-report:before {
content: "\e942";
}
.icon-refund:before {
content: "\e948";
}
.icon-light:before {
content: "\e947";
}
.icon-dark:before {
content: "\e949";
}
.icon-checkbox-partical:before {
content: "\e900";
}
.icon-uncheckbox:before {
content: "\e901";
}
.icon-add-customer:before {
content: "\e902";
}
.icon-arrow-down:before {
content: "\e903";
}
.icon-arrow-left:before {
content: "\e904";
}
.icon-arrow-right:before {
content: "\e905";
}
.icon-arrow-up:before {
content: "\e906";
}
.icon-attribute-block:before {
content: "\e907";
}
.icon-attribute:before {
content: "\e908";
}
.icon-calendar:before {
content: "\e909";
}
.icon-cancel-1:before {
content: "\e90a";
}
.icon-cancel:before {
content: "\e90b";
}
.icon-cart:before {
content: "\e90c";
}
.icon-checked:before {
content: "\e90d";
}
.icon-cms:before {
content: "\e90e";
}
.icon-configuration:before {
content: "\e90f";
}
.icon-cross:before {
content: "\e910";
}
.icon-customer-2:before {
content: "\e911";
}
.icon-customer:before {
content: "\e912";
}
.icon-dashboard:before {
content: "\e913";
}
.icon-delete:before {
content: "\e914";
}
.icon-done:before {
content: "\e915";
}
.icon-dot:before {
content: "\e916";
}
.icon-dots:before {
content: "\e917";
}
.icon-down-stat:before {
content: "\e918";
}
.icon-drag:before {
content: "\e919";
}
.icon-edit-save:before {
content: "\e91a";
}
.icon-edit:before {
content: "\e91b";
}
.icon-filter:before {
content: "\e91c";
}
.icon-folder-block:before {
content: "\e91d";
}
.icon-folder:before {
content: "\e91e";
}
.icon-image:before {
content: "\e91f";
}
.icon-information:before {
content: "\e920";
}
.icon-language:before {
content: "\e921";
}
.icon-location:before {
content: "\e922";
}
.icon-mail:before {
content: "\e923";
}
.icon-menu:before {
content: "\e924";
}
.icon-notification:before {
content: "\e925";
}
.icon-order-back:before {
content: "\e926";
}
.icon-printer:before {
content: "\e927";
}
.icon-processing:before {
content: "\e928";
}
.icon-product-1:before {
content: "\e929";
}
.icon-product:before {
content: "\e92a";
}
.icon-promotion:before {
content: "\e92b";
}
.icon-radio-normal:before {
content: "\e92c";
}
.icon-radio-selected:before {
content: "\e92d";
}
.icon-repeat:before {
content: "\e92e";
}
.icon-sales:before {
content: "\e92f";
}
.icon-search:before {
content: "\e930";
}
.icon-setting:before {
content: "\e931";
}
.icon-settings:before {
content: "\e932";
}
.icon-ship:before {
content: "\e933";
}
.icon-sort-down:before {
content: "\e934";
}
.icon-sort-left:before {
content: "\e935";
}
.icon-sort-right:before {
content: "\e936";
}
.icon-sort-up-down:before {
content: "\e937";
}
.icon-sort-up:before {
content: "\e938";
}
.icon-star:before {
content: "\e939";
}
.icon-store:before {
content: "\e93a";
}
.icon-tick:before {
content: "\e93b";
}
.icon-up-stat:before {
content: "\e93c";
}
.icon-view:before {
content: "\e93d";
}
.icon-view-close:before {
content: "\e946";
}
.icon-copy:before {
content: "\e93e";
}
.icon-exit:before {
content: "\e93f";
}
.icon-clip:before {
content: "\e940";
}
.icon-collapse:before {
content: "\e941";
}
.icon-login:before {
content: "\e943";
}
.icon-pause:before {
content: "\e944";
}
.icon-play:before {
content: "\e945";
}
.icon-import:before {
content: "\e943";
transform: rotate(90deg);
display: inline-block;
}
.icon-export:before {
content: "\e943";
transform: rotate(270deg);
display: inline-block;
}
p {
font-size: 14px;
line-height: 17px!important
}
input,textarea,select {
outline: 2px solid transparent;
outline-offset: 2px
}
.primary-button {
display: flex;
cursor: pointer;
place-content: center;
align-items: center;
-moz-column-gap: .25rem;
column-gap: .25rem;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(180 13 113 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(180 13 113 / var(--tw-bg-opacity));
padding: .375rem .75rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(249 250 251 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.table-responsive .row.grid>.primary-button:not(.flex:has(p)) {
padding: 15px 30px;
color: #3e4954;
font-size: .875rem
}
.table-responsive .row.grid .primary-button .flex:has(a:not(p>a)) {
padding: 15px 30px
}
.table-responsive .row.grid.primary-button p {
color: #000;
font-size: 18px;
white-space: nowrap;
font-weight: 600
}
.primary-button:hover {
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(180 13 113 / var(--tw-text-opacity))
}
.primary-button:focus {
opacity: .9
}
.primary-button-two {
display: flex;
cursor: pointer;
place-content: center;
align-items: center;
-moz-column-gap: .25rem;
column-gap: .25rem;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: var(--side-bar, #B40D71);
color: #fff;
background-color: var(--side-bar, #B40D71);
padding: .375rem .75rem;
font-weight: 600;
--tw-text-opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.primary-button-three {
display: flex;
cursor: pointer;
place-content: center;
align-items: center;
-moz-column-gap: .25rem;
column-gap: .25rem;
border-radius: .375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: var(--side-bar, #B40D71);
color: var(--side-bar, #B40D71);
background-color: transparent;
padding: .375rem .75rem;
font-weight: 600;
--tw-text-opacity: 1;
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.table-responsive .row.grid>.primary-button-two:not(.flex:has(p)) {
padding: 15px 30px;
color: #3e4954;
font-size: .875rem
}
.table-responsive .row.grid .primary-button-two .flex:has(a:not(p>a)) {
padding: 15px 30px
}
.table-responsive .row.grid.primary-button-two p {
color: #000;
font-size: 18px;
white-space: nowrap;
font-weight: 600
}
.primary-button-two:hover {
--tw-bg-opacity: 1;
background-color: transparent;
color: var(--side-bar, #B40D71);
--tw-text-opacity: 1;
}
.primary-button-three:hover {
--tw-bg-opacity: 1;
background-color: var(--side-bar, #B40D71);
color: #fff;
--tw-text-opacity: 1;
}
.primary-button-two:focus {
opacity: .9
}
.primary-button-two {
white-space: nowrap
}
.secondary-button {
display: flex;
cursor: pointer;
place-content: center;
align-items: center;
-moz-column-gap: .25rem;
column-gap: .25rem;
white-space: nowrap;
border-radius: .375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(180 13 113 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: .375rem .75rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(180 13 113 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.table-responsive .row.grid>.secondary-button:not(.flex:has(p)) {
padding: 15px 30px;
color: #3e4954;
font-size: .875rem
}
.table-responsive .row.grid .secondary-button .flex:has(a:not(p>a)) {
padding: 15px 30px
}
.table-responsive .row.grid.secondary-button p {
color: #000;
font-size: 18px;
white-space: nowrap;
font-weight: 600
}
.secondary-button:hover {
background-color: #eff6ff61
}
.secondary-button:focus {
background-color: #eff6ff61
}
.secondary-button:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
.secondary-button:hover:is(.dark *) {
opacity: .8
}
.transparent-button {
display: flex;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
place-content: center;
align-items: center;
-moz-column-gap: .25rem;
column-gap: .25rem;
white-space: nowrap;
border-radius: .375rem;
border-width: 2px;
border-color: transparent;
padding: .375rem .75rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.table-responsive .row.grid>.transparent-button:not(.flex:has(p)) {
padding: 15px 30px;
color: #3e4954;
font-size: .875rem
}
.table-responsive .row.grid .transparent-button .flex:has(a:not(p>a)) {
padding: 15px 30px
}
.table-responsive .row.grid.transparent-button p {
color: #000;
font-size: 18px;
white-space: nowrap;
font-weight: 600
}
.transparent-button *::marker {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.transparent-button::marker {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.transparent-button:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.transparent-button:focus {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.transparent-button:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(3 7 18 / var(--tw-bg-opacity))
}
.journal-scroll::-webkit-scrollbar {
width: 14px;
cursor: pointer;
display: none
}
.journal-scroll::-webkit-scrollbar-track {
background-color: #fff;
cursor: pointer;
border-radius: 12px;
border: 1px solid #e9e9e9
}
.journal-scroll::-webkit-scrollbar-thumb {
cursor: pointer;
background-color: #e9e9e9;
border-radius: 12px;
border: 3px solid transparent;
background-clip: content-box
}
.custom-select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: calc(100% - 10px);
background-position-y: 50%
}
.dark .custom-select {
background-image: url("data:image/svg+xml;utf8,")
}
[dir=rtl] .custom-select {
background-position-x: calc(100% - (100% - 10px))
}
.label-pending,.label-processing,.label-closed,.label-canceled,.label-info,.label-fraud,.label-pending_payment,.label-completed,.label-active {
max-width: -moz-max-content;
max-width: max-content;
border-radius: 35px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: .375rem;
padding-right: .375rem;
font-size: 12px;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
.table-responsive .row.grid.label-pending p,.table-responsive .row.grid .label-processing p,.table-responsive .row.grid .label-closed p,.table-responsive .row.grid .label-canceled p,.table-responsive .row.grid .label-info p,.table-responsive .row.grid .label-fraud p,.table-responsive .row.grid .label-pending_payment p,.table-responsive .row.grid .label-completed p,.table-responsive .row.grid .label-active p {
color: #000;
font-size: 18px;
white-space: nowrap;
font-weight: 600
}
.label-pending,.label-pending_payment {
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity))
}
.label-processing {
--tw-bg-opacity: 1;
background-color: rgb(8 145 178 / var(--tw-bg-opacity))
}
.label-completed,.label-active {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity))
}
.label-closed {
--tw-bg-opacity: 1;
background-color: rgb(79 70 229 / var(--tw-bg-opacity))
}
.label-canceled,.label-fraud {
--tw-bg-opacity: 1;
background-color: rgb(225 29 72 / var(--tw-bg-opacity))
}
.label-info {
--tw-bg-opacity: 1;
background-color: rgb(148 163 184 / var(--tw-bg-opacity))
}
.icon-star-fill:before {
content: "";
color: #ffb600
}
.shimmer {
animation-duration: 2.2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: skeleton;
animation-timing-function: linear;
background: linear-gradient(to right,#f6f6f6 8%,#f0f0f0 18%,#f6f6f6 33%);
background-size: 1250px 100%
}
.dark .shimmer {
background: linear-gradient(to right,#1f2937 8%,#1a2232 18%,#1f2937 33%)
}
@keyframes skeleton {
0% {
background-position: -1250px 0
}
to {
background-position: 1250px 0
}
}
.required:after {
--tw-content: "*";
content: var(--tw-content)
}
.CodeMirror {
height: calc(100vh - 367px)!important
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0
}
.pointer-events-none {
pointer-events: none
}
.pointer-events-auto {
pointer-events: auto
}
.visible {
visibility: visible
}
.invisible {
visibility: hidden
}
.collapse {
visibility: collapse
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: sticky
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.inset-x-0 {
left: 0;
right: 0
}
.inset-y-0 {
top: 0;
bottom: 0
}
.-top-2 {
top: -.5rem
}
.bottom-0 {
bottom: 0
}
.bottom-1 {
bottom: .25rem
}
.bottom-1\.5 {
bottom: .375rem
}
.bottom-4 {
bottom: 1rem
}
.bottom-6 {
bottom: 1.5rem
}
.bottom-px {
bottom: 1px
}
.left-0 {
left: 0
}
.left-1\/2 {
left: 50%
}
.right-0 {
right: 0
}
.right-2 {
right: .5rem
}
.top-0 {
top: 0
}
.top-1 {
top: .25rem
}
.top-1\.5 {
top: .375rem
}
.top-1\/2 {
top: 50%
}
.top-10 {
top: 2.5rem
}
.top-14 {
top: 3.5rem
}
.top-2 {
top: .5rem
}
.top-2\.5 {
top: .625rem
}
.top-3 {
top: .75rem
}
.top-5 {
top: 1.25rem
}
.top-60 {
top: 15rem
}
.z-10 {
z-index: 10
}
.z-\[10001\] {
z-index: 10001
}
.z-\[10002\] {
z-index: 10002
}
.z-\[10003\] {
z-index: 10003
}
.z-\[1000\] {
z-index: 1000
}
.z-\[100\] {
z-index: 100
}
.z-\[999\] {
z-index: 999
}
.mx-1 {
margin-left: .25rem;
margin-right: .25rem
}
.mx-1\.5 {
margin-left: .375rem;
margin-right: .375rem
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.my-1 {
margin-top: .25rem;
margin-bottom: .25rem
}
.my-1\.5 {
margin-top: .375rem;
margin-bottom: .375rem
}
.my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.my-2\.5 {
margin-top: .625rem;
margin-bottom: .625rem
}
.my-3 {
margin-top: .75rem;
margin-bottom: .75rem
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.\!mb-0 {
margin-bottom: 0!important
}
.\!mb-2 {
margin-bottom: .5rem!important
}
.\!mb-4 {
margin-bottom: 1rem!important
}
.\!mt-0 {
margin-top: 0!important
}
.-mb-px {
margin-bottom: -1px
}
.-mt-px {
margin-top: -1px
}
.mb-0 {
margin-bottom: 0
}
.mb-0\.5 {
margin-bottom: .125rem
}
.mb-1 {
margin-bottom: .25rem
}
.mb-1\.5 {
margin-bottom: .375rem
}
.mb-2 {
margin-bottom: .5rem
}
.mb-2\.5 {
margin-bottom: .625rem
}
.mb-3 {
margin-bottom: .75rem
}
.mb-4 {
margin-bottom: 1rem
}
.mb-5 {
margin-bottom: 1.25rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.mb-7 {
margin-bottom: 1.75rem
}
.mb-8 {
margin-bottom: 2rem
}
.me-3 {
margin-inline-end:.75rem}
.ml-2 {
margin-left: .5rem
}
.ml-3 {
margin-left: .75rem
}
.mr-1 {
margin-right: .25rem
}
.mr-2 {
margin-right: .5rem
}
.mt-0 {
margin-top: 0
}
.mt-0\.5 {
margin-top: .125rem
}
.mt-1 {
margin-top: .25rem
}
.mt-1\.5 {
margin-top: .375rem
}
.mt-2 {
margin-top: .5rem
}
.mt-2\.5 {
margin-top: .625rem
}
.mt-3 {
margin-top: .75rem
}
.mt-3\.5 {
margin-top: .875rem
}
.mt-4 {
margin-top: 1rem
}
.mt-5 {
margin-top: 1.25rem
}
.mt-6 {
margin-top: 1.5rem
}
.mt-7 {
margin-top: 1.75rem
}
.mt-8 {
margin-top: 2rem
}
.ms-0 {
margin-left: 0px !important;
}
.\!block {
display: block!important
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.flex {
display: flex
}
.inline-flex {
display: inline-flex
}
.table {
display: table
}
.\!grid {
display: grid!important
}
.grid {
display: grid
}
.hidden {
display: none
}
.aspect-\[0\.5\/1\] {
aspect-ratio: .5/1
}
.aspect-\[2\] {
aspect-ratio: 2
}
.aspect-\[3\.23\/1\] {
aspect-ratio: 3.23/1
}
.\!h-\[200px\] {
height: 200px!important
}
.h-1 {
height: .25rem
}
.h-10 {
height: 2.5rem
}
.h-11 {
height: 2.75rem
}
.h-14 {
height: 3.5rem
}
.h-16 {
height: 4rem
}
.h-2 {
height: .5rem
}
.h-2\.5 {
height: .625rem
}
.h-20 {
height: 5rem
}
.h-3 {
height: .75rem
}
.h-3\.5 {
height: .875rem
}
.h-4 {
height: 1rem
}
.h-40 {
height: 10rem
}
.h-5 {
height: 1.25rem
}
.h-6 {
height: 1.5rem
}
.h-8 {
height: 2rem
}
.h-9 {
height: 2.25rem
}
.h-\[100px\] {
height: 100px
}
.h-\[100vh\] {
height: 100vh
}
.h-\[110px\] {
height: 110px
}
.h-\[120px\] {
height: 120px
}
.h-\[15px\] {
height: 15px
}
.h-\[17px\] {
height: 17px
}
.h-\[180px\] {
height: 180px
}
.h-\[18px\] {
height: 18px
}
.h-\[19px\] {
height: 19px
}
.h-\[214px\] {
height: 214px
}
.h-\[21px\] {
height: 21px
}
.h-\[25px\] {
height: 25px
}
.h-\[26px\] {
height: 26px
}
.h-\[271px\] {
height: 271px
}
.h-\[33px\] {
height: 33px
}
.h-\[38px\] {
height: 38px
}
.h-\[39px\] {
height: 39px
}
.h-\[42px\] {
height: 42px
}
.h-\[45px\] {
height: 45px
}
.h-\[46px\] {
height: 46px
}
.h-\[47px\] {
height: 47px
}
.h-\[50px\] {
height: 50px
}
.h-\[60px\] {
height: 60px
}
.h-\[61px\] {
height: 61px
}
.h-\[65px\] {
height: 65px
}
.h-\[90px\] {
height: 90px
}
.h-\[calc\(100vh-100px\)\] {
height: calc(100vh - 100px)
}
.h-\[calc\(100vh-179px\)\] {
height: calc(100vh - 179px)
}
.h-\[calc\(100vh-285px\)\] {
height: calc(100vh - 285px)
}
.h-fit {
height: -moz-fit-content;
height: fit-content
}
.h-full {
height: 100%
}
.max-h-10 {
max-height: 2.5rem
}
.max-h-9 {
max-height: 2.25rem
}
.max-h-\[120px\] {
max-height: 120px
}
.max-h-\[400px\] {
max-height: 400px
}
.max-h-\[60px\] {
max-height: 60px
}
.max-h-\[65px\] {
max-height: 65px
}
.max-h-\[calc\(100vh-330px\)\] {
max-height: calc(100vh - 330px)
}
.min-h-0 {
min-height: 0px
}
.min-h-\[110px\] {
min-height: 110px
}
.min-h-\[38px\] {
min-height: 38px
}
.min-h-\[39px\] {
min-height: 39px
}
.min-h-\[47px\] {
min-height: 47px
}
.min-h-\[65px\] {
min-height: 65px
}
.min-h-full {
min-height: 100%
}
.\!w-1\/2 {
width: 50%!important
}
.\!w-20 {
width: 5rem!important
}
.\!w-\[100px\] {
width: 100px!important
}
.\!w-\[140px\] {
width: 140px!important
}
.w-1\/3 {
width: 33.333333%
}
.w-10 {
width: 2.5rem
}
.w-12 {
width: 3rem
}
.w-14 {
width: 3.5rem
}
.w-16 {
width: 4rem
}
.w-2 {
width: .5rem
}
.w-2\.5 {
width: .625rem
}
.w-2\/5 {
width: 40%
}
.w-2\/6 {
width: 33.333333%
}
.w-20 {
width: 5rem
}
.w-24 {
width: 6rem
}
.w-28 {
width: 7rem
}
.w-3 {
width: .75rem
}
.w-3\.5 {
width: .875rem
}
.w-3\/5 {
width: 60%
}
.w-32 {
width: 8rem
}
.w-36 {
width: 9rem
}
.w-4 {
width: 1rem
}
.w-40 {
width: 10rem
}
.w-5 {
width: 1.25rem
}
.w-52 {
width: 13rem
}
.w-6 {
width: 1.5rem
}
.w-72 {
width: 18rem
}
.w-8 {
width: 2rem
}
.w-9 {
width: 2.25rem
}
.w-\[100px\] {
width: 100px
}
.w-\[101px\] {
width: 101px
}
.w-\[105px\] {
width: 105px
}
.w-\[108px\] {
width: 108px
}
.w-\[109px\] {
width: 109px
}
.w-\[110px\] {
width: 110px
}
.w-\[117px\] {
width: 117px
}
.w-\[120px\] {
width: 120px
}
.w-\[123px\] {
width: 123px
}
.w-\[127px\] {
width: 127px
}
.w-\[130px\] {
width: 130px
}
.w-\[132px\] {
width: 132px
}
.w-\[134px\] {
width: 134px
}
.w-\[137px\] {
width: 137px
}
.w-\[140px\] {
width: 140px
}
.w-\[141px\] {
width: 141px
}
.w-\[143px\] {
width: 143px
}
.w-\[147px\] {
width: 147px
}
.w-\[150px\] {
width: 150px
}
.w-\[152px\] {
width: 152px
}
.w-\[157px\] {
width: 157px
}
.w-\[166px\] {
width: 166px
}
.w-\[170px\] {
width: 170px
}
.w-\[177px\] {
width: 177px
}
.w-\[178px\] {
width: 178px
}
.w-\[180px\] {
width: 180px
}
.w-\[196px\] {
width: 196px
}
.w-\[200px\] {
width: 200px
}
.w-\[204px\] {
width: 204px
}
.w-\[210px\] {
width: 210px
}
.w-\[250px\] {
width: 250px
}
.w-\[251px\] {
width: 251px
}
.w-\[254px\] {
width: 254px
}
.w-\[25px\] {
width: 25px
}
.w-\[270px\] {
width: 270px
}
.w-\[285px\] {
width: 285px
}
.w-\[289px\] {
width: 289px
}
.w-\[302px\] {
width: 302px
}
.w-\[30px\] {
width: 30px
}
.w-\[321px\] {
width: 321px
}
.w-\[33px\] {
width: 33px
}
.w-\[34px\] {
width: 34px
}
.w-\[350px\] {
width: 350px
}
.w-\[35px\] {
width: 35px
}
.w-\[360px\] {
width: 360px
}
.w-\[37px\] {
width: 37px
}
.w-\[38px\] {
width: 38px
}
.w-\[39px\] {
width: 39px
}
.w-\[42px\] {
width: 42px
}
.w-\[434px\] {
width: 434px
}
.w-\[455px\] {
width: 455px
}
.w-\[45px\] {
width: 45px
}
.w-\[46px\] {
width: 46px
}
.w-\[475px\] {
width: 475px
}
.w-\[49px\] {
width: 49px
}
.w-\[50px\] {
width: 50px
}
.w-\[525px\] {
width: 525px
}
.w-\[52px\] {
width: 52px
}
.w-\[534px\] {
width: 534px
}
.w-\[54px\] {
width: 54px
}
.w-\[55px\] {
width: 55px
}
.w-\[58px\] {
width: 58px
}
.w-\[60px\] {
width: 60px
}
.w-\[65px\] {
width: 65px
}
.w-\[70px\] {
width: 70px
}
.w-\[72px\] {
width: 72px
}
.w-\[75px\] {
width: 75px
}
.w-\[77px\] {
width: 77px
}
.w-\[79px\] {
width: 79px
}
.w-\[82px\] {
width: 82px
}
.w-\[83px\] {
width: 83px
}
.w-\[85px\] {
width: 85px
}
.w-\[86px\] {
width: 86px
}
.w-\[88px\] {
width: 88px
}
.w-\[90px\] {
width: 90px
}
.w-\[94px\] {
width: 94px
}
.w-fit {
width: -moz-fit-content;
width: fit-content
}
.w-full {
width: 100%
}
.w-max {
width: -moz-max-content;
width: max-content
}
.min-w-0 {
min-width: 0px
}
.min-w-5 {
min-width: 1.25rem
}
.min-w-\[110px\] {
min-width: 110px
}
.min-w-\[120px\] {
min-width: 120px
}
.min-w-\[150px\] {
min-width: 150px
}
.min-w-\[180px\] {
min-width: 180px
}
.min-w-\[196px\] {
min-width: 196px
}
.min-w-\[200px\] {
min-width: 200px
}
.min-w-\[210px\] {
min-width: 210px
}
.min-w-\[250px\] {
min-width: 250px
}
.min-w-\[300px\] {
min-width: 300px
}
.min-w-\[65px\] {
min-width: 65px
}
.min-w-\[800px\] {
min-width: 800px
}
.max-w-10 {
max-width: 2.5rem
}
.max-w-9 {
max-width: 2.25rem
}
.max-w-\[115px\] {
max-width: 115px
}
.max-w-\[120px\] {
max-width: 120px
}
.max-w-\[180px\] {
max-width: 180px
}
.max-w-\[196px\] {
max-width: 196px
}
.max-w-\[210px\] {
max-width: 210px
}
.max-w-\[250px\] {
max-width: 250px
}
.max-w-\[270px\] {
max-width: 270px
}
.max-w-\[360px\] {
max-width: 360px
}
.max-w-\[400px\] {
max-width: 400px
}
.max-w-\[445px\] {
max-width: 445px
}
.max-w-\[525px\] {
max-width: 525px
}
.max-w-\[568px\] {
max-width: 568px
}
.max-w-\[60px\] {
max-width: 60px
}
.max-w-\[65px\] {
max-width: 65px
}
.max-w-\[70px\] {
max-width: 70px
}
.max-w-\[745px\] {
max-width: 745px
}
.max-w-full {
max-width: 100%
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content
}
.flex-1 {
flex: 1 1 0%
}
.border-collapse {
border-collapse: collapse
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2,.-translate-y-2\/4 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-4 {
--tw-translate-y: 1rem;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-full {
--tw-translate-y: 100%;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.animate-\[on-fade_0\.5s_ease-in-out\] {
animation: on-fade .5s ease-in-out
}
@keyframes spin {
to {
transform: rotate(360deg)
}
}
.animate-spin {
animation: spin 1s linear infinite
}
.cursor-grab {
cursor: grab
}
.cursor-not-allowed {
cursor: not-allowed
}
.cursor-pointer {
cursor: pointer
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.select-all {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all
}
.resize {
resize: both
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}
.grid-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr))
}
.grid-cols-\[0\.5fr_0\.5fr_1fr\] {
grid-template-columns: .5fr .5fr 1fr
}
.grid-cols-\[1fr_2fr\] {
grid-template-columns: 1fr 2fr
}
.grid-cols-\[2fr_1fr_1fr\] {
grid-template-columns: 2fr 1fr 1fr
}
.grid-cols-\[2fr_1fr_minmax\(150px\,_4fr\)_0\.5fr\] {
grid-template-columns: 2fr 1fr minmax(150px,4fr) .5fr
}
.grid-cols-\[minmax\(150px\,_2fr\)_1fr_1fr\] {
grid-template-columns: minmax(150px,2fr) 1fr 1fr
}
.grid-rows-1 {
grid-template-rows: repeat(1,minmax(0,1fr))
}
.flex-row {
flex-direction: row
}
.flex-col {
flex-direction: column
}
.flex-wrap {
flex-wrap: wrap
}
.place-content-center {
place-content: center
}
.place-content-start {
place-content: start
}
.place-content-end {
place-content: end
}
.place-content-between {
place-content: space-between
}
.place-items-start {
place-items: start
}
.content-start {
align-content: flex-start
}
.content-end {
align-content: flex-end
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.justify-start {
justify-content: flex-start
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-between {
justify-content: space-between
}
.justify-items-end {
justify-items: end
}
.justify-items-center {
justify-items: center
}
.gap-0 {
gap: 0px
}
.gap-0\.5 {
gap: .125rem
}
.gap-1 {
gap: .25rem
}
.gap-1\.5 {
gap: .375rem
}
.gap-10 {
gap: 2.5rem
}
.gap-12 {
gap: 3rem
}
.gap-2 {
gap: .5rem
}
.gap-2\.5 {
gap: .625rem
}
.gap-3 {
gap: .75rem
}
.gap-3\.5 {
gap: .875rem
}
.gap-4 {
gap: 1rem
}
.gap-5 {
gap: 1.25rem
}
.gap-6 {
gap: 1.5rem
}
.gap-60 {
gap: 15rem
}
.gap-7 {
gap: 1.75rem
}
.gap-8 {
gap: 2rem
}
.gap-x-1 {
-moz-column-gap: .25rem;
column-gap: .25rem
}
.gap-x-1\.5 {
-moz-column-gap: .375rem;
column-gap: .375rem
}
.gap-x-2 {
-moz-column-gap: .5rem;
column-gap: .5rem
}
.gap-x-2\.5 {
-moz-column-gap: .625rem;
column-gap: .625rem
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem
}
.gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem
}
.gap-y-1 {
row-gap: .25rem
}
.gap-y-1\.5 {
row-gap: .375rem
}
.gap-y-2 {
row-gap: .5rem
}
.gap-y-2\.5 {
row-gap: .625rem
}
.gap-y-4 {
row-gap: 1rem
}
.gap-y-6 {
row-gap: 1.5rem
}
.gap-y-8 {
row-gap: 2rem
}
.divide-y>:not([hidden])~:not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.divide-gray-100>:not([hidden])~:not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-divide-opacity))
}
.place-self-start {
place-self: start
}
.place-self-end {
place-self: end
}
.self-start {
align-self: flex-start
}
.self-end {
align-self: flex-end
}
.self-center {
align-self: center
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.whitespace-nowrap {
white-space: nowrap
}
.break-words {
overflow-wrap: break-word
}
.break-all {
word-break: break-all
}
.\!rounded-none {
border-radius: 0!important
}
.rounded {
border-radius: .25rem
}
.rounded-2xl {
border-radius: 1rem
}
.rounded-\[35px\] {
border-radius: 35px
}
.rounded-full {
border-radius: 9999px
}
.rounded-lg {
border-radius: .5rem
}
.rounded-md {
border-radius: .375rem
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: .125rem
}
.rounded-b {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.rounded-b-lg {
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem
}
.rounded-l {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.rounded-t {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.border {
border-width: 1px
}
.border-2 {
border-width: 2px
}
.border-\[3px\] {
border-width: 3px
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px
}
.border-b {
border-bottom-width: 1px
}
.border-b-2 {
border-bottom-width: 2px
}
.border-l {
border-left-width: 1px
}
.border-t {
border-top-width: 1px
}
.border-dashed {
border-style: dashed
}
.\!border-none {
border-style: none!important
}
.\!border-blue-600 {
--tw-border-opacity: 1 !important;
border-color: rgb(180 13 113 / var(--tw-border-opacity))!important
}
.\!border-red-600 {
--tw-border-opacity: 1 !important;
border-color: rgb(220 38 38 / var(--tw-border-opacity))!important
}
.border-\[\#E9E9E9\] {
--tw-border-opacity: 1;
border-color: rgb(233 233 233 / var(--tw-border-opacity))
}
.border-blue-200 {
--tw-border-opacity: 1;
border-color: rgb(191 219 254 / var(--tw-border-opacity))
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity))
}
.border-blue-600 {
--tw-border-opacity: 1;
border-color: var(--side-bar, #B40D71);
}
.border-blue-700 {
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity))
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.border-gray-400 {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity))
}
.border-gray-500 {
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity))
}
.border-gray-800 {
--tw-border-opacity: 1;
border-color: rgb(31 41 55 / var(--tw-border-opacity))
}
.border-green-200 {
--tw-border-opacity: 1;
border-color: rgb(187 247 208 / var(--tw-border-opacity))
}
.border-red-200 {
--tw-border-opacity: 1;
border-color: rgb(254 202 202 / var(--tw-border-opacity))
}
.border-red-500 {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity))
}
.border-red-600 {
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity))
}
.border-slate-300 {
--tw-border-opacity: 1;
border-color: rgb(203 213 225 / var(--tw-border-opacity))
}
.border-transparent {
border-color: transparent
}
.border-b-gray-300 {
--tw-border-opacity: 1;
border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.bg-amber-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 243 199 / var(--tw-bg-opacity))
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity))
}
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity))
}
.bg-blue-400 {
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity))
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity))
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity))
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(180 13 113 / var(--tw-bg-opacity))
}
.bg-darkPink {
--tw-bg-opacity: 1;
background-color: rgb(248 81 86 / var(--tw-bg-opacity))
}
.bg-emerald-400 {
--tw-bg-opacity: 1;
background-color: rgb(52 211 153 / var(--tw-bg-opacity))
}
.bg-emerald-500 {
--tw-bg-opacity: 1;
background-color: rgb(16 185 129 / var(--tw-bg-opacity))
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}
.bg-gray-400 {
--tw-bg-opacity: 1;
background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}
.bg-gray-600 {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}
.bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}
.bg-gray-950 {
--tw-bg-opacity: 1;
background-color: rgb(3 7 18 / var(--tw-bg-opacity))
}
.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity))
}
.bg-green-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity))
}
.bg-green-50 {
--tw-bg-opacity: 1;
background-color: rgb(240 253 244 / var(--tw-bg-opacity))
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity))
}
.bg-lightPink {
--tw-bg-opacity: 1;
background-color: rgb(228 91 141 / var(--tw-bg-opacity))
}
.bg-neutral-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}
.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity))
}
.bg-red-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity))
}
.bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity))
}
.bg-sky-400 {
--tw-bg-opacity: 1;
background-color: rgb(56 189 248 / var(--tw-bg-opacity))
}
.bg-slate-100 {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}
.bg-transparent {
background-color: transparent
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-yellow-500 {
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity))
}
.bg-opacity-50 {
--tw-bg-opacity: .5
}
.object-cover {
-o-object-fit: cover;
object-fit: cover
}
.\!p-0 {
padding: 0!important
}
.\!p-4 {
padding: 1rem!important
}
.p-1 {
padding: .25rem
}
.p-1\.5 {
padding: .375rem
}
.p-2 {
padding: .5rem
}
.p-2\.5 {
padding: .625rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-5 {
padding: 1.25rem
}
.\!px-0 {
padding-left: 0!important;
padding-right: 0!important
}
.\!px-2 {
padding-left: .5rem!important;
padding-right: .5rem!important
}
.\!py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.\!py-1\.5 {
padding-top: .375rem!important;
padding-bottom: .375rem!important
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.px-1 {
padding-left: .25rem;
padding-right: .25rem
}
.px-1\.5 {
padding-left: .375rem;
padding-right: .375rem
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.px-11 {
padding-left: 2.75rem;
padding-right: 2.75rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.px-2\.5 {
padding-left: .625rem;
padding-right: .625rem
}
.px-3 {
padding-left: .75rem;
padding-right: .75rem
}
.px-3\.5 {
padding-left: .875rem;
padding-right: .875rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-0\.5 {
padding-top: .125rem;
padding-bottom: .125rem
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.py-1\.5 {
padding-top: .375rem;
padding-bottom: .375rem
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.py-2\.5 {
padding-top: .625rem;
padding-bottom: .625rem
}
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-px {
padding-top: 1px;
padding-bottom: 1px
}
.\!pt-0 {
padding-top: 0!important
}
.pb-0 {
padding-bottom: 0
}
.pb-2 {
padding-bottom: .5rem
}
.pb-2\.5 {
padding-bottom: .625rem
}
.pb-3 {
padding-bottom: .75rem
}
.pb-3\.5 {
padding-bottom: .875rem
}
.pb-4 {
padding-bottom: 1rem
}
.pb-6 {
padding-bottom: 1.5rem
}
.pb-8 {
padding-bottom: 2rem
}
.pl-2 {
padding-left: .5rem
}
.pl-2\.5 {
padding-left: .625rem
}
.pr-9 {
padding-right: 2.25rem
}
.pt-1 {
padding-top: .25rem
}
.pt-1\.5 {
padding-top: .375rem
}
.pt-2 {
padding-top: .5rem
}
.pt-3 {
padding-top: .75rem
}
.pt-4 {
padding-top: 1rem
}
.pt-5 {
padding-top: 1.25rem
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-end {
text-align: end
}
.align-middle {
vertical-align: middle
}
.align-text-bottom {
vertical-align: text-bottom
}
.\!text-sm {
font-size: .875rem!important;
line-height: 1.25rem!important
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem
}
.text-\[10px\] {
font-size: 10px
}
.text-\[38px\] {
font-size: 38px
}
.text-\[6px\] {
font-size: 6px
}
.text-base {
font-size: 1rem;
line-height: 1.5rem
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.text-xs {
font-size: .75rem;
line-height: 1rem
}
.\!font-semibold {
font-weight: 600!important
}
.font-bold {
font-weight: 700
}
.font-light {
font-weight: 300
}
.font-medium {
font-weight: 500
}
.font-normal {
font-weight: 400
}
.font-semibold {
font-weight: 600
}
.uppercase {
text-transform: uppercase
}
.italic {
font-style: italic
}
.\!leading-5 {
line-height: 1.25rem!important
}
.\!leading-6 {
line-height: 1.5rem!important
}
.\!leading-normal {
line-height: 1.5!important
}
.leading-5 {
line-height: 1.25rem
}
.leading-6 {
line-height: 1.5rem
}
.leading-9 {
line-height: 2.25rem
}
.leading-\[140\%\] {
line-height: 140%
}
.leading-\[9px\] {
line-height: 9px
}
.leading-none {
line-height: 1
}
.leading-normal {
line-height: 1.5
}
.\!text-gray-600 {
--tw-text-opacity: 1 !important;
color: rgb(75 85 99 / var(--tw-text-opacity))!important
}
.\!text-gray-800 {
--tw-text-opacity: 1 !important;
color: rgb(31 41 55 / var(--tw-text-opacity))!important
}
.text-\[\#135F29\] {
--tw-text-opacity: 1;
color: rgb(19 95 41 / var(--tw-text-opacity))
}
.text-\[\#161B9D\] {
--tw-text-opacity: 1;
color: rgb(22 27 157 / var(--tw-text-opacity))
}
.text-\[\#6E6E6E\] {
--tw-text-opacity: 1;
color: rgb(110 110 110 / var(--tw-text-opacity))
}
.text-amber-600 {
--tw-text-opacity: 1;
color: rgb(217 119 6 / var(--tw-text-opacity))
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity))
}
.text-blue-600 {
--tw-text-opacity: 1;
color: var(--side-bar, #B40D71);
}
.text-emerald-400 {
--tw-text-opacity: 1;
color: rgb(52 211 153 / var(--tw-text-opacity))
}
.text-emerald-500 {
--tw-text-opacity: 1;
color: rgb(16 185 129 / var(--tw-text-opacity))
}
.text-emerald-600 {
--tw-text-opacity: 1;
color: rgb(5 150 105 / var(--tw-text-opacity))
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity))
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity))
}
.text-gray-50 {
--tw-text-opacity: 1;
color: rgb(249 250 251 / var(--tw-text-opacity))
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity))
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity))
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity))
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity))
}
.text-inherit {
color: inherit
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity))
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity))
}
.text-sidebartext {
color: #ffffffb3
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
.underline {
text-decoration-line: underline
}
.opacity-0 {
opacity: 0
}
.opacity-100 {
opacity: 1
}
.opacity-25 {
opacity: .25
}
.opacity-70 {
opacity: .7
}
.opacity-75 {
opacity: .75
}
.opacity-80 {
opacity: .8
}
.\!shadow-none {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-\[0_5px_20px_rgba\(0\,0\,0\,0\.15\)\] {
--tw-shadow: 0 5px 20px rgba(0,0,0,.15);
--tw-shadow-colored: 0 5px 20px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-\[0px_0px_0px_0px_rgba\(0\,0\,0\,0\.10\)\,0px_1px_3px_0px_rgba\(0\,0\,0\,0\.10\)\,0px_5px_5px_0px_rgba\(0\,0\,0\,0\.09\)\,0px_12px_7px_0px_rgba\(0\,0\,0\,0\.05\)\,0px_22px_9px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_34px_9px_0px_rgba\(0\,0\,0\,0\.00\)\] {
--tw-shadow: 0px 0px 0px 0px rgba(0,0,0,.1),0px 1px 3px 0px rgba(0,0,0,.1),0px 5px 5px 0px rgba(0,0,0,.09),0px 12px 7px 0px rgba(0,0,0,.05),0px 22px 9px 0px rgba(0,0,0,.01),0px 34px 9px 0px rgba(0,0,0,0);
--tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color), 0px 5px 5px 0px var(--tw-shadow-color), 0px 12px 7px 0px var(--tw-shadow-color), 0px 22px 9px 0px var(--tw-shadow-color), 0px 34px 9px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-\[0px_8px_10px_0px_rgba\(0\,0\,0\,0\.20\)\,0px_6px_30px_0px_rgba\(0\,0\,0\,0\.12\)\,0px_16px_24px_0px_rgba\(0\,0\,0\,0\.14\)\] {
--tw-shadow: 0px 8px 10px 0px rgba(0,0,0,.2),0px 6px 30px 0px rgba(0,0,0,.12),0px 16px 24px 0px rgba(0,0,0,.14);
--tw-shadow-colored: 0px 8px 10px 0px var(--tw-shadow-color), 0px 6px 30px 0px var(--tw-shadow-color), 0px 16px 24px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-\[0px_8px_10px_0px_rgba\(0\,_0\,_0\,_0\.2\)\] {
--tw-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .2);
--tw-shadow-colored: 0px 8px 10px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.duration-100 {
transition-duration: .1s
}
.duration-200 {
transition-duration: .2s
}
.duration-300 {
transition-duration: .3s
}
.duration-75 {
transition-duration: 75ms
}
.ease-in {
transition-timing-function: cubic-bezier(.4,0,1,1)
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.ease-out {
transition-timing-function: cubic-bezier(0,0,.2,1)
}
@font-face {
font-family: bagisto-admin;
src: url(bagisto-admin-37c2feba.woff?jwnnow) format("woff");
font-weight: 400;
font-style: normal;
font-display: block
}
@font-face {
font-family: fontawesome;
src: url(fontawesome-ba0c59de.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: block
}
.tox .tox-toolbar__group:last-child button {
padding: 6px 8px;
background: #eff6ff;
color: #2563eb
}
.tox .tox-toolbar__group:last-child button:hover {
background: #dbeafe
}
.tox .tox-toolbar__group:last-child button[aria-disabled=true] {
cursor: not-allowed;
opacity: .5
}
@media (min-width: 1024px) {
.sub-cust-arrow-main {
position:relative
}
.sub-cust-arrow:before {
content: "";
position: absolute;
background: rgb(228 91 141);
width: 10px;
height: 10px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
left: -5px;
top: 10px
}
.cls-custom.sub-cust-arrow:before:not(.sidebar-collapsed .cls-custom.sub-cust-arrow:before) {
left: 30px;
top: 40px;
content: unset
}
.sub-cust-arrow-main.active .cls-custom:before {
content: unset
}
}
#calendar {
background: #fff;
padding: 15px;
border: 1px solid #e5e7eb
}
.fc-toolbar button {
background: #fff;
box-shadow: unset;
border: 1px solid #ebedf3
}
.fc-state-active {
box-shadow: unset;
background:var(--side-bar, #B40D71);
color: #fff!important;
border-color: var(--side-bar, #B40D71);
}
.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-content,.fc-unthemed .fc-popover,.fc-unthemed .fc-list-view,.fc-unthemed .fc-list-heading td {
border-color: #ebedf3!important;
color: #7e7e7e
}
.fc-unthemed th {
color: #111
}
.fc-event {
background-color:var(--side-bar, #B40D71);
border-color:var(--side-bar, #B40D71);
}
.fc-event .fc-title {
color: #fff;
}
.header-cust-shadow {
box-shadow: 0 0 10px #cecece80;
width: 100%;
background-color: #fff
}
.nav-logo {
position: absolute;
z-index: 100000;
top: 0;
bottom: 0
}
.nav-logo a,.nav-logo img {
height: 100%;
width: auto
}
.nav-logo a {
display: flex;
text-align: center;
justify-content: center
}
.nav-logo img {
padding: 10px 5px 5px
}
.custom-fixed-header {
position: fixed;
left: 0;
right: 0;
z-index: 10
}
.mini-calendar {
background-color: #fff;
padding: 20px
}
.main-layout {
padding-top: 60px
}
.a-items-center {
align-items: center
}
.border-bottom-details {
/* border-bottom: 1px solid #e5e7eb; */
padding-bottom: 20px;
margin-bottom: 30px
}
.custom-delete {
border-radius: .5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: var(--side-bar, #B40D71);
background-color: transparent;
--tw-text-opacity: 1;
color: var(--side-bar, #B40D71);
}
.custom-delete:hover {
--tw-bg-opacity: 1;
background-color: var(--side-bar, #B40D71);
--tw-text-opacity: 1;
color: #ffffff;
}
.main-item-add-button:not(.continue-btn .main-item-add-button) {
margin-left: 30px
}
.main-item-add-button i,.add_sub_item i,.add_new_varities i {
font-size: 16px;
--tw-text-opacity: 1;
color: #fff;
}
.main-item-add-button i:hover,.add_sub_item i:hover,.add_new_varities i:hover,.main-item-add-button:hover i,.add_sub_item:hover i,.add_new_varities:hover i {
--tw-text-opacity: 1;
color: var(--side-bar, #B40D71);
}
[class^=fa-],[class*=" fa-"],.icon-payments {
font-family: 'PhpDebugbarFontAwesome';
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
color: #392540;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1!important
}
.fa-plus:before{
content:"\f067";
}
.fa-phone:before{
content:"\f095";
}
.fa-location:before{
content:"\f041";
}
.fa-check:before{
content:"\f00c";
}
.fa-times:before{
content:"\f00d";
}
.fa-whatsapp:before{
content:"\f232";
}
.icon-payments::before {
content:"\f09d";
}
.icon-payments {
width: 24px
}
.collapsed-button:before {
color: var(--side-bar, #B40D71);
}
[class^=custom-label-],[class*=" custom-label-"],.price-lable {
display: flex;
align-items: center;
background-color: #f7f6f6;
padding: .532rem .75rem;
color: #7e7e7e;
border: .0625rem solid #f7f6f6
}
.all-b {
border-radius: 0
}
.custom-label-left {
border-top-left-radius: .5rem;
border-bottom-left-radius: .5rem
}
.custom-label-right {
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem
}
.l-b-r {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.r-b-r {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
@media (max-width: 1600px) {
.all-b,.l-b-r,.r-b-r {
padding-left:10px!important;
padding-right: 10px!important;
min-width: 60px
}
.hid-add-iten {
display: none
}
.custom-select {
min-width: 160px
}
}
@media (max-width: 1400px) {
.all-b,.l-b-r,.r-b-r {
min-width:70px
}
}
.table-responsive .row.grid p,.table-responsive .row.grid>.flex:not(.flex:has(p)),.table-responsive .row.grid .custom-col {
padding: 15px 30px;
color: #3e4954;
font-size: .875rem
}
.table-responsive .row.grid .flex .flex:has(a:not(p>a)) {
padding: 15px 30px
}
.table-responsive .row.grid .icon-uncheckbox {
padding: 15px
}
.table-responsive .row.grid {
padding: 0
}
.table-responsive .row.grid.font-semibold p,.custom-table-head {
color: #000!important;
font-size: 18px!important;
white-space: nowrap;
font-weight: 600
}
#mini-calendars .mini-calendar table tbody tr td .fc-scroller {
overflow: unset!important;
height: 100%!important
}
#mini-calendars .mini-calendar h4 {
margin-bottom: 15px;
text-align: center;
font-weight: 500
}
#mini-calendars .mini-calendar h4 span {
color:var(--side-bar, #B40D71);
}
#mini-calendars .fc-ltr .fc-basic-view .fc-day-top {
text-align: center;
padding: 8px
}
#mini-calendars .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
float: unset
}
#mini-calendars .fc-basic-view .fc-body .fc-row {
min-height: auto
}
#mini-calendars .fc-day-grid-event {
padding: 10px 9px;
border-radius: 50px;
margin-top: 0;
background: #f5c0d3!important;
border-color: #f5c0d3!important
}
#mini-calendars .fc-unthemed td,#mini-calendars .fc th {
border-width: 0px!important
}
#mini-calendars .fc-unthemed .fc-content-skeleton tbody {
position: absolute;
width: 100%;
top: 0;
z-index: -1
}
#mini-calendars .fc-unthemed .fc-content-skeleton tbody tr {
width: 100%;
display: flex;
justify-content: space-around
}
#mini-calendars .fc-unthemed .fc-content-skeleton tbody tr td {
flex: 1
}
#mini-calendars .fc-unthemed .fc-body {
margin-top: 10px;
display: block
}
.chart-container {
display: inline-block;
position: relative;
width: 80px;
height: 80px
}
.chart-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 16px;
font-weight: 700
}
.product-custom-column {
grid-template-columns: 4fr 2fr 3fr
}
.hidden-product-table-head {
display: none!important
}
.product-custom-column .icon-sort-right:before {
content: ""
}
.product-custom-column a:has(.icon-copy) {
display: none
}
.product-custom-column .custom-icons-ad {
border: 1px solid #392540
}
.product-custom-column .custom-icons-ad:hover {
background-color: #111;
color: #fff
}
.custom-table tr th {
text-align: left;
padding: 15px 30px
}
.custom-table tr td {
padding: 15px 30px
}
.custom-table tr:not(tr:last-child) {
border-bottom: 1px solid #d7dae3
}
.custom-table tr th:nth-child(5) {
width: 10%
}
.custom-table tr th:nth-child(4) {
width: 10%
}
.custom-table tr td input {
width: 150px;
border: 1px solid #eeeeee;
padding: 5px 10px
}
.custom-table tr td.action {
text-align: center
}
.custom-table tr td.action [class^=icon-],.custom-table tr td.action [class*=icon-] {
border: 1px solid rgba(243,87,87);
color: #f35757;
padding: 0;
border-radius: 50px
}
.card-style .card-body,.card {
padding: 15px 30px
}
.card-30 {
padding: 30px
}
.card-style .card-body p {
line-height: 1.8
}
.card-style .card-body i {
color:var(--side-bar, #B40D71);
}
.profile-sec img {
border-radius: 50px
}
.profile-sec .email-id {
word-break: break-all
}
.card-style .card-body.border-bottom,.border-bottom {
border-bottom: 1px solid #eeeeee
}
.custom-edit {
border: 1px solid #392540;
border-radius: .5rem
}
.custom-edit:hover {
background-color: #000;
color: #fff
}
label {
font-size: 1rem!important;
color: #7e7e7e!important;
font-weight: 400!important;
margin-bottom: .5rem!important;
line-height: 1.5!important
}
input:not(input[name=search],.custom-pagination input),select,textarea, .ratesspan, .pricesspan, .front-side .subitem_ratespan, .front-side .subitem_pricespan{
border-color: #d7dae3;
padding: .3125rem 1.25rem;
height: 3.5rem
}
select {
background-color: #fff
}
button:not(.primary-button-underline,.main-pack .secondary-button,.custom-pagination .pagination-drop,.fc-button,.tox .tox-statusbar__text-container .tox-statusbar__wordcount) {
padding: .938rem 1.5rem!important;
font-weight: 400!important;
font-size: 1rem
}
@media (max-width: 1400px) {
input:not(input[name=search],.custom-pagination input),select,textarea, .ratesspan, .pricesspan, .front-side .subitem_ratespan, .front-side .subitem_pricespan {
height:2.5rem
}
[class^=custom-label-],[class*=" custom-label-"] {
padding: .423rem .75rem
}
label {
font-size: .875rem!important
}
button:not(.primary-button-underline,.main-pack .secondary-button,.custom-pagination .pagination-drop,.fc-button,.tox .tox-statusbar__text-container .tox-statusbar__wordcount) {
padding: .625rem 1rem!important;
font-size: .813rem
}
}
input:focus,select:focus,textarea:focus {
border-color:var(--side-bar, #B40D71);
}
.flatpickr-day.selected {
background-color: #f5c0d3;
border-color: #f5c0d3
}
.service-button .secondary-button.selected,.service-button .secondary-button:hover {
background-color: #392540;
border: 1px solid #392540;
color: #fff
}
.custom-customer-detail .p-data,.profile-text p {
line-height: 1.8!important;
color: #7e7e7e
}
.profile-text p {
margin-bottom: 1rem
}
.custom-customer-detail .box-shadow,.profile-text .box-shadow {
height: 100%
}
.light.badge-secondary {
background: #d2bed9;
color: #392540;
font-size: .75em;
font-weight: 700
}
.light.badge-danger {
background-color: #fde6e6;
color: #f35757;
font-size: .75em;
font-weight: 700
}
.badge {
line-height: 1.5;
border-radius: 1.03125rem;
padding: .25rem .625rem;
border: .0625rem solid transparent
}
.timeline-panel {
display: flex;
align-items: center;
border-bottom: 1px solid #eaeaea;
padding-bottom: 15px;
margin-bottom: 15px;
justify-content: space-between
}
.timeline-panel small,.timeline-panel .tax,.timeline-panel .media-body+div {
color: #7e7e7e
}
.card-title {
font-size: 1.25rem;
font-weight: 500;
text-transform: capitalize
}
.timeline-panel h5 {
color: #3d4465;
font-weight: 500;
line-height: 1.2
}
.card-title {
color: #dd2f6e
}
.cust-shadow {
box-shadow: 0 .3125rem .3125rem #523f690d;
border-radius: 20px
}
.table-responsive .product-custom-column:last-child {
border-bottom-width: 0
}
.justify-evenly {
justify-content: space-evenly
}
.product-image-cust {
padding: 0 0 0 15px!important
}
.white-space-nowrap {
white-space: nowrap
}
.top-60 {
top: 60px
}
.main-product-varities .custom-delete,.sub-items .custom-delete {
font-size: 1rem!important
}
.collapsed-header .nav-logo {
width: 70px
}
.custom-flex:has(.table-check) {
display: flex!important
}
.custom-grey-bg {
background-color: #f7f6f6
}
.service-button label.icon-uncheckbox {
position: absolute;
display: none;
color: #fff!important
}
.service-button label:not(label.icon-uncheckbox) {
padding: 10px 20px;
background-color: #fff;
border: 1px solid #392540;
color: #392540!important;
border-radius: .375rem
}
.service-button input:checked+label+label {
background-color: #392540;
color: #fff!important
}
.dashboard-grid-column {
max-height: 500px;
overflow-y: auto
}
.dashboard-grid-column::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #f5f5f5;
border-radius: 50px;
margin-top: 5px;
margin-bottom: 5px
}
.dashboard-grid-column::-webkit-scrollbar {
width: 7px;
background-color: #f5f5f5
}
.dashboard-grid-column.dashboard-grid-column::-webkit-scrollbar-thumb {
background-color: #7e7e7e;
border: 2px solid #ccc;
border-radius: 50px
}
.page-loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255,255,255,.5);
z-index: 10000;
display: flex
}
.pl {
margin: auto;
width: 8em;
height: 8em
}
.pl__drop,.pl__drop-inner,.pl__pan,.pl__ring,.pl__shadow {
animation: pan 2s cubic-bezier(.65,0,.35,1) infinite
}
.pl__drop {
transform-origin: 13px 60px
}
.pl__drop-inner {
animation-timing-function: cubic-bezier(.33,.84,.67,.84)
}
.pl__drop--1 {
animation-name: drop-1
}
.pl__drop--1 .pl__drop-inner {
animation-name: drop-1-inner
}
.pl__drop--2 {
animation-name: drop-2
}
.pl__drop--2 .pl__drop-inner {
animation-name: drop-2-inner
}
.pl__drop--3 {
transform-origin: 67px 72px;
animation-name: drop-3
}
.pl__drop--3 .pl__drop-inner {
animation-name: drop-3-inner
}
.pl__drop--4 {
transform-origin: 67px 72px;
animation-name: drop-4
}
.pl__drop--4 .pl__drop-inner {
animation-name: drop-4-inner
}
.pl__drop--5 {
transform-origin: 67px 72px;
animation-name: drop-5
}
.pl__drop--5 .pl__drop-inner {
animation-name: drop-5-inner
}
.pl__pan {
transform-origin: 36px 74px
}
.pl__ring {
animation-name: flip-ring
}
.pl__shadow {
animation-name: pan-shadow;
transform-origin: 36px 124.5px
}
@keyframes drop-1 {
0% {
animation-timing-function: steps(1,end);
transform: translate(0);
visibility: hidden
}
30% {
animation-timing-function: linear;
transform: translate(0);
visibility: visible
}
50%,to {
transform: translate(-6px)
}
}
@keyframes drop-1-inner {
0%,30% {
fill: #abafba;
transform: translate(0)
}
50%,to {
fill: #abafba00;
transform: translateY(-27px)
}
}
@keyframes drop-2 {
0% {
animation-timing-function: steps(1,end);
transform: translate(0);
visibility: hidden
}
30% {
animation-timing-function: linear;
transform: translate(0);
visibility: visible
}
50%,to {
transform: translate(-8px)
}
}
@keyframes drop-2-inner {
0%,30% {
fill: #abafba;
transform: translate(0)
}
50%,to {
fill: #abafba00;
transform: translateY(-9px)
}
}
@keyframes drop-3 {
0% {
animation-timing-function: steps(1,end);
transform: translate(0);
visibility: hidden
}
78% {
animation-timing-function: linear;
transform: translate(0);
visibility: visible
}
98%,to {
transform: translate(-24px)
}
}
@keyframes drop-3-inner {
0%,78% {
fill: #abafba;
transform: translate(0)
}
98%,to {
fill: #abafba00;
transform: translateY(-28px)
}
}
@keyframes drop-4 {
0% {
animation-timing-function: steps(1,end);
transform: translate(0);
visibility: hidden
}
78% {
animation-timing-function: linear;
transform: translate(0);
visibility: visible
}
98%,to {
transform: translate(-8px)
}
}
@keyframes drop-4-inner {
0%,78% {
fill: #abafba;
transform: translate(0)
}
98%,to {
fill: #abafba00;
transform: translateY(-36px)
}
}
@keyframes drop-5 {
0% {
animation-timing-function: steps(1,end);
transform: translate(0);
visibility: hidden
}
78% {
animation-timing-function: linear;
transform: translate(0);
visibility: visible
}
98%,to {
transform: translate(8px)
}
}
@keyframes drop-5-inner {
0%,78% {
fill: #abafba;
transform: translate(0)
}
98%,to {
fill: #abafba00;
transform: translateY(-32px)
}
}
@keyframes flip-ring {
0%,27% {
animation-timing-function: cubic-bezier(.33,.84,.67,.84);
stroke-dashoffset: 20;
stroke-width: 4px
}
53.5% {
animation-timing-function: cubic-bezier(.33,.16,.67,.16);
stroke-dashoffset: -100;
stroke-width: 10px
}
80%,to {
stroke-dashoffset: -220;
stroke-width: 4px
}
}
@keyframes pan {
0%,88%,to {
transform: translate(0) rotate(0)
}
20% {
animation-timing-function: cubic-bezier(.33,.16,.67,.16);
transform: translate(-5px) rotate(-30deg)
}
30% {
animation-timing-function: cubic-bezier(.33,.84,.67,.84);
transform: translate(0) rotate(20deg)
}
60%,78% {
animation-timing-function: linear;
transform: translate(0) rotate(0)
}
81.33% {
animation-timing-function: linear;
transform: translateY(4px) rotate(0)
}
84.67% {
animation-timing-function: linear;
transform: translateY(-2px) rotate(0)
}
}
@keyframes pan-shadow {
0%,88%,to {
fill: #737a8c33;
transform: scaleX(1)
}
20% {
animation-timing-function: cubic-bezier(.33,.16,.67,.16);
fill: #737a8c33;
transform: scaleX(.77)
}
30% {
animation-timing-function: cubic-bezier(.33,.84,.67,.84);
fill: #737a8c33;
transform: scaleX(1)
}
60%,78% {
animation-timing-function: linear;
fill: #737a8c33;
transform: scaleX(1)
}
81.33% {
animation-timing-function: linear;
fill: #737a8c40;
transform: scaleX(.87)
}
84.67% {
animation-timing-function: linear;
fill: #737a8c39
}
}
.price-table-price-one {
font-size: 1.5rem;
color:var(--side-bar, #B40D71);
}
.price-table-price-two {
color: #010f1c;
font-size: 2.5rem
}
[class*=price-table-price-] small {
font-size: 18px;
color: #000
}
.fa-checked:before {
content: "\f046";
}
.package-items li:before {
margin-right: 15px;
color: var(--side-bar, #B40D71);
position: absolute;
left: 0;
}
.main-pack.selected .package-items li:before {
color: #fff;
}
.package-items li {
padding-left: 25px;
position: relative;
}
.main-pack {
border: 1px solid #d7dae3
}
.main-pack.selected{
background: var(--side-bar, #B40D71);
}
/* .main-pack.selected,.main-pack:hover {
background-color: #392540;
border: 1px solid #392540;
color: #fff
} */
.service-button .secondary-button {
border: 1px solid #392540;
color: #392540
}
.main-pack.selected :is(h1,small,li),.main-pack:hover :is(h1,small,li) {
color: #fff
}
.main-pack.selected input,.main-pack:hover input {
/* background-color: var(--side-bar, #B40D71); */
color:#fff;
}
.main-pack.selected input,.main-pack input {
font-size: 1.5rem;
/* color: var(--side-bar, #B40D71); */
text-align: center
}
.main-pack .editable-cell.editing input {
padding-right: 70px!important
}
.main-pack input:before {
content: "₹"
}
.main-pack.selected .editing input,.main-pack:hover .editing input {
color: #fff;
background: rgba(255,255,255,.2)
}
.main-pack.selected i,.main-pack:hover i{
color: #fff
}
.main-pack .editing i {
color: #000
}
.main-pack .editable-cell.editing input, .main-pack .editable-cell.editing p{
color: #000;
}
.main-pack .editable-cell.editing p{
background: #eee;
}
.main-pack .editable-cell p{
background: #eee;
}
.main-pack.selected .editable-cell p{
color: #4d5765;
}
.main-pack:hover .editable-cell:not(.editing) > p{
background: #eee;
color: #4d5765;
}
.main-pack .editable-cell {
border:1px solid #eee;
}
.editable-cell.editing{
border:1px solid #eee;
}
.main-pack .editing input {
text-align: left
}
.main-pack .editable-cell .fa-check {
right: 40px
}
.main-pack .editable-cell .fa-times {
margin-right: 5px
}
.position-relative {
position: relative
}
.main-pack .editable-cell i {
font-size: 20px;
position: absolute;
right: 10px
}
.main-pack.selected .package_price_input_btn,.main-pack:hover .package_price_input_btn {
color: #fff
}
.main-pack.selected .secondary-button,.main-pack:hover .secondary-button {
background-color: #fff;
color: var(--side-bar, #B40D71);
font-weight: 600;
}
.mt-auto {
margin-top: auto
}
.main-pack.disabled {
opacity: .5;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.main-pack.disabled button {
pointer-events: none
}
.border-radius {
border-radius: 20px;
border: 1px solid #d7dae3
}
.color-table thead {
background-color: #392540;
color: #fff
}
.color-table tr:last-child {
border-bottom: 0px!important
}
.modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #00000080;
opacity: 0;
visibility: hidden;
transform: scale(1.1);
transition: visibility 0s linear .25s,opacity .25s 0s,transform .25s;
z-index: 1000
}
.modal-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.close-button {
float: right;
width: 1.5rem;
line-height: 1.5rem;
text-align: center;
cursor: pointer;
border-radius: .25rem;
background-color: #d3d3d3
}
.close-button:hover {
background-color: #a9a9a9
}
.show-modal {
opacity: 1;
visibility: visible;
transform: scale(1);
transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}
.editable-cell {
transition: .3s all linear
}
.editable-field {
display: flex;
justify-content: space-between
}
.editable-input {
border: none;
font-size: inherit;
background: inherit;
color: inherit
}
.editable-input:focus {
outline: none
}
.edit-button {
cursor: pointer;
font-size: 5em;
position: relative
}
.hide {
visibility: hidden!important
}
.editing {
/* background: var(--package-bg, #392540); */
color: #f1f1f1;
/* box-shadow: -2px 0 var(--side-bar, #B40D71); */
background: #fff;
}
.editing input{
box-shadow: -2px 0 var(--side-bar, #B40D71);
}
.hidden-icons {
display: none
}
.table-responsive .row.grid {
display: grid;
grid-template-columns: 100px repeat(auto-fit,minmax(0,1fr))!important;
gap: 10px
}
.table-responsive .row.grid:has(.multi-del) {
grid-template-columns: 100px 100px repeat(auto-fit,minmax(0,1fr))!important
}
.collapse-trigger {
display: none
}
@media (max-width: 1600px) {
.collapse-trigger {
display:inline
}
}
@media (max-width: 480px) {
.table-responsive .row.grid:has(.multi-del) {
grid-template-columns:100px 50px repeat(auto-fit,minmax(0,1fr))!important
}
}
.table-responsive .collpase-section>:nth-child(-n+2) {
display: none
}
.collapse-trigger {
border-radius: 50px;
background: var(--side-bar, #B40D71);
color: #fff;
padding: 5px 6px
}
.collpase-section p {
padding-bottom: 15px
}
.equal-grid-template {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(0,1fr) 200px)
}
@media (max-width:1024px){
.equal-grid-template {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(0,1fr));
}
}
.break-words.font-bold.after-col:after {
content: ":";
margin-left: 15px
}
.color-orange {
background-color: #f35757!important;
border-color: #f35757!important
}
.color-blue {
background-color: #2f4cdd!important;
border-color: #2f4cdd!important
}
.color-dark-voilet {
background-color: #392540!important;
border-color: #392540!important
}
.color-light-blue {
background-color: #5e72e4!important;
border-color: #5e72e4!important
}
.color-yellow {
background-color: #9b995c!important;
border-color: #9b995c!important
}
.color-green {
background-color: #297f00!important;
border-color: #297f00!important
}
.color-pink {
background-color: #e83e8c!important;
border-color: #e83e8c!important
}
.color-voilet {
background-color: #6610f2!important;
border-color: #6610f2!important
}
.color-light-green {
background-color: #2bc155!important;
border-color: #2bc155!important
}
.color-grey {
background-color: #3e4954!important;
border-color: #3e4954!important
}
.popover-content {
padding: 15px;
border: 1px solid #ccc;
background: #fff;
z-index: 1;
position: relative;
box-shadow: -2px 2px 8px #00000080;
border-radius: .25rem;
font-size: 14px;
color: #333
}
.popover-content strong {
color: #392540
}
.custom-popover a {
color: #ff4081;
text-decoration: none
}
.custom-popover a:hover {
text-decoration: underline
}
.orders-table-data .collapse-trigger {
margin-left: 15px
}
.peer:checked~.peer-checked\:icon-checked:before {
content: "î¤"
}
.peer:checked~.peer-checked\:icon-radio-selected:before {
content: "î¤"
}
.rtl\:icon-arrow-left:where([dir=rtl],[dir=rtl] *):before {
content: ""
}
.rtl\:icon-sort-left:where([dir=rtl],[dir=rtl] *):before {
content: ""
}
.rtl\:icon-sort-right:where([dir=rtl],[dir=rtl] *):before {
content: ""
}
.marker\:shadow *::marker {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.marker\:shadow::marker {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.after\:absolute:after {
content: var(--tw-content);
position: absolute
}
.after\:top-0:after {
content: var(--tw-content);
top: 0
}
.after\:top-0\.5:after {
content: var(--tw-content);
top: .125rem
}
.after\:h-4:after {
content: var(--tw-content);
height: 1rem
}
.after\:w-4:after {
content: var(--tw-content);
width: 1rem
}
.after\:rounded-full:after {
content: var(--tw-content);
border-radius: 9999px
}
.after\:border:after {
content: var(--tw-content);
border-width: 1px
}
.after\:border-gray-300:after {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.after\:bg-white:after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.after\:transition-all:after {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s
}
.max-width-1200:not(.max-width-1200.custom-width){
max-width: 1200;
margin: 0 auto;
}
.max-width-1200.custom-width{
max-width:1550px;
margin: 0 auto;
}
label{
margin-bottom: 0px !important;
font-weight: 600 !important;
color: #000 !important;
white-space: nowrap;
}
label:not(.radio-block label)::after{
content:":" !important;
padding-left: 10px;
}
#form-2 label:not(.radio-block label)::after{
content:"" !important;
padding-left: 10px;
}
.required:after{
content: "";
}
/* input:not(.main-pack input, .front-side input), select:not(.front-side select), textarea:not(.front-side textarea){
border-color: transparent !important;
padding: 0px !important;
pointer-events: none;
} */
.title-section{
padding: 20px;
background-color: var(--package-bg, #392540);
color: #fff;
margin-left: -30px;
margin-right: -30px;
}
.card-style-new{
padding: 0px 30px 30px 30px;
}
.card-style{
padding: 30px 30px 30px 30px;
}
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: none !important;
}
.admin-logo{
padding: 25px 0px;
/* background-color:var(--side-bar, #B40D71); */
border: 10px;
border-color: var(--side-bar, #B40D71);
border-style: ridge;
}
.admin-logo .logo img{
margin: 0 auto;
}
.card-style-total-price{
width: 500px;
margin-left: auto;
padding: 30px;
}
.card-style-total-price p{
font-size: 17px;
margin-bottom: 20px;
}
.x-wp-class input, .x-wp-class select{
border-color:#d7dae3 !important;
padding-left:15px !important;
padding-right:15px !important;
}
/* package design start */
.package-max-height{
max-height: 300px;
overflow-y:scroll;
}
.frame-box{
background-color: #fff;
box-shadow:0px 6px 15px rgba(1, 15, 28, 0.04);
-moz-box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
-webkit-box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
border-radius: 20px;
z-index: 2;
position:relative;
}
.frame-box:hover{
background-color: var(--side-bar, #B40D71);
}
/* .main-pack::before {
content: '';
height: 0;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-radius: inherit;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
z-index: -1;
background-color: var(--side-bar, #B40D71);
} */
.main-pack:hover::before, .main-pack.selected::before {
height:100%;
}
.main-pack:hover h2{
color: #fff;
}
.main-pack li{
color:#4d5765;
line-height: 1.78 !important;
font-size: 1rem;
}
.main-pack, .main-pack ul li span{
color:var(--package-bg, #F85156);
font-family: "Rubik", sans-serif !important;
}
.main-pack ul li span.text-blue-600{
color: var(--side-bar, #B40D71);
}
.page-main{
background: #faf7f2;
background-size: cover;
background-repeat: no-repeat;
}
.main-pack p{
color:#4d5765;
}
.main-pack:hover li, .main-pack:hover h1, .main-pack:hover h2, .main-pack:hover ul li span, .main-pack:hover p, .main-pack.selected p, .main-pack.selected li, .main-pack.selected h1, .main-pack.selected h2, .main-pack.selected ul li span, .main-pack.selected p{
color: #fff;
/* -webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out; */
}
.main-pack .secondary-button{
position: relative;
z-index: 2;
overflow: hidden;
vertical-align: middle;
display: inline-block;
border: none;
text-transform: uppercase;
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 21px 35px 20px 35px;
border-radius: 999px;
background-color:var(--side-bar, #B40D71);
color:#fff;
}
.main-pack:hover .secondary-button{
background-color: #fff;
color:var(--side-bar, #B40D71);
}
.main-pack .secondary-button::before {
content: "";
position: absolute;
height: 100%;
bottom: 0;
left: 0;
width: 0;
z-index: -1;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
border-radius: inherit;
}
.main-pack:hover .secondary-button:hover::before {
width:100%;
background-color: #010f1c;
}
.main-pack:hover .secondary-button:hover{
color: #fff;
}
/*
* STYLE 4
*/
.main-pack > ul{
padding-right: 10px;
}
.main-pack > ul::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.main-pack > ul::-webkit-scrollbar
{
width: 5px;
background-color: #F5F5F5;
}
.main-pack > ul::-webkit-scrollbar-thumb
{
background-color: #000000;
border: 2px solid #555555;
}
.main-pack:hover .package-items li:before{
color:#fff;
}
.animated-bg{
position: relative;
}
.animated-bg::after {
content: "";
position: absolute;
top: 0;
right: -20%;
width: 467px;
height: 282px;
background: url('https://pizzer.joomlatema.net/templates/pizzer/images/red_chili.png') no-repeat;
-webkit-animation: jumpReverseAni 7s linear infinite;
animation: jumpReverseAni 7s linear infinite;
}
.animated-bg::before {
content: "";
position: absolute;
bottom: 0;
left: -20%;
width: 250px;
height: 400px;
background: url('https://html.pixel-industry.com/royal-plate/img/slider/slide01-09.png') no-repeat;
-webkit-animation: jumpReverseAni 7s linear infinite;
animation: jumpAni 7s linear infinite;
}
.custom-packages-list{
display:flex;
justify-content:center;
}
@keyframes jumpReverseAni{
0%{
transform:translateY(0);
}
50%{
transform:translateY(30px);
}
100%{
transform:translateY(0);
}
}
@keyframes jumpAni{
0%{
transform:translateY(0);
}
40%{
transform:translateY(-30px);
}
100%{
transform:translateY(0);
}
}
.label-flex{
justify-content: center;
align-items: center;
column-gap: 10px;
}
.enable-carousel .owl-carousel .owl-nav.disabled{
display: block !important;
}
.enable-carousel .owl-carousel .owl-nav button{
box-shadow: 0px 2px 15px rgba(1, 15, 28, 0.1);
width: 56px;
height: 56px;
line-height: 56px;
font-size: 30px !important;
z-index: 2;
border-radius: 999px;
transform: translate(0%, -50%);
position: absolute;
top:50%;
background: #fff !important;
color:var(--side-bar, #B40D71);
}
.enable-carousel .owl-carousel .owl-nav button.owl-prev{
left: -80px;
}
.enable-carousel .owl-carousel .owl-nav button.owl-next{
right: -80px;
}
.page-main .title-main{
font-size: 26px;
font-weight: 700;
padding:20px 0px;
/* margin-bottom: 30px; */
line-height: 1.2 !important;
color: #010f1c;
}
@media(max-width:767px){
.page-main .title-main{
font-size: 24px;
}
}
.page-main .title-main .cust-color{
color:var(--side-bar, #B40D71);
}
.page-main{
background: url('https://pizzer.joomlatema.net/templates/pizzer/images/leaf_group_2.png');
/* background-size: contain; */
/* height:100vh; */
background-position: top right;
background-repeat: no-repeat;
}
.page-main:not(.page-main .page-main){
padding-left: 15px;
padding-right: 15px;
}
@media (max-width:576px){
.page-main{
background: #fff;
}
.page-main:not(.page-main .page-main){
padding-left: 15px;
padding-right: 15px;
}
}
.switch input{
display:none;
}
.switch label{
padding:10px 20px;
}
.switch label:has(input:checked){
background:var(--side-bar, #B40D71);
color:#fff !important;
border:1px solid var(--side-bar, #B40D71);
box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
-moz-box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
-webkit-box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
}
.switch label{
background:#fff;
border:1px solid #d7dae3;
box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
-moz-box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
-webkit-box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
}
.radio-block {
position: relative;
display: flex;
min-width: 280px;
/* border: dashed #eb0029 1px; */
border-radius: 20px;
background-color: #fff;
}
.radio-block .selected {
position: absolute;
top: 1px;
left: 1px;
width: calc(50% - 1px);
height: calc(100% - 2px);
border-radius: 20px;
transition: transform 0.2s;
background-color:var(--side-bar, #B40D71);
}
.radio-block label {
position: relative;
z-index: 100;
width: 50%;
padding: 10px 20px;
transition: color 0.2s;
text-align: center;
cursor: pointer;
}
.radio-block input[type="radio"]:checked + label {
color: #FFF !important;
}
.radio-block input[type="radio"]:checked + .off-label + .selected {
transform: translateX(100%);
}
.radio-block .sr-only, .radio-block input[type="radio"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
border: 0 !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.front-side input, .front-side select, .front-side .ratesspan, .front-side .pricesspan, .front-side .subitem_ratespan, .front-side .subitem_pricespan{
border:1px solid var(--side-bar, #B40D71) !important;
padding: .3125rem 1.25rem !important;
background-color: #fff !important;
}
.front-side .ratesspan, .front-side .pricesspan, .front-side .subitem_ratespan, .front-side .subitem_pricespan{
display: flex;
align-items: center;
}
.front-side select option{
background-color: #fff !important;
}
.front-side label{
font-size:.875rem!important;
font-weight: 400 !important;
margin-bottom: .5rem !important;
line-height: 1.5 !important;
}
.front-side:has(div){
padding: 30px;
}
@media (max-width:576px){
.front-side:has(div){
padding: 15px;
}
#add_item.front-side:has(div){
padding: 0px;
}
}
.front-side .custom-label-right, .front-side .custom-label-left{
background-color:var(--side-bar, #B40D71);
color: #fff;
}
.custom-packages-list{
height:100%;
}
.front-side .border-bottom-details{
margin-bottom: 12px;
padding: 10px 20px;
/* border-bottom-color: var(--side-bar, #B40D71); */
}
.max-width-1200 .owl-theme .owl-dots .owl-dot{
padding: 0px !important;
}
.pack-grid-sys{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width:1200px){
.pack-grid-sys{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width:767px){
.pack-grid-sys{
grid-template-columns: 1fr;
}
}
.custom-error-show{
background-color: #f44336;
color: #fff;
}
.custom-error-show{
color: #fff;
}
.custom-error-show .icon-toast-done{
margin-right: 10px;
}
@media(max-width:1024px){
.menu_details{
padding-left:15px;
padding-right:15px;
}
}
.under-construction{
background-image: linear-gradient(110deg, var(--side-bar, rgba(213,9,58,1)) 40%, rgba(255,255,255,1) 39%);
padding: 30px;
}
.custom-logo-front{
text-align: center;
}
.custom-logo-front img{
width:250px;
margin: 0 auto;
filter:drop-shadow(0px 0px 7px black);
}
.under-construction h1{
font-size: 40px;
line-height: 52px;
margin-top: 20px;
margin-bottom: 20px;
font-style: normal;
font-weight: 700;
text-align: center;
}
.under-construction p{
margin-bottom: 40px;
font-style: normal;
font-weight: 400;
line-height: 30px !important;
font-size: 20px;
color: #243238;
text-align: center;
}
@media (max-width:576px){
#add_item.front-side .main-product-varities .equal-grid-template{
display: block;
}
/* #add_item.front-side .main-product-varities .equal-grid-template .flex:first-child{
font-weight: 700;
} */
#add_item.front-side .main-product-varities .equal-grid-template .flex.justify-center{
justify-content: start;
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex{
padding-left: 40%;
font-weight: 600;
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:first-child{
margin-left: 0px;
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:first-child::before{
display: flex;
align-items: center;
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex{
position: relative;
margin-bottom: 10px;
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex:before{
position:absolute;
inset:0;
max-width:40%;
font-weight: 400;
font-size: 14px;
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex:after{
position: absolute;
content:":";
left:36%;
top:50%;
transform:translateY(-50%);
}
/* items */
#add_item.front-side .main-product-varities .equal-grid-template > .flex:nth-child(1)::before{
content:"Items";
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex:nth-child(2)::before{
content:"Item Qty";
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex:nth-child(3)::before{
content:"No of Guests";
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex:nth-child(4)::before{
content:"Order Qty";
}
#add_item.front-side .main-product-varities .equal-grid-template > .flex:nth-child(5)::before{
content:"Actions";
}
/* grouped items */
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:nth-child(1)::before{
content:"Select";
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:nth-child(2)::before{
content:"Items";
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:nth-child(3)::before{
content:"Item Qty";
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:nth-child(4)::before{
content:"No of Guests";
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:nth-child(5)::before{
content:"Order Qty";
}
#add_item.front-side .main-product-varities .equal-grid-template.grouped-temp > .flex:nth-child(6)::before{
content:"Actions";
}
#add_item.front-side .mobile-hide-heading{
display: none;
}
}
.logo-main .logo img, .login-logo img{
filter:drop-shadow(0px 0px 7px black);
}
.custom-success-show{
background-color: var(--side-bar, #B40D71);
color: #fff;
}
.custom-success-show span:not(.icon-toast-done){
color: #fff;
}
.custom-success-show .icon-toast-done{
margin-right: 7px;
}
/* .events-cust-head p span{
float: right;
} */
.events-cust-head p span > span{
background: #fff;
position: relative;
margin: 4px 15px;
padding: 4px 10px;
color: #000;
filter:drop-shadow(2px 3px 0px black);
}
.events-cust-head p span > span:after{
border:13px solid transparent;
border-left:13px solid #fff;
content: '';
position: absolute;
right:-25px;
top:0px;
}
.events-cust-head p span > span:before{
border:13px solid transparent;
border-top:13px solid #fff;
border-bottom:13px solid #fff;
content: '';
position: absolute;
left:-12px;
top:0px;
}
.remove-m-b-10{
margin-bottom: 5px;
}
@media (max-width:767px){
.mob-m-bot{
margin-bottom: 15px;
}
}
/* pdf design start */
.order-status-custom{
padding:4px 15px;
border-radius:50px;
}
.order-pending{
background:#fff3cd;
color:#664d03;
}
.order-complete{
background:#ddffdd;
color:#000;
}
.order-summary-grid{
display: grid;
grid-template-columns: 1fr 20px 1fr;
}
.custom-border-bottom{
border-bottom:1px solid #ebedf3;
}
.event-grid-template{
/* display: grid;*/
display: flex;
/*grid-template-columns: 300px repeat(auto-fit, minmax(0, 1fr) 200px);*/
grid-template-columns: 300px repeat(auto-fit, minmax(0, 1fr) 200px);
grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.cust-event-details span{
padding-right:10px;
}
.cust-event-details strong:not(:first-child){
padding-left:10px;
}
.combine_item{
background:#F8FAFB;
/* padding: 5px 15px;*/
padding: 5px 0px;
border-radius: 10px;
border-bottom: 1px solid #ebedf3;
margin-bottom: .75rem;
}
.front-side .combine_item .border-bottom-details{
box-shadow: unset;
border-width:0px;
}
#add_item.front-side .combine_item .main-product-varities :is(.front-side .custom-label-right, .front-side .custom-label-left){
min-width: 90px;
justify-content:center;
}
.front-side .main-product-varities input, .front-side .sub-items input{
padding-left: 10px !important;
padding-right: 10px !important;
}
/* pdf design end */
.book-summary #add_item .combine_item, .book-summary #add_item .event-grid-template.custom-border-bottom{
padding-left: 10px;
padding-right: 10px;
}
.logo:has( + .book-summary) img{
filter:drop-shadow(2px 4px 6px black);
}
/* package design end */
inp
.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.after\:content-\[\'\,_\'\]:after{--tw-content: ", ";content:var(--tw-content)}.after\:content-\[\'\/\'\]:after{--tw-content: "/";content:var(--tw-content)}.after\:content-\[\'_\/_\'\]:after{--tw-content: " / ";content:var(--tw-content)}.last\:\!mb-0:last-child{margin-bottom:0!important}.last\:\!mb-8:last-child{margin-bottom:2rem!important}.last\:mb-0:last-child{margin-bottom:0}.last\:\!border-0:last-child{border-width:0px!important}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-none:last-child{border-style:none}.last\:pb-0:last-child{padding-bottom:0}.last\:after\:content-\[\'\'\]:last-child:after{--tw-content: "";content:var(--tw-content)}.focus-within\:border-gray-400:focus-within{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:rounded-lg:hover{border-radius:.5rem}.hover\:rounded-md:hover{border-radius:.375rem}.hover\:border:hover{border-width:1px}.hover\:border-blue-600:hover{--tw-border-opacity: 1;border-color:rgb(180 13 113 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:border-red-600:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.hover\:bg-lightPink:hover{--tw-bg-opacity: 1;background-color:rgb(228 91 141 / var(--tw-bg-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(180 13 113 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.focus\:border-gray-400:focus{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.focus\:bg-blue-500:focus{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.focus\:bg-gray-200:focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.focus\:opacity-80:focus{opacity:.8}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-black:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.active\:border-gray-300:active{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.group:hover .group-hover\:visible{visibility:visible}.group\/item:hover .group-hover\/item\:block{display:block}.group:hover .group-hover\:text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.group\/item.inactive .group-\[\.inactive\]\/item\:fixed,.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:fixed{position:fixed}.group\/item.inactive .group-\[\.inactive\]\/item\:hidden{display:none}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:\!hidden{display:none!important}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:hidden{display:none}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:w-\[70px\]{width:70px}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:overflow-visible{overflow:visible}.group\/item.inactive .group-\[\.inactive\]\/item\:rounded-none,.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:rounded-none{border-radius:0}.group\/item.inactive .group-\[\.inactive\]\/item\:border,.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:border{border-width:1px}.group\/item.inactive .group-\[\.inactive\]\/item\:border-gray-300,.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.group\/item.inactive .group-\[\.inactive\]\/item\:bg-lightPink,.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:bg-lightPink{--tw-bg-opacity: 1;background-color:rgb(228 91 141 / var(--tw-bg-opacity))}.group\/item.inactive .group-\[\.inactive\]\/item\:p-\[0\],.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:p-\[0\]{padding:0}.group\/item.inactive .group-\[\.inactive\]\/item\:px-5{padding-left:1.25rem;padding-right:1.25rem}.group\/item.inactive .group-\[\.inactive\]\/item\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:px-5{padding-left:1.25rem;padding-right:1.25rem}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.group\/item.inactive:hover .group-\[\.inactive\]\/item\:group-hover\/item\:\!grid,.group\/container.sidebar-collapsed .group\/item:hover .group-\[\.sidebar-collapsed\]\/container\:group-hover\/item\:\!grid{display:grid!important}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(180 13 113 / var(--tw-bg-opacity))}.peer:checked~.peer-checked\:text-blue-600{--tw-text-opacity: 1;color:rgb(180 13 113 / var(--tw-text-opacity))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.peer:hover~.peer-hover\:block{display:block}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.dark\:border-blue-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 13 113 / var(--tw-border-opacity))}.dark\:border-gray-300:is(.dark *){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:bg-gray-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}.dark\:bg-green-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:\!text-emerald-500:is(.dark *){--tw-text-opacity: 1 !important;color:rgb(16 185 129 / var(--tw-text-opacity))!important}.dark\:\!text-gray-300:is(.dark *){--tw-text-opacity: 1 !important;color:rgb(209 213 219 / var(--tw-text-opacity))!important}.dark\:\!text-red-500:is(.dark *){--tw-text-opacity: 1 !important;color:rgb(239 68 68 / var(--tw-text-opacity))!important}.dark\:\!text-white:is(.dark *){--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:mix-blend-exclusion:is(.dark *){mix-blend-mode:exclusion}.dark\:invert:is(.dark *){--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:file\:bg-gray-800:is(.dark *)::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:file\:dark\:text-white:is(.dark *):is(.dark *)::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:after\:border-white:is(.dark *):after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.dark\:after\:bg-white:is(.dark *):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:hover\:border-gray-400:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-950:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}.hover\:dark\:bg-gray-950:is(.dark *):hover{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}.dark\:hover\:text-gray-100:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:focus\:border-gray-400:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.dark\:focus\:bg-gray-800:focus:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.group:hover .dark\:group-hover\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group\/item.inactive .group-\[\.inactive\]\/item\:dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.group\/item.inactive .dark\:group-\[\.inactive\]\/item\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.group\/container.sidebar-collapsed .dark\:group-\[\.sidebar-collapsed\]\/container\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.peer:checked~.dark\:peer-checked\:bg-gray-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}@media not all and (min-width: 1240px){.max-xl\:flex-auto{flex:1 1 auto}.max-xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-xl\:flex-wrap{flex-wrap:wrap}.max-xl\:text-xs{font-size:.75rem;line-height:1rem}}@media not all and (min-width: 1024px){.max-lg\:block{display:block}.max-lg\:hidden{display:none}.max-lg\:w-\[400px\]{width:400px}.max-lg\:flex-wrap{flex-wrap:wrap}.max-lg\:gap-4{gap:1rem}.max-lg\:\!px-4{padding-left:1rem!important;padding-right:1rem!important}}@media not all and (min-width: 768px){.max-md\:w-\[90\%\]{width:90%}.max-md\:w-full{width:100%}.max-md\:flex-wrap{flex-wrap:wrap}}@media not all and (min-width: 525px){.max-sm\:hidden{display:none}.max-sm\:\!w-full{width:100%!important}.max-sm\:w-full{width:100%}.max-sm\:max-w-full{max-width:100%}.max-sm\:flex-1{flex:1 1 0%}.max-sm\:flex-auto{flex:1 1 auto}.max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.max-sm\:flex-wrap{flex-wrap:wrap}.max-sm\:gap-2{gap:.5rem}.max-sm\:gap-2\.5{gap:.625rem}.max-sm\:place-self-center{place-self:center}.max-sm\:px-4{padding-left:1rem;padding-right:1rem}.max-sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width: 525px){.sm\:items-center{align-items:center}.sm\:p-0{padding:0}}@media (min-width: 768px){.md\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.ltr\:left-0:where([dir=ltr],[dir=ltr] *){left:0}.ltr\:left-1\/2:where([dir=ltr],[dir=ltr] *){left:50%}.ltr\:left-3:where([dir=ltr],[dir=ltr] *){left:.75rem}.ltr\:left-4:where([dir=ltr],[dir=ltr] *){left:1rem}.ltr\:left-5:where([dir=ltr],[dir=ltr] *){left:1.25rem}.ltr\:left-full:where([dir=ltr],[dir=ltr] *){left:100%}.ltr\:left-px:where([dir=ltr],[dir=ltr] *){left:1px}.ltr\:right-0:where([dir=ltr],[dir=ltr] *){right:0}.ltr\:right-2:where([dir=ltr],[dir=ltr] *){right:.5rem}.ltr\:right-2\.5:where([dir=ltr],[dir=ltr] *){right:.625rem}.ltr\:right-3:where([dir=ltr],[dir=ltr] *){right:.75rem}.ltr\:right-5:where([dir=ltr],[dir=ltr] *){right:1.25rem}.ltr\:ml-1:where([dir=ltr],[dir=ltr] *){margin-left:.25rem}.ltr\:ml-1\.5:where([dir=ltr],[dir=ltr] *){margin-left:.375rem}.ltr\:ml-11:where([dir=ltr],[dir=ltr] *){margin-left:2.75rem}.ltr\:ml-2:where([dir=ltr],[dir=ltr] *){margin-left:.5rem}.ltr\:ml-2\.5:where([dir=ltr],[dir=ltr] *){margin-left:.625rem}.ltr\:ml-20:where([dir=ltr],[dir=ltr] *){margin-left:5rem}.ltr\:mr-1:where([dir=ltr],[dir=ltr] *){margin-right:.25rem}.ltr\:mr-1\.5:where([dir=ltr],[dir=ltr] *){margin-right:.375rem}.ltr\:mr-11:where([dir=ltr],[dir=ltr] *){margin-right:2.75rem}.ltr\:mr-2:where([dir=ltr],[dir=ltr] *){margin-right:.5rem}.ltr\:mr-2\.5:where([dir=ltr],[dir=ltr] *){margin-right:.625rem}.ltr\:mr-5:where([dir=ltr],[dir=ltr] *){margin-right:1.25rem}.ltr\:-translate-x-1\/2:where([dir=ltr],[dir=ltr] *){--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:-translate-x-full:where([dir=ltr],[dir=ltr] *){--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:translate-x-0:where([dir=ltr],[dir=ltr] *){--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:translate-x-full:where([dir=ltr],[dir=ltr] *){--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:rotate-\[0\]:where([dir=ltr],[dir=ltr] *){--tw-rotate: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:rotate-\[180deg\]:where([dir=ltr],[dir=ltr] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ltr\:border-r:where([dir=ltr],[dir=ltr] *){border-right-width:1px}.ltr\:\!pl-14:where([dir=ltr],[dir=ltr] *){padding-left:3.5rem!important}.ltr\:\!pl-5:where([dir=ltr],[dir=ltr] *){padding-left:1.25rem!important}.ltr\:pl-0:where([dir=ltr],[dir=ltr] *){padding-left:0}.ltr\:pl-10:where([dir=ltr],[dir=ltr] *){padding-left:2.5rem}.ltr\:pl-2:where([dir=ltr],[dir=ltr] *){padding-left:.5rem}.ltr\:pl-2\.5:where([dir=ltr],[dir=ltr] *){padding-left:.625rem}.ltr\:pl-3:where([dir=ltr],[dir=ltr] *){padding-left:.75rem}.ltr\:pl-4:where([dir=ltr],[dir=ltr] *){padding-left:1rem}.ltr\:pl-8:where([dir=ltr],[dir=ltr] *){padding-left:2rem}.ltr\:pl-\[286px\]:where([dir=ltr],[dir=ltr] *){padding-left:286px}.ltr\:pr-1:where([dir=ltr],[dir=ltr] *){padding-right:.25rem}.ltr\:pr-1\.5:where([dir=ltr],[dir=ltr] *){padding-right:.375rem}.ltr\:pr-10:where([dir=ltr],[dir=ltr] *){padding-right:2.5rem}.ltr\:pr-5:where([dir=ltr],[dir=ltr] *){padding-right:1.25rem}.ltr\:text-right:where([dir=ltr],[dir=ltr] *){text-align:right}.after\:ltr\:left-0:where([dir=ltr],[dir=ltr] *):after{content:var(--tw-content);left:0}.after\:ltr\:left-0\.5:where([dir=ltr],[dir=ltr] *):after{content:var(--tw-content);left:.125rem}.group\/item.inactive .group-\[\.inactive\]\/item\:ltr\:left-\[270px\]:where([dir=ltr],[dir=ltr] *){left:270px}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:ltr\:\!left-\[70px\]:where([dir=ltr],[dir=ltr] *){left:70px!important}.group\/item.inactive .group-\[\.inactive\]\/item\:ltr\:rounded-r-lg:where([dir=ltr],[dir=ltr] *){border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:ltr\:rounded-r-lg:where([dir=ltr],[dir=ltr] *){border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:ltr\:pl-\[85px\]:where([dir=ltr],[dir=ltr] *){padding-left:85px}.group\/item.inactive .group-\[\.inactive\]\/item\:ltr\:shadow-\[34px_10px_14px_rgba\(0\,0\,0\,0\.01\)\,19px_6px_12px_rgba\(0\,0\,0\,0\.03\)\,9px_3px_9px_rgba\(0\,0\,0\,0\.04\)\,2px_1px_5px_rgba\(0\,0\,0\,0\.05\)\,0px_0px_0px_rgba\(0\,0\,0\,0\.05\)\]:where([dir=ltr],[dir=ltr] *){--tw-shadow: 34px 10px 14px rgba(0,0,0,.01),19px 6px 12px rgba(0,0,0,.03),9px 3px 9px rgba(0,0,0,.04),2px 1px 5px rgba(0,0,0,.05),0px 0px 0px rgba(0,0,0,.05);--tw-shadow-colored: 34px 10px 14px var(--tw-shadow-color), 19px 6px 12px var(--tw-shadow-color), 9px 3px 9px var(--tw-shadow-color), 2px 1px 5px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:ltr\:shadow-\[34px_10px_14px_rgba\(0\,0\,0\,0\.01\)\,19px_6px_12px_rgba\(0\,0\,0\,0\.03\)\,9px_3px_9px_rgba\(0\,0\,0\,0\.04\)\,2px_1px_5px_rgba\(0\,0\,0\,0\.05\)\,0px_0px_0px_rgba\(0\,0\,0\,0\.05\)\]:where([dir=ltr],[dir=ltr] *){--tw-shadow: 34px 10px 14px rgba(0,0,0,.01),19px 6px 12px rgba(0,0,0,.03),9px 3px 9px rgba(0,0,0,.04),2px 1px 5px rgba(0,0,0,.05),0px 0px 0px rgba(0,0,0,.05);--tw-shadow-colored: 34px 10px 14px var(--tw-shadow-color), 19px 6px 12px var(--tw-shadow-color), 9px 3px 9px var(--tw-shadow-color), 2px 1px 5px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.peer:checked~.peer-checked\:after\:ltr\:translate-x-full:where([dir=ltr],[dir=ltr] *):after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:left-0:where([dir=rtl],[dir=rtl] *){left:0}.rtl\:left-2:where([dir=rtl],[dir=rtl] *){left:.5rem}.rtl\:left-2\.5:where([dir=rtl],[dir=rtl] *){left:.625rem}.rtl\:left-3:where([dir=rtl],[dir=rtl] *){left:.75rem}.rtl\:left-5:where([dir=rtl],[dir=rtl] *){left:1.25rem}.rtl\:right-0:where([dir=rtl],[dir=rtl] *){right:0}.rtl\:right-1\/2:where([dir=rtl],[dir=rtl] *){right:50%}.rtl\:right-3:where([dir=rtl],[dir=rtl] *){right:.75rem}.rtl\:right-4:where([dir=rtl],[dir=rtl] *){right:1rem}.rtl\:right-5:where([dir=rtl],[dir=rtl] *){right:1.25rem}.rtl\:right-full:where([dir=rtl],[dir=rtl] *){right:100%}.rtl\:right-px:where([dir=rtl],[dir=rtl] *){right:1px}.rtl\:ml-1:where([dir=rtl],[dir=rtl] *){margin-left:.25rem}.rtl\:ml-1\.5:where([dir=rtl],[dir=rtl] *){margin-left:.375rem}.rtl\:ml-11:where([dir=rtl],[dir=rtl] *){margin-left:2.75rem}.rtl\:ml-2:where([dir=rtl],[dir=rtl] *){margin-left:.5rem}.rtl\:ml-2\.5:where([dir=rtl],[dir=rtl] *){margin-left:.625rem}.rtl\:ml-5:where([dir=rtl],[dir=rtl] *){margin-left:1.25rem}.rtl\:mr-1:where([dir=rtl],[dir=rtl] *){margin-right:.25rem}.rtl\:mr-1\.5:where([dir=rtl],[dir=rtl] *){margin-right:.375rem}.rtl\:mr-11:where([dir=rtl],[dir=rtl] *){margin-right:2.75rem}.rtl\:mr-2:where([dir=rtl],[dir=rtl] *){margin-right:.5rem}.rtl\:mr-2\.5:where([dir=rtl],[dir=rtl] *){margin-right:.625rem}.rtl\:mr-20:where([dir=rtl],[dir=rtl] *){margin-right:5rem}.rtl\:-translate-x-0:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:translate-x-1\/2:where([dir=rtl],[dir=rtl] *){--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:rotate-\[0\]:where([dir=rtl],[dir=rtl] *){--tw-rotate: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:rotate-\[180deg\]:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:border-l:where([dir=rtl],[dir=rtl] *){border-left-width:1px}.rtl\:\!pr-14:where([dir=rtl],[dir=rtl] *){padding-right:3.5rem!important}.rtl\:\!pr-5:where([dir=rtl],[dir=rtl] *){padding-right:1.25rem!important}.rtl\:pl-1:where([dir=rtl],[dir=rtl] *){padding-left:.25rem}.rtl\:pl-1\.5:where([dir=rtl],[dir=rtl] *){padding-left:.375rem}.rtl\:pl-10:where([dir=rtl],[dir=rtl] *){padding-left:2.5rem}.rtl\:pl-5:where([dir=rtl],[dir=rtl] *){padding-left:1.25rem}.rtl\:pr-0:where([dir=rtl],[dir=rtl] *){padding-right:0}.rtl\:pr-10:where([dir=rtl],[dir=rtl] *){padding-right:2.5rem}.rtl\:pr-2:where([dir=rtl],[dir=rtl] *){padding-right:.5rem}.rtl\:pr-2\.5:where([dir=rtl],[dir=rtl] *){padding-right:.625rem}.rtl\:pr-3:where([dir=rtl],[dir=rtl] *){padding-right:.75rem}.rtl\:pr-4:where([dir=rtl],[dir=rtl] *){padding-right:1rem}.rtl\:pr-8:where([dir=rtl],[dir=rtl] *){padding-right:2rem}.rtl\:pr-\[286px\]:where([dir=rtl],[dir=rtl] *){padding-right:286px}.rtl\:text-left:where([dir=rtl],[dir=rtl] *){text-align:left}.after\:rtl\:right-0:where([dir=rtl],[dir=rtl] *):after{content:var(--tw-content);right:0}.after\:rtl\:right-0\.5:where([dir=rtl],[dir=rtl] *):after{content:var(--tw-content);right:.125rem}.group\/item.inactive .group-\[\.inactive\]\/item\:rtl\:right-\[270px\]:where([dir=rtl],[dir=rtl] *){right:270px}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:rtl\:\!right-\[70px\]:where([dir=rtl],[dir=rtl] *){right:70px!important}.group\/item.inactive .group-\[\.inactive\]\/item\:rtl\:rounded-l-lg:where([dir=rtl],[dir=rtl] *){border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:rtl\:rounded-l-lg:where([dir=rtl],[dir=rtl] *){border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:rtl\:pr-\[85px\]:where([dir=rtl],[dir=rtl] *){padding-right:85px}.group\/item.inactive .group-\[\.inactive\]\/item\:rtl\:shadow-\[-34px_10px_14px_rgba\(0\,0\,0\,0\.01\)\,-19px_6px_12px_rgba\(0\,0\,0\,0\.03\)\,-9px_3px_9px_rgba\(0\,0\,0\,0\.04\)\,-2px_1px_5px_rgba\(0\,0\,0\,0\.05\)\,-0px_0px_0px_rgba\(0\,0\,0\,0\.05\)\]:where([dir=rtl],[dir=rtl] *){--tw-shadow: -34px 10px 14px rgba(0,0,0,.01),-19px 6px 12px rgba(0,0,0,.03),-9px 3px 9px rgba(0,0,0,.04),-2px 1px 5px rgba(0,0,0,.05),-0px 0px 0px rgba(0,0,0,.05);--tw-shadow-colored: -34px 10px 14px var(--tw-shadow-color), -19px 6px 12px var(--tw-shadow-color), -9px 3px 9px var(--tw-shadow-color), -2px 1px 5px var(--tw-shadow-color), -0px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group\/container.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/container\:rtl\:shadow-\[-34px_10px_14px_rgba\(0\,0\,0\,0\.01\)\,-19px_6px_12px_rgba\(0\,0\,0\,0\.03\)\,-9px_3px_9px_rgba\(0\,0\,0\,0\.04\)\,-2px_1px_5px_rgba\(0\,0\,0\,0\.05\)\,-0px_0px_0px_rgba\(0\,0\,0\,0\.05\)\]:where([dir=rtl],[dir=rtl] *){--tw-shadow: -34px 10px 14px rgba(0,0,0,.01),-19px 6px 12px rgba(0,0,0,.03),-9px 3px 9px rgba(0,0,0,.04),-2px 1px 5px rgba(0,0,0,.05),-0px 0px 0px rgba(0,0,0,.05);--tw-shadow-colored: -34px 10px 14px var(--tw-shadow-color), -19px 6px 12px var(--tw-shadow-color), -9px 3px 9px var(--tw-shadow-color), -2px 1px 5px var(--tw-shadow-color), -0px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.peer:checked~.peer-checked\:after\:rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\.active\>\.v-tree-item\]\:block.active>.v-tree-item{display:block}.\[\&\>\*\]\:flex-1>*{flex:1 1 0%}.\[\&\>\*\]\:text-blue-600>*{--tw-text-opacity: 1;color:rgb(180 13 113 / var(--tw-text-opacity))}.\[\&\>\*\]\:after\:content-\[\'_\/_\'\]>*:after{--tw-content: " / ";content:var(--tw-content)}.group:hover .group-hover\:\[\&\>\*\]\:text-white>*{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\[\&\>\*\]\:dark\:text-white:is(.dark *)>*{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\[\&\>\.v-tree-item\]\:hidden>.v-tree-item{display:none}.\[\&\>\.v-tree-item\]\:ltr\:pl-6:where([dir=ltr],[dir=ltr] *)>.v-tree-item{padding-left:1.5rem}.\[\&\>\.v-tree-item\]\:rtl\:pr-6:where([dir=rtl],[dir=rtl] *)>.v-tree-item{padding-right:1.5rem}