.hamburger-menu {
    cursor: pointer;
    position: relative;
    height: 19px;
    display: none
}

html:not([dir=rtl]) .hamburger-menu {
    padding-left: 1.25em;
    margin-right: 9px
}

html[dir=rtl] .hamburger-menu {
    padding-right: 1.25em;
    margin-left: 9px
}

.hamburger-menu:before {
    content: "";
    position: absolute;
    top: .21em;
    bottom: .21em;
    width: 1em;
    background: linear-gradient(to bottom, #000, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 60%, #fff 60%, #fff 80%, #000 80%, #000 100%)
}

html:not([dir=rtl]) .hamburger-menu:before {
    left: 0
}

html[dir=rtl] .hamburger-menu:before {
    right: 0
}

.content.hide-update-and-continue-editing-button button[dusk$=update-and-continue-editing-button] {
    display: none
}

.content.sticky-actions .card table.w-full tbody tr td:last-child, .content.sticky-actions .card table.w-full thead tr th:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    right: 0
}

.content.sticky-actions .card table.w-full tbody tr td:last-child {
    background: #fff
}

.content.sticky-actions .card table.w-full tbody tr td:last-child:before {
    content: '';
    height: 100%;
    top: 0;
    margin-left: -.75rem;
    position: absolute;
    border-left: 1px solid #eee
}

html[dir=rtl] .content.sticky-actions .card table.w-full tbody tr td:last-child:before {
    content: '';
    height: 100%;
    top: 0;
    margin-right: -.75rem;
    position: absolute;
    border-right: 1px solid #eee
}

@media (min-width:992px) {
    body.fixed-sidebar .bg-grad-sidebar {
        position: fixed;
        padding-top: 5.5rem!important;
        overflow: auto;
        height: 100%
    }
    body.fixed-sidebar .content {
        padding-left: 13.75rem;
        max-width: 100%
    }

    html[dir=rtl] body.fixed-sidebar .content {
        padding-right: 13.75rem;
        max-width: 100%
    }
}

@media (max-width:80rem) {
    .min-w-site {
        min-width: auto
    }
    .content {
        min-width: auto;
        width: 100%
    }
    .content.sticky-actions-on-mobile .card table.w-full tbody tr td:last-child, .content.sticky-actions-on-mobile .card table.w-full thead tr th:last-child {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        right: 0
    }
    .content.sticky-actions-on-mobile .card table.w-full tbody tr td:last-child {
        background: #fff
    }
    .content.sticky-actions-on-mobile .card table.w-full tbody tr td:last-child:before {
        content: '';
        height: 100%;
        top: 0;
        margin-left: -.75rem;
        position: absolute;
        border-left: 1px solid #eee
    }
    html[dir=rtl] .content.sticky-actions-on-mobile .card table.w-full tbody tr td:last-child:before {
        content: '';
        height: 100%;
        top: 0;
        margin-right: -.75rem;
        position: absolute;
        border-right: 1px solid #eee
    }
}

