.modal-blur {
    background: rgba(36, 36, 36, 0.6);
    /* Using #242424 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.modal-header {
    border-bottom: 1px solid rgba(36, 56, 120, 0.15);
    /* Using #363878 */
}

.page-item {
    margin: 0 2px;
}

.dropdown-toggle:after {
    margin-left: 0.6em;
}

.theme-dark .navbar-brand-autodark {
    filter: none;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.theme-dark table a.link {
    color: #0d4ab5;
    /* Using #0d4ab5 */
}


.form-select.disabled,
.form-select:disabled {
    color: #54e345;
    /* Using #54e345 */
}

.theme-dark .table-mobile-md td {
    color: #f2f2f2 !important;
    /* Using #f2f2f2 */
}

.list-group-transparent {
    margin: 0 !important;
}

.theme-dark .form-selectgroup-label:hover {
    color: #17d1c7;
    /* Using #17d1c7 */
}

:root {
    --distance: 20px;
}

.product-name {
    cursor: not-allowed;
    opacity: 0.9 !important;
    border-color: #0d4ab5 !important;
    /* Using #0d4ab5 */
}

.theme-light .ts-control input {
    color: #242424 !important;
    /* Using #242424 */
}

.theme-dark .ts-control input {
    color: #f2f2f2 !important;
    /* Using #f2f2f2 */
}

a.card:hover {
    box-shadow: none !important;
}

.container-slim {
    --tblr-gutter-x: var(--tblr-content-padding);
    --tblr-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--tblr-gutter-x) * 0.5);
    padding-left: calc(var(--tblr-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
    max-width: 16rem;
}

.apexcharts-tooltip {
    color: #242424 !important;
    /* Using #242424 */
}

.progress-custom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 9999;
}

.progress-bar-custom {
    background-color: #17d1c7;
    /* Using #17d1c7 */
    width: 100%;
    height: 100%;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,
            rgba(242, 242, 242, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(242, 242, 242, 0.15) 50%,
            rgba(242, 242, 242, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: 40px 40px;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

.fix-spacing {
    padding: 0.5rem 0 0;
}

:root {
    --distance: 20px;
}

.product-name {
    cursor: not-allowed;
    opacity: 0.9 !important;
    border-color: #0d4ab5 !important;
    /* Using #0d4ab5 */
}

.products-input {
    position: relative;
}

.products-list {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0 10px;
    background: #f2f2f2;
    /* Using #f2f2f2 */
    border-radius: 4px;
    color: #242424;
    /* Using #242424 */
    width: max-content;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    display: none;
}

.products-list ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    padding: 2px 0;
}

.products-list ul li {
    padding: 3px 0;
    text-transform: capitalize;
    cursor: pointer;
}

.theme-light input#product_id-ts-control {
    color: #242424 !important;
    /* Using #242424 */
}

.theme-dark input#product_id-ts-control {
    color: #f2f2f2 !important;
    /* Using #f2f2f2 */
}

.theme-light input#client_id-ts-control {
    color: #242424 !important;
    /* Using #242424 */
}

.theme-dark input#client_id-ts-control {
    color: #f2f2f2 !important;
    /* Using #f2f2f2 */
}

.theme-light input#payment_id-ts-control {
    color: #242424 !important;
    /* Using #242424 */
}

.theme-dark input#payment_id-ts-control {
    color: #f2f2f2 !important;
    /* Using #f2f2f2 */
}

a.card:hover {
    box-shadow: none !important;
    opacity: 0.75 !important;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    cursor: not-allowed !important;
    border-color: transparent;
}

.disabled .ts-control {
    background: transparent !important;
}

.list-group-transparent .list-group-item.active {
    border-radius: 4px;
}

