.ml-5{
  margin-left: 5px;
}
.ml-10{
  margin-left: 10px;
}
.ml-20{
  margin-left: 20px;
}
.ml-30{
  margin-left: 30px;
}
.mb-10{
  margin-bottom: 10px;
}

.mt-5{
  margin-top: 5px;
}
.mt-10{
  margin-top: 10px;
}

.mr-10{
  margin-right: 10px;
}
.mr-20{
  margin-right: 20px;
}

.el-button.compact{
  padding: 4px;
}
.pt-10{
  padding-top: 10px;
}
.pb-10{
  padding-bottom: 10px;
}

.pb-20{
  padding-bottom: 20px;
}
.mxw-340{
  max-width: 340px;
}
.mxw-140{
  max-width: 140px;
}

.flex{
  flex: 1;
}
.flex-col{
  display: flex block;
  flex-direction: column;
}

.align-center{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.warning-text {
  color: #f1f43c;
}

.el-descriptions__header {
  display: flex;
  justify-content: space-between;
}
.el-descriptions-item__label.has-colon:after {
  content: ':';
  position: relative;
  top: -0.5px;
}
.el-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}
.el-descriptions__body .el-descriptions__table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
  padding-bottom: 10px;
}

.el-dialog.is-fullscreen {
  display: flex;
  flex-direction: column;
}
.el-dialog .el-dialog__body{
  flex: 1;
  padding: 10px 20px;
}
.el-table thead{
  color: #BABABA;
}

.el-message--info .el-message__content{
  color: darkcyan;
}