/*
	https://sass-lang.com/documentation/at-rules/control/each
	https://sass-lang.com/documentation/at-rules/control/each#with-maps
	https://sass-lang.com/documentation/at-rules/control/each#destructuring
*/

.layui-bg-primary {
  background-color: var(--bs-primary) !important;
  color: #ffffff !important;
}

.layui-border-primary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary) !important;
}

.layui-bg-secondary {
  background-color: var(--bs-secondary) !important;
  color: #ffffff !important;
}

.layui-border-secondary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-secondary) !important;
  color: var(--bs-secondary) !important;
}

.layui-bg-success {
  background-color: var(--bs-success) !important;
  color: #ffffff !important;
}

.layui-border-success {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-success) !important;
  color: var(--bs-success) !important;
}

.layui-bg-info {
  background-color: var(--bs-info) !important;
  color: #ffffff !important;
}

.layui-border-info {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-info) !important;
  color: var(--bs-info) !important;
}

.layui-bg-warning {
  background-color: var(--bs-warning) !important;
  color: #ffffff !important;
}

.layui-border-warning {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-warning) !important;
  color: var(--bs-warning) !important;
}

.layui-bg-danger {
  background-color: var(--bs-danger) !important;
  color: #ffffff !important;
}

.layui-border-danger {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-danger) !important;
  color: var(--bs-danger) !important;
}

.layui-bg-light {
  background-color: var(--bs-light) !important;
  color: #ffffff !important;
}

.layui-border-light {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-light) !important;
  color: var(--bs-light) !important;
}

.layui-bg-dark {
  background-color: var(--bs-dark) !important;
  color: #ffffff !important;
}

.layui-border-dark {
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-dark) !important;
  color: var(--bs-dark) !important;
}

.layui-text-black {
  color: #000000 !important;
}

.layui-input-wrap.toolbar {
  display: inline-block;
  vertical-align: top;
}

.layui-input-wrap.toolbar-sm {
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
}

.layui-input-wrap.toolbar .layui-input {
  vertical-align: middle;
  margin-bottom: 10px;
}

.layui-input-wrap.toolbar-sm .layui-input-prefix {
  width: 30px;
  height: 30px;
}

.layui-input-wrap.toolbar-sm .layui-input {
  vertical-align: middle;
  margin-bottom: 10px;
  height: 30px;
  font-size: 12px;
}

.layui-input-wrap.toolbar .layui-input:focus,
.layui-input-wrap.toolbar-sm .layui-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}

.layui-input-wrap.toolbar .layui-input:hover,
.layui-input-wrap.toolbar-sm .layui-input:hover {
  outline: 0;
  border-color: #2a8edd;
}