

/* global*/
@media (min-width:992px) {
  [data-vertical-style="doublemenu"] {
    .simplebar-offset {
      position: inherit !important;
    }
  }
}

@media (min-width: 992px) {
  [data-vertical-style=doublemenu] .app-sidebar .slide.has-sub .slide-menu.child1 {
    height: 100vh !important;
  }
}


#visitors-countries {
  z-index: 11;
}

.h5 {
  font-size: 1.25rem !important;
}

h6 {
  font-size: 1rem;
}


.ng-select .ng-select-container {
  @apply border-inputborder! text-defaulttextcolor! bg-white! dark:!border-white/10 dark:!bg-bodybg text-[0.875rem]! ;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input {
  @apply text-defaulttextcolor!;
}

// .form-control {
//   @apply border-inputborder text-defaulttextcolor bg-white! dark:border-white/10 dark:!bg-bodybg;
// }

.input-group {
  .ng-select .ng-select-container {
    @apply rounded-ss-none! rounded-es-none!;
  }
}

.simplebar-scrollbar.simplebar-visible:before {
  @apply opacity-[.1]! ;
}

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
  @apply shadow-none! ;
}

[dir="rtl"] {
  .table {
    @apply me-[1px];
  }
}

.avatar-list-stacked .avatar.avatar-xs {
  @apply -me-[0.5rem]!;
}

dropzone>.dropzone.dz-wrapper .dz-message {
  @apply bg-white! dark:!border-white/10 border-inputborder! dark:!bg-bodybg min-h-[85px]!;
}

.ng-dropdown-panel {
  @apply bg-white! text-defaulttextcolor! dark:!border-white/10 border-inputborder! dark:!bg-bodybg ;

  .ng-dropdown-panel-items .ng-option.ng-option-marked {
    @apply bg-primary! text-white! ;
  }

  .ng-dropdown-panel-items .ng-option {
    @apply bg-white! text-defaulttextcolor! dark:!border-white/10 border-inputborder! dark:!bg-bodybg;
  }
}

.angular-editor-toolbar[_ngcontent-ng-c834769704] .angular-editor-toolbar-set[_ngcontent-ng-c834769704] .angular-editor-button[_ngcontent-ng-c834769704],
.angular-editor-toolbar[_ngcontent-ng-c834769704],
.ae-font .ae-picker-label {
  @apply bg-white! dark:!border-white/10 border-inputborder! dark:!bg-bodybg;
}

.angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-placeholder[_ngcontent-ng-c1917172166] {
  @apply text-defaulttextcolor! opacity-[0.5]!;
}

.angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166] {
  @apply dark:!border-white/10 border-inputborder!;
}

.swal-modal {
  @apply bg-white! dark:!bg-bodybg;

  .swal-title {
    @apply text-defaulttextcolor!;
  }

  .swal-text {
    @apply text-[#8c9097]! dark:!text-white/50 opacity-[0.7]! ;
  }
}

.ae-font .ae-picker-label svg .ae-stroke {
  @apply stroke-defaulttextcolor!;
}

.ae-font .ae-picker-options {
  @apply bg-white! dark:!bg-bodybg;
}

.ae-font .ae-picker-label:before {
  @apply bg-gradient-to-r from-white to-white dark:from-bodybg dark:to-bodybg ;
}

.ae-font .ae-picker-label {
  @apply bg-white dark:bg-bodybg dark:border-white/10 border-inputborder;
}

.ae-font .ae-picker-options .ae-picker-item {
  @apply text-defaulttextcolor!;

  &.selected,
  &.focused,
  &:hover {
    @apply dark:!text-black;
  }
}

.ae-font.ae-expanded .ae-picker-options {
  @apply dark:!border-white/10 border-inputborder! ;
}

[dir="rtl"] {
  .ae-font .ae-picker-label {
    @apply pl-[8px]! pe-[10px]! text-right! float-right! ;
  }

  .ae-font .ae-picker-label:before {
    @apply left-0! right-auto!;
  }

  .ae-font .ae-picker-label:before,
  .ae-font .ae-picker-label svg {
    @apply left-0! right-auto! ;
  }
}

.NgxEditor__MenuBar {
  @apply bg-light!;
}

.NgxEditor {
  @apply bg-white! dark:!bg-bodybg dark:!border-white/10 border-inputborder! text-defaulttextcolor!;
}

app-footer {
  @apply mt-auto;
}

.tab-content .tab-pane,
.mails-information .mail-attachment {
  @apply dark:border-white/10;
}

.custom-toggle-switch>label:after {
  @apply dark:bg-bodybg dark:shadow-none dark:border dark:border-white/10;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  @apply dark:!bg-bodybg ;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  @apply text-defaulttextcolor! dark:!text-white/50;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  @apply text-defaulttextcolor!;
}

.mat-mdc-icon-button svg {
  @apply fill-defaulttextcolor!;
}

.NgxEditor__Dropdown:hover,
.angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166],
.angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166] {
@apply dark:!bg-white/10 dark:!text-white;
}

.angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166]:focus-within {
  @apply outline-none!;
}

.angular-editor[_ngcontent-ng-c1917172166] .angular-editor-wrapper[_ngcontent-ng-c1917172166] .angular-editor-textarea[_ngcontent-ng-c1917172166] {
  @apply min-h-[15rem]!;
}

@media (max-width: 375px) {
  .ti-pagination li .page-link {
    @apply text-sm!;
  }
}

[type=checkbox]:focus {
  @apply dark:!border-white/10;
}

:is(.dark .progress-custom .progress-bar-value) {
  --tw-shadow-color: rgba(255, 255, 255, .08)! ;
}


.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  @apply text-defaulttextcolor! opacity-[6]!;
}



.color-pickr-slider {
  #result {
    @apply mt-12! ms-8! mb-6!;

    #result {
      @apply mt-0! ms-0! mb-0!;
    }
  }

  #color1,
  #color2,
  #color3 {
    @apply hidden!;
  }
}

// .Single-file-upload {
//   .filepond--drop-label.filepond--drop-label label {
//     @apply mt-12!;
//   }

//   .filepond--panel-root {
//     @apply rounded-full! ;
//   }
// }

#lightPrimaryColorID,
#transparentBgColorID,
.pickr-container1 input {
  @apply mt-[-4px]! w-[2rem]! h-[2rem]! rounded-md!;
}

.color-picker .box {
  /* align-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row-reverse; */
  @apply flex-wrap! flex-row-reverse! justify-start! content-between! dark:!bg-transparent;
}

.NgxEditor__MenuItem:hover {
  @apply dark:!bg-white/10;
}

.br-units[_ngcontent-ng-c3013319537] {
  @apply flex-wrap!;
}

#external-events[_ngcontent-ng-c3653271785] {
  @apply dark:!border-white/10 border-defaultborder! border-0! border-b!;
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell-row:hover {
  @apply dark:!bg-white/10;
}

.cal-month-view .cal-day-cell.cal-today {
  @apply dark:!bg-white/10;
}

