PNG %k25u25%fgd5n!
//
// 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;
}
}