/*#region winoTooltipModal*/

.winoTooltipModal {
  --dxbl-popup-border-style: none;
  --dxbl-popup-border-radius: var(--modal-editor-border-radius);
}

  .winoTooltipModal .modal-body {
    border: none !important;
    background-color: var(--main-color-3) !important;
    display: flex;
    justify-content: center !important;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
  }

  .winoTooltipModal .wino-tab-content {
    padding: 16px;
  }

  .winoTooltipModal .wino-form-editor-footer {
    display: flex;
    justify-content: end;
  }

  .winoTooltipModal .modal-footer {
    border: none !important;
    background-color: var(--main-color-3) !important;
    justify-content: center !important;
  }

/*#endregion winoTooltipModal*/

/*#region winoEditorModal*/

.winoEditorModal {
  --dxbl-popup-border-style: none;
  --dxbl-popup-border-radius: var(--modal-editor-border-radius);
}


  .winoEditorModal .dxbl-modal-header.dxbl-popup-header {
    position: relative;
    height: 36px;
    font-size: var(--main-font-size);
    color: var(--main-color-3) !important;
    /*background-color: var(--main-color-2) !important;*/
    background: linear-gradient(180deg, #313537 0%, #444F56 100%) !important;
    border: none !important;
    border-top-left-radius: var(--modal-editor-border-radius);
    border-top-right-radius: var(--modal-editor-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .winoEditorModal .winoEditorModalHeader .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .winoEditorModal .winoEditorModalHeader .closeButton {
    position: absolute;
    top: 18px;
    right: 6px;
    transform: translateY(-50%);
  }

  .winoEditorModal .modal-body {
    border: none !important;
    background-color: var(--main-color-3) !important;
    display: flex;
    justify-content: center !important;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
  }

  .winoEditorModal .wino-tab-content {
    padding: 16px;
  }

  .winoEditorModal .wino-form-editor-footer {
    display: flex;
    justify-content: end;
    padding: 16px 16px 8px 16px;
  }

  .winoEditorModal .modal-footer {
    border: none !important;
    background-color: var(--main-color-3) !important;
    justify-content: center !important;
  }

/*#endregion winoEditorModal*/

/*#region DxPopup Modal*/
dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoEditorModal:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
  max-width: 760px;
}

dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoEditorModal {
  width: 760px;
}

  dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoEditorModal.large:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
    max-width: unset;
  }

  dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoEditorModal.large {
    min-width: 820px;
  }

dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoTooltipModal:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
  max-width: unset;
}

dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoTooltipModal {
  width: unset;
}

  dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoTooltipModal.large:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
    max-width: unset;
  }

  dxbl-modal.dxbl-modal > .dxbl-modal-root > .dxbl-popup.winoTooltipModal.large {
    min-width: 820px;
  }



.wino-popup {
  --dxbl-popup-border-radius: var(--modal-border-radius);
  --dxbl-popup-border-style: none;
  --dxbl-popup-header-bg: var(--main-color-3, unset);
  --dxbl-popup-footer-bg: var(--main-color-3, unset);
}

  .wino-popup .dxbl-modal-header {
    border-top-left-radius: var(--modal-border-radius);
    border-top-right-radius: var(--modal-border-radius);
  }

  .wino-popup .wino-popup-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

    .wino-popup .wino-popup-header .header-content {
      width: 100%;
      height: 24px;
      display: flex;
      justify-content: flex-end;
    }
    .wino-popup .wino-popup-header .icon-button {
      flex-shrink: 0;
      position: absolute;
      right: -6px;
      top: -6px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      box-shadow: 0px 4px 4px 0px #00000040;
    }

    .wino-popup .wino-popup-header .title {
      width: 100%;
      text-align: center;
      font-family: Fira Sans;
      font-weight: 500;
      font-size: 21px;
      line-height: 25.2px;
    }

  .wino-popup .wino-popup-body {
    padding: 24px;
  }

  .wino-popup .dxbl-modal-body {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 16px 72px !important;
  }

  .wino-popup .dxbl-modal-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px;
    padding-bottom: 16px !important;
    border-bottom-left-radius: var(--modal-border-radius);
    border-bottom-right-radius: var(--modal-border-radius);
  }

/*#endregion DxPopup Modal*/