/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
* { box-sizing: border-box; }
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html, body {
  font-size: 14px;
  background: #F5F5F5;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.disNone { display: none; }

.clearfix { clear: both; }
.clearfix:after { content: "."; display: inline-block; height: 0; clear: both; visibility: hidden; }

.login-logo { font-size: 28px; font-weight: 700; font-family: Microsoft YaHei; color: #1a77d5; text-align: center; height: 180px; padding-top: 80px; box-sizing: border-box; }
.system-logo { display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin-right: 10px; }
.login-bg { width: 100%; height: auto; }
.one-row { display: block; height: 34px; position: relative; }
.login .el-input__inner { border: none; font-size: 12px; }

.login .el-input__inner::-webkit-input-placeholder { color: #808080; font-family: Microsoft YaHei; }
.login-input { color: #27313a; width: 280px !important; font-size: 14px; height: 34px; border: 1px solid #a0a2ab; float: left; padding-left: 8px; box-sizing: border-box; border-color: #bfbfbf; outline: none; }
.login-input:focus { border-color: #1a77d5; }
.login-input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(255, 255, 255) !important; background-image: none !important; color: rgb(0, 0, 0) !important; }

.form-control { position: relative; }
.form-control label { font-size: 14px; color: #000; display: block; padding: 18px 0 8px 0; text-align: left; }

.login-box input::-webkit-input-placeholder, .login-box textarea::-webkit-input-placeholder { color: #808080; font-family: Microsoft YaHei; }
.login-box input:-moz-placeholder, .login-box textarea:-moz-placeholder { color: #808080; font-family: Microsoft YaHei; }
.login-box input::-moz-placeholder, .login-box textarea::-moz-placeholder { color: #808080; font-family: Microsoft YaHei; }
.login-box input:-ms-input-placeholder, .login-box textarea:-ms-input-placeholder { color: #808080; font-family: Microsoft YaHei; }

.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
a.bluelink { color: #1a77d5; text-decoration: none; }
a.bluelink:hover { text-decoration: none; }

.errorMsg { position: absolute; bottom: 0; color: #ff0000; font-size: 12px; display: none; }

.blue-btn { float: right; width: 90px !important; height: 30px; background: #1a89e7; color: #fff; font-size: 14px; margin-top: 20px !important; clear: both; letter-spacing: 1px; font-weight: bold; padding-left: 6px; border: none; cursor: pointer; box-sizing: border-box; border-radius: 2px; }
.blue-btn:hover { background: #4aa3ee; }


/* alert */
#ds-alert-container { position: fixed; z-index: 2000; top: 0; left: 50%; max-width: 50%; transform: translateX(-50%); }
.ds-alert { animation: fadeIn forwards .3s ease-in-out; margin-top: 20px; padding: 11px 20px; display: flex; align-items: center; border-width: 1px; border-style: solid; border-radius: 4px; }
.ds-alert.off { animation: fadeOut forwards .3s ease-in-out; }
.ds-alert p { flex: 1; margin: 0 0 0 15px; padding: 0; font-size: 16px; font-family: OpenSans-Regular; word-break: break-word; }
.ds-alert.success { border-color: #47B347; background-color: #E5FFE5; }
.ds-alert.success p { color: #47B347; }
.ds-alert.error { border-color: #B34947; background-color: #FFE6E5; }
.ds-alert.error p { color: #B34947; }
.ds-alert.warning { border-color: #B37D47; background-color: #FFF2E5; }
.ds-alert.warning p { color: #B37D47; }
.ds-alert.info { border-color: #4788B3; background-color: #E5F5FF; }
.ds-alert.info p { color: #4788B3; }

.ds-alert::before { content: ""; display: block; width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.ds-alert.success::before { background-image: url(../images/icons/alert/icon-sucess.svg); }
.ds-alert.error::before { background-image: url(../images/icons/alert/icon-error.svg); }
.ds-alert.warning::before { background-image: url(../images/icons/alert/icon-warning.svg); }
.ds-alert.info::before { background-image: url(../images/icons/alert/icon-info.svg); }

.ds-alert .ds-alert-close-btn { margin-left: 50px; width: 13px; height: 13px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: contain; }
.ds-alert.success .ds-alert-close-btn { background-image: url(../images/icons/alert/icon-success-close.svg); }
.ds-alert.error .ds-alert-close-btn { background-image: url(../images/icons/alert/icon-error-close.svg); }
.ds-alert.warning .ds-alert-close-btn { background-image: url(../images/icons/alert/icon-warning-close.svg); }
.ds-alert.info .ds-alert-close-btn { background-image: url(../images/icons/alert/icon-info-close.svg); }

@keyframes fadeIn {
    0% { opacity: 0; margin-top: 0; }
    100% { opacity: 1; margin-top: 20px; }
}

@keyframes fadeOut {
    0% { opacity: 1; margin-top: 20px; }
    100% { opacity: 0; margin-top: 0; display: none; }
}