.brand-link {
  color: #393185;
  border-bottom: 1px solid #DDD;
  padding-bottom: 12px;
}

.brand-link:hover {
  color: #393185;
}

.search-btn {
  border: 1px solid #ced4da !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}

.search-input {
  border: 1px solid #ced4da !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}

.btn-dishub {
  color: #fff !important;
  background-color: #393185 !important;
  border-color: #393185 !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}

.btn-dishub:hover {
  color: #fff;
  background-color: #41398c;
  border-color: #3d3396;
}

.btn-dishub:focus, .btn-dishub.focus {
  box-shadow: 0 0 0 0.2rem rgba(41, 13, 98, 0.5);
}

.btn-dishub.disabled, .btn-dishub:disabled {
  color: #fff;
  background-color: #393185;
  border-color: #393185;
}

.table thead th{
  background-color: #EEE;
}

.btn-dishub:not(:disabled):not(.disabled):active, .btn-dishub:not(:disabled):not(.disabled).active,
.show > .btn-dishub.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-dishub:not(:disabled):not(.disabled):active:focus, .btn-dishub:not(:disabled):not(.disabled).active:focus,
.show > .btn-dishub.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.login-box {
  width: 100%;
}

.box-dishub {
  width: 360px;
  margin: 0 auto;
}

.bg-dishub {
  background-color: #393185 !important;
}

a.bg-dishub:hover, a.bg-dishub:focus,
button.bg-dishub:hover,
button.bg-dishub:focus {
  background-color: #41398c !important;
}

.nav-link-top {
  color: #fff !important;
}

.link-dishub:hover {
  background-color: #000;
}

.sidebar-dishub {
  background-color: #ffffff;
}

.sidebar-dishub .user-panel a:hover {
  color: #212529;
}

.sidebar-dishub .user-panel .status {
  color: #343a40;
  background: #f4f4f5;
}

.sidebar-dishub .user-panel .status:hover, .sidebar-dishub .user-panel .status:focus, .sidebar-dishub .user-panel .status:active {
  color: #212529;
  background: #ececed;
}

.sidebar-dishub .user-panel .dropdown-menu {
  border-color: #e7e7e8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.sidebar-dishub .user-panel .dropdown-item {
  color: #212529;
}

.sidebar-dishub .nav-sidebar > .nav-item > .nav-link:active, .sidebar-dishub .nav-sidebar > .nav-item > .nav-link:focus {
  color: #343a40;
}

.sidebar-dishub .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-dishub .nav-sidebar > .nav-item:hover > .nav-link {
  color: #393185;
  background-color: #f4f4f5;
  border-left: 5px solid #393185;
}

.sidebar-dishub .nav-sidebar > .nav-item > .nav-link.active {
  color: #393185;
  border-left: 5px solid #393185;
  background-color: #f4f4f5;
}

.sidebar-dishub .nav-sidebar > .nav-item > .nav-treeview {
  background: transparent;
}

.sidebar-dishub .nav-header {
  color: #292d32;
  background: inherit;
}

.sidebar-dishub .sidebar a {
  color: #343a40;
}

.sidebar-dishub .sidebar a:hover {
  text-decoration: none;
}

.sidebar-dishub .nav-treeview > .nav-item > .nav-link {
  color: #777;
}

.sidebar-dishub .nav-treeview > .nav-item > .nav-link.active, .sidebar-dishub .nav-treeview > .nav-item > .nav-link.active:hover {
  color: #212529;
  background-color: #f4f4f5;
}

.sidebar-dishub .nav-treeview > .nav-item > .nav-link:hover {
  background-color: #f4f4f5;
}

.sidebar {
  padding-left: 0;
}

.nav-link {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  border-left: 5px solid transparent;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "〉" !important;
  padding-right: 0 !important;
}

.breadcrumb-item {
  display: block !important;
}

.v-select {
  font-size: 1.35rem;
}

.v-select.searchable .dropdown-toggle {
  height: 48px !important;
}

.v-select input[type=search], .v-select input[type=search]:focus {
  margin: 0 !important;
}

.vdatetime-input {
  font-size: 1.35rem !important;
  line-height: 48px !important;
  height: 1.35em;
}

.dropdown-toggle::after {
  color: #fff;
}

.mr-2{
  margin-right: 8px;
}

.readonly {
  background-color: #fff !important;
}