/* Colors */
:root {
    /* Radzen Overrides */
    --rz-primary: var(--trane-primary);
    --rz-primary-light: var(--trane-primary-light);
    --rz-primary-lighter: var(--trane-primary-lighter);
    --rz-primary-dark: var(--trane-primary-dark);
    --rz-primary-darker: var(--trane-primary-darker);
    --rz-on-primary: var(--rz-white);
    --rz-on-primary-light: var(--trane-primary-light);
    --rz-on-primary-lighter: var(--trane-primary-lighter);
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-text-disabled-color: var(--rz-text-tertiary-color);
    /* Radzen Panel Menu Overides */
    --rz-panel-menu-item-active-color: white;
    --rz-panel-menu-item-2nd-level-active-color: white;
    --rz-panel-menu-item-3rd-level-active-color: white;
    --rz-panel-menu-item-active-background-color: var( --tt-link-active-background-color);
    --rz-panel-menu-item-2nd-level-active-background-color: var( --tt-link-active-background-color);
    --rz-panel-menu-item-3rd-level-active-background-color: var( --tt-link-active-background-color);
    --rz-panel-menu-hover-color: white;
    --rz-panel-menu-item-2nd-level-hover-color: white;
    --rz-panel-menu-item-3rd-level-hover-color: white;
    --rz-panel-menu-hover-background-color: var(--tt-link-active-background-color-hover);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--tt-link-active-background-color-hover);
    --rz-panel-menu-item-3rd-level-hover-background-color: var(--tt-link-active-background-color-hover);
    --rz-panel-menu-background-color: var(--rz-body-background-color);
    --rz-panel-menu-item-background-color: var(--rz-body-background-color);
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-body-background-color);
    --rz-panel-menu-item-active-indicator: var(--trane-primary);
    /* warning alert */
    --rz-notification-warning-color: var(--rz-white);
    --rz-notification-warning-background-color: rgba(255, 174, 17, 1);
    --rz-notification-warning-color: var(--rz-white);
    /* success alert */
    --rz-notification-success-color: var(--rz-white);
    --rz-success-lighter: rgba(0, 155, 81, 1);
    --rz-notification-success-background-color: var(--rz-success-lighter);
    /* info alert */
    --rz-notification-info-color: var(--rz-white);
    --rz-info-lighter: rgba(18, 164, 245, 1);
    --rz-notification-info-background-color: var(--rz-info-lighter);
    /* error alert */
    --rz-notification-error-color: var(--rz-white);
    --rz-notification-erorr-background-color: rgba(243, 17, 85, 1);
    /* tab variables */
    --rz-tabs-tab-padding-inline: .75rem;
    --rz-tabs-tab-padding-block: 0.875rem;
    --rz-tabs-tab-font-size: 1rem;
    --rz-tabs-tab-font-weight: 400;
    --rz-tabs-tab-background-color: transparent;
    --rz-tabs-tab-hover-color: var(--rz-text-color);
    --rz-tabs-border-radius: var(--bs-border-radius);
    /* switch / toggle variables */
    --rz-switch-background-color: transparent;
    /* checkboxes */
    --rz-checkbox-checked-background-color: var(--rz-primary);
    --rz-checkbox-checked-hover-background-color: var(--rz-primary-dark);
    --rz-checkbox-checked-color: var(--rz-white);
    --rz-checkbox-checked-icon-background-color: transparent;
    --rz-checkbox-checked-border: none;
    /* buttons */
    --rz-button-hover-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0) 100%);
    --rz-icon-size: 1rem;
    /* Border Radius Overrides */
    /*--rz-button-border-radius: var(--bs-border-radius);*/
    --rz-card-border-radius: var(--bs-border-radius);
}

/* RZ Icon */
* {
  --rz-icon-font-family: Material Symbols Outlined;
}

body {
  background: var(--rz-body-background-color);
}

/* RZ RadioButton */
.rz-radio-btn:hover {
  cursor: pointer;
}

