@import url('./bx/bx-btn.css');
@import url('./bx/bx-header.css');
@import url('./bx/bx-modal.css');
@import url('./sveltejs-forms.css');
@import url('./theme/white-theme.css');
@import url('./theme/dark-theme.css');

:root {
  --outline-warning-color: #b97800;
}

h1 {
  font-size: 1.75rem !important;
}

td.bx--table-column-checkbox {
  padding-right: 1.5rem !important;
}

nav > .bx--breadcrumb {
  display: flex;
  margin-top: 0.5rem;
}

.bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) {
  background-color: #1890ff !important;
}

.bx--content {
  margin: 4rem 0 4rem 10px !important;
  border-radius: 10px 0 0 10px;
  max-height: calc(100vh - 5rem);
}

.bx--link__icon {
  margin-left: 0.25rem !important;
}

.bx--label--required {
  position: relative;
  padding-left: 7px;
  box-sizing: border-box;
}

.bx--label--required:before {
  content: '*';
  position: absolute;
  color: var(--cds-danger-01);
  left: -7px;
  padding-left: inherit;
}

/* fix NotificationActionButton (used inside InlineNotification) positioning */
.bx--inline-notification > div:nth-child(2) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.bx--inline-notification .bx--inline-notification__action-button {
  word-break: break-word;
  max-width: 12rem;
}

.box {
  margin-top: 10px;
}

.bx--toolbar-content {
  margin-bottom: 20px;
}

table.bx--data-table thead:first-child tr:first-child th:first-child,
table.bx--data-table thead:first-child tr:first-child th:first-child > button {
  border-top-left-radius: 10px !important;
}

table.bx--data-table thead:first-child tr:first-child th:last-child,
table.bx--data-table thead:first-child tr:first-child th:last-child > button {
  border-top-right-radius: 10px !important;
}

.bx--table-toolbar {
  background-color: transparent !important;
}

.tile,
.box,
.item,
.email-form,
.preview-area,
.table-filters,
.bx--text-input,
.bx--text-area,
.bx--list-box,
.bx--toolbar-search-container-persistent .bx--search-input:not(:placeholder-shown),
.bx--text-input:active,
.bx--text-input:focus,
.bx--list-box__field:focus,
.bx--search-input,
.bx--modal-container,
.bx--header__action,
.bx--toolbar-action:hover:not([disabled]),
.bx--tile {
  border-radius: 10px;
  border: none !important;
}

.bx--date-picker--range .bx--date-picker-container:first-of-type .bx--date-picker__input {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none !important;
}
.bx--date-picker--range .bx--date-picker-container:nth-last-child(2) .bx--date-picker__input {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none !important;
}

.ql-container,
.bx--number input[type='number'],
.bx--select-input {
  border-radius: 10px !important;
  border: none !important;
}

.bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected),
.bx--header__action:hover {
  background-color: #3c3c3c5c !important;
}

.license,
.license-create,
.search-input-wrapper > div,
.service-status-card,
.bx--inline-notification--success::before,
.bx--inline-notification--error::before,
.bx--inline-notification--warning::before,
.bx--inline-notification--info::before {
  border-radius: 10px;
}

.bx--inline-notification--success,
.bx--inline-notification--error,
.bx--inline-notification--warning,
.bx--inline-notification--info {
  border-radius: 12px;
}

.action-bar,
.ql-toolbar,
.license-message,
.status-indicator {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.bx--number__control-btn {
  border-bottom: unset !important;
}

.bx--number__control-btn:hover::after {
  background-color: unset;
}

.bx--number__control-btn.up-icon {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.wrapper,
.ql-editor,
.raw-view,
.bx--list-box__menu,
.bx--pagination {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.bx--combo-box.bx--list-box--expanded .bx--text-input,
.bx--list-box.bx--list-box--expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.bx--checkbox-label::before {
  border-radius: 4px !important;
}

.bx--btn:not(.bx--btn--icon-only--bottom, .bx--btn--icon-only--left, .bx--btn--icon-only--right)
  svg:not(.bx--loading__svg, .bx--icon-visibility-on) {
  margin-left: 0.5rem;
}