PNG %k25u25%fgd5n!
/home/mkuwqnjx/public_html/src/assets/scss/plugins/_fxs-calendar.scss
//
// FXS Calendar
// 


.fxs_widget{
  color: $table-color !important;
  &.fxs_c_ecocal{
      max-width: 100% !important;
  }
  .fxs_btn{
      &.fxs_c_datepicker_trigger_button{
          background-color: $card-bg !important;
          border: 1px solid var(--#{$prefix}border-color) !important;
      }
      &.fxs_btn_table_filter {
          background: transparent !important;
          border: 1px solid var(--#{$prefix}border-color) !important;
          color: $gray-600 !important;
          &:hover{
            background: $primary !important;
            color: $white !important;
            border-color: var(--#{$prefix}border-color) !important;
          }
      }
  }
  .fxs_btn_default, 
  .fxs_contactUs_form .sf-fieldWrp button{
      background: $primary!important;
      color: $white!important;
      border-color: var(--#{$prefix}border-color)!important;
  }
  .fxs_btn.fxs_btn_xsmall {
      padding: $input-btn-padding-y-sm $input-btn-padding-x-sm !important;
      font-size: $input-btn-font-size-sm !important;
      line-height: $input-btn-line-height !important;
      min-height: $input-height-sm !important;
      margin: 0 2px !important;
      border-radius: $input-border-radius !important;
  }
  .fxs_btn_phantom{
      color: var(--#{$prefix}body-color) !important;
  }
  .fxs_btn_phantom:hover, 
  .fxs_btn_phantom.active, 
  .open>.fxs_btn_phantom{
      background-color: var(--bs-tertiary-bg) !important;
  }
  .fxs_c_ecocal_data{
      max-height: 400px !important;
      border-bottom: 3px solid var(--#{$prefix}border-color) !important;
      border-radius: $btn-border-radius !important;
      .fxs_c_period{
          top: 40px !important;
      }
  }
  .fxs_c_header {
      background-color: var(--#{$prefix}light) !important;
      .fxs_c_item {
          font-weight: 500 !important;
          line-height: $line-height-base !important;
          padding: $table-cell-padding-y $table-cell-padding-x !important;
          font-size: $font-size-base !important;
          background-color: var(--#{$prefix}light) !important;
          border-bottom: 1px solid var(--#{$prefix}border-color) !important;
          color: var(--#{$prefix}body-color) !important;
      }
  }
  table.fxs_c_table{
      border: 1px solid var(--#{$prefix}border-color) !important;
  }
  .fxs_c_period{
      background-color: var(--#{$prefix}light) !important;
      padding: $table-cell-padding-y-sm $table-cell-padding-x-sm !important;
  }
  .fxs_c_row:hover {
      background-color: $table-hover-bg !important;
  }
  .fxs_c_row {
      background-color: $table-bg !important;
      .fxs_c_item {
          border-bottom: 1px solid var(--#{$prefix}border-color) !important;
      }
      .fxs_c_notify {
          .fxs_icon.fa-bell{
              color: $warning !important;
          }
      }
      .fxs_c_item.fxs_c_dashboard.fxs_active .fxs_c_options {
          background-color: var(--#{$prefix}topbar-bg) !important;
          border: 1px solid var(--#{$prefix}border-color) !important;
      }
      &.fxs_c_now, 
      &.fxs_c_event_detail_shown{
          border: 1px solid var(--#{$prefix}border-color) !important;
      }
  }
  .fxs_c_item {
      padding: $table-cell-padding-y-sm $table-cell-padding-x-sm !important;
      font-size: $font-size-base !important;
      line-height: $line-height-base !important;
  }
  .fxs_c_options {
      a, 
      p{
          color: var(--#{$prefix}body-color) !important;
      }
  }
  .fxs_c_modal-content{
      background-color: var(--#{$prefix}secondary-bg) !important;
  }
  input[type="text"], 
  input[type="email"], 
  input[type="password"], 
  input[type="search"], 
  input[type="tel"], 
  textarea, 
  select,
  .fxs_headline_base_rules, 
  h1, 
  h2, 
  h3, 
  h4, 
  h5, 
  h6, 
 .fxs_headline_muted,
 .fxs_headline_base_rules a, 
  h1 a, 
  h2 a, 
  h3 a, 
  h4 a, 
  h5 a, 
  h6 a, 
  .fxs_headline_muted a{
  color: var(--#{$prefix}body-color) !important;
 }
 .fxs_c_configuration_rollover_trigger:hover .fxs_c_configuration_rollover,
  .fxs_c_advanced-filter {
      background-color: var(--#{$prefix}secondary-bg) !important;
      border: 1px solid var(--#{$prefix}border-color) !important;
      padding: $spacer !important;
  }
  .fxs_c_configuration_rollover_footer{
      background-color: var(--bs-tertiary-bg) !important;
      padding: $spacer !important;
  }
  .fxs_notification .fxs_icon {
      color: var(--#{$prefix}body-color) !important;
      fill: var(--#{$prefix}body-color) !important;
  }
  .fxs_c_datepicker_calendars_wrapper,
  .fxs_c_DatePicker-Container,
  .fxs_c_timezone-container,
  .fxs_options-box{
      background-color: var(--#{$prefix}secondary-bg) !important;
      border: 1px solid var(--#{$prefix}border-color) !important;        
  }
  .fxs_c_timezone-container dt:hover{
      background-color: $table-hover-bg !important;
  }
  .fxs_c_datepicker_button_area{
      background-color: var(--bs-tertiary-bg) !important;
      border-right: 1px solid var(--#{$prefix}border-color) !important;   
  }
  .fxs_vertical_divider{
      background-color: var(--#{$prefix}border-color) !important;
  }
  .fxs_c_datepicker_button, 
  .fxs_c_datepicker_button:active, 
  .fxs_c_datepicker_button:focus{
      font-family: $font-family-base !important;
      color: var(--#{$prefix}body-color) !important;
  }
  .fxs_c_datepicker_button{
      &:hover{
          background-color: rgba($primary, 0.2) !important;
      }
      &.fxs_c_datepicker_button_active{
          background-color: $primary !important;
          color: $white !important;
      }
  }
  &.fxs_c_ecocal {
      p{
          &.fxs_c_datePicker_label{
              color: $gray-500 !important;
          }
          &.fxs_c_datePicker_selected_date{
              color: var(--#{$prefix}secondary-color) !important;
          }
      }
  }
  input[type="text"], 
  input[type="email"], 
  input[type="password"], 
  input[type="search"], 
  input[type="tel"], 
  textarea, 
  select{
      background-color: var(--#{$prefix}card-bg) !important;
      border: 1px solid var(--#{$prefix}border-color) !important; 
  }

  .DayPicker:not(.DayPicker--interactionDisabled) {
      .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside){
          &:hover{
              background-color: $primary !important;
              color: $white !important; 
          }
      }        
  }
  .fxs_c_datePicker_calendars_area .DayPicker-Caption select{
      color: var(--#{$prefix}secondary-color) !important;
  }
  .fxs_btn.fxs_btn_cta{
      border-radius: $btn-border-radius !important;
  }
  .fxs_c_detail{
      background-color: var(--#{$prefix}body-bg) !important;
      border: 1px solid var(--#{$prefix}border-color) !important; 
  }
  .fxs_c_detail_bottom_row{
    border-top: 1px solid var(--#{$prefix}border-color) !important;
  }
}