:root {
  --main-color: #1a1c2e;
  --main-original-color: #1a1c2e;
  --main-light-color: #252840;
  --main-lighter-color: #2e3150;
  --secondary-color: #00d4e8;
  --accent-cyan: #00d4e8;
  --accent-purple: #9b30c8;
  --text-color: #c8cad8;
  --text-muted-color: #7a7c90;
  --card-bg: #1e2030;
  --input-bg: #0d0e1a;
}

.pointer:hover {
  cursor: pointer;
}

/* listados */
.table tr[data-detail-url]:hover {
  cursor: pointer;
}
/* fin listados */

/* botones de accion en detalles y listados */
div.action-buttons {
	min-height: 40px;
}

div.action-buttons a.btn {
  margin: 0px 3px;
}

/* Detail views */
.detail-header {
  font-weight: bold;
}

.detail-group-header {
  border-bottom: 2px #2e3150 solid;
  margin-bottom: 20px;
  width: 100%;
}

.row.row-detail {
  margin-bottom: 30px;
}

.detail .detail-body ul {
  list-style-position: inside;
  list-style-type: circle;
  padding-left: 0px;
}
/* fin detail views */

/* forms */
.form-group.required-field label:after {
  content: " *";
}

.form-group.is-invalid .invalid-feedback {
  display: block;
}
.form-group.is-invalid .select2.select2-container .select2-selection {
  border-color: #dc3545;
}
/* fin forms */

/* buttons */
.btn-primary {
  color: #fff !important;
  background-color: var(--accent-cyan) !important;
  border-color: var(--accent-cyan) !important;
}

.btn-primary:hover {
  background-color: #00b8cc !important;
  border-color: #00b8cc !important;
}

.btn-custom-main {
  color: white;
  background-color: var(--main-color);
  border-color: var(--accent-cyan);
}

/* cards */
.card {
  background-color: var(--card-bg);
  border-color: var(--main-lighter-color);
  color: var(--text-color);
}

.card-header {
  background-color: var(--main-light-color);
  border-bottom-color: var(--main-lighter-color);
}

/* tables */
.table {
  color: var(--text-color);
}

.table thead th {
  border-bottom-color: var(--accent-cyan);
  color: var(--accent-cyan);
}

.table td, .table th {
  border-top-color: var(--main-lighter-color);
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,.03);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 212, 232, .07);
  color: var(--text-color);
}

/* links */
a {
  color: var(--accent-cyan);
}

a:hover {
  color: #00b8cc;
}

/* badges / misc */
.text-muted {
  color: var(--text-muted-color) !important;
}