@import "../scss/icons-auth.scss";
@import "../scss/config/galaxy/bootstrap.scss";
@import "../scss/config/galaxy/app.scss";
@import "../scss/config/galaxy/custom.scss";
// Importar estilos de componentes compartidos (accesibles en toda la app, incl. Eneon)
@import "../scss/components/index";

//RTL
// @import "../scss/rtl/components-rtl";
// @import "../scss/rtl/layouts-rtl";
// @import "../scss/rtl/plugins-rtl";
// @import "../scss/rtl/pages-rtl";


//Rigthsidebar offcanvas
.offcanvas-header-dark {
  .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
  }
}

body {
  * {
    outline: none;
  }
}

.noUi-horizontal .noUi-handle {
  height: 16px !important;
  width: 16px !important;
  border-radius: 50% !important;
  right: -10px !important;
  top: -7px !important;
}

.noUi-connect,
.noUi-horizontal {
  height: 2px !important;
}

.noUi-handle {
  background: #0ab39c !important;
  border: 2px solid var(--vz-card-bg) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.noUi-target {
  background: #fafafa !important;
  border-radius: 4px !important;
  border: 1px solid #d3d3d3 !important;
  background-color: var(--vz-light) !important;
  border-color: var(--vz-light) !important;
  box-shadow: none !important;
  height: 4px !important;
}

.dropzone .dz-message {
  text-align: center;
}

// //Calendar
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  padding: 5px !important;
  font-size: 12px !important;
  margin-right: 2px;
}

.fc-event {
  border: none !important;
}

@include media-breakpoint-down(sm) {
  .fc-toolbar {
    display: block !important;
    text-align: center;

    .fc-left,
    .fc-right,
    .fc-center {
      float: none;
      display: block;
      clear: both;
      margin: 10px 0;
    }
  }

  .fc {
    .fc-toolbar {
      >* {
        >* {
          float: none;
        }
      }
    }
  }

  .fc-today-button {
    display: none;
  }
}

.flatpickr-calendar.open {
  z-index: 1090 !important;
}

.upcoming-scheduled .flatpickr-input[readonly] {
  display: none;
}

.ql-container.ql-snow {
  height: 250px;
}

.rangeslider-horizontal .rangeslider__fill {
  background-color: #405189 !important;
}

// .Toastify__toast {
//   min-height: 43px !important;
//   max-height: 43px !important;
// }

@each $color,
$value in $theme-colors {
  .simplebar-track-#{$color} {
    .simplebar-scrollbar:before {
      background: $value  !important;
    }
  }
}

// chat
.chat-conversation .chat-list .message-box-drop {
  .nav-btn {
    font-size: 18px;
    padding: 4px;
    color: $gray-600;
  }
}

.chatwidgets {
  height: 250px !important;
}

[data-layout="horizontal"] .chat-conversation{
  &.chatwidgets {
    height: 250px !important;
  }
}

// authentication

#tsparticles {
  canvas {
    position: absolute !important;
  }
}

.alert-msg-show {
  right: 24px;
  top: 40px;
  z-index: 1005;
}

// Emoji Picker

aside.EmojiPickerReact.epr-main {
  position: absolute !important;
  bottom: 0;
  z-index: 2;
  left: 23px;
}

[dir="rtl"] .EmojiPickerReact.epr-main {
  right: 23px !important;
  left: unset !important;
}

.Toastify {
  .Toastify__toast {
    min-height: 43px;
  }

  .Toastify__close-button {
    top: 6px;
  }

  .Toastify__close-button--light {
    color: $light;
  }
}

// Tranfer List

.rdl-filter, .rdl-control{
  background-color: $input-bg;
  border: 1px solid $input-border-color !important;
  color: $input-color !important;
}

.rdl-move{
  background: var(--#{$prefix}light) !important;
  border: 1px solid var(--#{$prefix}light) !important;
  color: var(--#{$prefix}body-color) !important;
}

.react-dual-listbox {
  input:disabled, select:disabled{
    background-color: $input-disabled-bg !important;
    border: 1px solid $input-border-color !important;
  }
}

.css-26l3qy-menu{
  background-color: var(--#{$prefix}gray-200) !important;
  border-color: var(--#{$prefix}border-color) !important;
}

.css-1n7v3ny-option{
  background-color: var(--#{$prefix}gray-300) !important;
  border-color: var(--#{$prefix}border-color) !important;
}

//react select
.css-b62m3t-container{
  .css-13cymwt-control {
      background-color: var(--#{$prefix}secondary-bg);
      color: var(--#{$prefix}body-color);
      border-color: var(--#{$prefix}border-color);
      &:hover, &:focus {
          border-color: var(--#{$prefix}primary);
      }

      .css-1p3m7a8-multiValue {
          color: var(--#{$prefix}white);
          background-color: var(--#{$prefix}primary);
          .css-wsp0cs-MultiValueGeneric{
              color: var(--#{$prefix}white);
          }

          .css-1u9des2-indicatorSeparator{
              border-color: var(--#{$prefix}border-color);
          }
      }
  }

  :is(.css-qbdosj-Input, .css-1dimb5e-singleValue) {
      color: var(--vz-input-bg-custom);
  }

  .css-t3ipsp-control{
      background-color: var(--#{$prefix}secondary-bg);
      color: var(--#{$prefix}body-color);
      border-color: var(--#{$prefix}border-color);

      .css-1p3m7a8-multiValue {
          color: var(--#{$prefix}white);
          background-color: var(--#{$prefix}primary);
          .css-wsp0cs-MultiValueGeneric{
              color: var(--#{$prefix}white);
          }

          .css-1u9des2-indicatorSeparator{
              border-color: var(--#{$prefix}border-color);
          }
      }
  }

  .css-1nmdiq5-menu{
      background-color: var(--#{$prefix}secondary-bg);
      color: var(--#{$prefix}body-color);
      border-color: var(--#{$prefix}border-color);
      .css-d7l1ni-option {
          color:  var(--#{$prefix}body-color);
          background-color: var(--#{$prefix}light);
          &:hover, &:active, &:focus {
              background-color: var(--#{$prefix}light);
          }
      }
  }
}

.form-select .form-control option {
  background-color: var(--vz-input-bg-custom) !important;
}

//-------------------------

[data-bs-theme="dark"]{
  .form-select, .filepond--drop-label{
    background-color: #061e39;
    border-color: #061e39;
  }

  .form-control{
    background-color: #061e39;
  }

}

.arrow-none::after {
  display: none;
}