/* RZ Tabview */
.rz-tabview-nav li:hover {
  cursor: pointer;
}

.rz-tabview-nav {
  display: flex;
  flex-wrap: wrap;
}

.rz-tabview-top {
    border-radius: var(--bs-border-radius);
    width: 100%;
}

.rz-tabview-panel {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    width: 100%;
}

.rz-tabview-panels {
    border-radius: var(--bs-border-radius);
    overflow: inherit;
    margin-bottom: 1rem;
    border: 0;
    width: 100%;
}

.rz-tabview-top > .rz-tabview-nav {
    border-bottom: var(--rz-border-normal);
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.rz-tabview-selected a {
    background-color: var(--rz-base-background-color);
    border-top: var(--rz-border-normal);
    border-left: var(--rz-border-normal);
    border-right: var(--rz-border-normal);
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
    margin-bottom: calc(-1* var(--rz-border-width));
}

.rz-tabview-nav li.rz-tabview-selected:after {
  z-index: auto; /* Need this for bar to show */
}

.rz-tabview-panel {
  background-color: var(--rz-base-background-color);
  border-bottom: var(--rz-border-normal);
  border-left: var(--rz-border-normal);
  border-right: var(--rz-border-normal);
  overflow: auto;
  width: 100%;
}

/* RZ Panel-menu */
.rz-panel-menu .rz-navigation-item-link-active {
  color: white;
}

.rz-panel-menu .rz-navigation-item-link-active .rz-navigation-item-icon {
  color: white;
}

/* RZ Dropdown */
.rz-dropdown {
  cursor: pointer;
  width: 100%;
}

.rz-dropdown-item {
    cursor: pointer !important;
}

.rz-form-field {
    width: 100%;
    margin-top: 0.5rem;
}

.measureFormField > .rz-form-field-content {
  margin-top: 0;
}

.rz-datatable-thead th .rz-column-title-content,
.rz-grid-table thead th .rz-column-title-content {
  white-space: pre-wrap;
}

/* removing box-shadow on focus for form fields */
.rz-form-field.rz-state-focused .rz-form-field-content,
.rz-numeric:focus-within:not(.rz-state-disabled),
.rz-autocomplete:focus-within:not(.rz-state-disabled),
.rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus,
.rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus,
.rz-numeric:not(:disabled):not(.rz-state-disabled):focus,
.rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
.rz-multiselect:not(:disabled):not(.rz-state-disabled):focus,
.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.mask:not(:disabled):not(.rz-state-disabled):focus,
.rz-textarea:not(:disabled):not(.rz-state-disabled):focus,
.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
  box-shadow: none;
}

/* tab styles  */
.rz-tabview-top > .rz-tabview-nav li {
    border: 0;
}

.rz-tabview-selected a {
    border-bottom: 0 transparent;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
    border-bottom: 0;
}


    .rz-tabview-selected a span {
        position: relative;
        display: block;
    }

        .rz-tabview-selected a span:after {
            content: "";
            position: absolute;
            bottom: -4px;
            left: 0;
            right: 0;
            height: 3px;
            background-color: var(--rz-primary);
        }

/* alert styles */
span.notranslate.rzi.rzi-times {
  color: var(--rz-white) !important;
}
.rz-notification {
    z-index: 2003 !important;
}


/* buttons */
.rz-button-lg {
    padding: 0.75rem 1.875rem;
    line-height: normal;
    min-height: 0;
    min-width: 0;
    font-weight: 400;
    /*border-radius: 4px;*/
}

.rz-button-md {
  line-height: normal;
  min-height: 0;
  min-width: 0;
}

.rz-button-lg .rz-button-box {
  line-height: normal;
}

.rz-column-title {
  text-align: center;
}

/* Border highlight on color swatch click/focus */
.rz-colorpicker-colors .rz-colorpicker-item:focus,
.rz-colorpicker-colors .rz-colorpicker-item:focus-visible {
    border: 0.25rem solid #515151 !important;
    outline: none;
}