.cal-cell,
.cal-header,
.cal-month-view .cal-days .cal-cell-row,
.cal-month-view .cal-days,
.cal-month-view .cal-day-cell.cal-today {
  @apply dark:!border-white/10 ;
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number,
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number,
.cal-month-view .cal-day-number {
  @apply text-defaulttextcolor! ;
}

.owl-theme .owl-nav [class*=owl-] {
  @apply dark:!bg-white/10 bg-black/30! ;
}

.ng-select.select-md.ng-select-single .ng-select-container {
  @apply h-[48px]!
}

.ng-select.select-lg.ng-select-single .ng-select-container {
  @apply h-[56px]!
}

.companies-search-input {
  .ng-select.ng-select-single .ng-select-container {
    @apply h-[44px]! flex gap-[5px]!;
  }

}

.ng-select.form-control {
  @apply p-0! ;
}

.ng-dropdown-panel {
  @apply z-[2]! ;
}

ng-select.ng-select-searchable.ng-select-clearable.ng-select.ng-select-single.ng-select-opened.ng-select-bottom {
  @apply z-[1]! ;
}

#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.current-image[_ngcontent-ng-c1271098887]>img[_ngcontent-ng-c1271098887],
.previews-container[_ngcontent-ng-c1488287478]>.preview-inner-container[_ngcontent-ng-c1488287478]>.preview-image[_ngcontent-ng-c1488287478] {
  @apply rounded-lg!;
}

.previews-container[_ngcontent-ng-c1488287478]>.preview-inner-container[_ngcontent-ng-c1488287478] {
  @apply gap-0.5!;
}

h4 {
  @apply text-[1.5rem]!;
}

h3, .h3 {
  @apply text-[1.75rem]!;
}

.nft-tag.nft-tag-dark {

  &:hover,
  &.active {
    .nft-tag-text {
      @apply text-defaulttextcolor! opacity-[0.8]!;
    }
  }
}

.ng-select.ng-select-single.Buy-crypto-input .ng-select-container {
  @apply h-[40px]! ;
}

.mat-mdc-table tbody, .mat-mdc-table tfoot, .mat-mdc-table thead, .mat-mdc-cell, .mat-mdc-footer-cell, .mat-mdc-header-row, .mat-mdc-row, .mat-mdc-footer-row, .mat-mdc-table .mat-mdc-header-cell {
  @apply bg-white! dark:!bg-bodybg text-defaulttextcolor! border-defaultborder! dark:!border-white/10 ;
}

.mat-mdc-paginator {
  @apply bg-white! dark:!bg-bodybg text-defaulttextcolor! border-defaultborder! dark:!border-white/10;
}

.mat-mdc-table {
  @apply bg-white! dark:!bg-bodybg ;
}

.mat-mdc-select-arrow, .mat-mdc-select {
  @apply dark:!text-white/20 text-defaulttextcolor! ;
}


@media (min-width: 992px) {


  [data-menu-styles="dark"] {
    &[data-nav-layout="horizontal"] {
      &[data-page-style="classic"] {
        .app-sidebar {
          @apply border-b! border-white/10!;
        }
      }
    }
  }

  [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1 {
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }

  [data-nav-layout="vertical"][data-toggled="icon-hover-closed"][data-nav-style="icon-hover"] {
    .app-sidebar {
      .simplebar-content {
        @apply absolute!;
      }

      .simplebar-track.simplebar-horizontal {
        @apply fixed!;
      }
    }

    .app-sidebar .side-menu__item {
      margin-top: 0.25rem !important;
    }
  }

  [data-vertical-style=icontext][data-toggled=icon-text-close] .app-sidebar .side-menu__item {
    margin-top: 0.25rem !important;
  }
}

@media (max-width: 991.98px) {
  .mail-navigation {
    @apply hidden;
  }
}

[type=checkbox]:focus {
  --tw-ring-offset-color: transparent !important;
  --tw-ring-offset-width: 0 !important;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.ti-btn-outline-light:hover,
.product-sizes {
  @apply dark:!border-white/10;
}

.product-details-page {
  #carousel-container[_ngcontent-ng-c1271098887] {
    @apply bg-light!;
  }

  .previews-container[_ngcontent-ng-c1488287478]>.preview-inner-container[_ngcontent-ng-c1488287478]>.preview-image[_ngcontent-ng-c1488287478] {
    @apply border! border-defaultborder! dark:!border-white/10;
  }
}

[_nghost-ng-c1488287478] {
  @apply p-[5px]!;
}

@media (min-width: 992px) {
  [data-nav-layout=horizontal] .landing-body .app-sidebar {
    @apply pe-[1rem]! ps-[1rem]!;
  }
}

// .hs-accordion.active>.hs-accordion-toggle.hs-accordion-active\:text-primary {
//   @apply bg-defaultbackground dark:bg-light;
// }

.ti-btn-outline-light:focus-visible {
  @apply outline-0! ;
}

.code-section {
  display: block;
  /* Add any other styling for the code section */
}

// .hidden {
//   display: none;
// }
.select2-img {
  display: inline-flex;
  margin-inline-end: 0.25rem !important;
  height: 1.45rem !important;
  width: 1.45rem !important;
  border-radius: 1.25rem !important;
}

.custom-width {
  @apply w-[4.5rem];
}

#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887] .nav[_ngcontent-ng-c1271098887],
#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.nav-right[_ngcontent-ng-c1271098887],
#carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.nav-left[_ngcontent-ng-c1271098887] {
  @apply text-white! bg-black/30! rounded-md! ;
}

.arrow-image, .right-arrow-image, .left-arrow-image, .empty-arrow-image {
  @apply w-[15px]! h-[15px]! m-[5px]! bg-contain!
}

.scrollable-modal-max {
  .ti-modal .ti-modal-body {
    overflow-y: auto;
  }
}

.ae-font .ae-picker-label {
  @apply dark:!text-white ;
}

.ng-clear-wrapper {
  @apply hidden! ;
}

.dropzone .dz-preview:hover,
.dropzone.dz-wrapper .dz-preview .dz-progress,
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-message,
.dropzone .dz-preview .dz-error-mark {
  @apply z-[9]!;
}

.dropzone .dz-preview .dz-image {
  @apply z-[8]!;
}

.ng-select .ng-select-container .ng-value-container .ng-input>input {
  @apply hidden!
}

.dropzone .dz-preview.dz-image-preview {
  @apply dark:!bg-bodybg ;
}

// dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image {
//   @apply w-[120px]! h-[120px]! mx-auto!
// }
dropzone>.dropzone.dz-wrapper.dz-single .dz-preview {
  @apply max-h-[10rem]!;
}

dropzone>.dropzone.dz-wrapper .dz-message {
  @apply border-0!;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  @apply border-white/10!;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  @apply bg-black/10!;
}

input::-webkit-datetime-edit {
  @apply rtl:!justify-end ;
}

input {

  &[type="week"],
  &[type="month"],
  &[type="date"],
  &[type="datetime-local"],
  &[type="time"] {
    &::-webkit-calendar-picker-indicator {
      @apply rtl:!absolute;
    }
  }
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
  @apply dark:!bg-bodybg;
}

.mat-stepper-horizontal-line {
  @apply border-t-defaultborder! dark:!border-t-white/10;
}

@media (max-width: 480px) {
  .mat-vertical-content-container {
    @apply ml-0! rtl:!mr-0 ;
  }

  .mat-vertical-content {
    @apply p-0! ;
  }

  .mat-stepper-vertical-line::before {
    @apply hidden!;
  }

  .mat-vertical-stepper-header .mat-step-icon {
    @apply mr-0! rtl:!ml-0 rtl:!ml-0;
  }

  .mat-step-icon {
    @apply w-full! h-[32px]! rounded-[5px]!;
  }

  .checkout-payment-success {
    @apply p-[1rem]!;
  }
}

.mat-step-icon {
  @apply bg-light! text-defaulttextcolor!;
}

.mat-step-icon.mat-step-icon-selected {
  @apply bg-primary! text-white! ;
}

.ng-dropdown-panel .ng-dropdown-header {
  @apply dark:!border-b-white/10;
}

input.ng-star-inserted {
  @apply dark:!bg-bodybg dark:!border-white/10;
}

.NgxEditor__Dropdown .NgxEditor__Dropdown--Selected, .NgxEditor__Dropdown .NgxEditor__Dropdown--Open {
  @apply dark:!bg-bodybg text-defaulttextcolor! ;
}

.NgxEditor__Dropdown .NgxEditor__Dropdown--DropdownMenu {
  @apply dark:!bg-bodybg ;
}

.NgxEditor__Dropdown .NgxEditor__Dropdown--Item:hover {
  @apply dark:!bg-black/10 ;
}

.NgxEditor__Dropdown .NgxEditor__Dropdown--Text:after {
  @apply rtl:!ml-[0] rtl:!mr-[24px] ;
}

.product-details-page {
  #carousel-container[_ngcontent-ng-c1271098887]>.current-figure[_ngcontent-ng-c1271098887]>.current-image[_ngcontent-ng-c1271098887]>img[_ngcontent-ng-c1271098887] {
    @apply w-auto! mx-auto! ;
  }
}

