@import "../plugins/theme-variables.scss";
@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/mixins/utils";
@import "~element-ui/packages/theme-chalk/src/common/popup";
@import "~element-ui/packages/theme-chalk/src/dialog";

/* ---- jellies overrides (migrated from SFC; ships in theme/X.css) ---- */
.jsk-modal-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden !important;
}
.jsk-modal {
  overflow: hidden;
  margin-bottom: 0 !important;
}
.jsk-modal-title-right {
  text-align: right;
  height: 40px;
}
.jsk-modal-option {
  display: block;
  float: right;
  font-size: 27px;
  margin-left: 6px;
  height: 40px;
  padding: 0;
  line-height: 42px !important;
  cursor: pointer;
}
.jsk-modal-option-size {
  color: #2188E9;
}
.jsk-modal-option-close {
  color: #DD2E1D;
}
.jsk-modal-body {
  box-sizing: border-box;
  overflow-y: auto;
}
.jsk-modal .el-dialog__header {
  background: #EBEEF3;
  height: 40px;
  line-height: 40px;
  padding: 0 9px 0 12px;
  font-size: 16px;
}
.jsk-modal .el-dialog__body {
  padding: 0;
  border: 2px solid #EBEEF3;
  border-top: none;
}
.jsk-modal.is-fullscreen {
  overflow: visible !important;
}
.jsk-modal.is-fullscreen .el-dialog__body {
  border: none;
}
.jsk-modal .el-col {
  overflow: hidden;
}
.jsk-modal-wrapper .el-row .el-col:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}