body {
  font: 14px 'Lucida Grande', Helvetica, Arial, sans-serif;
}

a {
  color: #00b7ff;
}

.k-i-check-outline {
  color: green;
  font-size: 2em;
}

.k-i-warning {
  color: orange;
  font-size: 2em;
}

.k-i-close-outline {
  color: red;
  font-size: 2em;
}

table {
  border-collapse: collapse;
  width: 600px;
}

table td,
th {
  border: black 1px solid;
  padding: 0px 5px;
}

table th {
  background-color: #989898;
  text-align: left;
}

.i-actionbar {
  margin-bottom: 10px;
}

.i-data-dialog.k-window-content {
  padding: 0;
}

.i-actionbar .i-last-change {
  float: right;
  margin-top: 6px;
}

.k-grid tbody .k-button {
  min-width: 0;
}

.k-dialog.k-confirm .k-header {
  display: none;
}

.i-row-info {
  margin-top: -5px;
}

.i-row {
  margin-bottom: 5px;
}

.i-row-label {
  width: 150px;
  display: inline-block;
}

.i-row-value {
  display: inline-block;
  width: calc(100% - 160px);
}

.i-row-value input:not(.k-checkbox) {
  width: 100%;
}

.k-dialog .k-dialog-buttongroup .k-button {
  flex-grow: 3;
}

.k-dialog .k-dialog-buttongroup {
  display: flex;
}

.i-row-value-info {
  margin-left: 10px;
}

.k-tooltip-validation.k-invalid-msg {
  display: inline-block;
  width: 10px;
  text-align: left;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  color: red;
  position: absolute;
  right: 35px;
  margin-top: 4px;
  font-size: 10px;
}

.i-animated-loading {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.i-logs,
.i-config,
.i-system-restart,
.i-backups,
.i-update {
  float: right;
  margin-left: 3px;
}

.k-tooltip-content {
  text-align: left;
}

.i-active-checkbox {
  margin-left: 30px;
  margin-top: 5px;
}

.k-card {
  margin-bottom: 10px;
  margin-right: 10px;
  height: 100px;
  position: relative;
  float: left;
  width: 400px;
}

.i-category-wrapper:after {
  content: ' ';
  clear: both;
  display: block;
  height: 0;
}

.i-category-list {
  overflow: auto;
  height: calc(100% - 88px);
  padding: 0px 10px;
}

.i-card-actions {
  position: absolute;
  bottom: 5px;
  left: 16px;
  right: 16px;
}

.i-card-actions a {
  color: #444;
}

.i-card-title-wrapper {
  display: inline-block;
}

.i-card-title {
  margin: 10px 0px;
  font-size: small;
  clear: both;
  text-transform: uppercase;
}

.i-card-subtitle {
  font-size: smaller;
  display: blocK;
  margin-top: 2px;
}

.k-badge-error {
  background: red;
}

.k-badge-success {
  background: seagreen;
}

.i-card-description {
  padding: 8px 0px;
  font-size: 12px;
  color: #b1b1b1;
  width: 350px;
}

.k-card {
  border-radius: 0;
  /* box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  border: 0;
  opacity: 0.7;
}

.k-badge-disabled {
  background-color: #444;
}

.k-card.i-layer-active {
  opacity: 1;
}

.i-category-wrapper h3 {
  margin-left: -10px;
}

.i-search-wrapper {
  margin-bottom: 20px;
}

.i-search-wrapper .i-search-field {
  width: calc(100% - 475px);
  margin-left: 10px;
  display: inline-block;

  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  transition: 0.3s;
  border: 0;
}

.k-dialog .k-dialog-titlebar {
  background: #0067b1;
  color: #fff;
  padding: 10px;
}

.k-dialog-buttongroup {
  border-top: 0px;
}

.i-position-right {
  float: right;
}

.i-button-delete {
  background-color: darkred;
  color: white;
}

.i-layer-children {
  cursor: pointer;
}

.k-confirm .k-window-titlebar::before {
  content: 'Confirmation';
}

.k-confirm .k-window-titlebar .k-dialog-title {
  height: 0;
}

.i-card-title a {
  color: #0067b1;
  text-decoration: underline !important;
}

.i-footer {
  border-top: 1px solid #ccc;
  padding: 5px;
  font-size: small;
  margin-top: 5px;
  background: rgb(246, 246, 246);
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99;
}

.i-child-title {
  text-decoration: underline !important;
}

.k-state-selected td a:visited.i-child-title {
  color: white;
}