@import 'tailwindcss';
@import 'antd/dist/reset.css';

html,
body {
  background-color: var(--uizz-antd-color-bg-base) !important
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label {
  padding-bottom: 0.25rem !important;
}

.ant-form-vertical .ant-form-item-label>label {
  font-size: 1rem !important;
  height: auto !important;
}

/* alert with title */
.ant-alert-with-description .ant-alert-message {
  margin-bottom: 0px;
}

.ant-form-vertical .ant-form-item-explain-error {
  font-size: 0.8rem !important;
}

/* table head */
.ant-table-wrapper .ant-table-thead>tr>th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* button */
.ant-btn-primary {
  box-shadow: none;
}

.ant-upload {
  width: 100% !important;
  height: 100% !important;
}

.ant-input-show-count-suffix,
.ant-input-data-count {
  @apply !text-xs;
}

/* fix search input height */
.ant-input-search-large>.ant-input-group>.ant-input {
  height: 40px;
}

/* fix forms */
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label {
  padding-bottom: 2px;
}

.ant-col-24.ant-form-item-label>label {
  height: auto;
}

.ant-select {
  width: 100%;
}

.ant-space {
  display: flex;
}

/* fix empty image with icon */
.ant-empty-image {
  height: 80px !important;
}

.ant-empty-image .anticon {
  font-size: 70px;
}

/* add blur to modal */
.ant-modal-mask,
.ant-image-preview-mask,
.ant-drawer-mask {
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
}

/* fix avatar inside of a button  */
.ant-btn>.ant-avatar {
  vertical-align: text-bottom;
  margin-right: 5px;
}

/* disable animation */
.eduzz-ui-disable-animation .ant-wave {
  display: none;
}

.eduzz-ui-disable-animation .ant-modal {
  transform: none !important;
}

.eduzz-ui-disable-animation .ant-modal-mask.ant-fade-leave {
  pointer-events: none;
}

.eduzz-ui-disable-animation .ant-modal-mask.ant-fade-leave+.ant-modal-wrap {
  pointer-events: none;
}

[data-eduzz-theme="dark"] {
  color-scheme: dark;
}

[data-eduzz-theme="light"] {
  color-scheme: light;
}

.react-international-phone-country-selector > button {
  height: 100%;
  padding: 0.25rem;
  padding-right: 0.5rem;
  padding-left: 0.6875rem;
  overflow: hidden;
  z-index: 1;
}

.react-international-phone-input {
  width: 100%;
}

.react-international-phone-country-selector-dropdown__list-item {
  padding: 0.25rem 0.5rem;
  background: none;
}

.react-international-phone-country-selector-dropdown__list-item-country-name {
  color: var(--uizz-content-body);
}

.react-international-phone-country-selector-container {
  background-color: var(--uizz-antd-color-bg-base);
  position: absolute;
  top: 2.6875rem;
  height: auto;
  max-height: 12.5rem;
  border-radius: var(--uizz-radius-md);
  overflow: hidden;
  border: 0.0625rem solid rgba(100, 100, 100, 0.1);
  z-index: 99;
}

.react-international-phone-country-selector-dropdown {
  background-color: var(--uizz-antd-color-bg-base) !important;
  padding: 0 !important;
  z-index: 99;
  height: auto;
  max-height: 12.5rem;
}

.react-international-phone-country-selector-dropdown__list-item--selected,
.react-international-phone-country-selector-dropdown__list-item--focused,
.react-international-phone-country-selector-dropdown__list-item:hover {
  background-color: var(--uizz-outline-default) !important;
}