@media (max-width:992px) {
    .w-sidebar {
        position: fixed;
        padding-top: 5.5rem!important;
        z-index: 30;
        height: 100%;
        overflow: auto
    }
    .w-sidebar.pt-header {
        padding-top: 1.75rem
    }
    .sidebar-hidden {
        display: none
    }
    .h-header {
        z-index: 40;
        position: fixed;
        width: 100%;
        margin-top: -3.75rem
    }
    .hamburger-menu {
        display: block
    }
    html:not([dir=rtl]) .hamburger-menu {
        margin-right: 1rem
    }
    html[dir=rtl] .hamburger-menu {
        margin-left: 1rem
    }
    .bg-logo {
        display: none!important
    }
    html:not([dir=rtl]) .h-header .dropdown-trigger {
        margin-right: -20px
    }
    html[dir=rtl] .h-header .dropdown-trigger {
        margin-left: -20px
    }
    .h-header .dropdown-trigger span, .h-header .dropdown-trigger svg {
        display: none
    }
    html:not([dir=rtl]) .h-header .dropdown-trigger img.mr-3 {
        margin-right: 2em
    }
    html[dir=rtl] .h-header .dropdown-trigger img.mr-3 {
        margin-left: 2em
    }
    span.hamburger-menu+a {
        display: none
    }
    .h-header .pl-search {
        width: 85%
    }
    .content {
        padding-top: 3.75rem;
        max-width: none
    }
    .content .px-view {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }
    .content .py-view {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }
    form .w-1\/2 {
        width: 80%
    }
    form .w-1\/2>div.flex {
        display: flex;
        flex-wrap: nowrap
    }
    form>.flex {
        display: block
    }
    form>.flex>button {
        margin-bottom: 10px
    }
    .content.hide-update-and-continue-editing-button-on-mobile button[dusk$=update-and-continue-editing-button] {
        display: none
    }
    .content form .card>.flex, div[dusk$=detail-component] .card>.flex {
        display: block
    }
    .content form .card>.flex>div, div[dusk$=detail-component] .card>.flex>div {
        width: 100%
    }
    .content form .card>.flex>.py-6, div[dusk$=detail-component] .card>.flex>.py-4 {
        padding-top: .5rem;
        padding-bottom: 0
    }
    .content form .card>.flex>.py-6, div[dusk$=detail-component] .card>.flex.bg-20>.py-4 {
        padding-bottom: .5rem
    }
    .content form .card>.flex>.py-6+.py-6, div[dusk$=detail-component] .card>.flex>.py-4+.py-4 {
        padding-bottom: .5rem
    }
    .card>form>div header.flex {
        display: block
    }
    .card>form>div header.flex ul:first-child {
        border-bottom: 1px solid var(--60)
    }
    html:not([dir=rtl]) .card>form>div header.flex ul:nth-child(2) button:first-child {
        border-left: none
    }
    html[dir=rtl] .card>form>div header.flex ul:nth-child(2) button:first-child {
        border-right: none
    }
    html:not([dir=rtl]) .card>form>div header.flex ul:nth-child(2) button:last-child {
        border-right: 1px solid var(--60)
    }
    html[dir=rtl] .card>form>div header.flex ul:nth-child(2) button:last-child {
        border-left: 1px solid var(--60)
    }
    .card>form>div div.pin {
        z-index: 2000
    }
    trix-toolbar .trix-button-row {
        display: inline-block!important
    }
    html:not([dir=rtl]) trix-toolbar .trix-button-group {
        float: left!important
    }
    html[dir=rtl] trix-toolbar .trix-button-group {
        float: right!important
    }
    .content .flex-wrap>.w-1\/2, .content .flex-wrap>.w-1\/3, .content .flex-wrap>.w-1\/4, .content .flex-wrap>.w-1\/5, .content .flex-wrap>.w-1\/6, .content .flex-wrap>.w-2\/3, .content .flex-wrap>.w-2\/5, .content .flex-wrap>.w-3\/4, .content .flex-wrap>.w-3\/5, .content .flex-wrap>.w-4\/5, .content .flex-wrap>.w-5\/6 {
        width: 100%
    }
    .content .card table td.w-1\/2 {
        display: table-row
    }
    .btn {
        white-space: nowrap
    }
    div[dusk$=index-component] .pl-search {
        width: auto
    }
    div[dusk$=index-component] .btn[dusk=attach-button], div[dusk$=index-component] .btn[dusk=create-button] {
        font-weight: bolder;
        font-size: 26px;
        padding: 0 12px;
        width: 39px;
        overflow: hidden
    }
    div[dusk$=index-component] .btn[dusk=attach-button]::before, div[dusk$=index-component] .btn[dusk=create-button]::before {
        content: "+";
        position: relative
    }
    html:not([dir=rtl]) div[dusk$=index-component] .btn[dusk=attach-button]::before, html:not([dir=rtl]) div[dusk$=index-component] .btn[dusk=create-button]::before {
        margin-right: 20px
    }
    html[dir=rtl] div[dusk$=index-component] .btn[dusk=attach-button]::before, html[dir=rtl] div[dusk$=index-component] .btn[dusk=create-button]::before {
        margin-left: 20px
    }
    .modal {
        top: auto
    }
    .modal form {
        width: 100%!important
    }
    div[dusk$=index-component]>div.card>div.py-3.flex.items-center.border-b.border-50 {
        padding-bottom: .35rem
    }
    div[dusk$=detail-component]>div>div.flex.items-center.mb-3 {
        display: block
    }
    div[dusk$=detail-component]>div>div.flex.items-center.mb-3>h4 {
        position: absolute
    }
    div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center, div[dusk$=index-component]>div.card>div.py-3.flex.items-center.border-b.border-50>div.flex.items-center.ml-auto.px-3 {
        display: inline-block
    }
    div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center {
        display: inline-block;
        padding-top: 1.5rem
    }
    div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center>a, div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center>button, div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center>div, div[dusk$=index-component]>div.card>div.py-3.flex.items-center.border-b.border-50>div.flex.items-center.ml-auto.px-3>div {
        display: inline-flex;
        vertical-align: top;
        margin-bottom: .4rem
    }
    html:not([dir=rtl]) div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center>div.ml-3 {
        margin-left: 0
    }
    html[dir=rtl] div[dusk$=detail-component]>div>div.flex.items-center.mb-3>div.ml-3.w-full.flex.items-center>div.ml-3 {
        margin-right: 0
    }
}

