/*
@font-face {
    font-family: "OpenSansRegular";
    src: url("/i/fonts/OpenSans-Regular.ttf");
    }

body {
    font-family: "OpenSansRegular", serif;

}
*/
:root {
  --a-base-font-weight-bold: 400;
}
::-webkit-Scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(49, 45, 42, 0.16);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
.t-Button--hot,
.a-Button--hot,
.ui-button--hot,
.a-CardView-button--hot,
.apex-button-group input:checked + label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked + label {
  --a-button-background-color: #409d6d;
}
.a-Button.is-active,
.a-Button.ui-state-active,
.a-Button:active,
.a-Button:active:focus,
.a-CardView-button.is-active,
.a-CardView-button.ui-state-active,
.a-CardView-button:active,
.a-CardView-button:active:focus,
.apex-button-group label.is-active,
.apex-button-group label.ui-state-active,
.apex-button-group label:active,
.apex-button-group label:active:focus,
.t-Button.is-active,
.t-Button.ui-state-active,
.t-Button:active,
.t-Button:active:focus,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label.is-active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label.ui-state-active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:active:focus,
.t-Form-helpButton.is-active,
.t-Form-helpButton.ui-state-active,
.t-Form-helpButton:active,
.t-Form-helpButton:active:focus,
.ui-button.is-active,
.ui-button.ui-state-active,
.ui-button:active,
.ui-button:active:focus {
  --a-button-state-background-color: #00534f;
}
.a-Button:hover,
.a-CardView-button:hover,
.apex-button-group label:hover,
.t-Button:hover,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:hover,
.t-Form-helpButton:hover,
.ui-button:hover {
  --a-button-state-background-color: #00534f;
}
a.t-Button:hover,
.t-Button--navBar.t-Button:hover {
  --a-button-state-background-color: #1615131f;
}
.a-Button:focus,
.a-CardView-button:focus,
.apex-button-group label:focus,
.t-Button:focus,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:focus,
.t-Form-helpButton:focus,
.ui-button:focus {
  --a-button-state-background-color: #409d6d;
}
.apex-item-checkbox .apex-item-option input:checked + label {
  --a-checkbox-background-color: #409d6d;
}
.t-Form-label {
  font-size: 1.7rem;
  font-weight: 300;
}
.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-html5 .t-Form-label,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-jet .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--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 {
  font-size: 1.5rem;
  padding-top: 4px;
}
.a-Notification-item.htmldbStdErr {
  font-size: var(--ut-notification-title-font-size, 14px);
  line-height: var(--ut-notification-title-line-height, 20px);
  font-weight: var(--ut-notification-title-font-weight, var(--a-base-font-weight-bold, 400));
  margin: var(--ut-notification-title-margin, 0);
  color: var(--ut-notification-title-text-color);
}
.t-Alert--page.t-Alert--warning .a-Notification-title {
  display: none!important;
}
.t-Alert--page .a-Notification-item:before {
  display: none!important;
  margin: none!important;
}
.t-Alert--page .a-Notification-list {
  margin-top: 0!important;
  overflow: hidden!important;
}
.t-Alert-title {
  font-weight: 400;
}
.t-li-timer {
  font-size: 1.3rem;
  color: var(--rw-palette-green-120);
  list-style-type: none;
}
.t-ul-timer {
  margin: 8px 0px!important;
}
.t-Tabs {
  margin-bottom: 11px;
}
.t-WizardSteps-step.is-active .t-WizardSteps-marker,
.t-WizardSteps-step.is-complete .t-WizardSteps-marker {
  --ut-wp-marker-size: 34px;
}
.t-WizardSteps-step.is-active .t-WizardSteps-marker {
  background-color: #409d6d;
}
.t-WizardSteps-marker:before {
  font-size: 17px;
}
.t-WizardSteps-marker {
  width: 34px;
  height: 34px;
}
.t-WizardSteps-label {
  font-size: 15px;
}
.t-Form-helpButton:active,
.t-Form-helpButton:hover,
.t-Form-helpButton:focus {
  --a-button-state-background-color: none!important;
}
.apex-item-group--rc input + label {
  font-size: 1.7rem !important;
  line-height: 2rem;
}
.apex-item-radio input + label:before,
.u-radio:before {
  width: var(--a-checkbox-size, 20px) !important;
  height: var(--a-checkbox-size, 20px) !important;
  border-color: #a1a1a0 !important;
}
.apex-item-radio input + label:after,
.u-radio:after {
  width: calc(var(--a-checkbox-size, 20px) / 2);
  height: calc(var(--a-checkbox-size, 20px) / 2);
  margin-top: calc(var(--a-checkbox-size, 20px) / 4);
  margin-left: calc(var(--a-checkbox-size, 20px) / 4);
}
.apex-item-radio input:checked + .u-radio,
.apex-item-radio input:checked + label,
.u-radio.is-checked {
  --a-checkbox-background-color: #409d6d;
  --a-checkbox-text-color: var(--a-checkbox-checked-text-color);
}
.t-WizardSteps-step.is-complete .t-WizardSteps-marker:before {
  font-weight: 600;
  font-size: 20px;
}
.a-Button.is-disabled,
.apex-button-group input:disabled + label,
.apex_disabled,
.apex-item-multi:disabled,
.apex-item-select:disabled,
.apex-item-text:disabled,
.apex-item-textarea:disabled,
.datetimepicker_newMonth:disabled,
.u-TF-item--select:disabled,
.u-TF-item--text:disabled,
select.group_selectlist:disabled,
select.listmanager:disabled {
  opacity: 0.8 !important;
  border-width: 1px!important;
  border-style: dashed!important;
  border-color: #848484 !important;
  border-image: initial!important;
  border-radius: 2px;
}
.oj-inputdatetime.oj-disabled .oj-inputdatetime-input {
  color: #707070 !important;
  border-color: #ffffff !important;
}
.ui-state-disabled {
  color: #e0e0e0;
}
.t-Button--email {
  position: absolute;
  right: 0;
  height: 100%;
}
.ui-dialog {
  font-size: 1.2vw;
  min-width: 30vw;
}

