@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 20
}

:root {
   --a-base-font-family: "Noto Sans Display", sans-serif;
   --a-base-font-family-serif: "Noto Sans Display", sans-serif;
   --a-base-font-family-mono: "Noto Sans Display", sans-serif;
   --ut-body-title-border-width: 0.15rem;
   --a-field-input-font-weight: 300;
   --ut-app-icon-background-color:#ffffff00;
   --ut-login-logo-size: 100%;
   --ut-field-padding-y: 0.4rem;
   --ut-field-padding-x: 0.4rem;
   --ut-grid-gutter-width: 0.4rem;
   --ut-focus-outline-color: #ff000000(255, 255, 255);
   --a-base-font-weight-semibold: 400;
   --ut-field-fl-label-text-color: var(--rw-palette-brandlight-120);
   --a-field-input-state-border-color: var(--rw-palette-neutral-70);
   --a-gv-font-size: 0.775rem;
   --a-gv-cell-padding-x: .3rem;
   --a-gv-cell-padding-y: .3rem;
   --a-field-input-font-size:  0.775rem;
   --a-menu-font-size: 0.8rem;
   --a-menu-icon-size: 0.9rem;
   --a-menu-item-height: 2rem;
   --a-button-padding-y: 0.225rem;
   --rw-dialog-strip-size: 0;
   --jui-dialog-buttonpane-content-padding-y:0.5rem;
   --jui-dialog-buttonpane-content-padding-x:0.5rem;
   --ut-region-border-radius: 0.3rem; 
   --ut-body-content-padding-y: 2rem;
   --ut-hero-region-title-text-color: var(--rw-palette-neutral-160);
   --a-field-input-focus-border-color: var(--rw-palette-brandlight-120);
}

.apex-item-datepicker:has(+.a-Button) {
   border-end-end-radius: var(--a-field-input-border-radius);
   border-start-end-radius: var(--a-field-input-border-radius);
}

.a-Button--hot, .a-CardView-button--hot, .apex-button-group input:checked+label, .t-Button--hot, 
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked+label, .ui-button--hot {
    --a-button-background-color: var(--rw-palette-brandlight-140);
    --a-button-text-color: var(--rw-palette-brandlight-0);
    --a-button-hover-background-color: var(--rw-palette-brandlight-130);
    --a-button-active-background-color: var(--rw-palette-brandlight-120);
}

.t-Login-header {
   padding: 0;
}

.t-Alert--page {
    --ut-alert-icon-size: 1.5rem;
    --ut-notification-title-line-height: 1.55rem;
}

/*ITEMS*/

.t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel {
   --a-field-input-padding-y: 0.2rem;
}

.t-Form-fieldContainer--floatingLabel {
   --ut-field-label-font-size: 0.875rem;
   --ut-field-fl-label-font-size: 0.875rem;
}

.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-apex-inline .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-apex-native .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-html5 .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-only .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-initial-value .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-placeholder .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.is-active .t-Form-label, 
.t-Form-fieldContainer--floatingLabel.js-show-label .t-Form-label, 
.t-Form-fieldContainer--floatingLabel:focus-within .t-Form-label,
.t-Form-fieldContainer--floatingLabel .t-Form-label {
   padding-block-start: var(--a-field-input-padding-y, .25rem);
}

.a-Button--calendar, .a-Button--popupLOV {
   position: absolute;
   height: 100%;
   right: 0;
}

.apex-item-datepicker, .apex-item-popup-lov {
   padding-right: 2.3rem!important;
}

.apex-item-group--popup-lov .apex-item-multi:not(:last-child), .apex-item-group--popup-lov .apex-item-popup-lov:not(:last-child) {
    border-bottom-right-radius: var(--a-field-input-border-radius, 2px);
    border-top-right-radius: var(--a-field-input-border-radius, 2px);
}

/*ТАБЛИЦЫ*/
.a-GV-columnItem :is(.apex-item-multi, .apex-item-select, .apex-item-text, 
.apex-item-textarea, .datetimepicker_newMonth, .u-TF-item--select, .u-TF-item--text,
select.group_selectlist, select.listmanager) {
   padding: 0px;
   font-weight: 400;
}

.apex-item-group--popup-lov {
    --ut-field-input-min-height: calc(var(--a-field-input-padding-y, .25rem) + var(--a-field-input-line-height, 1rem));
}

.a-IRR-button.a-IRR-sortWidget-button, .a-IRR-toolbar, .a-Toolbar {
    --a-button-font-size: 0.775rem;
    --a-button-line-height: 0.85rem;
    --a-button-padding-y: 0.5rem;
    --a-button-padding-x: 0.7rem;
    --a-button-icon-spacing: 0.5rem;
    --a-button-icon-size: 1.25rem;
    --a-button-background-color: transparent;
}

/*Календарь*/
.a-DatePicker {
   max-width: 260px;
}

:root {
    --a-datepicker-monthpicker-select-font-size: 1rem;
    --a-datepicker-monthpicker-select-font-weight: 400;
    --a-datepicker-calendar-day-spacing: .1rem;
    --a-datepicker-calendar-day-font-size: 0.775rem;
    --a-datepicker-calendar-day-font-weight: 400;
    --a-datepicker-calendar-day-current-text-color: var(--rw-palette-brandlight-100);
    --a-datepicker-calendar-day-current-border-color: var(--rw-palette-brandlight-100);
    --a-datepicker-calendar-day-selected-background-color: var(--rw-palette-brandlight-100);
    --a-datepicker-calendar-day-selected-border-color: var(--rw-palette-brandlight-100);
    --a-datepicker-calendar-week-text-color: var(--rw-palette-brandlight-50);
    --a-datepicker-timepicker-select-font-size: 0.775rem;   
    --a-datepicker-calendar-day-padding-y: 0.5rem;
    --a-datepicker-calendar-day-padding-x: 0.5rem;
}

/*Меню*/
:root {
    --a-treeview-node-selected-background-color: var(--rw-palette-brandlight-140);
    --a-treeview-node-focused-background-color: var(--rw-palette-brandlight-130);   
}

/*Риджены*/ 
/*HERO*/
:root {
   --ut-hero-region-padding-y: 1rem;
}

img.t-HeroRegion-icon {
   background-color:rgba(255, 255, 255, 0)
}


/*buttons*/
.t-Button--danger, .ui-button--danger {
    --a-button-background-color: var(--rw-palette-oraclered-100);
    --a-button-hover-background-color: var(--rw-palette-oraclered-110);
    --a-button-active-background-color: var(--rw-palette-oraclered-120);

}



.t-Form-itemWrapper .t-Form-itemText--post {
    position: absolute;
    right: 0px;
    height: 73%;
}

.t-Form-itemWrapper .a-Button {
    min-height: 100%;
}