.theme-dark {
    --custom-900: #242424;
    /* Using #242424 */
    --custom-800: #363878;
    /* Using #363878 */
    --custom-700: #0d4ab5;
    /* Using #0d4ab5 */
    --custom-600: #54e345;
    /* Using #54e345 */
    --custom-500: #17d1c7;
    /* Using #17d1c7 */
    --custom-400: #a3a3a3;
    /* Intermediate color */
    --custom-300: #bcbcbc;
    /* Intermediate color */
    --custom-200: #d5d5d5;
    /* Intermediate color */
    --custom-100: #eeeeee;
    /* Intermediate color */
    --custom-50: #f2f2f2;
    /* Using #f2f2f2 */
    --custom-0: #ffffff;

    --custom-primary: #17d1c7;
    /* Using #17d1c7 */
    --custom-primary-hover: #54e345;
    /* Using #54e345 */

    --tblr-primary-rgb: 23, 209, 199;
    --tblr-body-bg: black;
    --tblr-bg-surface: black;
    --tblr-primary: var(--custom-primary);
    --tblr-border-color-translucent: var(--custom-900);
    --tblr-active-bg: var(--custom-600);
    --tblr-bg-surface-dark: var(--custom-800);
    --tblr-border-color: white;
    --tblr-primary-fg: var(--custom-800);
}

.card-tabs .nav-tabs .nav-link {
    background: var(--custom-700) !important;
}

.card-tabs .nav-tabs .nav-link.active {
    background: var(--custom-800) !important;
}

.theme-dark tr:not(thead tr):hover {
    background-color: var(--custom-900);
}

.theme-dark .card-tabs li.nav-item .nav-link:hover:not(.active) {
    background-color: var(--custom-900);
    color: var(--custom-300);
}

.theme-dark .form-control:focus {
    box-shadow: 0 0 0 0.08rem var(--custom-primary);
}

.theme-dark .form-check-input:not(:checked),
.theme-dark .form-control,
.theme-dark .form-file-text,
.theme-dark .form-select,
.theme-dark .form-selectgroup-check {
    background-color: var(--custom-900);
    border-color: white;
}

.theme-dark .form-check-input:checked {
    border-color: var(--custom-600);
}

.theme-dark .avatar {
    --tblr-avatar-bg: var(--custom-500);
}

.theme-dark .card {
    --tblr-card-border-color: var(--custom-900) !important;
}

body.theme-dark {
    background-color: black !important;
}

.theme-dark .navbar {
    --tblr-navbar-bg: black;
    --tblr-navbar-border-color: var(--custom-900);
    --tblr-icon-color: var(--custom-300);
}

.theme-dark .form-check-input:checked {
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}

.theme-dark .input-group-flat .input-group-text {
    background-color: var(--custom-700);
}

.theme-dark .input-group-text {
    border-color: var(--custom-600);
}

.icon-size-48 {
    width: 48px;
    height: 48px;
}

.icon-size-36 {
    width: 36px;
    height: 36px;
}

.icon-size-24 {
    width: 24px;
    height: 24px;
}

.theme-dark input:-webkit-autofill,
.theme-dark input:-webkit-autofill:focus {
    -webkit-text-fill-color: #f2f2f2 !important;
    /* Using #f2f2f2 */
    -webkit-background-clip: text !important;
    caret-color: #f2f2f2;
}

.theme-white input:-webkit-autofill,
.theme-white input:-webkit-autofill:focus {
    -webkit-text-fill-color: #242424 !important;
    /* Using #242424 */
    -webkit-background-clip: text !important;
    caret-color: #242424;
}

.theme-light {
    --custom-0: #ffffff;
    /* Branco */
    --custom-50: #f2f2f2;
    /* Usando #f2f2f2 */
    --custom-100: #eaeaea;
    /* Cor intermediária */
    --custom-200: #d9d9d9;
    /* Cor intermediária */
    --custom-300: #c0c0c0;
    /* Cor intermediária */
    --custom-400: #a9a9a9;
    /* Cor intermediária */
    --custom-500: #17d1c7;
    /* Usando #17d1c7 */
    --custom-600: #54e345;
    /* Usando #54e345 */
    --custom-700: #0d4ab5;
    /* Usando #0d4ab5 */
    --custom-800: #363878;
    /* Usando #363878 */
    --custom-900: #242424;
    /* Usando #242424 */

    --custom-primary: #17d1c7;
    /* Usando #17d1c7 */
    --custom-primary-hover: #54e345;
    /* Usando #54e345 */

    --tblr-primary-rgb: 23, 209, 199;
    --tblr-body-bg: var(--custom-0);
    --tblr-bg-surface: var(--custom-50);
    --tblr-primary: var(--custom-primary);
    --tblr-border-color-translucent: var(--custom-200);
    --tblr-active-bg: var(--custom-100);
    --tblr-bg-surface-dark: var(--custom-200);
    --tblr-border-color: var(--custom-300);
    --tblr-primary-fg: var(--custom-800);
}