.ui-dialog.ui-dialog-datepicker {
  min-width: 280px!important;
}

.a-Button.modal-lov-button.a-Button--popupLOV {
  position: absolute;
  height: 100%;
  right: 0;
}
.t-Form-inputContainer .search-clear,
.a-GV-columnItem .search-clear {
  transform: translateX(-50px) !important;
}
.apex-item-datepicker--popup .a-Button.a-Button--calendar {
  position: absolute;
  right: 0;
  height: 100%;
}

.apex-item-option,
.apex-item-textarea,
.apex-item-text,
.apex-item-select {
   font-weight: 300;
}

.r-reason,
.t-return,
#P20_DOC_ACCEPT_CONTAINER {
    margin-top: 30px;
    margin-bottom: 10px !important;
    padding-left: 10px;
    padding-right: 10px;
    font-size: larger;
}

#P20_DOC_ACCEPT_LABEL {
   font-weight: 300;
   font-size: large;
   line-height: 2rem;  
}
.apex-item-group--rc input:checked+label, .apex-item-single-checkbox input:checked+label {
    font-weight: var(--a-base-font-weight-bold, 700)!important;
}

#P20_CLMTYPE {
   padding-left: 2px;
}

button.is-disabled {
    opacity: 1 !important;
    border-radius: 4px;
    filter: grayscale(1);
}

#r_Files {
    position: absolute;
    bottom: 75px;
    width: -webkit-fill-available;
    padding-right: 16px;
    padding-left: 16px;
}

:root {
   --a-checkbox-checked-background-color: var(--rw-palette-brandlight-90);
}

.material-symbols-outlined {
  font-variation-settings:  'FILL' 0,  'wght' 400,  'GRAD' 0,  'opsz' 48;
}

.t-bgd {
  position: absolute;
  opacity: 0.1;
  font-size: xx-large;
  right: 0;
  bottom: 0;
}

.t-Card-wrap {
   background: none!important;
}

.t-Card-desc {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.t-drop-file {
   color: #d91010;
   font-size: medium;
   cursor: pointer;
}

.t-drop-file:hover {
   font-size: large;
   transform: scale(1.05);
}

.t-c-blue {
   color: rgb(30, 8, 142);
}

.t-c-red {
   color: rgb(142, 8, 8);
}

.t-filename {
   word-break: break-all;
}

/********************************************************************/*
.cards-container {
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 16px 0;
}

.t-Cards {
  display: flex;
  gap: 16px;
  width: max-content;
  padding: 0 16px;
}

.t-Cards-item {
  flex-shrink: 0;
  width: 300px;
}

/* Стилизация скроллбара для контейнера */
.cards-container::-webkit-scrollbar {
  height: 8px;
}

.cards-container::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.cards-container::-webkit-scrollbar-thumb {
  background: rgba(27, 94, 16, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  cursor: grab;
}

.cards-container::-webkit-scrollbar-thumb:hover {
  background: rgba(12, 78, 17, 0.8);
}

.cards-container::-webkit-scrollbar-thumb:active {
  cursor: grabbing;
}

/********************************************************/

.fade-out {
    animation: fadeOut 0.3s ease forwards;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}