@media (max-width:500px) {
    select[dusk=action-select] {
        width: 8.9rem
    }
}

@media (max-width:310px) {
    select[dusk=action-select] {
        width: 5.6rem
    }
}

@media (max-height:610px) {
    .z-50.open .scroll-wrap {
        max-height: 270px!important
    }
}

@media (max-height:540px) {
    .z-50.open .scroll-wrap {
        max-height: 180px!important
    }
}

@media (max-height:440px) {
    .z-50.open .scroll-wrap {
        max-height: 110px!important
    }
}

html.nova-dark-theme {
    background-color: #06090f!important
}

.nova-dark-theme html {
    background-color: #0d1117!important;
    height: auto!important
}

.nova-dark-theme body {
    background-color: #06090f!important;
    height: auto!important
}

.nova-dark-theme .hamburger-menu:before {
    background: linear-gradient(to bottom, #fff, #fff 20%, #000 20%, #000 40%, #fff 40%, #fff 60%, #000 60%, #000 80%, #fff 80%, #fff 100%)
}

.nova-dark-theme .dark-mode-toggle {
    background-color: #0e1217
}

.nova-dark-theme #layout-selector .components-container, .nova-dark-theme .bg-white {
    background-color: #0d1117
}

.nova-dark-theme .component-layout-selector {
    border-color: #30383d;
    background-color: #161c22
}

.nova-dark-theme .flex .border-60 {
    border-color: #30383d
}

.nova-dark-theme .flex .bg-white {
    background-color: #161b22
}

.nova-dark-theme .w-sidebar * {
    color: #c9d1d9!important
}

.nova-dark-theme .bg-logo {
    background-color: #161b22
}

.nova-dark-theme .btn-primary {
    color: #ffff!important
}

.nova-dark-theme .btn-primary a:visited {
    color: #ffff
}

.nova-dark-theme .bg-grad-sidebar {
    /* background-image: -webkit-gradient(linear, left bottom, left top, from(#0d1117), to(#0d1117)); */
    background-color: #0d1117
}

.nova-dark-theme .table td {
    color: #eee;
    border-color: #30363d
}

.nova-dark-theme .table th {
    background-color: #0d1117;
    color: #eee;
    border-color: #30363d
}

.nova-dark-theme .flex.items-center.relative.shadow.h-header.bg-white.z-20.px-view {
    background-color: #0f1217
}

.nova-dark-theme .bg-20, .nova-dark-theme .btn-white, .nova-dark-theme .card, .nova-dark-theme .multiselect__spinner {
    background-color: #161b22
}

.nova-dark-theme .bg-30 {
    background-color: #161b22
}

.nova-dark-theme .bg-30:hover {
    background-color: #060910
}

.nova-dark-theme .bg-40, .nova-dark-theme .multiselect__content-wrapper, .nova-dark-theme .table tr:hover td, .nova-dark-theme .tooltip {
    background-color: #0d1117
}

.nova-dark-theme .border-30 {
    border-color: #30363d
}

.nova-dark-theme .border-30, .nova-dark-theme .border-40, .nova-dark-theme .border-50 {
    border-color: #30373d
}

.nova-dark-theme .border-60, .nova-dark-theme .border-70 {
    border-color: #0e1217
}

.nova-dark-theme .border-80 {
    border-color: #060910
}

.nova-dark-theme .text-60, .nova-dark-theme .text-70 {
    color: #626a71
}

