@charset "utf-8";
/* validform表单验证提示 －S */
/* 表单附近 */
.tooltip.left .tooltip-arrow {
  border-left-color: #f60;
}
.tooltip {
  word-break: keep-all;
  white-space: nowrap;
  opacity: 1;
  filter: alpha(opacity=100);
  display: none;
  transition: 0.2s;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #f60;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #f60;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #f60;
}
.tooltip-inner {
  background-color: #f60;
  max-width: none;
}
/* 底部提示 */
.Validform_checktip {
  color: #999 !important;
  font-size: 14px;
  line-height: 1.6;
  position: absolute;
  top: 100%;
  left: 0;
}
.Validform_checktip.success {
  color: #096 !important;
}
.Validform_checktip.error {
  color: #f00 !important;
}
.Validform_checktip.wait {
  color: #999 !important;
}
.validTips .Validform_checktip {
  padding-left: 20px;
  background: no-repeat 0 center;
}
.validTips .Validform_checktip.success {
  background-image: url(../img/success.png);
}
.validTips .Validform_checktip.error {
  background-image: url(../img/error.png);
}
.validTips .Validform_checktip.wait {
  background-image: url(../img/tips.png);
}
input.error {
  border-color: #f00;
  box-shadow: 0 0 0 0.1rem #ff000040;
}
.control-form .Validform_checktip {
  left: 15px;
}
.control-form .input-group .Validform_checktip {
  left: 5px;
}
.control-form .Validform_checktip.success {
  background: none;
  padding: 0;
}
.form-btn {
  text-align: center;
  margin-top: 0.8rem;
  position: relative;
}
.form-btn .Validform_checktip {
  top: 0;
  line-height: 2.7;
}
/* validform表单验证提示 －E */

/* BOOTSTRAP样式补充优化 －S */
.form-group {
  position: relative;
  margin-bottom: 15px;
}
.form-control {
  box-shadow: none !important;
  box-sizing: border-box;
}
.form-group.icon .form-control {
  padding-left: 40px;
}
.form-group.icon .icon {
  position: absolute;
  top: 2px;
  left: 0;
  width: 35px;
  height: 34px;
  background: no-repeat;
}
.form-inline .form-check {
  margin-right: 1em;
}
.form-check .form-check-input {
  margin-top: 0.68em;
}
.form-range {
  height: auto;
}
.input-group-text {
  border-color: #f0f0f0;
  background-color: #fbfbfb;
  color: #666;
}
/* BOOTSTRAP样式补充优化 －E */

.custom-switch {
  display: inline-block;
  padding-left: 2.7rem;
  position: relative;
  top: 3px;
}
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
  transition: 0.3s;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #adb5bd;
}

/* 超过指定宽度，用省略号代替 */
.ellipsis {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*强制换行*/
.break_word {
  word-wrap: break-word;
  word-break: break-all;
}
/*禁止换行*/
.keep_all {
  word-break: keep-all;
  white-space: nowrap;
}

.text-through {
  text-decoration: line-through;
  color: #999;
}

a.custom_close,
a.close_mini {
  width: 25px;
  height: 25px;
  background: url(../img/close.png) no-repeat 5px 5px;
  position: absolute;
  top: 0;
  right: 0;
}
a.close_mini {
  background-image: url("../img/close_mini.png");
  background-position: 4px 3px;
  width: 20px;
  height: 20px;
  top: 5px;
}
a.custom_close:hover {
  background-position: 5px -25px;
}
a.close_mini:hover {
  background-position: 4px -30px;
}

label {
  font-weight: normal;
  display: block;
}
.form-inline label {
  display: inline-block;
}
.width_auto {
  width: auto !important;
  min-width: 300px;
}
.control-label {
  font-weight: 700;
}

.wdate,
.wdatetime {
  background: #fff url("../img/datePicker.png") no-repeat right center !important;
}
.wdate {
  width: 130px !important;
}
.wdatetime {
  width: 190px !important;
}

.tips_box {
  max-width: 400px;
  float: left;
  margin: auto;
  position: fixed;
  top: 0;
  box-sizing: content-box;
  opacity: 0;
  background: #fff;
  box-shadow: #999 0 0 5px;
  border-radius: 5px;
  padding: 10px 15px;
  padding-top: 14px;
}
.tips_box img {
  position: relative;
  top: -2px;
  margin-right: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    transition: all 5s;
  }
}
.loading {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.upload-area .file_btn {
  display: none;
}