body {
  background-color: #141728;
  color: #e9ecef;
}

.text-body {
  color: #e9ecef !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
}

.card {
  background: #111322;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.skeleton {
  background: linear-gradient(90deg, #111322 50vw, #222644 80vw, #111322 100vw);
}

.bg-gradient-light {
  background-image: linear-gradient(310deg, #141727, #3a416f);
}

.bg-white {
  background-color: #252f40 !important;
}

.text-dark {
  color: #e9ecef !important;
}

.text-gradient.text-dark {
  background-image: linear-gradient(310deg, #e9ecef, #e9ecef);
}

.table > :not(caption) > * > * {
  border-color: #ffffffa0;
  color: #ffffffa0;
}

.btn-light {
  color: #fff;
  background-color: #344767;
}

a {
  color: #fff;
}

#main-loader {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  background-color: #252f40;
}

.form-control, .form-control:focus, .input-group-text {
  background-color: #111322;
  color: #fff;
}

.form-control:disabled, .form-control[readonly]{
  background-color: inherit;
  opacity: 0.6;
}