.nova-dark-theme .text-80, .nova-dark-theme .text-90 {
    color: #cfd3d8
}

.nova-dark-theme .relationship-tabs-panel .tab {
    color: #cfd3d8
}

.nova-dark-theme .multiselect__content-wrapper, .nova-dark-theme .tooltip {
    border-color: #161b22;
    color: #cfd3d8;
}

.nova-dark-theme .form-global-search:active, .nova-dark-theme .form-global-search:focus, .nova-dark-theme .form-search:active, .nova-dark-theme .form-search:focus {
    background-color: #060910
}

.nova-dark-theme .form-input, .nova-dark-theme .form-input.disabled, .nova-dark-theme .form-input:disabled, .nova-dark-theme .form-select:disabled, .nova-dark-theme input.form-input:read-only, .nova-dark-theme textarea.form-input:read-only {
    background-color: #060910
}

.nova-dark-theme .form-input-bordered, .nova-dark-theme .form-input-row, .nova-dark-theme .form-select, .nova-dark-theme .multiselect, .nova-dark-theme .multiselect__input, .nova-dark-theme .multiselect__single, .nova-dark-theme .multiselect__tags, .nova-dark-theme .tags-input-text {
    background-color: #0e1217;
    color: #cfd3d8;
    border-color: #2e3235
}

.nova-dark-theme .multiselect__tags {
    border-color: #2e3235!important
}

.nova-dark-theme .form-global-search, .nova-dark-theme input {
    border-color: #535c67;
    background-color: #161b22;
    color: #cfd3d8
}

.nova-dark-theme .form-input-bordered, .nova-dark-theme .multiselect__content-wrapper, .nova-dark-theme .multiselect__tags {
    border-color: #2e3235
}

.nova-dark-theme select {
    color: #cfd3d8
}

.nova-dark-theme .bg-gray-800 {
    --bg-opacity: 1;
    background-color: #0d1117;
    background-color: rgba(45, 55, 72, var(--bg-opacity))
}

.nova-dark-theme .bg-gray-900 {
    --bg-opacity: 1;
    background-color: #06090f;
    background-color: rgba(26, 32, 44, var(--bg-opacity))
}

.nova-dark-theme .border-gray-700 {
    --border-opacity: 1;
    border-color: #30363d;
    border-color: rgba(74, 85, 104, var(--border-opacity))
}

.nova-dark-theme .text-white {
    --text-opacity: 1;
    color: #c9d1d9;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.nova-dark-theme .text-gray-400 {
    --text-opacity: 1;
    color: #88929c;
    color: rgba(203, 213, 224, var(--text-opacity))
}







:root {
    --transparent: transparent;
    --black: #22292f;
    --white: #fff;
    --white-50: hsla(0, 0%, 100%, .5);
    --danger: #d9534f;
    --success: #02BC77;
    --warning: #FFD950;
    --info: #28c3d7;
    --primary: #FF4E1A;
    --secondary: #616161;
    --third: #E9BE2C;
    --primary-dark: #FF3F06;
    --primary-70: rgba(255, 78, 26, .7);
    --primary-50: rgba(255, 78, 26, .5);
    --primary-30: rgba(255, 78, 26, .3);
    --primary-10: rgba(255, 78, 26, .1);
    --logo: #707070;
    --sidebar-icon: #EFEFEF;
    --20: #fcfcfc;
    --30: #f7f7f7;
    --40: #efefef;
    --50: #E2E2E2;
    --60: #BEBEBE;
    --70: #b3b9bf;
    --80: #7F7F7F;
    --90: #525252;
    --90-half: rgba(82, 82, 82, .5);
    --warning-light: #fff382;
    --warning-dark: #684f1d;
    --success-light: #c6f6d5;
    --success-dark: #38a169;
    --danger-light: #fed7d7;
    --danger-dark: #e53e3e;
    --info-light: #bee3f8;
    --info-dark: #3182ce
}

body, button, input, optgroup, select, textarea {
    line-height: 1.15rem;
    font-family: "Cairo", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}


html[dir=rtl] .p-sidebar {
    padding-right: 13.75rem
}

html[dir=rtl] .card-refresh {
    margin-right: auto;
}

html[dir=rtl] .table.table-grid td, html[dir=rtl] .table.table-grid th {
    border-left-width: 1px;
}

