html, body {
    background-color: #141820;
    color: #d6d9e0;
}

.body-content,
.container,
.container-fluid {
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6, label, .control-label {
    color: #dfe3ea;
}
.__ndb-wrapper h1,
.__ndb-wrapper h2,
.__ndb-wrapper h3,
.__ndb-wrapper h4,
.__ndb-wrapper h5,
.__ndb-wrapper h6,
.__ndb-wrapper label {
    color: black;
}

a { color: #8aa4c8; }
a:hover, a:focus { color: #a8bedc; text-decoration: none; }

.main_menu { background-color: #1e2632; }
.main_menu h1 { color: #7aa0e2; }
.main_menu h1 span { color: #e9ecf1; }

.form-control,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"],
select,
textarea {
    background-color: #1a2028;
    color: #d9dde5;
    border-color: #424a57;
}

.form-control:focus,
select:focus,
textarea:focus {
    background-color: #1a2230;
    color: #e7ebf1;
    border-color: #4f66a3;
    box-shadow: 0 0 0 2px rgba(79, 102, 163, 0.28);
}

::placeholder { color: #a4acb8; opacity: 1; }
::-ms-input-placeholder { color: #a4acb8; }
::-webkit-input-placeholder { color: #a4acb8; }

.btn { border-color: #424a57; }
.btn-default,
.btn-secondary,
.btn-light {
    background-color: #232b36;
    color: #dfe3ea;
    border-color: #424a57;
}
.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover {
    background-color: #2b3441;
    color: #ffffff;
}

.btn-primary {
    background-color: #4f66a3;
    border-color: #445a95;
}
.btn-primary:hover { background-color: #445a95; }

.panel,
.well,
.card {
    background-color: #1a2028;
    border-color: #3f4754;
    color: #d9dde5;
}

table { color: #d9dde5; }
th { color: #e9ecf1; background-color: #232b36; }
td { border-color: #424a57; }

.text-danger, .field-validation-error, .validation-summary-errors { color: #f2a7a7; }

.img-container {
    border-color: #5f6773;
    width: 100px;
    height: 100px;
    background: white;
}
.img-container-selected {
    border-color: #4a94f2;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.9);
    width: 100px;
    height: 100px;
    background: #e6e6e6;
}

hr { border-top: 1px solid #424a57; }

input[type="checkbox"], input[type="radio"] { filter: saturate(105%); }

.__ndb-wrapper {
    background-color: #ffffff !important;
    color: #111827 !important;
}

.__ndb-form-control-input.ng-pristine,
.__ndb-form-control-input.ng-valid {
    background-color: #ffffff !important;
    color: #111827 !important;
}

.connecting-info a { color: #8aa4c8 !important; }