.NgxEditor__Seperator {
  @apply dark:border-white/10;
}

.ti-pagination li .page-link:hover {
  @apply dark:!border-white/10 ;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  @apply dark:!border-white/10 ;
}

div.mat-mdc-select-panel {
  @apply dark:!bg-bodybg;
}

.mat-mdc-option {
  @apply dark:!text-white;
}

.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  @apply shadow-none! border! dark:!border-white/10 border-defaultborder!;
}

.mdc-data-table__table {
  @apply border! dark:!border-white/10 border-solid! border-defaultborder!;
}

.mat-elevation-z8 {
  .mdc-data-table__table {
    @apply border-0! ;
  }

}

.mat-mdc-paginator-page-size {
  @apply my-[0.5rem];
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
  @apply dark:!border-white/10 ;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
  @apply dark:!border-white/10 ;
}

// .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(:indeterminate)~.mdc-checkbox__background {

// }
.mat-mdc-raised-button:not(:disabled) {
  @apply bg-light! text-defaulttextcolor! dark:!text-white ;
}

#external-events[_ngcontent-ng-c2392543396] {
  @apply dark:!border-white/10 ;
}

.cal-week-view .cal-day-headers {
  @apply dark:!border-white/10 ;
}

.cal-week-view {
  @apply dark:!border-white/10 dark:!bg-bodybg ;
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  @apply dark:!border-white/10;
}

