input:read-only {
  background-color: #dddddd;
}

.ej-right {
  text-align: right;
}

.input-group {
  min-width: 130px!important;
}

input.ej-checkbox-height {
  min-height: 30px!important;
}

.ej-nav-logo {
    height: 60px;
}

.nav-link, .dropdown-item {
  padding-left: 1rem!important;
  padding-right: 1rem!important;
  color: #e0e0ff!important;
  font-weight: 500;
}

.navbar .nav-link:hover, .navbar .dropdown-item:hover {
  color: #ffffff!important;
}

.navbar .dropdown-item:hover, .navbar .dropdown-item:active {
  background-color: #3401cc!important;
}

.navbar .dropdown-menu {
  border-color: #e0e0ff!important;
}

.ej-selection-bar {
  padding-top: 0;
  padding-bottom: 0;
}

.ej-button-bar {
  padding-top: 0.5rem;
  padding-bottom: 0;
}

.ej-button-bar button {
  margin-bottom: 0.5rem!important;
}

table.ej-table th {
  background-image: linear-gradient(#c0c0c0, #909090);
  padding: 0.5rem;
}

table.ej-table td {
  background-image: linear-gradient(#ffffff, #e0e0e0);
  padding: 0.5rem;
}

table.ej-justify td, table.ej-justify th {
  padding: 0.2rem;
}

.ej-no-wrap {
  white-space: nowrap;
}

.ej-max-width-full {
  max-width: 100%;
}

div.input-group-append {
  min-width: 40px;
}

span.input-group-text {
  justify-content: center;
}

.ej-unimportant {
  color: #888888;
  font-style: italic;
  font-size: small;
}

.ej-version {
  text-align: right;
  color: #888888;
  font-size: small;
}

ul.nav-tabs {
  background-color: #ffffff;
}

button.nav-link.active {
  background-color: #bbbbbb!important;
}

button.nav-link {
  color: #222222!important;
}

button.nav-link:hover {
  color: #888888!important;
}

div.tab-pane {
  background-color: #eeeeee!important;
  padding: 0;
  border: 2px solid #bbbbbb;
  border-radius: 5px;
}

.nav-tabs {
  border-bottom: 0 solid transparent!important;
}

.nav-tabs .nav-link {
  border: 0 solid transparent!important;
}

td.ej-td-align-top {
  vertical-align: top;
}

.ej-card-normal {
  background-color: #ffffff!important;
  border: 2px solid #bbbbbb;
}

.ej-card-highlight {
  background-color: #bbbbbb!important;
}

.ej-card-danger {
  background-color: #ffcccc!important;
}

.ej-edit {
  font-weight: bold;
}

.ej-edit:not([disabled]) {
  background-color: #ffffcc!important;
}

.ej-strong {
  font-weight: bold;
}

.bg-primary {
  background-color: #3401cc!important;
}

.btn-primary {
  background-color: #3401cc!important;
  border-color: #3401cc!important;
}

.dropdown-menu {
  background-color: #3401cc!important;
  border-color: #3401cc!important;
}

select.ej-select-width {
  max-width: 400px;
}

.ej-login-width {
  width: 400px;
}

.ej-spinner {
  max-width: 20px;
  max-height: 20px;
}