:root {
  --body-bg-rgb: 245, 246, 248;
  --primary-rgb: 89, 101, 249;
  --secondary-rgb: 0, 123, 255;
  --warning-rgb: 255, 193, 7;
  --info-rgb: 23, 162, 184;
  --success-rgb: 8, 193, 141;
  --danger-rgb: 255, 89, 89;
  --light-rgb: 243, 246, 248;
  --dark-rgb: 35, 35, 35;
  --orange-rgb: 255, 165, 5;
  --pink-rgb: 231, 145, 188;
  --teal-rgb: 18, 194, 194;
  --purple-rgb: 137, 32, 173;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --default-font-family: 'Roboto', sans-serif;
  --default-font-weight: 400;
  --default-text-color: #333335;
  --default-border: #e7e7ef;
  --default-background: #f7f8f9;
  --menu-bg: #fff;
  --menu-prime-color: #536485;
  --menu-border-color: #f3f3f3;
  --header-bg: #fff;
  --header-prime-color: #536485;
  --header-border-color: #f3f3f3;
  --custom-white: #fff;
  --custom-black: #000;
  --bootstrap-card-border: #f3f3f3;
  --list-hover-focus-bg: #f5f6f7;
  --text-muted: #8587a7;
  --btn-dark: #3b4863;
  --input-border: #dadce1;
  --form-control-bg: #ffffff;
  --card-shadow: rgba(28, 36, 44, 0.2) 0px 0px 20px 0px;
  --primary-shadow: 0px 0px 5px var(--primary07);
  --gray-1: #f9fafb;
  --gray-2: #f2f4f5;
  --gray-3: #e6eaeb;
  --gray-4: #dbdfe1;
  --gray-5: #949eb7;
  --gray-6: #7987a1;
  --gray-7: #4d5875;
  --gray-8: #383853;
  --gray-9: #323251;
  --white-1: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.2);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-4: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-6: rgba(255, 255, 255, 0.6);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-8: rgba(255, 255, 255, 0.8);
  --white-9: rgba(255, 255, 255, 0.9);
  --black-1: rgba(0, 0, 0, 0.1);
  --black-2: rgba(0, 0, 0, 0.2);
  --black-3: rgba(0, 0, 0, 0.3);
  --black-4: rgba(0, 0, 0, 0.4);
  --black-5: rgba(0, 0, 0, 0.5);
  --black-6: rgba(0, 0, 0, 0.6);
  --black-7: rgba(0, 0, 0, 0.7);
  --black-8: rgba(0, 0, 0, 0.8);
  --black-9: rgba(0, 0, 0, 0.9);
  --default-radius: 0.375rem;
}

html {
  font-size: 100%;
}
body {
  font-size: 0.875rem;
  /* font-size: 14px; */
}
body {
  background-color: #fff;
}
.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: var(--primary09);
  border-color: var(--primary-color);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: var(--primary09) !important;
  border-color: var(--primary-color) !important;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.panel {
  box-shadow: var(--card-shadow);
  border-radius: var(--default-radius);
  /* overflow: hidden; */
}

.form-control {
  border-color: var(--input-border);
  color: var(--default-text-color);
  background-color: var(--form-control-bg);
  /* font-size: 0.875rem; */
  font-weight: var(--default-font-weight);
  line-height: 1.6;
  border-radius: 0.25rem;
}
.bs-checkbox input[type='checkbox'] {
  width: 1em;
  height: 1em;
  background-color: var(--custom-white);
  border: 1px solid var(--input-border);
}

.bs-checkbox input[type='checkbox']:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.bootstrap-table .table {
  /* border: none !important; */
  border-radius: var(--default-radius);
}
.caret {
  display: none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.input-group .input-group-addon {
  border-color: var(--input-border);
  border-radius: 0.35rem 0 0 0.35rem;
  color: var(--gray-5);
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
  background-color: transparent !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.table-bordered {
  border-left: 0;
  border-right: 0;
  /* border-top: 0; */
}
.bootstrap-table .table > thead > tr {
  position: relative;
}

.bootstrap-table .table > thead > tr > th {
  border-color: var(--input-border);
}

.card {
  box-shadow: var(--card-shadow);
  border-radius: var(--default-radius);
  /* overflow: hidden; */
  padding: 1.25rem;
}

/* 按钮 */
.btn-default {
  background-color: rgb(var(--light-rgb));
  border-color: var(--default-border);
  color: var(--default-text-color);
}

.btn-default:hover {
  background-color: rgb(var(--light-rgb));
  border-color: var(--default-border);
  color: var(--default-text-color);
}

.btn-default:focus {
  box-shadow: none;
  border-color: var(--default-border);
  color: var(--default-text-color);
}

.btn-default:active {
  box-shadow: none;
  border-color: var(--default-border);
  color: var(--default-text-color);
}

.btn-default.disabled {
  background-color: rgb(var(--light-rgb));
  border-color: var(--default-border);
  color: var(--default-text-color);
}

.main-sidebar {
  background-color: var(--primary-color) !important;
}

.bootstrap-datetimepicker-widget {
  box-shadow: var(--card-shadow);
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.city-select a.active {
  background-color: var(--primary-color) !important;
}

.city-select-tab {
  background-color: var(--gray-1) !important;
}
.form-control.select-readonly,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: rgb(var(--light-rgb));
  color: var(--default-text-color);
}

input:checked + .slider {
  background-color: var(--primary-color) !important;
}
td .btn {
  padding: 0.1rem 0.3rem;
}
.pagination > li > a {
  background-color: transparent;
  border: none;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--primary-color);
  border-radius: 0.25rem;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: var(--primary02);
}

input[type='checkbox'] {
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid var(--input-border);
  border-radius: 0.25rem;
}
input[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
input[type='checkbox']:focus {
  /* border-color: #86b7fe; */
  outline: 0;
}
input[type='radio'] {
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid var(--input-border);
  border-radius: 1rem;
}
input[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
input[type='radio']:focus {
  /* border-color: #86b7fe; */
  outline: 0;
}

.panel-intro > .panel-heading {
  background-color: var(--primary01);
}

.panel-intro > .panel-heading .nav-tabs > li > a,
.panel-intro > .panel-heading .nav-tabs > li > a:hover {
  /* color: var(--primary-color); */
  background-color: var(--primary03);
  color: #666;
}
.panel-intro > .panel-heading .nav-tabs > li.active > a,
.panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
.panel-intro > .panel-heading .nav-tabs > li.active > a:focus {
  color: var(--primary-color);
}

.user-panel {
  display: none;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
  /* background-color: var(--primary03); */
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: inherit;
  /* border-color: inherit; */
}

#content {
  padding: 0 15px;
}
.content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  /* background-color: var(--primary-color); */
  /* color: #fff; */
}

.navbar {
  /* background-color: var(--primary-color); */
  /* color: #fff; */
  box-shadow: var(--card-shadow);
}
.navbar-brand {
  /* color: #fff; */
  padding-left: 0;
  padding-right: 0;
  width: 230px;
  text-align: center;
  border-right: 1px solid #e7e7ef;
}
@media (min-width: 768px) {
  .navbar-white .navbar-nav > li > a {
    color: #fff;
  }
  .navbar-white .navbar-nav > li > a:hover,
  .navbar-white .navbar-nav > li > a:focus,
  .navbar-white .navbar-nav > li > a:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
  }
}
#content-container > .row > .col-md-9 {
  background-color: #f9fafb;
}
.list-group-item .fa {
  color: var(--primary-color);
}
.sidenav .list-group .list-group-item.active .fa {
  color: #fff;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
  background-color: var(--primary-color) !important;
  color: #fff;
}