.cal-week-view .cal-hour-odd {
  @apply dark:!bg-bodybg ;
}

.cal-week-view .cal-all-day-events {
  @apply dark:!border-white/10 ;
}

.cal-week-view .cal-time-events {
  @apply dark:!border-white/10 ;
}

.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  @apply dark:!bg-white/10;
}

.cal-week-view .cal-header.cal-today {
  @apply dark:!bg-white/10 ;
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  @apply dark:!bg-white/10;
}

.cal-week-view .cal-day-column {
  @apply dark:!border-white/10 ;
}

#calendar2 .btn-group .btn-primary:last-child {
  @apply rounded-e-[2px]! ;
}

h5 {
  @apply text-[1.25rem];
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  @apply top-0;
}



.nft-details-bg.product-details-page #carousel-container[_ngcontent-ng-c1271098887] {
  @apply dark:!bg-transparent ;
}

.br-square .br-unit-inner {
  @apply dark:!bg-bodybg;
}

select {
  @apply rtl:!bg-left rtl:!bg-[0.5rem];
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  @apply dark:!text-white text-defaulttextcolor! opacity-[0.7]! ;
}

.ngx-slider .ngx-slider-bar:not(.ngx-slider-selection) {
  @apply dark:!bg-black/20 ;
}

.color-pickr-slider #result {
  @apply dark:!border-white/10;
}

.custom-fileupload.single-fileupload {
  .filepond--root .filepond--drop-label {
    // min-height: 7.5em;
    @apply min-h-[7.5em]!;
  }
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
  @apply dark:!border-white/10;
}

select {
  @apply bg-white dark:bg-bodybg border border-solid border-inputborder text-defaulttextcolor text-[var(--font-size-defaultsize)] rounded-md focus:border focus:border-primary;

  option {
    @apply bg-white dark:bg-bodybg py-[0.35rem] px-3 rounded-sm border border-primary/10;
  }

  option:checked {
    @apply bg-primary/20 text-primary;
  }
}

.angular-editor-toolbar[_ngcontent-ng-c834769704] .angular-editor-toolbar-set[_ngcontent-ng-c834769704] .foreground[_ngcontent-ng-c834769704] [_ngcontent-ng-c834769704]:after {
  @apply dark:!bg-white;
}

.NgxEditor__Popup {
  @apply dark:!bg-bodybg;
}

.mdc-notched-outline__leading,
.mdc-notched-outline__trailing {
  @apply dark:!border-white/10 ;
}

.mat-mdc-select-arrow svg {
  /* fill: currentColor; */
  @apply dark:!fill-white;
}

.mat-mdc-select-value-text {
  @apply dark:!text-white;
}

.ngx-slider .ngx-slider-bubble {
  @apply dark:!text-white;
}

[type='text'],
input:where(:not([type])),
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
  @apply bg-white dark:bg-bodybg border-inputborder text-defaulttextcolor text-[var(--font-size-defaultsize)];
}

.angular-editor-toolbar .angular-editor-toolbar-set .foreground:after {
  @apply dark:!bg-white ;
}