html[dir=rtl] .form-select {
    padding-right: .75rem;
    padding-left: 2rem;
    background-position: center left .75rem;
}


html[dir=rtl] .form-combo-select {
    padding-left: 1rem;
}

html[dir=rtl] .sidebar-icon {
    margin-left: .75rem;
}

html[dir=rtl] .select-box {
    background-position: center left .75rem
}

html[dir=rtl] .select-box-sm {
    background-position: center left .55rem
}

html[dir=rtl] .markdown table tbody td {
    text-align: right;
}

html[dir=rtl] .markdown pre>code {
    direction: rtl;
}

html[dir=rtl] .markdown-preview {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace!important;
}

html[dir=rtl] .bg-left {
    background-position: 100%
}

html[dir=rtl] .bg-left-bottom {
    background-position: 100% 100%
}

html[dir=rtl] .bg-left-top {
    background-position: 100% 0
}

html[dir=rtl] .bg-right {
    background-position: 0
}

html[dir=rtl] .bg-right-bottom {
    background-position: 0 100%
}

html[dir=rtl] .bg-right-top {
    background-position: 0 0
}

html[dir=rtl] .rounded-t-sm {
    border-top-right-radius: .125rem
}

html[dir=rtl] .rounded-r-sm, html[dir=rtl] .rounded-t-sm {
    border-top-left-radius: .125rem
}

html[dir=rtl] .rounded-b-sm, html[dir=rtl] .rounded-r-sm {
    border-bottom-left-radius: .125rem
}

html[dir=rtl] .rounded-b-sm, html[dir=rtl] .rounded-l-sm {
    border-bottom-right-radius: .125rem
}

html[dir=rtl] .rounded-l-sm {
    border-top-right-radius: .125rem
}

html[dir=rtl] .rounded-t {
    border-top-right-radius: .25rem
}

html[dir=rtl] .rounded-r, html[dir=rtl] .rounded-t {
    border-top-left-radius: .25rem
}

html[dir=rtl] .rounded-b, html[dir=rtl] .rounded-r {
    border-bottom-left-radius: .25rem
}