.theme-light .navbar {
    --tblr-navbar-bg: var(--custom-50);
    --tblr-navbar-border-color: var(--custom-200);
    --tblr-icon-color: var(--custom-700);
}

.navbar-brand-image {
    height: 3.4em;
}

.theme-light .form-control:focus {
    box-shadow: 0 0 0 0.08rem var(--custom-primary);
}

.theme-light .form-check-input:not(:checked),
.theme-light .form-control,
.theme-light .form-file-text,
.theme-light .form-select,
.theme-light .form-selectgroup-check {
    background-color: var(--custom-0);
    border-color: var(--custom-200);
}

.theme-light .form-check-input:checked {
    border-color: var(--custom-300);
}

.theme-light .ts-control input {
    color: #242424 !important;
    /* Usando #242424 */
}

.theme-light input#product_id-ts-control,
.theme-light input#client_id-ts-control,
.theme-light input#payment_id-ts-control {
    color: #242424 !important;
    /* Usando #242424 */
}

.theme-light .products-list {
    background: #f2f2f2;
    /* Usando #f2f2f2 */
    color: #242424;
    /* Usando #242424 */
}

.theme-light input:-webkit-autofill,
.theme-light input:-webkit-autofill:focus {
    -webkit-text-fill-color: #242424 !important;
    /* Usando #242424 */
    -webkit-background-clip: text !important;
    caret-color: #242424;
}

.theme-light table a.link {
    color: #0d4ab5;
    /* Usando #0d4ab5 */
}

.theme-light .form-select.disabled,
.theme-light .form-select:disabled {
    color: #54e345;
    /* Usando #54e345 */
}

.theme-light .table-mobile-md td {
    color: #242424 !important;
    /* Usando #242424 */
}

.theme-light .form-selectgroup-label:hover {
    color: #17d1c7;
    /* Usando #17d1c7 */
}

.theme-light .apexcharts-tooltip {
    color: #242424 !important;
    /* Usando #242424 */
}

.theme-light .modal-blur {
    background: rgba(242, 242, 242, 0.6);
    /* Usando #f2f2f2 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.theme-light .modal-header {
    border-bottom: 1px solid rgba(54, 56, 120, 0.15);
    /* Usando #363878 */
}

.theme-light .form-selectgroup-label:hover {
    color: #17d1c7;
    /* Usando #17d1c7 */
}

.theme-light .card-tabs .nav-link {
    background: var(--custom-100) !important;
}

.theme-light .card-tabs .nav-link.active {
    background: var(--custom-50) !important;
}

.theme-light tr:not(thead tr):hover {
    background-color: var(--custom-100);
}

.theme-light .card-tabs li.nav-item .nav-link:hover:not(.active) {
    background-color: var(--custom-0);
    color: var(--custom-700);
}

.theme-light .progress-bar-custom {
    background-color: #17d1c7;
    /* Usando #17d1c7 */
}

.theme-light .progress-bar-striped {
    background-image: linear-gradient(45deg,
            rgba(36, 36, 36, 0.15) 25%,
            transparent 25%,
            transparent 50%,
            rgba(36, 36, 36, 0.15) 50%,
            rgba(36, 36, 36, 0.15) 75%,
            transparent 75%,
            transparent);
    background-size: 40px 40px;
}

.theme-light a.card:hover {
    box-shadow: none !important;
    opacity: 0.75 !important;
}

.theme-light .btn.disabled,
.theme-light .btn:disabled,
fieldset:disabled .btn {
    cursor: not-allowed !important;
    border-color: transparent;
}

.theme-light .disabled .ts-control {
    background: transparent !important;
}

.theme-light .list-group-transparent .list-group-item.active {
    border-radius: 4px;
}

.theme-light .avatar {
    --tblr-avatar-bg: var(--custom-500);
}

.theme-light .card {
    --tblr-card-border-color: var(--custom-200) !important;
}

body.theme-light {
    background-color: var(--custom-0) !important;
}

.theme-light .navbar {
    --tblr-navbar-bg: var(--custom-50);
    --tblr-navbar-border-color: var(--custom-200);
    --tblr-icon-color: var(--custom-700);
}

.theme-light .form-check-input:checked {
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}

.theme-light .input-group-flat .input-group-text {
    background-color: var(--custom-0);
}

.theme-light .input-group-text {
    border-color: var(--custom-200);
}