.angular-editor-toolbar .angular-editor-toolbar-set .foreground i:after {
  @apply rtl:!right-[13px] rtl:!left-auto ;
}

.angular-editor-toolbar .angular-editor-toolbar-set .background {
  @apply dark:!text-white dark:!bg-white/10
}

.swal-button--cancel {
  @apply dark:!text-white dark:!bg-white/10 dark:!border-white/10 dark:!shadow-none ;
}

#invoice-list-stats .apexcharts-canvas {
  @apply w-full! ;
}

#invoice-list-stats .apexcharts-canvas svg {
  @apply w-full! ;
}

ngx-colors-panel .opened,
.color-picker {
  @apply dark:!bg-bodybg ;
}

.opened .manual-input-wrapper .g-input input {
  @apply dark:!border-white/10 ;
}

.opened button {
  @apply dark:!text-white;
}

ngx-colors-panel svg {
  @apply dark:!invert-[1];
}

ngx-colors-panel .circle.button {
  @apply dark:!bg-white/10;
}

// .ri-arrow-left-s-line, .ri-arrow-right-s-line {
//   @apply  rtl:!scale-x-[-1]
// }
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  @apply dark:!border-white/20 ;
}

[data-nav-layout="vertical"] {
  .main-menu {
    @apply m-0! ;
  }
}

#mail-reply-editor .NgxEditor {
  @apply min-h-[12rem]!;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  @apply bg-transparent!;
}

#grid-sorting .mat-elevation-z8 .mdc-data-table__table {
  @apply border-t-[1px]! border-b-[1px]!;
}

#basic-table,
#download-table,
#reactivity-table {
  .mdc-data-table__table {
    @apply border-0!;
  }
}

#line-chart .apexcharts-canvas {
  @apply w-full!;
}

#line-chart .apexcharts-canvas svg {
  @apply w-full!;
}

@media (max-width: 375px) {
  .header-content-right .hs-dropdown.open>.ti-dropdown-menu {
    @apply w-full! translate-x-0! translate-y-[71px]! ;
  }
}

#timeline-colors {
  .apexcharts-grid-row {
    @apply fill-transparent! ;
  }
}

// .marketcap-chart {
//   .apexcharts-canvas {
//     @apply w-[auto]!;
//   }
// }
uhfdsj {
  .ngx-colors-overlay.undefined {
    .ng-star-inserted:not(.circle.button){
      @apply rtl:!left-[304px] ;
    }
  }
}
.NgxEditor__Dropdown .NgxEditor__Dropdown--Active {
  @apply dark:bg-bodybg2;
}

[data-nav-layout="horizontal"][class="dark"][data-header-styles="transparent"] {
  .app-header .horizontal-logo .header-logo .toggle-white {
    @apply hidden;
  }
}

[data-nav-layout="horizontal"] {

  &[data-nav-style="menu-hover"],
  &[data-nav-style="icon-hover"] {
    .app-sidebar .slide.has-sub .slide-menu {
      @apply left-[auto]! rtl:!right-[auto];
    }
  }
}

.ng-dropdown-panel {
  @apply z-[99999]!;
}

// [dir="rtl"] {
//   .ri-arrow-right-s-line:before {
//     content: "\ea64";
//   }

//   .ri-arrow-left-s-line:before {
//     content: "\ea6e";
//   }
// }

.h4 {
  font-size: 1.5rem;
}

.dz-message .dz-text {
  @apply text-defaulttextcolor/70;
}
.apexcharts-title-text {
  @apply dark:fill-defaulttextcolor/70;
}
#radialbar-multiple {
  .apexcharts-text.apexcharts-datalabel-label {
    @apply dark:fill-defaulttextcolor/70;
  }
}
[data-nav-layout="vertical"]  {
  .main-menu > .slide.has-sub > .slide-menu.child1 > .slide {
    @apply my-[2px]
  }
}
#calendar2 {
  .btn-primary.active {
    @apply bg-primary/80!;
  }
}

.apexcharts-canvas {
  @apply w-full!;
}

.apexcharts-canvas svg {
  @apply w-full!;
}