html[dir=rtl] .rounded-b, html[dir=rtl] .rounded-l {
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .rounded-l {
    border-top-right-radius: .25rem
}

html[dir=rtl] .rounded-t-lg {
    border-top-right-radius: .5rem
}

html[dir=rtl] .rounded-r-lg, html[dir=rtl] .rounded-t-lg {
    border-top-left-radius: .5rem
}

html[dir=rtl] .rounded-b-lg, html[dir=rtl] .rounded-r-lg {
    border-bottom-left-radius: .5rem
}

html[dir=rtl] .rounded-b-lg, html[dir=rtl] .rounded-l-lg {
    border-bottom-right-radius: .5rem
}

html[dir=rtl] .rounded-l-lg {
    border-top-right-radius: .5rem
}

html[dir=rtl] .rounded-r-full {
    border-top-left-radius: 9999px
}

html[dir=rtl] .rounded-b-full[dir=rtl] .rounded-r-full {
    border-bottom-left-radius: 9999px
}

html[dir=rtl] .rounded-b-full, html[dir=rtl] .rounded-l-full {
    border-bottom-right-radius: 9999px
}

html[dir=rtl] .rounded-l-full {
    border-top-right-radius: 9999px
}

html[dir=rtl] .rounded-tl-none {
    border-top-right-radius: 0
}

html[dir=rtl] .rounded-tr-none {
    border-top-left-radius: 0
}

html[dir=rtl] .rounded-br-none {
    border-bottom-left-radius: 0
}

html[dir=rtl] .rounded-bl-none {
    border-bottom-right-radius: 0
}

html[dir=rtl] .rounded-tl-sm {
    border-top-right-radius: .125rem
}

html[dir=rtl] .rounded-tr-sm {
    border-top-left-radius: .125rem
}

html[dir=rtl] .rounded-br-sm {
    border-bottom-left-radius: .125rem
}

html[dir=rtl] .rounded-bl-sm {
    border-bottom-right-radius: .125rem
}

html[dir=rtl] .rounded-tl {
    border-top-right-radius: .25rem
}

html[dir=rtl] .rounded-tr {
    border-top-left-radius: .25rem
}

html[dir=rtl] .rounded-br {
    border-bottom-left-radius: .25rem
}

html[dir=rtl] .rounded-bl {
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .rounded-tl-lg {
    border-top-right-radius: .5rem
}

html[dir=rtl] .rounded-tr-lg {
    border-top-left-radius: .5rem
}

html[dir=rtl] .rounded-br-lg {
    border-bottom-left-radius: .5rem
}

html[dir=rtl] .rounded-bl-lg {
    border-bottom-right-radius: .5rem
}

html[dir=rtl] .rounded-tl-full {
    border-top-right-radius: 9999px
}

html[dir=rtl] .rounded-tr-full {
    border-top-left-radius: 9999px
}

html[dir=rtl] .rounded-br-full {
    border-bottom-left-radius: 9999px
}

html[dir=rtl] .rounded-bl-full {
    border-bottom-right-radius: 9999px
}

html[dir=rtl] .border-l-0 {
    border-right-width: 0
}

html[dir=rtl] .border-r-2 {
    border-left-width: 2px
}

html[dir=rtl] .border-l-2 {
    border-right-width: 2px
}

html[dir=rtl] .border-r-4 {
    border-left-width: 4px
}

html[dir=rtl] .border-l-4 {
    border-right-width: 4px
}

html[dir=rtl] .border-r-8 {
    border-left-width: 8px
}

html[dir=rtl] .border-l-8 {
    border-right-width: 8px
}

html[dir=rtl] .border-r {
    border-left-width: 1px
}

html[dir=rtl] .border-l {
    border-right-width: 1px
}

html[dir=rtl] .float-right {
    float: left
}

html[dir=rtl] .float-left {
    float: right
}

html[dir=rtl] .mr-0 {
    margin-left: 0 !important;
    margin-right: unset;
}

html[dir=rtl] .ml-0 {
    margin-right: 0 !important;
    margin-left: unset;
}

html[dir=rtl] .mr-1 {
    margin-left: .25rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-1 {
    margin-right: .25rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-2 {
    margin-left: .5rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-2 {
    margin-right: .5rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-3 {
    margin-left: .75rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-3 {
    margin-right: .75rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-4 {
    margin-left: 1rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-4 {
    margin-right: 1rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-6 {
    margin-left: 1.5rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-6 {
    margin-right: 1.5rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-8 {
    margin-left: 2rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-8 {
    margin-right: 2rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-11 {
    margin-left: 2.75rem !important;
    margin-right: unset;
}

html[dir=rtl] .ml-11 {
    margin-right: 2.75rem !important;
    margin-left: unset;
}

html[dir=rtl] .mr-auto {
    margin-left: auto !important;
    margin-right: unset;
}

html[dir=rtl] .ml-auto {
    margin-right: auto !important;
    margin-left: unset;
}

html[dir=rtl] .mr-px {
    margin-left: 1px !important;
    margin-right: unset;
}

html[dir=rtl] .ml-px {
    margin-right: 1px !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-0 {
    margin-left: 0 !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-0 {
    margin-right: 0 !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-1 {
    margin-left: -.25rem !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-1 {
    margin-right: -.25rem !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-2 {
    margin-left: -.5rem !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-2 {
    margin-right: -.5rem !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-3 {
    margin-left: -.75rem !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-3 {
    margin-right: -.75rem !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-4 {
    margin-left: -1rem !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-4 {
    margin-right: -1rem !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-6 {
    margin-left: -1.5rem !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-6 {
    margin-right: -1.5rem !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-8 {
    margin-left: -2rem !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-8 {
    margin-right: -2rem !important;
    margin-left: unset;
}

html[dir=rtl] .-mr-px {
    margin-left: -1px !important;
    margin-right: unset;
}

html[dir=rtl] .-ml-px {
    margin-right: -1px !important;
    margin-left: unset;
}

html[dir=rtl] .pr-0 {
    padding-left: 0 !important;
    padding-right: unset;
}

html[dir=rtl] .pl-0 {
    padding-right: 0 !important;
    padding-left: unset;
}

html[dir=rtl] .pr-1 {
    padding-left: .25rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-1 {
    padding-right: .25rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-2 {
    padding-left: .5rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-2 {
    padding-right: .5rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-3 {
    padding-left: .75rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-3 {
    padding-right: .75rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-4 {
    padding-left: 1rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-4 {
    padding-right: 1rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-6 {
    padding-left: 1.5rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-6 {
    padding-right: 1.5rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-8 {
    padding-left: 2rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-8 {
    padding-right: 2rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-px {
    padding-left: 1px !important;
    padding-right: unset;
}

html[dir=rtl] .pl-px {
    padding-right: 1px !important;
    padding-left: unset;
}

html[dir=rtl] .pr-search {
    padding-left: 2.75rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-search {
    padding-right: 2.75rem !important;
    padding-left: unset;
}

html[dir=rtl] .pr-view {
    padding-left: 3.125rem !important;
    padding-right: unset;
}

html[dir=rtl] .pl-view {
    padding-right: 3.125rem !important;
    padding-left: unset;
}

html[dir=rtl] .pin-r {
    left: 0
}

html[dir=rtl] .pin-l {
    right: 0
}

.shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.shadow-md {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08)
}

.shadow-lg {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08)
}

.shadow-inner {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.shadow-outline {
    -webkit-box-shadow: 0 0 0 1px var(--primary-50);
    box-shadow: 0 0 0 1px var(--primary-50)
}

.hover\:shadow:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.hover\:shadow-md:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08)
}

.hover\:shadow-lg:hover {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08)
}

.hover\:shadow-inner:hover {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.hover\:shadow-outline:hover {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: .5rem .5rem 0 0;
    border-bottom: 2px solid var(--third);
}

.focus\:shadow:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.focus\:shadow-md:focus {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08)
}

.focus\:shadow-lg:focus {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08)
}

.focus\:shadow-inner:focus {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.focus\:shadow-outline:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: .5rem .5rem 0 0;
    border-bottom: 2px solid var(--third);
}

.active\:shadow:active {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.active\:shadow-md:active {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 2px 1px rgba(0, 0, 0, .08)
}

.active\:shadow-lg:active {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .11), 0 0 3px 1px rgba(0, 0, 0, .08)
}

.active\:shadow-inner:active {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.active\:shadow-outline:active {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: .5rem .5rem 0 0;
    border-bottom: 2px solid var(--third);
}


html[dir=rtl] .text-left {
    text-align: right
}

html[dir=rtl] .text-right {
    text-align: left !important
}




.bg-grad-sidebar {
    background-color: var(--secondary);
    background-image:none;
    background-attachment: none;
}

.form-global-search, .form-search, .btn-default, .btn-outline {
    border-radius: 0.5rem;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.btn, .inline-link {
    font-weight: 400;
}

.hover\:font-black:hover, .hover\:font-bold:hover, .hover\:font-extrabold:hover {
    font-weight: 400
}

.router-link-active{
    font-weight: 600 !important;
    color: var(--third);
}

.table th {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5rem;
}



.form-input:active, .form-input:focus, .form-select:active, .form-select:focus, .checkbox:active, .checkbox:focus, 
.form-file-input:focus+.form-file-btn, .form-global-search:active, .form-global-search:focus, .form-search:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 1px solid var(--primary);
}

.btn-default:not([disabled]):not(.btn-disabled):active, .btn-default:not([disabled]):not(.btn-disabled):focus, 
.btn-xs, .btn-link:active, .btn-link:focus, .default-link:active, .default-link:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

html[dir=rtl] .chartist-tooltip {
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .05)!important;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .05)!important;
}

html[dir=rtl] .nova, html[dir=rtl] .toasted.default, html[dir=rtl] .toasted.error, html[dir=rtl] .toasted.success, html[dir=rtl] .toasted.info, html[dir=rtl] .toasted.warning {
    -webkit-box-shadow: 0 0 30px 15px rgba(0, 0, 0, .11), 0 0 15px 5px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px 15px rgba(0, 0, 0, .11), 0 0 15px 5px rgba(0, 0, 0, .08)
}

.tooltip {
    background-color: var(--white);
    padding: .75rem .75rem;
    border-radius: .75rem;
    border-width: 1px;
    border-color: var(--50);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    font-size: .875rem;
    line-height: 1.15;
    display: block!important;
    z-index: 88888
}

.font-bold, .font-black {
    font-weight: 600;
}

html[dir=rtl] .tracking-tight, html[dir=rtl] .tracking-wide {
    letter-spacing: 0
}

.btn-outline {
    border-width: 1px;
}

.text-2xl {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 2rem;
}

table .fill-current[aria-labelledby="view"] {
    color: var(--info);
}

table .fill-current[aria-labelledby="edit"] {
    color: var(--warning);
}

table .fill-current[aria-labelledby="delete"] {
    color: var(--danger);
}

html[dir=rtl] .CodeMirror * {
    direction: ltr !important;
}


html[dir=rtl] .simple-repeatable > :nth-child(2) {
    margin-left: 24px;
    margin-right: unset;
}

html[dir=rtl] .simple-repeatable .simple-repeatable-row {
    margin-right: -46px;
    margin-left: unset;
}


html:not([dir=rtl]) .collapsible-indicator {
    left: 0;
}

html:not([dir=rtl]) .collapsible-indicator svg {
    margin-left: -25px;
}

html[dir=rtl] .collapsible-indicator {
    right: 0;
    margin-right: -22px;
}

html[dir=rtl] .group h4 {
    margin-right: 3px !important;
    margin-left: unset;
}

.group h4 {
    font-weight: 500;
    font-size: 0.85rem;
}

html[dir=rtl] .min-h-90px .ct-chart {
    right: unset !important;
    left: 20px !important;
}

html[dir=rtl] .relative > .flex.select.form-select {
    padding-left: 2rem !important;
    padding-right: .75rem !important;
    background-position: center left .75rem;
}

html[dir=rtl] .relative > .flex.form-input + button {
    left: 4px !important;
    right: unset !important;
    padding-right: .75rem !important;
}

html[dir=rtl] .relative > .flex.form-input {
    padding-right: .75rem !important;
}

html[dir="rtl"] .relative .form-input.pin-l {
    right: unset;
}

html[dir=rtl] .relationship-tabs-panel .tab-content > div > .relative > .flex {
    right: unset !important;
    left: 0;
}

html[dir=rtl] .relationship-tabs-panel .tab-content > div > .relative > .flex > .w-full {
    margin-left: unset !important;
    margin-right: 1.5rem;
}

html[dir=rtl] .rounded-l-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

html[dir=rtl] .rounded-r-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

html[dir=rtl] .border-r-0 {
    border-left-width: 0;
    border-right-width: 1px;
}

html[dir=rtl] .border-l-0 {
    border-right-width: 0;
    border-left-width: 1px;
}



/* start nova-detached-filters-card */
.nova-detached-filters-card h3 {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: "Cairo", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

.nova-dark-theme .nova-detached-filters-card .detached-filters-buttons .detached-filters-button {
    background-color: #161b22;
    color: #cfd3d8 !important;
    border-color: #30363d
}

html[dir=rtl] .nova-detached-filters-card h3 {
    padding: 0.25rem 0.5rem 0 4rem;
}

html[dir=rtl] .nova-detached-filters-card .reset-filter-btn {
    left: 0.4rem;
    right: unset !important;
}

html[dir=rtl] .nova-detached-filters-card .detached-filters-buttons {
    left: 0;
    right: unset;
}

html[dir=rtl] .nova-detached-filters-card .detached-filters-buttons .detached-filters-button:last-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: unset !important;
}

html[dir=rtl] .nova-detached-filters-card .detached-filters-buttons .detached-filters-button:first-of-type {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: unset !important;
}

/* end nova-detached-filters-card */


.form-control, .table.table-tight td {
    height: unset;
}

table span[class*="indicator-"] + span {
    display: none;
}

/* start nova ChartJS */
.chart-js-dashboard-title {
    font-weight: 400 !important;
    padding: 1rem 1.5rem 0.5rem !important;
}
canvas#line-chart, canvas#bar-chart {
    height: 300px !important;
}
.fa, .fas {
    font-weight: 500;
}
.stay-right .btn-refresh {
    padding: 0.07rem 0.4rem;
    border-radius: 2px;
}
.nova-dark-theme .stay-right .btn-refresh {
    background-color: #0d1117;
    color: #eee;
    border-color: #30363d
}
html[dir=rtl] .stay-right{
    text-align: left !important;
 }
/* end nova ChartJS */

/* start nova list card */
div.card.flex h1 {
    margin-bottom: unset;
    border-bottom: 1px solid var(--50);
}
/* end nova list card */


/* 
::-webkit-scrollbar {
    width: 20px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
} */