@charset 'utf-8';

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f1f2f6;
  color: #495060;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
  font-size: 12px;
  line-height: 1.5;
  min-width: 1190px;
}
h4 {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 5px;
}
h4 > span {
  border-bottom: 2px solid #2d8cf0;
  padding: 4px 10px 4px 4px;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
label.error {
  color: #f03347;
  font-weight: normal;
  padding-top: 7px;
}
span.required {
  color: #f03347;
  font-weight: normal;
}

#login-form {
  background-color: #fff;
  width: 360px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -90%);
}

.app-logo {
  font-weight: 400;
  font-size: 16px;
}

.app-version {
  font-size: 1.5px;
}

#wrapper {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  min-height: 700px;
  margin-bottom: 30px;
}

#sidebar {
  border-right: 1px solid #e7e7e7;
  float: left;
  width: 200px;
}

#body {
  border-left: 1px solid #e7e7e7;
  font-size: 13px;
  margin-left: 199px;
  min-height: 700px;
}

#body > div {
  padding: 15px;
}

#content {
  border-right: 1px dotted #e7e7e7;
  min-height: 700px;
}

#message {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 10001;
}

#image-thead-view,
#image-tbody-view {
  height: 150px;
  width: 150px;
}

.form-line {
  border-top: 1px solid #e7e7e7;
  padding-top: 15px;
}
.th-sort {
  cursor: pointer;
}

.th-sort > a {
  display: block;
  color: #212529;
  text-decoration: none;
}

.btn-download {
  float: right;
  margin-top: -6px;
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.tag-success {
  background-color: #5cb85c;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 5px;
}

.tag-danger {
  background-color: #d9534f;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 5px;
}

.panel-primary > .panel-heading > a {
  color: #ffffff;
}

.panel-success > .panel-heading > a {
  color: #3c763d;
}

.panel-info > .panel-heading > a {
  color: #31708f;
}

.panel-warning > .panel-heading > a {
  color: #8a6d3b;
}

.panel-danger > .panel-heading > a {
  color: #a94442;
}
span.text-danger {
  padding-left: 15px;
}