@font-face {
  font-family: 'dinBold';
  src: url('/DIN-BOLD.OTF');
}

* {
  padding: 0;
  margin: 0;
}

.primary-select-dropdown .el-select-dropdown__item.hover {
  background-color: rgba(255, 187, 51, .1);
  color: var(--el-color-primary);
}

.custom-default-btn, .custom-default-btn:focus, .custom-default-btn:hover {
  border-color: var(--el-color-primary);
  background-color: #fff;
  color: var(--el-color-primary);
}
.custom-primary-btn, .custom-primary-btn:focus, .custom-primary-btn:hover {
  border-color: var(--el-color-primary);
  background-color: var(--el-color-primary);
  color: #fff;
}
.el-popper {
  max-width: 600px;
}
.dark.el-popper.is-light {
  border-color: #404E65;
  background-color: #404E65;
}
.dark.el-popper.is-light .el-dropdown-menu {
  background-color: #404E65;
}

.dark.el-popper.is-light .el-popper__arrow::before {
  background-color: #404E65;
  border: unset;
}
.dark .el-dropdown-menu__item:not(.is-disabled):focus {
  background: var(--click-cat-dark-background);
}
.dark .el-dropdown-menu__item {
  color: #fff;
}

.click-cat-dark.el-popper.is-dark {
  background-color: var(--click-cat-dark-background);
}

.click-cat-dark.el-popper.is-dark .el-popper__arrow::before {
  background-color: var(--click-cat-dark-background);
  border-color: var(--click-cat-dark-background);
}
.show-custom-primary-color .el-button:last-of-type, .show-custom-primary-color .el-button:last-of-type:hover {
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}

.show-custom-primary-color .el-button:first-of-type, .show-custom-primary-color .el-button:first-of-type:hover {
  color: var(--el-color-primary);
  background-color: #fff;
  border-color: var(--el-color-primary);
}
.el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: rgba(255, 187, 51, .1);
}

.input-with-select-with-gap.el-input-group--append > .el-input__wrapper {
  margin-right: 10px;
}

.input-with-select-with-gap.el-input-group--append .el-input__wrapper {
  border-radius: 4px;
}
.el-input-group--append.input-with-select-with-gap .el-input-group__append .el-select .el-input .el-input__wrapper {
  border-radius: 4px;
  background-color: #fff;
}

.el-input-group--append.input-with-select-with-gap .el-input-group__append {
  border-left: 1px solid #dcdfe6;
  border-radius: 4px;
}

.change-title-css.el-dialog {
  border-radius: 6px;
}

.change-title-css .el-dialog__header {
  padding: 16px 30px;
  margin-right: 0;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
}

.change-title-css .el-dialog__headerbtn {
  top: 4px;
}

.el-table th.el-table__cell {
  background-color: #fbfbfb;
}