#calendar2 .btn-group {
  @apply relative inline-flex align-middle;
}

:is([dir=ltr] #calendar2 .btn-group .btn-primary:first-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

#calendar2 .btn-group .btn-primary {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(132 90 223 / var(--tw-bg-opacity));
  padding: 5px 10px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  @apply text-white! bg-primary! ;

}


// .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{
//   background:#000000de !important;
// }
pre[class*=language-]>code {
  position: relative;
  z-index: 1;

  background-size: 3em 3em;
  background-origin: content-box;
  background-attachment: local;
}

pre {
  overflow: auto;
}

.owl-nav {
  .owl-prev {
    position: absolute;
    top: 29% !important;
    left: 2px;
  }

  .owl-next {
    position: absolute;
    top: 29% !important;
    right: 2px;
  }
}


.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 3px 10px;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.authentication {
  .owl-nav .owl-prev {
    top: 45% !important;

  }

  .owl-nav .owl-next {
    top: 45% !important;

  }

  .owl-theme .owl-nav [class*=owl-] {

    background: rgb(0 0 0 / 0.3) !important;

  }
}


code[class*=language-] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
  overflow: auto;
}

pre[class*=language-]>code {
  position: relative;
  z-index: 1;
  border-left: 10px solid #358ccb;
  box-shadow: -1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf;
  background-color: #fdfdfd;
  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, .04) 50%);
  background-size: 3em 3em;
  background-origin: content-box;
  background-attachment: local;
}

code[class*=language-],
pre[class*=language-] {
  color: #000;
  background: 0 0;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

#crm-main {
  .apexcharts-canvas {
    @apply w-[100px]! ;
  }
}

#leads-source {
  .apexcharts-canvas {
    @apply w-[300px]! ;
  }
}

.showcode {

  @apply border-0! p-0! ;

}

.mat-horizontal-stepper-wrapper {
  .mat-stepper-horizontal-line {
    @apply hidden;
  }

  .mat-horizontal-stepper-header-container {
    @apply justify-between;
  }
}

@media (min-width:992px) {
  [data-nav-layout="vertical"][data-nav-style="menu-click"][data-toggled="menu-click-closed"] {
    .main-sidebar .simplebar-track.simplebar-horizontal {
      @apply hidden!;
    }
  }
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  @apply z-0!;
}

.swal-modal {
  .swal-footer {
    @apply text-center!;
  }
}

.swal-icon--success:after,
.swal-icon--success:before,
.swal-icon--success__hide-corners {
  @apply dark:!bg-bodybg2;
}

.swal-icon--success__ring {
  @apply -left-[14px]! top-[7px]!;
}

.swal-icon--success__line--long {
  @apply w-[47px]! right-[19px]! top-[45px]!;
}

.swal-icon--success__line--tip {
  @apply w-[25px]! left-0.5! top-[53px]!;
}

.cal-month-view {
  @apply  dark:!bg-bodybg2 dark:!border-[#303234] ;
}
[data-menu-styles="gradient"][data-vertical-style="doublemenu"]:not([data-nav-layout="horizontal"])
  .app-sidebar
  .slide.has-sub
  .slide-menu
  .slide-menu.child2 {
  @apply z-[99999]! ;
}
.pickr-container-primary .pickr .pcr-button,
.pickr-container-background .pickr .pcr-button {
  @apply bg-[color:var(--color-primary)];
}
.pickr-container-background .pickr .pcr-button::after,
.pickr-container-primary .pickr .pcr-button::after {
  @apply content-["\efc5"] text-[rgba(255,255,255,0.7)] leading-[1.4] text-xl;
  font-family: remixicon !important;
}
@media (min-width:992px) {
  [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"]{
    .app-sidebar .main-sidebar .simplebar-content-wrapper{
      @apply overflow-visible!;
    }
  }
}
@media (min-width:992px) {
  [data-nav-layout="vertical"][data-nav-style="menu-click"][data-toggled="menu-click-closed"]{
    .app-sidebar .main-sidebar .simplebar-content-wrapper{
      @apply overflow-visible!;
    }
  }
}
/* global*/







spk-flatpickr {
  padding: 0 !important;
  border: 0 !important;
}
